Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • ENTREGA 1 SEMANA 3 Front End

    Cargado por

    Luis Carlos Mogollón Lozano
    195 vistas10 páginas
    El documento presenta propuestas para mejorar la aplicación web BOCA mediante el uso de tecnologías front-end como HTML, CSS y JavaScript. Se propone agregar media queries para mejorar la visualización responsiva, conectar la aplicación a un servidor y permitir su uso en diferentes sistemas operativos más allá de Linux.

    Descripción original:

    Trabajo colaborativo

    Título original

    ENTREGA 1 SEMANA 3 front end

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento presenta propuestas para mejorar la aplicación web BOCA mediante el uso de tecnologías front-end como HTML, CSS y JavaScript. Se propone agregar media queries para mejorar la visualización responsiva, conectar la aplicación a un servidor y permitir su uso en diferentes sistemas operativos más allá de Linux.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como pdf o txt
    195 vistas10 páginas

    ENTREGA 1 SEMANA 3 Front End

    Cargado por

    Luis Carlos Mogollón Lozano
    El documento presenta propuestas para mejorar la aplicación web BOCA mediante el uso de tecnologías front-end como HTML, CSS y JavaScript. Se propone agregar media queries para mejorar la visualización responsiva, conectar la aplicación a un servidor y permitir su uso en diferentes sistemas operativos más allá de Linux.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como pdf o txt
    de 10

    ENTREGA 1 SEMANA 3 FRONT END

    ESTUDIANTES:
    JUAN ESTEBAN TELLEZ DURAN Cod: 1025320556
    LUIS CARLOS MOGOLLON Cod: 1016022425
    CARLOS SANTIAGO ROA ECHEVERRI Cod: 100234784
    MAURICIO RODRIGUEZ LOPEZ Cod: 1921020703

    DOCENTE:
    JHON OLARTE

    POLITÉCNICO GRANCOLOMBIANO
    INGENIERÍA DE SOFTWARE
    FRONT END
    MARZO 2022

    1
    JUSTIFICACIÓN

    El documento presenta el funcionamiento de una aplicación Web y varias


    propuestas de mejora sobre la aplicación BOCA. Dichas mejoras se presentarán
    utilizando tecnologías de desarrollo Front End.
    La manera de mejorar la interacción del usuario con el software “Boca” contará
    con un sistema de administración de recursos en html, css y javascript abordando
    la programación hacia el diseño y complementando la base ya diseñada en
    lenguaje PHP.
    Ahora si tenemos en cuenta que HTML nos permite generar plantillas y CSS
    acoplar los estilos, tenemos que realizar un alcance mayor en cuanto a
    funcionalidad se refiere, para esto nos apoyaremos en Javascript, que nos va a
    permitir controlar la funcionalidad del proyecto en Funciones, eventos, etc. Se
    utiliza principalmente para crear dinamismo a nuestras paginas (Pérez, J. E. (2019).

    2
    Contenido

    OBJETIVOS 4
    INTRODUCCIÓN 5
    COMO MEJORAR LA APLICACIÓN WEB BOCA 6
    CONCLUSIONES 7
    REFERENCIAS 8

    3
    Objetivo General

    Permitir la mejora de accesibilidad visual por parte del usuario a través de la


    aplicación Boca Web y que de esta manera sea más amigable para su uso y
    manejo.

    Objetivos específicos

     Analizar los problemas que se puedan presentar al momento de interactuar


    con la interfaz gráfica de la aplicación en BOCA.
     Presentar una propuesta de mejora abordada desde la programación de
    código en la interfaz de la aplicación.

    4
    INTRODUCCIÓN

    Que es BOCA ONLINE CONTEST ADMINISTRATOR:


    “Boca” como dice en su página web es un sistema de administración de concursos
    de programación que ha sido diseñado para usar php y postgresql para backend,
    una de sus cualidades es su portabilidad y flexibilidad. Esta herramienta mejora las
    habilidades de los estudiantes de programación al hacerlos competir entre ellos
    permitiéndoles realizar ejercicios con c++ y java, estas competencias se realizan
    mediante una red local creando usuarios para los jueces equipos e integrantes de
    estos.
    El Cloud Computing va a ser en poco tiempo un campo crítico en la evolución de las
    tecnologías de información, ya que ofrece eficiencia y costos reducidos en los
    procesos de gestión, además permite almacenar la información a través de la nube
    sin la necesidad de adquirir grandes equipos electrónicos
    Las maratones de programación promueven el aprendizaje, el trabajo en equipo, el
    análisis y solución de problemas, el pensamiento algorítmico y valores como la
    tolerancia, la honestidad y el respeto, es por esto que las universidades procuran
    realizar este tipo de eventos varias veces al año en beneficio de sus estudiantes,
    seria fantastico que no solo las universidades sino también los colegios hicieran y/o
    promovieron este tipo de actividades, aprovechando las habilidades del siglo XXI y
    la 4RI (cuarta revolución industrial)

    5
    COMO MEJORAR LA APLICACIÓN WEB BOCA

    1. Crear @mediaQuery para mejorar la visualización de la página y se


    generan gráficas de tipo responsive

    2. cubrir todos los rangos de pantalla con la funcionalidad @media only screen
    ejemplo:
    @media only screen and (min-width: 600px) and (max-width: 768px)
    3. Manejar contenedores independientes y utilizar marcos de trabajo como
    Boostrap

    4. Conectar Boca con un servidor, instalando un vpn o un webservice.

    5. Permitir que la aplicacion no dependa netamente de un entorno linux sino


    que sea multiSistema operativo.
    Ejemplos de modificación de vistas para BOCA:

    6
    7
    8
    CONCLUSIONES

    1. Para la realización de este trabajo fue necesaria montar una máquina virtual
    ya que ninguno de los integrantes manejabamos Ubuntu “linux” lo cual de
    primer impacto fue un buen reto ya que la interfaz de Windows y Linux son
    bastantes diferentes.

    2. La interfaz de “Boca” es algo simple y a la vez algo confusa, por lo que


    como equipo nos gustaría encontrar la manera de mejorar y/o cambiar el
    código para que por un lado sea más amigable al usuario final y por otro
    lado, buscar y encontrar la manera para que este se pueda instalar también
    en windows.

    3. Sería muy interesante que existieran más sistemas de este tipo para poder
    potenciar aún más las habilidades del siglo XXI, y que sea de facil acceso
    para todo el mundo, que sea más abierto y de esta manera se pueda
    incentivar y así potenciar más dichas competencias, esto teniendo en
    cuenta la cuarta revolución industrial.

    9
    REFERENCIAS

    Brazilian's Contest Infrastructure: BOCA and Maratona Linux. (2004). BOCA


    Online Contest Administrator. 2022, marzo , de BOCA Online Contest
    Administrator Recuperado de http://www.ime.usp.br/~cassio/boca/

    Javier Eguíluz Pérez. (2009). Introducción a JavaScript . 2022, marzo , de


    Librosweb Recuperado de
    http://190.57.147.202:90/jspui/bitstream/123456789/430/1/introduccion_javascript
    %20%281%29.pdf

    10

    También podría gustarte