Aplicación Movil de Los Cursos en Linea

Universidad de Guadalajara
Centro Universitario del Sur

División de Ciencias Exactas Naturales y
Tecnológicas
Aplicación móvil de los

cursos en línea del CUSur
Modalidad: Tesis, Tesina e Informes
Opción: Tesina
Pasante: Orlando Cibrián Reynoso
Director: Gerardo Jiménez Haro
Codirector: María Alicia Rodríguez Hernández
Introducción
Actualmente, la manera de navegar a través de los cursos en línea del

CUSur es a través de la página web que acceden a todas las computadoras,
a los dispositivos móviles y tabletas. En los dispositivos móviles y tabletas, la
apariencia de la página web de los cursos en línea es diferente a las
computadoras de escritorio y laptops.
A continuación, se presenta el proyecto de una aplicación móvil de los

cursos en línea del CUSur de manera diferente en el diseño de la interfaz
gráfica y sean las mismas funcionalidades para poder navegar únicamente a
través de los cursos en línea del CUSur. La aplicación estará disponible a
través de los dispositivos móviles y tabletas a la hora de su compilación.
Planteamiento del problema
Hay alumnos que quieren realizar actividades, pero no pueden enviar

las tareas desde las tabletas o dispositivos móviles. La única forma de
mandar las tareas y realizar las actividades en la plataforma es a través
de la página de los cursos en línea.
Es por eso que se tiene que realizar una aplicación móvil para enviar
las actividades en tiempo y forma y realizar las actividades sin ningún
problema para facilitar el aprendizaje tanto a los alumnos como a los
de personal docente.
Objetivos
 Clonar la aplicación ya hecha de Github al ordenador de Linux.
 Probar la aplicación móvil mediante el programa llamado Ionic.
 Cambiar el color de la interfaz gráfica de la aplicación con CSS mediante
un editor de código.
 Añadir la URL en el archivo config.json para poder enlazarlo directamente
a la página de los cursos en línea del CUSur.
 Cambiar la escena de la aplicación con JavaScript mediante un editor de
código.
 Cambiar el logotipo y la pantalla de bienvenida de la aplicación.
 Instalar los requerimientos de Cordova para su compilación mediante la
terminal de Linux.
 Probar la aplicación móvil con Cordova desde el ordenador hacia un
dispositivo móvil.
Justificación
 Facilitar la navegación en la plataforma de cursos en línea del
CUSur al convertirla en una aplicación móvil.
 La aplicación debe tener las características un poco
diferentes a la de una aplicación ya creada para que su uso
sea diferente a la de la página web con las mismas
funcionalidades en los dispositivos móviles y tabletas.
 Los alumnos deberán entregar algunas tareas en tiempo y
forma y realizar actividades sin la necesidad de poder usar la
computadora y en caso de la pérdida de conexión a internet,
se podrán usar los datos móviles.
Aplicaciones móviles híbridas
Una aplicación híbrida es una aplicación que no es nativa, pero
se puede trabajar con los lenguajes de tecnologías web como
son HTML, CSS y JavaScript.
Colores en CSS
El color es una de las principales características que se emplea

para definir la presentación de una página web. CSS permite
modificar el color de diferentes partes de una página web: el
color de fondo, el color de texto, y el color del borde. Además,
CSS también permite definir un color con diferentes notaciones.
Los métodos más utilizados para la personalización de una
aplicación móvil es el código hexadecimal y el código RGB.
Vinculación
Una de las características más importantes de HTML5 es el

hipervínculo, que hace referencia a otros recursos, como los
documentos de HTML5 y las imágenes. Cuando un usuario
hace clic en un hipervínculo, el navegador trata de ejecutar una
acción asociada con él.
JSON
Este formato es muy similar a los objetos de tipo JavaScript y
sigue las convenciones ampliamente conocidas en los lenguajes
de la familia C, como Java, C++, C#, PHP, etc.
Al igual que los objetos de JavaScript, inicia con una llave que abre
“{“ y termina con una llave de cierre “}”. El nombre de la propiedad es
seguido por dos puntos “:” y a continuación el valor de la propiedad.
Una coma separa los distintos pares de nombre/valor.
Programas para la personalización y
compilación de la aplicación
 Apache Cordova
 Ionic 4
 NPM
 Gulp como requerimiento para NPM
 Node JS para instalar complementos
 JDK con la versión más reciente
 Android Studio
 SDK de Android
 GIT para clonar la aplicación
 Sublime Text 3 para editar código
 Chromium para hacer pruebas de la aplicación
Requerimientos de Cordova
• Instalación de Android SDK con Android Studio

• JDK de java más reciente
• APIs de Android de las versiones soportadas por los
dispositivos móviles
• Gradle con la versión más reciente
Clonación de la aplicación
Escena de la
aplicación sin
personalizarlo
 Para compilar la aplicación
móvil se tiene ejecutar el
siguiente comando de manera
que podamos visualizar la
aplicación desde Chromium:
ionic serve –-browser

chromium
Cambio de escena principal
Cambio de color de la interfaz grafica
Cambio de imagen
de la aplicación del
login
Para cambiar las imágenes del
Login y de la pantalla de
bienvenida se deberán crear
nuevas imágenes con un editor
de imágenes con Inkscape.
Cambio de imagen de
la aplicación de la
pantalla de bienvenida
Resultados
 El Login tiene una apariencia un

poco diferente, ya que se modificó
la imagen de logo de los cursos en
línea y el cambio de color se ve
diferente a como está el Login por
defecto que viene incluido en la
página de Moodle y las
funcionalidades son las mismas.
Conclusiones
 Como conclusión la aplicación móvil se enfocó únicamente en la personalización y
no en el desarrollo por tener un nivel muy alto de dificultad. Para la mayoría de los
dispositivos móviles con Android se utilizó para su compilación cada vez que se
hicieron pruebas.
 Los cambios de colores en la interfaz gráfica se realizaron con éxito a la hora de

su compilación, ya que fueron identificados mediante un código de colores en
hexadecimal y en RGB. Además, tienen las mismas funcionalidades para poder
ingresar a la plataforma del CUSur.
 Cuando se realicen las actividades en línea desde los dispositivos móviles, el

envío de actividades desde la aplicación móvil no es común realizarlo, ya que
algunos archivos son provenientes de documentos de texto, presentaciones y
formularios y estadísticas. Otras de las actividades si puede servir para realizarlas
y llevar un avance de la materia en línea.

Aplicación Movil de Los Cursos en Linea

Cargado por

Copyright:

Formatos disponibles

Aplicación Movil de Los Cursos en Linea

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Aplicación Movil de Los Cursos en Linea

Cargado por

Copyright:

Formatos disponibles

Universidad de Guadalajara

Centro Universitario del Sur

Aplicación móvil de los

Actualmente, la manera de navegar a través de los cursos en línea del

A continuación, se presenta el proyecto de una aplicación móvil de los

Hay alumnos que quieren realizar actividades, pero no pueden enviar

El color es una de las principales características que se emplea

Una de las características más importantes de HTML5 es el

• Instalación de Android SDK con Android Studio

ionic serve –-browser

 El Login tiene una apariencia un

 Los cambios de colores en la interfaz gráfica se realizaron con éxito a la hora de

 Cuando se realicen las actividades en línea desde los dispositivos móviles, el

También podría gustarte