Memoria tecnica.

...

Hipótesis

Hoy en día el internet es una herramienta de gran ayuda para todo público, algunas desventajas es que existen una gran cantidad de sitios que ofrecen diversos tipos de enseñanzas, pero no todos son confiables y seguros.

Suponemos que como en España (Sánchez, 2009) se han implementado nuevos planes de estudio con la intención de facilitar y hacer más didáctico el estudio, creando plataformas educativas y herramientas, donde los estudiantes pueden consultar desde sus dispositivos móviles y computadoras, con la creación de una página web enfocada en el almacenamiento de apps previamente seleccionadas para factorizar el tiempo de búsquedas de aplicaciones, por lo que con este proyecto se creara una multiplataforma confiable y segura para el usuario.

Mediante el sitio “Mundo Tecnológico”, los usuarios encontraran información de diferentes asignaturas del Bachillerato Tecnológico, como son de las asignaturas del componente básico, de forma inmediata y segura, reforzando sus conocimientos y habilidades en cada una de ellas, de manera fácil, al utilizar la multiplataforma que ponemos a consideración.

Objetivo general

Realizar una página web confiable y segura, con un diseño amigable para que los usuarios les resulte atractiva, y en ella se encuentre el contenido de las diferentes materias del componente básico, a lo largo del estudio del Bachillerato Tecnológico, mediante la creación de aplicaciones, recolectando información verídica y confiable de las asignaturas, con la finalidad de que los usuarios tengan una herramienta de trabajo, accesando desde una Pc o un Smartphone.

Objetivo especifico

Crear una página web confiable y segura, que contenga una gran diversidad de aplicaciones confiables para que el usuario pueda hacer uso de ella en sus Smartphone.

Diseñar un entorno amigable, para que al usuario le resulte atractivo y así mismo llame la atención de dicho usuario.

Recolectar la información de las diversas materias del componente básico de los semestres de bachillerato tecnológico, para después elaborar las apps de cada materia y posteriormente alojarlas en la página web.

Marco Teórico

Una página web es un documento de tipo electrónico, el cual contiene información de forma virtual a través de textos, imágenes, gráficos, audio o vídeos y otros tantos materiales dinámicos o estáticos.

HTML es un lenguaje de programación para poder crear páginas web, con este lenguaje crearemos nuestra multiplataforma, también le daremos estilo con diversas herramientas como tipo de letra, colores, entre otros.

Una app es un programa especialmente diseñado para dispositivos móviles, estas se pueden crear por distintas plataformas, en este caso utilizamos una plataforma web llamada App Inventor, que se maneja por medio de bloques.

El beneficio de esto es lograr cubrir todos los planteles de la cadena DGETI, para que así los alumnos y docentes puedan acceder a un sitio propio de la institución, que sea seguro para ayudar al aprendizaje. Recolectar aplicaciones de diversas materias abarcando la mayoría de los semestres con la finalidad de darles una herramienta de trabajo desde su dispositivo móvil o computadora según sea el caso.

Crear diversas cuentas de servidores de descarga, para que los alumnos y docentes tengan opción de decidir la que les parezca conveniente y así usarlas durante el periodo escolar.

Metodología

El desarrollo de la página Web fue a través del código HTML.

El cual hace referencia al lenguaje de marcado para la elaboración de páginas web mediante código (véase imagen 1). Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.

[pic 5]

[pic 6]

Código de pantalla principal

El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto.

De este modo, la página web contiene solamente texto mientras que recae en el navegador web (interpretador del código), la tarea de unir todos los elementos y visualizar la página final. HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.

[pic 7][pic 8]

[pic 9][pic 10]

La plataforma digital se creó con base a una diversidad de software de aplicación libre (APP INVENTOR, HTML) aplicaciones móviles y creación de páginas web respectivamente.

En primer plano se creó la página web por medio del software HTML creando una carpeta CSS (véase imagen 2), para desarrollar el estilo de la página web y para desarrollar las funciones internas la carpeta HTML con la ayuda de (sublime text), desarrollando en primera fase el primer código para funcionamiento después abocándonos en el desarrollo de la interfaz gráfica y posteriormente al funcionamiento.

[pic 11]

[pic 12]

Código de estilo CSS

Donde se le da la forma o diseño de la página, ajustando desde que este centrado hasta los colores que se usan.

Las aplicaciones que se encuentran alojadas en la página web que son App móviles se crean a base de la plataforma (APP INVENTOR), la cual es programación con bloques.

Esta herramienta fue ocupada para poder obtener un acceso multiplataforma, es decir se creó una App con el mismo diseño de la página pero que estén enlazadas para que tengan un uso cómodo desde su móvil.

En esta pantalla se muestra el diseño en bloques del App inventor.

[pic 13][pic 14]

[pic 15][pic 16]

Si el usuario