FACULTAD DE CIENCIAS DE LA COMUNICACIÓN
TEMA:
DISEÑO VISUAL DE INTERFAZ GRÁFICA PARA LA APLICACIÓN EN DISPOSITIVOS MÓVILES APPLE iOS, ANDROID Y BLACKBERRY OS, QUE FACILITE EL ACCESO AL GALILEO EDUCATIONAL SYSTEM -‐GES-‐
A ALUMNOS DE UNIVERSIDAD GALILEO.
GUATEMALA, GUATEMALA , DICIEMBRE 2011
PROYECTO DE GRADUACIÓN
PRESENTADO A LA FACULTAD DE CIENCIAS DE LA COMUNICACIÓN DE LA UNIVERSIDAD GALILEO, GUATEMALA C.A.
ELABORADO POR:
DANIEL EDUARDO GALINDO ESTRADA
CARNÉ 2007 2227
PARA OPTAR AL TÍTULO DE:
LICENCIATURA EN COMUNICACIÓN Y DISEÑO
NUEVA GUATEMALA DE LA ASUNCIÓN, DICIEMBRE 2011
Autoridades
RECTOR
Dr. Eduardo Suger Cofiño
VICERRECTOR ACADÉMICO
Dr. Cyrano Ruiz Cabarrús
VICERRECTORA ADMINISTRATIVA
Dra. Mayra de Ramírez
DECANO
Lic. Leizer Kachler
VICE-‐DECANO
Lic. Rualdo Anzueto
Dedicatoria
En primer lugar agradezco a Dios, Jesucristo y la Virgen María por ayudarme a terminar este proyecto, dándome las fuerzas, la paciencia e inteligencia para llevar a cabo cada procedimiento que este proyecto requiere.
A mi madre, Nineth, quien además de darme la vida, siempre está pendiente de mis decisiones, luchas, éxitos y metas, desde mi infancia, cuando fue ella quien me llevó por primera vez al colegio hasta ahora que me ve salir por mi cuenta día con día, ya como un joven profesional. Pero mas que estar únicamente pendiente de mí, es mi principal apoyo para cumplir todo lo que me propongo. Por lo tanto, todo este sacrificio a través de estos años, como estudiante, son recompensados ahora que estoy a punto de graduarme. Gracias a ti, Mami.
A mi hermana Ale, que ha aguantado a su hermano mayor durante estos 18 años, por preocuparse y siempre echarme una mano cuando necesito de su ayuda.
A mis catedráticos universitarios, que han sido mi guía a través de estos 5 años de carrera, enseñándome con sus palabras, conocimientos y ejemplo que: “Es uno mismo quien decide, qué tipo de persona y profesional quiere llegar a ser”.
A mis compañeros de clase con quienes hemos vivido momentos agradables dentro y fuera de la universidad; pero muy especialmente a Andrea, quien ha sido mi mano derecha en la universidad desde que empezamos en Pre-‐U como unos niños recién graduados hasta ahora que estamos egresando juntos, ya como todos unos profesionales.
Por último, quiero dedicar este proyecto a todos los futuros graduandos de la Licenciatura en Comunicación y Diseño, exhortando a que no se den por vencidos; si bien realizar este proyecto puede llegar a bloquearlos o desanimarlos, el resultado de este se verá reflejado en el orgullo de realizar esta dedicatoria, ya que recordarán todo lo que sus catedráticos, familiares y amigos les enseñaron.
4
Resumen / Sinopsis
Para dar inicio al proceso de diseño de la imagen visual de una aplicación para dispositivos móviles se deben tomar varios puntos en cuenta; lo principal es que la tecnología va avanzando cada vez mas rápido. Por lo tanto, el proyecto tiene que destacarse y sobresalir para que se mantenga por un buen tiempo y llame la atención del grupo objetivo.
Tiene que crearse un diseño que llame la atención, sea moderno, fácil de utilizar y cumpla con las expectativas de sus usuarios.
El objetivo general que se expuso para solventar esta problemática es el siguiente: Diseñar la imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo.
El concepto de la aplicación se creó con base en las necesidad de los alumnos de mantenerse informados de sus cursos, notas, entre otras.
Para llegar al concepto en la imagen gráfica de la aplicación fue necesario utilizar varias técnicas para generar ideas, como es la de Mapa Mental, creada por Tony Buzan y nos ayudó para desarrollar conceptos que fueron bocetados posteriormente en la técnica de ideas animadas creada por Alexander Ishikawa y Silverstein.
Para validar el proyecto se utilizó la herramienta de la encuesta, la cual fue aplicada al cliente (área del Galileo Educational System –GES), a expertos en el área de diseño gráfico, ingeniería en sistemas, programadores web y comunicadores. Para tener la opinión y ser criticado constructivamente en los diferentes aspectos de la imagen gráfica de la aplicación para dispositivos móviles.
Se logró diseñar la imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo.
Se recomendó promover el uso de la aplicación, ya que ayudará a los alumnos a tener mejor uso de su Galileo Educational System –GES-‐ y creará mejor comunicación entre los estudiantes y catedráticos al tener constante interacción con sus cursos.
Índice
Autoridades de Universidad Galileo
Resumen/Sinopsis
Índice Capítulo I 1 Introducción 1
Capítulo II 2 Problemática 3 2.1 Contexto 3 2.2 Requerimiento de comunicación y diseño 3 2.3 Magnitud 3 2.4 Trascendencia 4 2.5 Vulnerabilidad 4 2.6 Factibilidad 4
Capítulo III 5 Objetivos de Diseño 6 3.1 Objetivo General 6 3.2 Objetivos Específicos 6
Capítulo IV 7 Marco de Referencia 8-‐15
Capítulo V 16 Definición del grupo objetivo 17 5.1 Perfil Geográfico 17 5.2 Perfil Demográfico 17 5.2 Perfil Psicográfico 18 5.4 Perfil Conductual 18
Capítulo VI 19 Marco Teórico 20 6.1 Conceptos Fundamentales del producto o servicio 20-‐24 6.2 Conceptos Fundamentales de comunicación y diseño 24-‐32 6.3 Ciencias auxiliares, teorías y tendencias 32-‐37
Capítulo VII 38 Proceso de Diseño y Propuesta Preliminar 39 7.1 Aplicación de la Información obtenida en el Marco Teórico 39 7.2 Conceptualización 40-‐46 7.3 Bocetaje 46-‐76 7.4 Propuesta Preliminar 77-‐102
Capítulo VIII 103 Validación Técnica 104 8.1 Población y Muestreo 104-‐105 8.2 Método e Instrumento 106 8.3 Resultados e interpretación de resultados 107-‐114 8.4 Cambios con base en los resultados 114
Capítulo IX 115 Propuesta Gráfica Final 116-‐141
Capítulo X 142 Producción, Reproducción y Distribución 143 10.1 Plan de Costos de Elaboración 143 10.2 Plan de Costos de Producción 144 10.3 Plan de Costos de Reproducción 144 10.4 Plan de Costos de Distribución 144 Costos Totales del Proyecto 145
Capítulo XI 146 Conclusiones y Recomendaciones 147 11.1 Conclusiones 147 11.2 Recomendaciones 148
Capítulo XII 149 Bibliografia 150 12.1 Documentos Físicos 150 12.2 Documentos Electrónicos 150-‐151
Capítulo XIII 152 Anexos 153 13.1 Encuesta de validación 153-‐156 13.2 Fotografías de encuestados validando el proyecto 157-‐158
7
Capítulo I Introducción
1
Capítulo I
Introducción
1.1 Introducción.
El presente proyecto de graduación titulado Diseño visual de Interfaz Gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a alumnos de Universidad Galileo. Guatemala, Guatemala. C.A. Investigó acerca de cómo funciona el sistema operativos que posee cada dispositivo móvil como parte del proceso de conceptualización, para ser aplicado en la plataforma que utilizará cada dispositivo.
El objetivo general que se planteó es el siguiente: Diseñar la imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo.
El enfoque de investigación se basa en aspectos cualitativos y cuantitativos. Ya que se utilizaron para cuantificar y calificar los resultados obtenidos del cliente, del grupo objetivo y de los expertos en comunicación y diseño. La herramienta utilizada fue la encuesta y se aplicó a 2 personas de parte del cliente, a 20 personas del grupo objetivo y a 5 expertos en diferentes áreas, entre ellos dos diseñadores gráficos, un ingeniero en sistemas, un ingeniero en electrónica y una comunicadora gráfica. Todos ellos conformados por hombres y mujeres entre 21 y 65 años.
El diseño visual de la interfaz gráfica para la aplicación en dispositivos móviles que facilite el acceso al Galileo Educational System –GES-‐ se creó para que los alumnos tengan una manera mas práctica, rápida y moderna de consultar su información, tareas, archivos, entre otras cosas desde cualquier lugar; con tan solo ingresar a la aplicación desde sus dispositivos móviles.
La aplicación para dispositivos móviles seguirá con la línea gráfica que ya posee actualmente Universidad Galileo, para no crear confusión de imagen corporativa entre sus usuarios de la versión Web y los de la aplicación en dispositivos móviles.
2
Capítulo II Problemática
3
Capítulo II
Problemática
2.1 Contexto.
La Universidad Galileo no cuenta con una aplicación para dispositivos móviles de los sistemas operativos Apple iOS, Android y Blackberry OS para los usuarios del Galileo Educational System –GES-‐. Es por esto que se propone el diseño visual para la aplicación que previamente está siendo planificada por el área de sistemas del Galileo Educational Sistem -‐GES-‐, que permitirá a los usuarios consultar las opciones que tienen del Sistema, de una manera mas práctica y fácil con el nuevo diseño de la plataforma.
Actualmente un dispositivo móvil ya no es utilizado para comunicarse por medio de llamadas y mensajes de texto, sino que se ha convertido en una herramienta de comunicación por diferentes medios, como son las redes sociales, medios de mensajería instantánea y la Web móvil.
Pensando en la necesidad de estar informado de una manera mas práctica e innovadora, se pensó en crear una plataforma para los alumnos de Universidad Galileo del sitio Web denominado Galileo Educational System -‐GES-‐ en la cual los alumnos pueden consultar la información de sus cursos asignados, verificar el saldo que tienen pendiente a pagar, consultar las actividades en su calendario, opinar en los foros disponibles de su carrera, entre otros; todo esto por medio de sus dispositivos móviles con sistemas operativos Apple iOS, Android y Blackberry OS.
2.2 Requerimiento de comunicación y diseño.
Universidad Galileo no cuenta con un diseño de interfaz gráfica para consultar el Galileo Educational System –GES-‐ por medio de aplicaciones para dispositivos móviles Apple iOS, Android y Blackberry OS.
2.3 Magnitud.
Según el Instituto Nacional de Estadística de Guatemala, C.A. (INE), se estima que la población de Guatemala es de 14.7 millones de guatemaltecos y guatemaltecas. En el área metropolitana de Guatemala en el año 2010 existen aproximadamente 3,103, 685 habitantes.
Dentro del sector estudiantil de la ciudad capital se encuentran 9 universidades, las cuales son: Universidad Francisco Marroquín, Universidad del Valle de Guatemala, Universidad Rafael Landívar, Universidad Galileo, Universidad Mariano Gálvez, Universidad de San Carlos de Guatemala, Universidad Mesoamericana, Universidad Panamericana, Universidad San Pablo, entre otras; todas ellas con diferentes carreras y especialidades para desarrollarse profesionalmente.
4
En el 2011 la Universidad Galileo obtuvo la cantidad de 15,715 estudiantes inscritos y 1,487 catedráticos principales.
Cada alumno, catedrático y personal administrativo cuenta con un usuario del Galileo Educational System –GES-‐ para realizar sus consultas; sumando un total de usuarios de 148,007 tanto en la ciudad Capital, como en el interior de la republica en donde existen anexos de Universidad Galileo.
2.4 Trascendencia.
Al no contar con una aplicación para consultar e interactuar en los cursos recibidos de la universidad desde una plataforma para dispositivos móviles, los alumnos no tienen el fácil acceso a la información universitaria desde sus dispositivos móviles.
2.5 Vulnerabilidad.
Al contar con una aplicación para teléfonos móviles los alumnos de Universidad Galileo tendrán una manera mas accesible de obtener la información que necesitan y consultar sus cursos por medio de sus dispositivos Móviles.
2.6 Factibilidad.
Este proyecto sí es factible porque se cuentan con los siguientes recursos, y para demostrarlo, se despejan los siguientes recursos:
Humano: El proyecto es factible ya que los estudiantes y usuarios del Galileo Educational System –GES-‐ podrán consultar de una manera mas práctica sus cursos universitarios.
Organizacional: El proyecto es factible, ya que facilitará a los estudiantes de la universidad con sus consultas, evitando que se avoquen personalmente con los integrantes de cada facultad a resolver algunas de sus dudas, con solo ingresar a la aplicación del Galileo Educational System –GES-‐ desde sus dispositivos móviles.
Tecnológico: El proyecto es factible, ya que la mayor parte de los usuarios del Galileo Educational System –GES-‐ cuentan con dispositivos móviles con los sistemas operativos Apple iOS, Android y Blackberry OS y les será más práctico consultarlo por medio de la aplicación.
Adicionalmente se cuenta con el soporte del departamento del Galileo Educational System –GES-‐ para llevarse a cabo, al apoyar los conocimientos tecnológicos, herramientas y sistemas que poseen.
5
Capítulo III Objetivos de Diseño
6
Capítulo III
Objetivos de Diseño
3.1. Objetivo general
Diseñar la imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo.
3.2. Objetivos específicos
-‐ Investigar acerca de cómo funcionan los sistemas operativos Apple iOS, Android y Blackberry OS para tener una idea de cómo algunas aplicaciones educativas se pueden acoplar y lograr una referencia para implementar el Galileo Educational System –GES-‐ en los dispositivos móviles.
-‐ Recopilar información acerca de las opciones informativas y educativas que el Galileo Educational System –GES-‐ brinda a los estudiantes para incluirlo en el contenido del diseño de la interfaz.
-‐ Diagramar el orden en que la información va a ser mostrada en la aplicación, para que sea una manera práctica y fácil en que los usuarios consulten el Galileo Educational System –Ges-‐ por medio de sus dispositivos móviles.
-‐ Graficar la imagen visual de las opciones de consulta dentro de la interfaz gráfica para aplicarla a los dispositivos móviles Apple iOS, Android y Blackberry OS.
-‐ Crear botones interactivos para accesar a los diferentes contenidos del Galileo Educational System –GES-‐ a través de la plataforma para dispositivos móviles.
-‐ Mantener la línea gráfica del sitio Web del Galileo Educational System -‐GES-‐ para incluirla en el diseño de la interfaz que se aplicará a los dispositivos móviles.
7
Capítulo IV Marco de Referencia
8
Capítulo IV
Marco de Referencia
Universidad Galileo
Universidad Galileo es una institución con filosofía completamente diferente a la educación superior tradicional, producto de la labor y el esfuerzo inquebrantable de un selecto grupo de profesionales, encabezados por el Doctor Eduardo Suger Cofiño, fundador y Rector, que ha impulsado a través del tiempo el lema: “Educar es cambiar visiones y transformar vidas”, mismo que se cumple a cabalidad con cada egresado de esta casa de estudios superiores.
Galileo inició como Facultad de Ingeniería de Sistemas, Informática y Ciencias de la Computación de la Universidad Marroquín y cuenta en su haber con más de 30 años de experiencia en el área de la formación universitaria como una casa de estudios superiores comprometida con la formación y la preparación de profesionales de reconocimiento mundial.
Fue autorizada por el Consejo de Enseñanza Privada Superior en octubre de 2000, lo que la convirtió en la primera universidad guatemalteca con enfoque tecnológico. Los detalles nos identifican como una institución vanguardista que ha marcado con su labor la inserción competitiva de nuestro país en la era tecnológica y la nueva globalización del siglo XXI.
Para el ser humano, los cambios drásticos, el conocimiento y la tecnología se ha convertido en elementos que conforman parte de su diario vivir. Estos factores responden en la mayoría de casos, a la combinación que existe entre ellos y los procesos e índole social, laboral y por qué no decirlo, productivo. Universidad Galileo ha experimentado un crecimiento muy significativo, el cual ha sido calificado de “Extraordinario”, durante los últimos años. Este se ha dado tanto en número de estudiantes como en número de programas y ha hecho de Galileo una de las universidades mas notoriamente importante en la región centroamericana. Producto de una clara visión y de un firme compromiso con la misma. Filosofía Institucional: La Universidad Galileo fundamenta sus actividades en el individuo como ser humano; reconoce la necesidad de apoyar el desarrollo de los guatemaltecos en general y está plenamente consciente que la principal herramienta para el crecimiento de las personas es la educación. Cree en la enseñanza de principios éticos, jurídicos y económicos para una sociedad de personas libres y responsables. Cree en la convivencia pacífica de las personas sin importancia de creencias religiosas, ni de razas, ni políticas.
9
Cree en la armonía de los pueblos en paz. Cree en los maestros como el más importante factor de cambio de nuestra sociedad, concibiendo la urgente necesidad de ofrecer opciones educativas para aceptar y participar en los procesos de reingeniería de la educación, así como en la formación eficiente de las nuevas generaciones. Cree en la urgente necesidad de poner a disposición de la comunidad educativa del país, las herramientas tecnológicas para una mejor formación. Cree en la urgente necesidad de mejorar las condiciones de nuestro medio ambiente, para crear un entorno ecológico apropiado para las futuras generaciones, nos hace pensar en proyectos de impacto nacional en esta disciplina. Cree en que las condiciones ecológicas de nuestro país y nuestra posición geográfica nos invita a asumir un liderazgo en Latinoamérica. Reconoce la necesidad de capacitar al estudiante para el Auto-‐aprendizaje, motivando al alumno a desarrollar destrezas en esta dirección, requiriendo cada vez menos del soporte permanente del profesor de la manera tradicional. Prepara a sus estudiantes para los cambios constantes y acelerados de nuestra época que obligan al individuo a prepararse para poder adaptarse fácilmente a ellos. Reconoce la urgente necesidad, para una educación de clase mundial, en dotar a su comunidad de sólidos conocimientos en ciencia y tecnología. Reconoce que el eficiente manejo de la información por medios electrónicos es trascendental en la competencia de las profesiones presentes y futuras. Reconoce la necesidad de integrar el conocimiento, dejando de pensar en materias aisladas, desarrollando en el estudiante destrezas de síntesis. Visión: Impulsamos la evolución del pensamiento humano, revolucionando la educación superior. Misión: Nuestra Misión es la formación de profesionales con excelencia académica de nivel mundial, un alto espíritu de justicia y valores humanos y éticos, al servicio de nuestra sociedad, al incorporar la ciencia y la tecnología contemporánea.
Estamos comprometidos con nuestro país a darle oportunidad de acceder a estudios universitarios a todas las personas sin distingo de raza, condición social, ni localización geográfica
10
Objetivo: Nuestro objetivo es la formación de verdaderos participantes en la solución de problemas de desarrollo social de la comunidad guatemalteca. Somos una entidad educativa, que promueve el uso de la ciencia y la tecnología para la solución de los problemas nacionales. Valores: Las personas que conforman la Universidad Galileo, autoridades, catedráticos, alumnos y trabajadores creemos en: -‐ El individuo como ser humano, y estamos concientes en que la principal herramienta para el crecimiento de las personas es la educación.
-‐ La enseñanza de principios éticos, jurídicos y económicos para una sociedad de personas libres y responsables.
-‐ La convivencia pacifica de las personas, sin importancia de creencias religiosas, ni políticas, ni de razas.
-‐ La armonía de los pueblos en paz.
-‐ Los maestros como el más importante factor de cambio de nuestra sociedad.
-‐ La urgente necesidad de poner a disposición de la comunidad educativa del país, las herramientas tecnológicas necesarias para una mejor formación.
-‐ En la urgente necesidad de mejorar las condiciones de nuestro medio ambiente, para crear un entorno ecológico apropiado para las futuras generaciones, que nos hace pensar en proyectos de impacto nacional en esta disciplina.
-‐ En que las condiciones ecológicas de nuestro país y nuestra posición geográfica nos invita a asumir un liderazgo en Latinoamérica.
Y nos comprometemos a:
-‐ Respetar a todas las personas sin discriminación de sexo, raza, condición social o política.
-‐ Promover y respetar los valores morales y cívicos.
-‐ La buena utilización del tiempo y la tecnología.
-‐ Mejorar los hábitos de trabajo en forma constante para alcanzar la excelencia en todas las áreas de nuestra vida.
-‐ Representar en forma digna y con orgullo a nuestra universidad.
-‐ Respetar el ambiente ecológico y promover el buen uso de los recursos naturales.
11
-‐ Promover la paz dentro de nuestro país y en nuestro entorno.
Autoridades de la Universidad:
Los únicos órganos establecidos y reconocidos por la Universidad para velar por los aspectos relacionados con el área académica y Directiva son:
El Consejo Directivo:
es quien ejerce el gobierno de la universidad y está integrado por el Rector, Vicerrector, el Secretario General, el Tesorero, los representantes del Comité de Fiduciarios y los representantes de la Fundación Santo Domingo. Ellos constituyen el órgano máximo de autoridad de la Universidad.
Dentro de otras funciones tiene la obligación de nombrar Decanos y Directores de Carrera y Directores de áreas, así como supervisar que se lleve correctamente la política de la Universidad y el manejo del presupuesto.
El Consejo Académico:
Es Presidido por el Vicerrector y lo integran los Decanos, los Directores de unidad académica y algunas personas que son invitados permanentes.
El Consejo Académico resuelve problemas de políticas académicas generales de la Universidad, ya que respeta el funcionamiento independiente de cada entidad académica. Asimismo, puede decidir convocar a los decanos y/o efectuar actividades que sean para beneficios de la universidad, pero que no implique cambios en reglamentos, ni estatutos.
Un Poco de Historia:
¿Porqué el nombre?
La Universidad tomó este nombre gracias a Galileo Galilei, quien fue nació el 15 de febrero de 1564 en Pisa, Italia, matemático, astrónomo y físico considerado el fundador del método experimental. Fue una de las figuras que en gran parte logró marcar el final de la Edad Media. Nombrado Padre de la Ciencia Moderna, defendió la mate matización de la naturaleza y asentó el procedimiento científico en aquella época (1564 -‐ 1642). Ejerció como profesor de matemática desde 1589 e hizo varios descubrimientos, entre los que se encuentran la Ley de la caída de los Cuerpos y la Trayectoria Parabólica de los Proyectiles, las montañas en la Luna, las lunas de Júpiter, los cuatro satélites mayores de Júpiter o las manchas solares. Realizó varias publicaciones sobre todos sus descubrimientos, entre estos la que lo llevó al encierro por parte de la iglesia en 1633 por herejía.
Al afirmar “Y sin embargo se mueve”, en referencia a su descubrimiento sobre los movimientos de la tierra, inició lo que más tarde se conocía como el Renacimiento Europeo.
12
Esa es la esencia de la Universidad Galileo, esa perseverancia por hacer cosas innovadoras, por ver el mundo de manera diferente y por creer firmemente en sí misma. Galileo es un replanteamiento de la educación superior para salir de lo que se conoce como universidad tradicional. Somos una institución que marca la transición hacia una universidad moderna, en la cual la tecnología, el conocimiento y la investigación son pilares fundamentales.
En 1609 desarrolló el telescopio astronómico con una lente convergente y otra divergente. Con este nuevo instrumento descubrió cráteres en la superficie de la luna, manchas en la superficie del sol, las fases del planeta Venus, cuatro satélites de Júpiter y demostró que la vía láctea esta compuesta de estrellas. Más allá de sus invenciones, Galileo fue un hombre de visión, de ideas que trascendían el conocimiento y los paradigmas de su época; es un símbolo de cambio y renovación.
Logotipo:
El logo está formado por los siguientes elementos: OCTÁGONO: Es el símbolo del renacimiento, la reafirmación de la capacidad infinita de mejorar cualquier proyecto o meta humana. E = mc² representa el gran logro de la Teoría de la Relatividad de Einstein que explica la fuente energética de las estrellas del Universo. Galileo Galilei: Reconocido como el padre de la ciencia en el renacimiento europeo, genera una nueva visión del mundo con dos manifestaciones antagónicas, la material y la espiritual. Galileo es el fundador del método científico, impulsor de la experiencia como vía para conocer la naturaleza de las cosas y precursor de la Revolución Newtoniana que cambiaría la forma de pensar de los seres humanos. Saturno y sus anillos: Representa el cambio radical en la visión del universo en la que el mundo sideral deja de ser considerado como una forma especial e ignota de la materia permitiendo el surgimiento de la Mecánica Celeste. Nada es imposible de desentrañar para la mente del ser humano. F: La relación causal entre la interacción y el cambio en el estado de movimiento que simboliza la nueva era en la que el hombre puede entender cómo los cuerpos se influyen unos a otros. La mayor parte de la tecnología contemporánea está basada en esta ley y su modelo. ħ: Representa la constante cruzada de Planck, cifra característica del comportamiento del micro mundo que vincula las indeterminaciones y relaciona el comportamiento dual onda-‐partícula. Es la base de la microelectrónica moderna. Ψ: Representa la mecánica quántica, el concepto probabilística en física, que permitió hacer física del microcosmos, lo que dio lugar a la era digital. Los engranajes representan la tecnología que permite que el hombre conviva con la naturaleza, una tecnología basada en la física y la matemática contemporánea.
13
¿Quien es Eduardo Suger?
Eduardo Suger nació el 29 de noviembre de 1938. Suizo de nacionalidad, pero guatemalteco de corazón, ha demostrado desde su inicio como estudiante que llegaría a ser mucho mas que un simple ciudadano. Esposo ejemplar, padre y abuelo abnegado. Se graduó como Licenciado en Física del Instituto Tecnológico Federal de Zurich, Suiza y posee el Doctorado en Física Molecular, de la Universidad de Austin, Texas. Su trayectoria profesional y gran apego a las ciencias lo llevaron a desempeñar funciones como investigador en el Centro de Investigaciones de IBM, en Suiza, y a ser profesor de Física y Matemática, en los Institutos Minerva y Freudenberg, en Zurich, Suiza. Asimismo, llegó a fungir como investigador en el Grupo de Física Molecular y asistente académico del curso de Postgrado en Mecánica Clásica, de la Universidad de Austin, Texas. Tanto fuera como dentro del ámbito académico ha recibido innumerables distinciones y reconocimientos, entre los que se pueden mencionar: ser Miembro de la Sociedad Signa-‐Chi (Texas Chapter), por su proyección en el campo de la educación por la Organización para las Artes Francisco Marroquín y el Premio Rose Award a la Educación, por parte de la fundación Rose. Asimismo, ha sido condecorado con la Orden Nacional Francisco Marroquín, otorgada por el Ministerio de Educación, a los profesores que han entregado su vida docente a favor del desarrollo educativo. El Dr. Suger ha escrito 3 libros de texto y 22 trabajos de investigación originales publicados en EUA, Suiza e India, y fue fundador y Decano de FISICC y Director General de IDEA. En la actualidad es rector de Universidad Galileo, de la cual es fundador.
Qué significa ser Galileo? Significa atreverse a cambiar las cosas, a debatir las creencias y los paradigmas del mundo contemporáneo. Es hacer posible, lo imposible, a eliminar la barrera del no se puede e ir más allá de donde muchos han llegado. Ser Galileo es creer que uno mismo tiene la capacidad de cambiar las cosas en beneficio de todos y no acoplarse con lo que está establecido. Es ser un estudiante íntegro, con principios y valores bien cimentados. Es estudiar, crecer, desarrollarse y prepararse para cambios constantes y acelerados para ser eficientes. Asimismo, mejorar las condiciones de nuestro país con las herramientas tecnológicas necesarias para una mejor formación. Más que eso, ser Galileo es ser y generar un compromiso con nosotros mismos, asumir un liderazgo para la universidad y, sobre todo para nuestro país.
“YO SOY GALILEO” Este lema simboliza la superación de los estudiantes y el crecimiento personal y profesional que se alcanza al pertenecer a nuestra casa de estudios. Su motivo se basa en las palabras que Vincenzo Galilei, padre de Galileo, dejó plasmadas a su hijo en el siguiente párrafo: “Me parece que aquellos que sólo se basan en argumentos de autoridad para mantener sus afirmaciones, sin buscar razones que las apoyen, actúan en forma absurda. Desearía poder cuestionar y responder libremente sin adulaciones. Así se comporta aquél que persigue la
14
verdad” Indudablemente Galileo Galilei fue de espíritu renovador y un defensor del cambio a favor de formas modernas. Más allá de sus invenciones, fue un hombre con visión, de ideas que trascendían el conocimiento y los de sus paradigmas de su época. En un símbolo de cambio y renovación. En la Universidad Galileo esperamos marcar el renacimiento de nuestro país para enfrentar los retos de la globalización y la revolución digital que vivimos. Galileo Educational System –GES-‐ E-‐Learning
¿Quienes somos?
El Área de e-‐Learning del Departamento de Investigación y Desarrollo GES (Galileo Educational Sytem) de la Universidad Galileo se especializa en la creación de cursos de alta calidad en modalidad e-‐Learning cubriendo así la demanda del mercado educativo superior guatemalteco para ello cuenta con un equipo multidisciplinario conformado por especialistas en diseño gráfico, diseño instruccional, pedagogos, administradores de proyectos e investigadores.
Sus principales áreas de servicios son: 1. Diseño e implementación de contenidos en modalidad e-‐Learning y b-‐Learning: 2. Capacitación de facilitadores e-‐Learning. 3. Generación de recursos interactivos de aprendizaje
Se busca así mejorar e innovar en los servicios metodológicos, administrativos y tecnológicos que brinda la Universidad Galileo, trabajando constantemente en la investigación para la actualización en todas las áreas que le competen. Conscientes de los cambios tecnológicos y metodológicos que constantemente surgen en cuanto a la enseñanza superior, tenemos como objetivo brindar una oferta e-‐Learning que cumpla con las expectativas del mercado, a través de la prestación de servicios de calidad. El Área de e-‐Learning surgió en respuesta a la necesidad de creación de contenidos virtuales hacia el año 2005 y desde entonces estamos innovando en el área de e-‐Learning.
¿Qué hacemos? 1. Diseño e implementación de contenidos en modalidad e-‐Learning y b-‐Learning
• Análisis de las necesidades formativas. • Identificación de objetivos, estudio de necesidades • Diseño de la estructura del contenido • Selección de contenido y material de apoyo • Implementación de los aspectos gráficos; imágenes, simulaciones,
animaciones a utilizar. • Metodología y orientación pedagógica a través de foros. • Desarrollo de contenidos de acuerdo a los estándares internacionales
SCORM 1.2.
15
2. Capacitación de facilitadores e-‐Learning
• Conocimientos básicos de e-‐Learning • e-‐Moderación • Diseño Instruccional • Aplicación de herramientas tecnológicas • Diseño gráfico aplicado a contenidos visuales
3. Generación de recursos interactivos de aprendizaje
• Adaptación de metodologías, contenidos, sistemas pedagógicos a entornos virtuales.
• Formación y capacitación de los equipos humanos de tipo técnico de gestión, pedagógicos y administrativos.
Durante años recientes se ha desarrollado variedad de cursos en formato e-‐Learning, capacitando a un gran número de personas a lo largo de todo el país y América Latina, desarrollando cursos elite para diferentes programas académicos. Contamos además con la Certificación en e-‐Learning convalidada por la Universidad Carlos III de Madrid, con opción a becas universitarias. Todo esto nos ha permitido obtener reconocimientos a nivel nacional e internacional.
1. Proyecto E-‐LANE 2. Innovación Educativa – SolarICT 3. Primer Lugar, categoría e-‐Learning -‐ Premios Exponet
Fortalezas
• El GES es una adaptación de la plataforma .LRN, la cual se utiliza actualmente en varias universidades del mundo, tales como, España, México, Estados Unidos, Colombia, Alemania, entre muchas otras. Esta herramienta es un sistema innovador que integra servicios administrativos y educativos para que el estudiante pueda tener muchos beneficios agilizando su interacción con la Universidad.
• Diseño Instruccional, llevamos a cabo todo un proceso de diseño instruccional con el propósito de identificar los objetivos y metas instruccionales que se desean alcanzar en la experiencia de aprendizaje a diseñar.
• Más de 10 años de experiencia en el manejo de plataformas educativas y aproximadamente 5 en el desarrollo de e-‐Learning.
• Asesoramos para la implementación de la plataforma GES a instituciones educativas y empresariales y capacitamos a equipos humanos, técnicos, administrativos, de gestión y pedagógicos.
• Capacitamos desarrolladores de contenidos y e-‐moderadores mediante la Certificación en e-‐Learning con duración de 8 meses, avalada por la Universidad Carlos III de Madrid, otorgando becas universitarias.
16
Capítulo V Definición del Grupo Objetivo
17
Capítulo V
Definición del grupo objetivo
El siguiente proyecto está dirigido a todos los usuarios de Universidad Galileo, entre los cuales están incluidos: estudiantes, catedráticos y personal administrativo con acceso a utilizar el Galileo Educational System –GES-‐ 5.1. Perfil Geográfico
Los usuarios que utilizan el Galileo Educational System –GES-‐ viven en la ciudad capital de Guatemala ubicada en Centro América, al sur de México, al Norte de El Salvador y Honduras. Tiene un área de 1,905 km2 con una altitud de 1,592 metros sobre el nivel del mar. El Campus central de Universidad Galileo se encuentra en la 7ª. Avenida, calle Dr. Eduardo Suger Cofiño, Zona 10, Guatemala. El clima de la Ciudad de Guatemala es generalmente muy suave a lo largo del año. Es la capital más fría y más alta de toda Centroamérica. La temporada de verano abarca de junio a Septiembre y el invierno es de Diciembre a Abril. 5.2. Perfil Demográfico -‐ Edad: de 17 a 50 años. -‐ Género: Masculino y Femenino. -‐ Tamaño de Familia: entre uno y dos integrantes, entre tres y cuatro integrantes, cinco o más integrantes en la familia. -‐ Ciclo de Vida: Jóvenes solteros, jóvenes casados sin hijos, jóvenes casados con hijos, adultos solteros, adultos casados sin hijos, adultos casados con hijos. -‐ Ingresos: Sus ingresos se encuentran entre Q.1,000.00 a Q.25,000.00, incluyendo aquellos alumnos que cuentan con el apoyo de los padres para hacer los pagos de la universidad. -‐ Ocupación: Estudiantes, profesionales, catedráticos, secretarias, técnicos, oficinistas, rectores, entre otros. -‐ Educación: primaria, secundaria y diversificado concluidos. -‐ Religión: católica, cristiana, judía, mahometana, hinduista, budista, mormona, entre otras. -‐ Etnia: ladinos, maya, indígenas, asiática, garífunas, entre otros.
18
-‐ Nacionalidad: Guatemalteca, Americana, Europea, Asiatica, entre otros. 5.3. Perfil Psicográfico -‐ Clase Social: Los usuarios del Galileo Educational System –GES-‐ pertenecen a una clase social media; media alta; alta baja y alta, ya que cuentan con los recursos necesarios para tener una vida estable y cubrir los gastos que conllevan estudiar en una universidad privada. -‐ Estilo de Vida: Pertenecen a un estilo de vida de personas preparadas, triunfadoras y con ganas de alcanzar la superación personal por medio de adquirir nuevos conocimientos a través del estudio. -‐ Personalidad: Poseen una personalidad Innovadora, con deseos de adaptarse a los cambios que se pueden tener conforme la tecnología va avanzando y pueden llegar a ser beneficiados con estas nuevas opciones. 5.4. Perfil Conductual
-‐ Los usuarios del Galileo Educational System –GES-‐, son personas con interés en la tecnología, que buscan soluciones fáciles a sus consultas y están disponibles a los cambios constantes.
-‐ Buscan satisfacer sus necesidades por medio de lo accesible y lo práctico.
-‐ Son estudiantes que utilizan a diario el Galileo Educational System –GES-‐ para entregar sus tareas y ver las anotaciones que a diario se realizan por medio de los catedráticos.
-‐ Poseen actitudes relacionadas con ser autosuficiente en sus labores y consultas docentes y aptos para no resistirse ante cualquier cambio.
19
Capítulo VI
Marco Teórico
20
Capítulo VI
Marco Teórico
6.1. Conceptos fundamentales relacionados con el producto o servicio:
6.1.1. Aprendizaje
Es el proceso de adquisición de conocimientos, habilidades, valores y actitudes, posibilitado mediante el estudio, la enseñanza o la experiencia.
El aprendizaje humano se define como el cambio relativamente estable de la conducta de un individuo como resultado de la experiencia. Este cambio es producido tras el establecimiento de asociaciones entre estímulos y respuestas.
La pedagogía establece distintos tipos de aprendizaje, entre los que se puede mencionar el aprendizaje receptivo, el aprendizaje por descubrimiento, el aprendizaje repetitivo y el aprendizaje significativo.
6.1.2. Universidad
Es el establecimiento educacional dedicado a la enseñanza superior y a la investigación de un tema en particular; el cual además esta facultado para entregar grados académicos y títulos profesionales. Tradicionalmente las universidades se dividen en varios campos y dentro de cada uno de estos aparece otra división la cual es llamada facultad y cada facultad puede impartir la enseñanza de varias carreras universitarias.
6.1.3. Galileo Galilei
Nació el 15 de febrero de 1564 en Pisa, Italia, matemático, astrónomo y físico, considerado el fundador del método experimental. Galileo estudió medicina en la Universidad de Pisa y matemáticas con un tutor privado. Después de completar el tratado sobre el centro de gravedad de los sólidos, llegó a dar conferencias de matemáticas en la universidad a la edad de 25 años. Posteriormente pasó a la Universidad de Padua, como profesor de matemáticas.
Representó el cambio de una época, marcando el fin de la Edad Media y el principio del Renacimiento. Más allá de sus invenciones, Galileo fue un hombre de visión, de ideas que trascendían el conocimiento y los paradigmas de su época; es un símbolo de cambio y renovación. En la Universidad Galileo esperamos marcar el renacimiento de nuestro país para enfrentar los retos de la globalización y la revolución digital que vivimos.
6.1.4. Universidad Galileo
Es un centro de estudio universitario privado, ubicada en la ciudad capital de Guatemala, única universidad que tiene un enfoque tecnológico. Promueve la investigación, el estudio en las áreas científicas y el desarrollo de nuevas tecnologías para la solución de los problemas nacionales e internacionales.
21
6.1.5. Campus
Es el conjunto de terrenos y edificios que pertenecen a la universidad. El término proviene del inglés campus y este a su vez del latín campus que significa llanura. Generalmente un campus incluye las facultades, bibliotecas, las aulas y todo sobre jardines y parques que pertenecen a la universidad.
La Universidad Galileo cuenta con un Campus Central. Los edificios que lo conforman son una muestra de alta tecnología. Se trata de una estructura de edificios que se conoce bajo el término “inteligentes”, debido a que tanto sus aulas como oficinas y salas de conferencias se encuentran interconectadas por medio de una red de fibra óptica de alta capacidad, enlazadas a su vez a una red inalámbrica que permite la navegación en Internet y el acceso a los sistemas de informática internos del campus. Asimismo, los estudiantes tienen acceso a modernos laboratorios de computación, de electrónica y simulación donde pueden trabajar proyectos que les permiten entrar en contacto directo con tecnología de vanguardia y con estudiantes universitarios de otros países.
6.1.6. Facultad
Es una subdivisión de una universidad que corresponde a una cierta rama del saber. En la facultad se enseña una carrera determinada o varias carreras afines. El conjunto de facultades forman el total de una universidad.
6.1.7. Estudiante
Estudiante es la palabra que permite referirse a quienes se dedican a la aprehensión, puesta en práctica y lectura de conocimientos sobre alguna ciencia, disciplina o arte. Es usual que un estudiante se encuentre matriculado en un programa formal de estudios, aunque también puede dedicarse a la búsqueda de conocimientos de manera autónoma o informal.
6.1.8. Catedrático Universitario
Es la persona que enseña una determinada ciencia o arte, sin embargo se le reconoce una habilidad extraordinaria en la materia que instruye. Además de poseer habilidades pedagógicas para convertirse en agentes efectivos del proceso de aprendizaje.
6.1.9. Cátedra
Del latín cáthedra, la cátedra es la materia particular o facultad que enseña un catedrático. El termino también se utiliza para nombrar al empleo y ejercicio del catedrático.
6.1.10. Curso
Es el espacio curricular en el cual un docente o profesional se encarga de impartir conocimientos a un número determinado de alumnos. El curso forma parte de la educación formal ya que está sistematizado en torno a un tema, a una proyección temporaria, al material que se utilizará y a las estrategias prácticas pensadas para cada temática.
22
6.1.11. Profesional
Un profesional es toda aquella persona que puede brindar un servicio o elaborar un bien, garantizando el resultado con calidad de excelencia. Puede ser una persona con un reconocimiento de grado universitario, técnico o experto en cierto tema, disciplina o arte. Los profesionistas se dividen en técnicos, ingenieros, licenciados, médicos, maestros y doctores. Sin embargo, una persona también puede ser considerada profesional por el hecho de proveer un servicio o producto y exhibir un comportamiento honesto, calificado, responsable y capaz.
6.1.12. Carrera Universitaria
También conocido como Pregrado. Los estudios de pregrado son los estudios superiores hasta el Título de Grado. Preparan para el desempeño de ocupaciones, para el ejercicio de una ocupación o disciplina determinada, de naturaleza tecnológica o científica o en el área de humanidades, las artes y filosofía
También son programas de pregrado aquellos de naturaleza multidisciplinaria conocidos también como estudios de artes liberales, entendiéndose como los estudios generales en ciencias, artes o humanidades con énfasis en algunas disciplinas que hacen parte de dichos campos.
6.1.13. Técnico
El concepto de técnico está vinculado al griego téchne, que puede traducirse como “ciencia” o “arte”. Esta noción hace referencia a un procedimiento que tiene como objetivo la obtención de un cierto resultado o fin. Al ejecutar conocimientos técnicos, se sigue un conjunto de reglas y normas que se utiliza como medio para alcanzar un fin.
Es un grado o calificación al que se accede a partir de la educación formal, como en el caso de los técnicos químicos o técnicos en radiología. El técnico conoce diversas herramientas, ya sean intelectuales o físicas, que le permiten ejecutar la técnica en cuestión.
6.1.14. Licenciatura
La licencia o licenciatura es el grado que habilita a la persona para ejercer una determinada profesión y que certifica su capacidad.
La licenciatura puede ser una unidad académica independiente o formar parte de una carrera segmentada. En este último caso, la licenciatura es el segundo ciclo, después de la diplomatura y antes de los estudios de doctorado o maestría.
6.1.15. Postgrado
Postgrado o posgrado es el ciclo de estudios de especialización que se cursa tras la graduación o licenciatura. Se trata de la formación que sigue al título de grado, que es la titulación de educación superior que se obtiene al concluir una carrera universitaria de cuatro años.
23
Podría decirse que el postgrado es la última fase de la educación formal e incluye los estudios de especialización, maestría y doctorado. Las características de los postgrados dependen de cada país o institución. Hay cursos de posgrado que duran apenas un bimestre, mientras que otros pueden extenderse por más de un año.
El postgrado suele fomentar las actividades de investigación y la actualización de los contenidos universitarios, además de la especialización del conocimiento. Estos cursos brindan la posibilidad de perfeccionar las habilidades adquiridas durante la formación universitaria.
Los postgrados son una herramienta para el ascenso profesional. El hecho de contar con un postgrado puede incidir favorablemente a la hora de postular para un cargo jerárquico o ejecutivo en el cada vez más competitivo mercado laboral.
6.1.16. Tecnología
La tecnología es una característica propia del ser humano consistente en la capacidad de éste para construir a partir de materias primas, una gran variedad de objetos, máquinas y herramientas, así como el desarrollo y perfección en el modo de fabricarlos y emplearlos con vistas a modificar favorablemente el entorno o conseguir una vida más segura. El ámbito de la Tecnología está comprendido entre la Ciencia y la Técnica propiamente dichas, Por tanto el término "tecnológico" equivale a "científico-‐técnico". El proceso tecnológico da respuesta a las necesidades humanas; para ello, recurre a los conocimientos científicos acumulados con el fin de aplicar los procedimientos técnicos necesarios que conduzcan a las soluciones óptimas.
La tecnología abarca, pues, tanto el proceso de creación como los resultados. Dependiendo de los campos de conocimiento, tenemos múltiples ramas o tecnologías: mecánica, materiales, del calor y frío, eléctrica, electrónica, química, bioquímica, nuclear, telecomunicaciones, de la información.
6.1.17. Galileo Educational System –GES-‐
El Galileo Educational System –GES-‐ es una adaptación de la plataforma .LRN, la cual se utiliza actualmente en varias universidades del mundo, tales como España, México, Estados Unidos, Colombia, Alemania, entre muchas otras. Esta herramienta es un sistema innovador que integra servicios administrativos y educativos para que el estudiante pueda tener muchos beneficios agilizando su interacción con la Universidad. Esta plataforma educativa brinda una extensa gama de herramientas de comunicación, evaluación y servicios, que son útiles para catedráticos, auxiliares y estudiantes. A través del Galileo Educational System –GES-‐ se pueden realizar 3 tipos de gestiones, dividas por medio de áreas.
a) Área Personal: Pagos, asignaciones en línea, cambio de usuario y contraseña, actualización de su número de celular.
24
b) Área Académica: Verificar y enviar tareas, consultar notas, descargar materiales de apoyo y programa de curso, consultar correos electrónicos de su catedrático y compañeros de clase.
c) Área de Comunidades: Participar en foros y sesiones de chat con su catedrático y compañeros de clase, recibir mensajes de texto a su celular.
Adicionalmente el Galileo Educational System –GES-‐ asesora para la implementación de la plataforma GES a instituciones educativas y empresariales y capacitan a equipos humanos, técnicos, administrativos, de gestión y pedagógicos.
6.1.18. Usuario
Es quien usa ordinariamente algo. El término, que procede del latín “usuarĭus”, hace mención a la persona que utiliza algún tipo de objeto o que es destinataria de un servicio, ya sea privado o público.
La noción de usuario es muy popular en el ámbito de la informática. En este sentido, un usuario puede ser tanto una persona como una computadora o un software, ya que el concepto está vinculado al acceso a ciertos recursos o dispositivos.
Se conoce como usuario final a la persona a la que va destinada un producto cuando éste ya ha superado las diversas etapas de desarrollo. Se trata, por lo tanto, del sujeto que tiene una interacción directa con el producto.
6.1.19. Contraseña
Password, clave. Conjunto finito de caracteres limitados que forman una palabra secreta que sirve a uno o más usuarios para acceder a un determinado recurso. Las claves suelen tener limitaciones en sus caracteres (no aceptan algunos) y su longitud.
6.2. Conceptos fundamentales relacionados con la comunicación y el diseño.
6.2.1. Aplicación
La aplicación permite el acceso desde un dispositivo móvil a toda la información ya sea corporativa, o de uso personal que quiera movilizar, tal como agendas de clientes, catálogos de productos y precios, lista de teléfonos de empleados o amigos o cualquier información textual. Actualmente la fuerza de trabajo móvil requiere acceso a información corporativa tanto en la oficina como fuera de ella.
Con el creciente desarrollo de dispositivitos móviles y tecnologías de redes inalámbricas como Wireless LAN, GSM, GPRS, Bluetooth e IrDA, ha sido perfeccionada la movilidad de los usuarios, de manera que ya no están obligados a realizar su trabajo en un lugar fijo.
25
6.2.2. Widget
En programación, un widget (o control) es un elemento de una interfaz (interfaz gráfica de usuario o GUI) que muestra información con la cual el usuario puede interactuar. Por ejemplo: ventanas, cajas de texto, checkboxs, listbox, entre otros.
Un widget provee un punto de interacción con el usuario para la manipulación directa de un tipo de dato dado. En otras palabras, los widgets son bloques básicos y visuales de construcción que, combinados en una aplicación, permiten controlar los datos y la interacción con los mismos.
6.2.3. Internet
Conocida como la red de redes, pues se trata de una de las redes más grandes con un estimado de mil cien millones de usuarios (2007). Para funcionar utiliza el conjunto de protocolos TCP/IP. Fue financiada a finales de la década del 60 por DARPA, que se llamó al principio ARPANET; pensada para el área militar y usada por científicos. Desde que fue creada la WWW, el número de usuarios no paró de crecer; pero ese no es el único servicio de internet: podemos acceder remotamente a otras máquinas, transferir archivos, conversar con personas por medio de chat y mensajeros, servicio de correo electrónico –email-‐, grupos de noticias, etc.
6.2.4. Red Inalámbrica
En general, cualquier tipo de red que es inalámbrica. Pero el término suele utilizarse más para referirse a aquellas redes de telecomunicaciones en donde la interconexión entre nodos es implementada sin utilizar cables.
Las redes inalámbricas de telecomunicaciones son generalmente implementadas con algún tipo de sistema de transmisión de información que usa ondas electromagnéticas, como las ondas de radio. La principal ventaja de las redes inalámbricas es que se eliminan metros y metros de cables, pero su seguridad debe ser más robusta. -‐ LAN Inalámbrica: Red de área local inalámbrica. También puede ser una Red de área metropolitana inalámbrica. -‐ GSM (Global System for Mobile Communications): la red GSM es utilizada mayormente por teléfonos celulares. -‐ Wi-‐Fi: es uno de los sistemas más utilizados para la creación de redes inalámbricas en computadoras, permitiendo acceso a recursos remotos como internet e impresoras. Utiliza ondas de radio. -‐ Fixed Wireless Data: Es un tipo de red inalámbrica de datos que puede ser usada para conectar dos o más edificios juntos para extender o compartir el ancho de banda de una red sin que exista cableado físico entre los edificios.
6.2.5. WAP
Wireless Application Protocol o WAP (protocolo de aplicaciones inalámbricas) es un estándar abierto internacional para aplicaciones que utilizan las
26
comunicaciones inalámbricas, p.ej. acceso a servicios de Internet desde un teléfono móvil.
Se trata de la especificación de un entorno de aplicación y de un conjunto de protocolos de comunicaciones para normalizar el modo en que los dispositivos inalámbricos, se pueden utilizar para acceder a correo electrónico, grupo de noticias y otros.
El organismo que se encarga de desarrollar el estándar WAP fue originalmente el WAP Forum, fundado por cuatro empresas del sector de las comunicaciones móviles, Sony-‐Ericsson, Nokia, Motorola y Openwave (originalmente Unwired Planet). Desde 2002 el WAP Forum es parte de la Open Mobile Alliance (OMA), consorcio que se ocupa de la definición de diversas normas relacionadas con las comunicaciones móviles, entre ellas las normas WAP.
La nueva versión de WAP, WAP 2.0, está presente en los teléfonos móviles de nueva generación (a partir de 2004). Esta versión es una reingeniería de WAP que utiliza XHTML-‐MP (XHTML Mobile Profile), un subconjunto de XHTML que incluye el XHTML básico, y WCSS (WAP CSS), un subconjunto de CSS2 más ciertas extensiones específicas para móviles, como lenguajes para la presentación de contenidos mejorando por ejemplo el soporte de los gráficos (incluye color). De esta forma se consigue que el diseño de contenidos con WAP 2.0 sea muy similar a diseño de contenidos para la WWW para navegadores en dispositivos no móviles.
6.2.6. Linux
Sistema operativo que posee un núcleo del mismo nombre. El código fuente es abierto, por lo tanto, está disponible para que cualquier persona pueda estudiarlo, usarlo, modificarlo y redistribuirlo. El término Linux se utiliza para describir al sistema operativo tipo Unix que utiliza filosofías y metodologías libres y que está constituido por la combinación del núcleo Linux con las bibliotecas y herramientas del proyecto GNU, además de otros proyectos libres y no libres. El término Linux también hace referencia al kernel que utilizan múltiples sistemas operativos. Es ampliamente popular en el mercado de servidores.
6.2.7. HTML 5
HTML5 es la actualización de HTML, el lenguaje en el que es creada la web. HTML5 también es un termino de marketing para agrupar las nuevas tecnologías de desarrollo de aplicaciones web: HTML5, CSS3 y nuevas capacidades de Javascript. La versión anterior y más usada de HTML, HTML4, carece de características necesarias para la creación de aplicaciones modernas basadas en un navegador. El uso fuerte de Javascript ha ayudado a mejorar esto, gracias a frameworks como jQuery, jQuery UI, Sproutcore, entre otros.
27
Flash en especial ha sido usado en reemplazo de HTML para desarrollar web apps que superaran las habilidades de un navegador: Audio, video, webcams, micrófonos, datos binarios, animaciones vectoriales, componentes de interfaz complejos, entre muchas otras cosas. Ahora HTML5 es capaz de hacer esto sin necesidad de plugins y con una gran compatibilidad entre navegadores.
6.2.8. Java
Java es un lenguaje de programación orientado a objetos, desarrollado por Sun Microsystems a principios de los años 90. El lenguaje en sí mismo toma mucha de su sintaxis de C y C++, pero tiene un modelo de objetos más simple y elimina herramientas de bajo nivel, que suelen inducir a muchos errores, como la manipulación directa de punteros o memoria.
Hasta la fecha, la plataforma Java ha atraído a más de 6,5 millones de desarrolladores de software. Se utiliza en los principales sectores de la industria de todo el mundo y está presente en un gran número de dispositivos, equipos y redes.
La versatilidad y eficiencia de la tecnología Java, la portabilidad de su plataforma y la seguridad que aporta, la han convertido en la tecnología ideal para su aplicación a redes. De portátiles a centros de datos, de consolas de juegos a súper equipos científicos, de teléfonos móviles a Internet, Java está en todas partes.
6.2.9. Flash
Flash es una tecnología para crear animaciones gráficas vectoriales independientes del navegador y que necesitan poco ancho de banda para mostrarse en los sitios web. La animación en Flash se ve exactamente igual en todos los navegadores, un navegador sólo necesitan un plug-‐in para mostrar animaciones en Flash.
Con Flash los usuarios pueden dibujar sus propias animaciones o importar otras imágenes vectoriales.
Flash era conocido como FutureSplash hasta 1997, cuando Macromedia Inc. compró la compañía que lo desarrolló.
6.2.10. Marca
Es una de las variables estratégicas más importantes de una empresa ya que día a día adquiere mayor protagonismo. No hay que olvidar que vivimos actualmente una etapa bajo el prisma del marketing de percepciones y por tanto resalta la marca frente al producto. Para estar bien posicionados en la mente del consumidor y en los líderes de opinión, la marca de nuestra compañía debe disfrutar del mayor y mejor reconocimiento en su mercado y sector.
Según la Asociación Americana de Marketing, marca es un nombre, un término, una señal, un símbolo, un diseño, o una combinación de alguno de ellos que
28
identifica productos y servicios de una empresa y los diferencia de los competidores. Pero, la marca no es un mero nombre y un símbolo, ya que, como se comentaba anteriormente, se ha convertido en una herramienta estratégica dentro del entorno económico actual. Esto se debe, en gran medida, a que se ha pasado de comercializar productos a vender sensaciones y soluciones, lo que pasa inevitablemente por vender no sólo los atributos finales del producto, sino los intangibles y emocionales del mismo.
6.2.11. Apple
Es una empresa multinacional estadounidense con sede en Cupertino, California, que diseña y produce equipos electrónicos y software. Entre los productos de hardware más conocidos de la empresa se cuenta con equipos Macintosh, el iPod, el iPhone y el iPad. Entre el software de Apple se encuentran el sistema operativo Mac OS X, el sistema operativo iOS, el explorador de contenido multimedia iTunes, la suite iLife (software de creatividad y multimedia), la suite iWork (software de productividad), Final Cut Studio (una suite de edición de vídeo profesional), Logic Studio (software para edición de audio en pistas de audio), Xsan (software para el intercambio de datos entre servidores), Aperture (software para editar imágenes RAW), y el navegador web Safari.
La empresa opera más de 3171 tiendas propias en nueve países, miles de distribuidores y una tienda en línea donde se venden sus productos y se presta asistencia técnica.
6.2.12. Research In Motion -‐RIM-‐
Es una compañía canadiense de dispositivos inalámbricos más conocido como el promotor del dispositivo de comunicación de mano BlackBerry.
RIM tiene su sede en Waterloo, Ontario, además de oficinas en Norteamérica, Europa y la región de Asia y el Pacífico. Fue fundada por Mike Lazaridis, quien actualmente se desempeña como su presidente junto con Jim Balsillie. RIM desarrolla su propio software para sus dispositivos, usando C++, C y la tecnología Java. RIM también ha desarrollado y vendido componentes incorporados para datos inalámbricos.
Los principios de Research In Motion como desarrollador se dieron en 1995 con el financiamiento de 5.000.000 de dólares canadienses por parte de instituciones canadienses de capital. Desde entonces, RIM ha actualizado y lanzado al mercado internacional una gran variedad de dispositivos que se ejecutan sobre redes GSM, CDMA y recientemente redes HSDPA, UMTS, EDGE y 3G. La ubicación de dispositivos como los BlackBerry en el entorno corporativo y el uso compulsivo de su capacidad para el envío y recepción en tiempo real de e-‐mail le ha ganado
29
el apodo de "Crackberry" ya que los usuarios sienten que no pueden vivir sin estos.
6.2.13. Interfaz
La Interfaz también hace referencia al conjunto de métodos para lograr interactividad entre un usuario y una computadora. Una interfaz puede ser del tipo GUI, o línea de comandos, etc. También puede ser a partir de un hardware, por ejemplo, el monitor, el teclado y el mouse, son interfaces entre el usuario y el ordenador.
6.2.14. Interfaz Gráfica
También conocida como Graphic User Interface o Interfaz Gráfica de Usuario. Conjunto de formas y métodos que posibilitan la interacción de un sistema con los usuarios al utilizar formas gráficas e imágenes. Con formas gráficas se refiere a botones, íconos, ventanas, fuentes, etc. los cuales representan funciones, acciones e información.
6.2.15. Dispositivo Móvil
Los dispositivos móviles son aparatos de pequeño tamaño, con algunas capacidades de procesamiento, con conexión permanente o intermitente a una red, con memoria limitada, diseñados específicamente para una función, pero que pueden llevar a cabo otras funciones más generales.
Un dispositivo inalámbrico es aquel que es capaz de comunicarse o acceder a una red sin cables. Por ejemplo, un teléfono móvil, paginadores, comunicadores de bolsillos o PDAs. Este tipo de dispositivos se comportan como si estuvieran directamente conectados a una red mediante un cable, dando la impresión al usuario que los datos están almacenados en el propio dispositivo.
Los smartphones suelen permitir al usuario instalar nuevas aplicaciones, al aumentar así sus funcionalidades. Esto es posible porque ejecutan un sistema operativo potente de fondo. Pueden incluir un mini teclado, una pantalla táctil, un lápiz óptico, etc. Los smartphone tienden a incluir acceso a internet, servicios de e-‐mail, cámara integrada, navegador web, procesador de textos, etc.
6.2.16. Plataforma
En informática, determinado software y/o hardware con el cual una aplicación es compatible y permite ejecutarla. Una plataforma es, por ejemplo, un sistema operativo, un gran software que sirve como base para ejecutar determinadas aplicaciones compatibles con este. También son plataformas la arquitectura de hardware, los lenguajes de programación y sus librerías en tiempo de ejecución, las consolas de videojuegos, etc. Existen programas multiplataforma, que permiten ejecutarse en diversas
30
plataformas. También existen emuladores, programas que permiten ejecutar desde una plataforma programas de otra al emular su funcionamiento.
6.2.17. Apple iOS
Es un sistema operativo móvil de Apple desarrollado originalmente para el iPhone, siendo después usado en todos los dispositivos iPhone, iPod Touch e iPad. Es un derivado de Mac OS X, que a su vez está basado en Darwin BSD. El iOS tiene 4 capas de abstracción: la capa del núcleo del sistema operativo, la capa de "Servicios Principales", la capa de "Medios de comunicación" y la capa de "Cocoa Touch". Todo el sistema se encuentra en la partición "/root" del dispositivo, ocupa poco menos de 500 megabytes.
La interfaz de usuario de iOS se basa en con el concepto de manipulación mediante gestos multi táctil. Los elementos de la interfaz se componen por deslizadores, interruptores y botones. La respuesta es inmediata y se provee de una interfaz fluida. La interacción con el sistema operativo se realiza mediante gestos como deslizar, tocar y pellizcar. Acelerómetros y Giroscopios internos son utilizados por algunas aplicaciones para responder a movimientos y gestos, como sacudir el aparato (en campos de texto es usado para deshacer y rehacer) o rotarlo (se suele usar para cambiar de posición vertical a modo paisaje).
Actualmente el software mas reciente es el iOS 4.3 , pero ya esta siendo planeado el lanzamiento del iOS 4.5 para otoño del 2011.
6.2.18. Android
Android es un sistema operativo para móviles basado en Linux y diseñado única y exclusivamente para teléfonos móviles (o smartphones) y tablets.
Android fue comprado por Google en el año 2005 (aunque su lanzamiento fue en el 2008), dando el primero paso en el mundo de la telefonía móvil y la empresa ha crecido tanto en el segundo trimestre del 2010. Cualquier persona, que tenga conocimientos de programación, puede crear aplicaciones, mejorar aplicaciones, cread widgets, etc. Android, a diferencia de otros sistemas operativos para móviles como pueden ser iOS de Apple, o Blackberry, permite desarrollar aplicaciones en una variación de Java llamada Dalvik. Android facilita todas las interfaces necesarias que accedan a las funciones del teléfono, como por ejemplo el GPS del móvil, las llamadas de teléfono, la agenda, etc. Cualquier persona puede bajarse el código fuente, lo puede inspeccionar, trabajar, cambiar, etc. esto le da seguridad a los usuarios, ya que es un código abierto que permite detectar fallos más rápidamente y así repararlos. Así Android se encuentra siempre en continuo desarrollo actualizándose.
Todas las aplicaciones, widgets y software puede encontrarse en el sitio oficial de Android, el Android Market, que viene preinstalado en todos los dispositivos de Android.
6.2.19. Blackberry OS
31
Es un sistema operativo móvil desarrollado por Research In Motion para sus dispositivos BlackBerry. El sistema permite multitarea y tiene soporte para diferentes métodos de entrada adoptados por RIM para su uso en computadoras de mano, particularmente la trackwheel, trackball, touchpad y pantallas táctiles.
El BlackBerry OS está claramente orientado a su uso profesional como gestor de correo electrónico y agenda. Desde la versión actual, la cuarta, se puede sincronizar el dispositivo con el correo electrónico, el calendario, tareas, notas y contactos de Microsoft Exchange Server, además es compatible también con Lotus Notes y Novell GroupWise.
BlackBerry Enterprise Server (BES) proporciona el acceso y organización del email a grandes compañías al identificar a cada usuario con un único BlackBerry PIN. Los usuarios más pequeños cuentan con el software BlackBerry Internet Service, programa más sencillo que proporciona acceso a Internet y a correo POP3 / IMAP / Outlook Web Access sin tener que usar BES.
Al igual que en el SO Symbian desarrolladores independientes, también pueden crear programas para BlackBerry, pero en el caso de querer tener acceso a ciertas funcionalidades restringidas necesitan ser firmados digitalmente para ser asociados a una cuenta de desarrollador de RIM.
6.2.20. App Store/Itunes Store
App Store es un servicio para el iPhone, el iPod Touch, el iPad, Mac OS X Snow Leopard y Mac OS X Lion, creado por Apple Inc., que permite a los usuarios buscar y descargar aplicaciones informáticas de iTunes Store o Mac App Store en el caso de Mac OSX, desarrolladas con el iPhone SDK y publicadas por Apple. Estas aplicaciones están disponibles para ser compradas o libres de costo, dependiendo de cada una. Las aplicaciones pueden ser descargadas directamente al iPhone o al iPod Touch por medio de una aplicación del mismo nombre, aunque App Store también está disponible al interior del programa informático iTunes.
6.2.21. Android Market
Es un sitio web y también una tienda en online donde se pueden obtener aplicaciones para el sistema operativo de móviles Android, este es desarrollado por la empresa Google, tal vez la más grande a nivel de internet, y se basa en aplicaciones también llamada app, o en español mercado. Esta app viene instalada en la mayoría de dispositivos Android y permite a los usuarios buscar y descargar aplicaciones directamente en su smartphone. En Android market nos podemos encontrar con infinidad de aplicaciones algunas son gratuitas y otras son de pago que las podemos cancelar mediante una tarjeta de débito o de crédito: visa, mastercard (por ejemplo) aceptada por el sistema de Google Checkout.
La interfaz está dividida en las diferentes secciones las cuales son: Mostrado: principal, Aplicaciones: donde podemos ver todo las aplicaciones en General, Juegos: una categoría especialmente sólo para juegos, Búsqueda: en esta
32
opción nos permite realizar búsquedas de cualquier aplicación, Mis descargas: aquí puede observar las aplicaciones que han descargado
6.2.22. Blackberry App World
La App World de BlackBerry es el equivalente al Market en los dispositivos que utilizan Android como sistema operativo, o bien la App Store en iOS (iPhone, iPad, etc.). Se trata pues del centro de software avalado por RIM que está disponible para equipos BlackBerry, en donde se pueden encontrar aplicaciones gratuitas y de pago.
6.3. Ciencias auxiliares, teorías y tendencias. 6.3.1. Semiología
La palabra semiología viene del griego (semeion = signo) y (logos = discurso, estudio, tratado). Ferdinand de Saussure, (Ginebra, 1857-‐1913), considerado el padre de la lingüística, definió la semiología en 1908 como “La ciencia que estudia la vida de los signos en el seno de la vida social”. En opinión de Saussure, la semiología depende de la psicología general y su rama más importante es la lingüística. Según la definición de Saussure, la semiología es aplicable a todas las actividades sociales. Así por ejemplo en medicina aparece en la relación medico-‐paciente, cuando un médico interpreta la sintomatología de su paciente, construye hipótesis apoyado en su conocimiento, experiencia e intuición, ordena exámenes, emite diagnósticos y formula tratamientos. También aparece la semiología por ejemplo en los mensajes publicitarios, la forma como se emiten y la interpretación de los receptores, pues de dicha interpretación dependerá el éxito o el fracaso de esa estrategia de mercadeo. Entre semántica y semiología parece que no existiera diferencia, ya que ambas expresiones hacen referencia a interpretación de signos. Sin embargo, para efectos de comprensión, nótese que en comunicación, la primera se interpreta como el significado de los signos lingüísticos (palabras u oraciones), mientras que la segunda se aplica al sentido que se le da a las expresiones.
En las metáforas y expresiones lanzadas con ironía entra en juego la semiología, porque con el sentido que se les imprime o simplemente con el tono en que se pronuncian, se dan a entender ideas y hasta contrarias a lo que expresan las palabras tomadas aisladamente.
6.3.2. Andragogía
La andragogia es un término reciente, acuñado a partir de dos raíces griegas: (anér=andros, hombre, entiéndase persona adulta) y (ago=yo guio o conduzco). Esto es la ciencia y el arte de educar a los adultos. Hasta hace no mucho tiempo se creía que la educación era sólo cuestión de niños, que la única institución llamada a impartirla era la escuela y que el ser humano era educable sólo en su edad temprana; pero lo cierto es que el proceso educativo actúa sobre el hombre durante toda su vida, puesto que no hay momento de su existencia en que el medio deje de ejercer su influjo sobre él. Se sabe que se producen cambios
33
aun en plena ancianidad respecto de nuestras creencias, opiniones, costumbres y hábitos.
La evidencia científica demuestra que, si bien es cierto, el mayor potencial en la capacidad de aprendizaje corresponde a los primeros años de la vida, el desarrollo mental en la madurez no deja de tener su oportunidad.
6.3.3. Pedagogía
La palabra pedagogía deriva del griego paidos, que significa niño y agein que significa guiar, conducir “El que conduce niños”.
Ciencia multidisciplinaria que se encarga de estudiar y analizar los fenómenos educativos y brindar soluciones de forma sistemática e intencional, con la finalidad de apoyar a la educación en todas sus aspectos para el perfeccionamiento del ser humano. Es una actividad humana sistemática, que orienta las acciones educativas y de formación, en donde se plantean los principios, métodos, prácticas, maneras de pensar y modelos, los cuales son sus elementos constitutivos. Es una aplicación constante en los procesos de enseñanza-‐aprendizaje.
Por su carácter interdisciplinario, fusiona áreas como Filosofía, Psicología, Medicina, Antropología, Historia, Sociología y Economía. El aporte que hace cada una de ellas a la pedagogía es lo que enriquece y favorece el quehacer pedagógico, además de proveer las bases científicas que dan el carácter de ciencia a la pedagogía. Por un lado permite explicar y plantear de manera eficaz los fenómenos educativos y sus procesos desde todas sus vertientes, culturales, filosóficas, psicológicas, biológicas, históricas y sociales.
La pedagogía al estudiar de forma organizada la realidad educativa y fundamentándose en las ciencias humanas y sociales, trata de garantizar la objetividad de los conocimientos que acontecen en un contexto determinado. Cumple con los requisitos que una ciencia debe poseer, tiene un objeto de estudio propio que es la educación; se ciñe a un conjunto de principios que tienden a constituir un sistema regulador de sus fines, fundamentos y procedimientos, y emplea métodos científicos, tales como los empíricos (observación, experimentación, análisis, síntesis, comparativo, estadístico y de los tests); y los racionales (comprensivo, fenomenológico, especulativo, neológico y crítico).
La ciencia hace uso de técnicas como recursos o procedimientos para obtener resultados visibles y cuantificables, la aplicación de estas técnicas en la educación se conoce como didáctica. La técnica es una herramienta eficaz para el mejoramiento y facilitación de los procesos de enseñanza-‐aprendizaje, con el apoyo de ellas el educando encuentra o le da un significado a “algo” que era ajeno o desconocido. Como ejemplo están las técnicas espaciales, que son técnicas de aprendizaje que tienen como rasgo general y común posibilitar una representación visual de las cantidades sustanciales de información, si bien se diversifican por la clase de información representada, la forma de
34
representación y las bases intelectuales en que se apoyan. Se utilizan las tablas, las gráficas o mapas sinópticos que recuperan la información más sustancial.
6.3.4. Historia
La historia es la ciencia social que se encarga de estudiar el pasado de la humanidad. Por otra parte, la palabra se utiliza para definir al periódico histórico que comienza con la aparición de la escritura e incluso para referirse al pasado mismo. El estudio de la historia implica tres conceptos diferentes, pero que suelen confundirse entre sí: la historiografía (el conjunto de técnicas y métodos utilizados para describir los hechos históricos acontecidos), la historiología (las explicaciones, métodos y teorías sobre cómo, por qué y en qué medida acontecen los hechos históricos) y la historia en sí misma (o sea, los hechos realmente acontecidos). Al simplificar esta cuestión, puede decirse que la historia son los hechos del pasado, la historiografía es la ciencia de la historia y la historiología, su epistemología.
Pueden mencionarse dos enfoques en el campo de estudio de la historia: el clásico (que considera a la historia como el periodo que comienza con la aparición de la escritura) y el multi culturalista (que establece que la historia es el período que es posible reconstruir con un relato fiable de los acontecimientos que afectan a una sociedad humana).
Según la historia clásica, los acontecimientos que sucedieron antes del periodo histórico pertenecen a la prehistoria, mientras que aquellos hechos situados en el periodo de transición entre la prehistoria y la historia son parte de la protohistoria.
6.3.5. Tecnología
Es un concepto amplio que abarca un conjunto de técnicas, conocimientos y procesos, que sirven para el diseño y construcción de objetos para satisfacer necesidades humanas. En la sociedad, la tecnología es consecuencia de la ciencia y la ingeniería, aunque muchos avances tecnológicos sean posteriores a estos dos conceptos. La palabra tecnología proviene del griego tekne (técnica, oficio) y logos (ciencia, conocimiento). La tecnología puede referirse a objetos que usa la humanidad (como máquinas, utensilios, hardware), pero también abarca sistemas, métodos de organización y técnicas. La tecnología formal tiene su origen cuando la técnica (primordialmente empírica) comienza a vincularse con la ciencia, sistematizándose así los métodos de producción. Ese vínculo con la ciencia, hace que la tecnología no sólo abarque "el hacer", sino también su reflexión teórica. Tecnología también hace referencia a los productos resultados de esos procesos.
Actualmente, el mercado y la competencia en general, hacen que deban producirse nuevas tecnologías continuamente (tecnología de punta), ayudado muchas veces por la gran transferencia de tecnología mundial. También existe una tendencia a la miniaturización de los dispositivos tecnológicos.
35
¿Tecnología educativa?
Si adaptamos esta definición al campo educativo diríamos que la Tecnología Educativa es la aplicación de conocimientos científicos del aprendizaje humano a las tareas prácticas de enseñar y aprender. Más aún, la Tecnología Educativa es un campo dedicado al mejoramiento del proceso enseñanza y aprendizaje. Abarca e integra un sinnúmero de disciplinas que sirven de fundamento teórico y práctico, para ayudar a que el hombre descubra por sí mismo su relación con el ambiente que le rodea. La Tecnología Educativa integra y desarrolla teorías, experiencias y medios de difusión tecnológicas con el fin de mejorar un sistema instruccional.
6.3.6. Etnología
Se trata de una disciplina científica, originada como resultado del descubrimiento del nuevo mundo, de las exploraciones de las nuevas tierras y del encuentro de pueblos y culturas diferentes. Podemos decir que fueron los ingleses los que empezaron a sistematizar esta visión. Estamos refiriéndonos a una asignatura orientada al estudio y descripción de las etnias.
Pensemos en ella como una actividad, disciplinada y sistemática que nos permite a través del método comparativo y de un sinnúmero de técnicas, conocer la realidad social, sus diferencias, coincidencias y tendencias históricas, pero básicamente, se destaca por hacer factible la reconstrucción de pasados, presentes y posibles futuros, analizar los contenidos culturales, sus procesos y su diagnóstico.
6.3.7. Estadística
Es la rama de las Matemáticas que se va a encargar de recopilar, organizar y procesar datos con el fin de inferir las características de la población objetivo.
El objetivo de la estadística es la obtención de conclusiones basadas en los datos experimentales.
Existen 2 tipos de estadística:
Descriptiva: Es la técnica que se va a encargar de la recopilación, presentación, tratamiento y análisis de los datos, con el objeto de resumir, describir las características de un conjunto de datos y por lo general toman forma de tablas y gráficas. Inferencia Estadística: Técnica mediante la cual se sacan conclusiones o generalizaciones acerca de parámetros de una población basándose en el estadígrafo o estadígrafos de una muestra de población.
6.3.8. Diseño Gráfico
Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados.
36
La función principal del diseño gráfico será entonces transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc.
El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo.
El diseño gráfico no significa crear un dibujo, una imagen, una ilustración, una fotografía. Es algo más que la suma de todos esos elementos, aunque para poder conseguir poder comunicar visualmente un mensaje de forma efectiva el diseñador debe conocer a fondo los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el buen gusto y el sentido común necesarios para combinarlos de forma adecuada.
El resultado final de un diseño gráfico se denomina grafismo, y es una unidad por sí misma, aunque esté compuesto por multitud de elementos diferentes. Podemos establecer una analogía entre un grafismo y un plato de cocina. Ambos están compuestos por diferentes elementos individuales que, unidos correctamente y con sabiduría, componen una obra final única y definida que va más allá de la suma de las partes que la forman.
Toda obra de comunicación visual nace de la necesidad de transmitir un mensaje específico. Un diseñador gráfico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un método específico (diseño) construye mensajes (comunicación) con medios visuales (grafismos). No es el creador del mensaje, sino su intérprete.
6.3.9. Interactividad
Interactividad es la capacidad del receptor para controlar un mensaje no-‐lineal hasta el grado establecido por el emisor, dentro de los límites del medio de comunicación asincrónico.
En todo medio de comunicación hay cuando menos cuatro entidades importantes: el emisor, el medio, el mensaje, y el receptor. El emisor obviamente es el productor de cierto mensaje que envía a través de un medio para llegue al receptor.
La interactividad solamente se puede dar en medios de comunicación asincrónicos y no-‐lineales. También de que en la interactividad el receptor decide o escoge que parte del mensaje le interesa más, es decir controla el mensaje. Y por ende no es posible la información no-‐lineal sin interactividad.
La demanda de acción que efectúa el producto multimedia al usuario. Esta acción/reacción puede tener distintos medios de expresión: tocar la pantalla, entrar texto en un determinado campo, realizar determinadas manipulaciones usando el mouse –click, doble click, arrastrar y tirar, entre otros.
37
6.3.10. Psicología del Color
Estudia el efecto del color en la conducta y percepción humana. El análisis de la reacción ante los colores al constituir habitualmente a la seña lítica, moda, y arte publicitario. La psicología del color se basa en ciertas relaciones con formas geométricas, símbolos y la representación heráldica. Los colores tienen capacidad de expresión, ya que cada uno expresa un significado y provoca una reacción o una emoción. El color es uno de los medios más subjetivos con el que cuenta el diseñador, ya que la percepción del color es la parte simple más emotiva del proceso visual, tiene una gran fuerza y puede emplearse para expresar y reforzar la información visual.
6.3.11. Semántica
Es todo aquello perteneciente o relativo al significado de las palabras; del significado de un elemento, símbolo, palabra, expresión de los signos lingüísticos y de sus combinaciones. Está vinculado al significado, sentido e interpretación de palabras expresiones o símbolos. La realidad y los pensamientos pueden ser descritos a través de las expresiones analizadas por la semántica.
38
Capítulo VII Proceso de Diseño y
Propuesta Preliminar
39
Capítulo VII
Proceso de diseño y propuesta preliminar
7.1. Aplicación de la Información obtenida en el Marco Teórico.
Las ciencias que anteriormente fueron mencionadas son indispensables para el proyecto, ya que se necesita utilizarlas como apoyo al mismo y son despejadas de la siguiente manera:
-‐ La semiología es aplicada, ya que en cualquier imagen, logotipo, isotipo, isologo, colores, formas o texto que llegue a tener el diseño es estudiado por esta ciencia y apoyará para el correcto uso de las mismas.
-‐ La andragogía contribuirá a encontrar la forma adecuada para que la aplicación sea utilizada por el grupo objetivo y que sea atractivo y funcional a sus necesidades. -‐ La pedagogía logrará buscar la manera correcta en que la enseñanza pueda ser mas accesible por medio del proyecto, ya que se necesita ver de qué forma puede existir un método de enseñanza entre maestro y alumno, que sea innovador, pero que a la vez cumpla con los requerimientos y estándares educativos de la universidad. -‐ La historia respaldará algunas partes del diseño visual del proyecto, porque se necesita saber ¿Quién era Galileo Galilei?, ¿Cómo era la época en la que él vivía?, ¿Qué colores, formas y diseños se utilizaban en esa época?; para posteriormente plasmarlo como la imagen gráfica del proyecto. -‐ La tecnología es la base del proyecto, ya que todo gira respecto de programas, plataformas, dispositivos, codificaciones, entre otros; Y todas esto no seria posible si la tecnología no estuviera avanzado con el pasar de los años. -‐ La etnología apoya con determinar al grupo objetivo a quien se estará enfocando el proyecto, ya que se podrá establecer los niveles socioeconómicos, culturas, hábitos y costumbres de la muestra obtenida. -‐ La estadística contribuirá a recopilar, organizar y procesar los datos que previamente fueron obtenidos por medio de encuestas a los alumnos y posteriormente mostrar por medio de gráficas los resultados. -‐ El diseño gráfico logrará plasmar las ideas e información del proyecto, por medio de elementos gráficos que den forma al mensaje y lo hagan atractivo y fácilmente entendible al grupo objetivo. -‐ La interactividad va de la mano en el proyecto, ya que tiene que existir comunicación del emisor hacia el receptor con el respectivo feedback y determinar que esta información sea de utilidad para el grupo objetivo.
40
-‐La psicología del color logra que este pueda dar a entender algo basado en los grados de percepción y combinación alrededor de su contexto y ser bien utilizados dentro de los iconos, cintillos, texto y/o cualquier otro elemento gráfico dentro de la aplicación. -‐La semántica servirá para que el significado de un elemento, símbolo y sus combinaciones tenga sentido y sea interpretado correctamente.
7.2. Conceptualización
7.2.1. Método
Los métodos utilizados para conceptualizar la idea son los siguientes:
-‐ Mapa Mental:
Es una técnica creada por Tony Buzan, investigador en el campo de la inteligencia y presidente de la Brain Foundation.
La importancia de los mapas mentales radica en que son una expresión de una forma de pensamiento: el pensamiento irradiante. El mapa mental es una técnica gráfica que permite acceder al potencial del cerebro. Su principal aplicación en el proceso creativo es la exploración del problema y la generación de ideas. En la exploración del problema es recomendable su uso para tener distintas perspectivas del mismo.
Esta técnica se llevó a cabo al aportar ideas que surgieron a la hora de ser expuesto el tema del proyecto llamado “Diseño visual de Interfaz Gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite al acceso al Galileo Educational System -‐GES-‐ a alumnos de Universidad Galileo”; para generar ideas relacionadas al tema, las cuales son plasmadas en la siguiente tabla:
Ges Blackberry Iphone Android Plataforma
Universidad Galileo
Colores Telescopio Educación Notificaciones
Galileo Galilei Rapidez Facilidad Touch Tareas
Internet Consultas Azul Beige Café
Robot Marcas Twitter Redes sociales Facebook
41
Contraseñas Usuario Alumnos Correo Antiguo
Moderno Tecnología Trackpad Celulares Ipads
Aplicación Tiendas Descargas Tiempo Archivos
Servidor Original Red Compañía Telefónica
Engranajes
Maquinaria Motorola Samsung LG Garabatos
Líneas Básico Simple Innovador Infinito
Estrellas Oro Números Dorado Operaciones
Matemáticas Signos Eduardo Suger
Planetas Sistema Solar
Maestro Giroscopio Táctil Moderno En el momento
Al alcance de la mano
Interesante Teclado Wi-‐Fi Portal
-‐ Analogía:
Consiste en resolver un problema mediante un rodeo: en vez de atacarlo de frente se compara ese problema o situación con otra cosa. Gordon, creador de la Cinética (método creativo basado en el uso de las analogías) insistía en que "se trata de poner en paralelo mediante este mecanismo unos hechos, unos conocimientos o unas disciplinas distintas". Por ejemplo, un problema empresarial lo intentamos resolver buscando algún problema análogo en otras disciplinas: en la biología, en la historia, en un deporte colectivo.
Luego de haber realizado el mapa mental se utilizó la técnica de Analogía con la ayuda de los mismos profesionales de Comunicación y Diseño que contribuyeron con sus ideas previas; Andrea Aguilar, Carmen Aguilar, Juan Echeverría y Daniel Galindo.
En esta técnica se escogieron 2 Conceptos completamente diferentes y se indican las características de cada uno. El primer concepto es “Aplicación para Dispositivos Móviles” y el segundo concepto es “Galileo Educational System –GES-‐. Son conceptos o productos que no tienen ninguna relación entre ellos, pero a la hora de hacer la analogía e indicar sus características, podemos darnos cuenta que tienen cierta conexión tecnológica y pueden llegar a acoplarse entre
42
los dos y hacer un producto/servicio funcional. Se demuestra de la siguiente manera:
Aplicación para Dispositivos móviles
Galileo Educational System -‐GES-‐
Interesante para el usuario Información de cursos asignados
Práctico Fácil de utilizar
Fácil de utilizar Completo
Existen gratis y con costo Permite comunicación entre alumnos de la clase
Facilita la visualización de el contenido Pagos electrónicos de universidad
Fácil acceso al contenido Ver y opinar en foros disponibles
Completo Ver información de forma rápida
Información clara y concreta Interacción entre catedráticos y alumnos
Tiene que ser rápido Servicio gratuito
Moderno y diferente Accesible en cualquier lugar
Con diversos idiomas Es completo
No ocupe demasiada memoria
Que sea único, sin competencia que lo opaque
Necesita instrucciones
-‐Ideas Animadas:
Es una técnica de pensamiento visual inventada en su origen por Alexander, Ishikawa y Silverstein para inventar diseños de edificios.
Sirve cómo técnica para generar ideas creativas e innovadoras. Los Ideatoons (símbolos gráficos) te enseñan a liberar tu pensamiento poniéndolo del revés. Fomenta el pensamiento visual. Se trata de crear símbolos visuales abstractos en lugar de palabras. Con su combinación, su forma, movimiento, posición… surgen
43
las nuevas ideas. Lo importante es saber qué significa las representaciones gráficas que haces.
La siguiente técnica fue realizada de forma individual, tomando una muestra de 40 conceptos que previamente fueron plasmados en la técnica de Mapas Mentales. Luego fueron bocetados de forma clara y simple para tener una imagen visual de las ideas que surgieron de los profesionales.
Por lo que el creador del proyecto presenta sus siguientes bocetos en los que se simplifica en trazos básicos la idea del concepto que fue dado en el brainstorming. En la parte posterior de la hoja se escribe el nombre de cada concepto, para que sea comparado con los bocetos realizados previamente:
Galileo Educational System –GES-‐
Blackberry Iphone Android Plataforma
Universidad Galileo
Colores Telescopio Educación Notificaciones
Touch Twitter Facebook Internet Marca
44
Bocetaje de técnica de Ideas Animadas:
Trackpad Tecnología Correo Contraseña y Usuario
Redes Sociales
Descargas Tiempo Aplicación Ipad Celulares
Números Estrellas Garabatos Engranaje Compañía Telefónica
Teclado Wi-‐Fi Sistema Solar Signos Matemáticas
45
Infinito Líneas Al alcance de la mano Red Oro
7.2.2. Definición del concepto
Con la ayuda de las Técnicas de Mapa Mental, Analogía e Ideas Animadas se enuncian algunas frases para el concepto del Proyecto, las cuales dan una idea de forma simple pero concreta acerca de la esencia del mismo y lo que quiere exponer a su grupo objetivo. Las propuestas finales del concepto creativo son las siguientes:
La educación en la palma de tu mano
Una universidad en tu dispositivo móvil
Un acceso a tus estudios desde cualquier lugar
Información de tu “U” desde cualquier sitio.
Innovando tus estudios de una manera mas práctica
Una forma fácil de consultar tus estudios en el momento
Tus cursos, información, noticias y foros en una aplicación
Lleva la “U” a todas partes
La "U" te acompaña en todo momento
Lleva la “U” contigo a cualquier lugar.
Concepto Final:
Con varias frases propuestas, se seleccionaron tres conceptos los cuales son considerados los mas indicados para expresar la idea del proyecto. Quedando como opción final la siguiente:
Lleva la “U” a todas partes
46
La frase “Lleva la U a todas partes” nos indica que podemos realizar algunas de las opciones que tenemos por medio del Galileo Educational System –GES-‐ que regularmente se consultan desde las computadoras y por medio de internet como son las noticias, cursos, calendario, foros, entre otros; es posible consultarlo en cualquier momento, desde cualquier lugar. Ya que con solo ingresar a la aplicación móvil se pueden hacer consultas inmediatamente, de una manera mas fácil y práctica, todo esto por medio de dispositivos móviles con los sistemas operativos mencionados anteriormente.
7.3. Bocetaje
El bocetaje se realizó en papel y lápiz, al colocar las ideas que darían respuesta a las necesidades del grupo objetivo. En esta etapa del bocetaje y pre diseño se tomaron en cuenta
-‐ Diagramación -‐ Tipografía -‐ Colores e ilustraciones.
En esta etapa se digitalizaron los bocetos finales hechos a lápiz y papel y se explica cada boceto.
7.3.1. Contenido del Proyecto
Por medio de un mapa conceptual se indica el contenido que tendrá el Proyecto: “Diseño visual de Interfaz Gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite al acceso al Galileo Educational System -‐GES-‐ a alumnos de Universidad Galileo”; el cual consta de varias opciones para ser consultadas por los alumnos, son indicadas a continuación:
47
* Ver Noticias Publica-‐das.
* Ver eventos publica-‐dos.
Noticias
* Ver eventos del día/ semana/ mes.
* Agregar y modificar eventos.
Calendario
* Ver Cursos Actuales.
-‐ Ver/ Descar-‐gar material de apoyo.
-‐ Ver Miem-‐bros de la clase e Info.
-‐ Agregar Noticias.
Mis Cursos
* Unirse y respon-‐der en Foros disponi-‐bles.
Foros
* Ver mis Datos de Perfil.
* Horario de
Cursos.
* Pensum de
estudio.
* Notas de la
carrera.
Mi cuenta Configuración
* Cerrar sesión.
* Recibir notificaciones. Si/No.
*Periodo de actualización. ½ hora. 1 hora. 3 horas. Nunca.
* Vincular a Redes Sociales. Twitter. Facebook.
* Guardar Cambios
Animación / Bienvenida
Ingresar Usuario/Contraseña –
GES-‐
Pantalla Inicio
Re direccionar a Página de Galileo
1.-‐
2.-‐
3.-‐
4.-‐
Cada parte de la aplicación y el Contenido resumido en el mapa conceptual anterior, se detalla a continuación:
-‐ Animación/Bienvenida:
Es el primer módulo de la aplicación y acá se encontrará el logotipo del Galileo Educational System –GES-‐ móvil, que da la bienvenida al usuario.
48
-‐ Ingresar Usuario/Contraseña -‐GES-‐:
Es el segundo módulo de la aplicación y acá se ingresará el usuario y la contraseña de cada usuario del Galileo Educational System –GES-‐ para utilizar la aplicación. Es importante mencionar que si no se ingresa a alguno de estos dos parámetros, el usuario no podrá continuar en la aplicación.
-‐ Pantalla Inicio:
Es el tercer módulo de la aplicación; en esta parte se muestran los iconos designados para cada opción de consultas (noticias, calendario, mis cursos, foros, mi cuenta y configuración); los iconos se deslizan de izquierda a derecha y luego se selecciona el deseado, para ingresar a las opciones que despliega cada icono.
-‐ Noticias, calendario, mis cursos, foros, mi cuenta, configuración:
Es el quinto módulo de la aplicación en donde se realizan las consultas del usuario; la información mostrada está vinculada con la base de datos del Galileo Educational System –GES-‐ de una manera mas interactiva y básica, ya que cuenta con menos opciones que el sistema completo, debido a la plataforma de consulta de la aplicación. Las información que tendrá cada opción es la siguiente:
• Noticias: En esta opción los usuarios podrán consultar las ultimas noticias y eventos publicados por medio de una línea de tiempo, indicando la fecha y la hora en la que otros usuarios y/o los administradores del Galileo Educational System –GES-‐ publiquen información en el sistema o por medio de las Redes Sociales que están vinculadas con la Universidad y en la que los usuarios de estas redes, hayan dado previamente Like (por medio de Facebook) o Follow (por medio de Twitter) a la pagina de Universidad Galileo.
• Calendario: En esta opción el usuario puede consultar los eventos que han sido creados en el Galileo Educational System –GES-‐ y agregar o modificar los mismos. Estos eventos se visualizarán por medio de un calendario en el cual se consulte por día, semana o mes. Los eventos también estarán vinculados a la opción de Noticias, para tener una vista rápida del evento.
• Mis Cursos: En esta opción el usuario puede visualizar los cursos a los que actualmente está asignado. Luego ingresará al curso deseado y puede ver/descargar material de apoyo que ha sido subido al sistema por medio de el administrador de cada curso. Dentro de cada curso tiene la opción para ver a otros usuarios que se encuentran asignados al igual que él y ver su información (Nombre completo, usuario, correo electrónico, carné universitario, fecha de registro y carrera actual). Como última opción el usuario ingresará notas o recordatorios que desee
49
publicar en cada curso, estas notas se publicarán en cada curso y en la línea de tiempo de la opción de “Noticias”.
• Foros: Los usuarios podrán unirse y comentar en foros que se encuentren disponibles por el administrador.
• Mi Cuenta: En esta opción el usuario puede ver los datos de su propio perfil ((Nombre completo, usuario, correo electrónico, carné universitario, fecha de registro y carrera actual). Adicionalmente puede visualizar el horario en que están programados sus cursos actuales, el pensum de estudio que ha llevado desde que ha ingresado a la universidad y las notas que ha obtenido.
• Configuración: Esta opción permite cerrar la sesión de cada usuario y configurar las opciones personales; Establece si desea recibir notificaciones y el periodo en que será actualizada la información en la aplicación (1/2 hora, 1 hora, 3 horas). Vincula las redes sociales Facebook y Twitter; al guardar o cancelar los cambios realizados.
• Re direccionar a Pagina Galileo: En esta opción los usuarios serán enviados al “Browser” (Navegador) de cada dispositivo móvil para que puedan consultar la pagina de manera normal, es decir no por medio de la aplicación del GES Móvil.
7.3.2. Diagramación de Aplicación:
7.3.2.1. Apple iOS y Android:
Los dispositivos móviles con sistemas operativos Apple iOS y Android son dispositivos que en la mayoría de casos poseen una pantalla “táctil” lo cual permite un diseño mas amplio, iconos y texto mas grande.
Se tomará como referencia la medida 3 pulgadas de alto x 2 pulgadas de ancho o 960x640 pixels; esta medida es promedio en dispositivos como lo son el iphone, ipod, Samsung Galaxy S, Sony Ericksson XPERIA, entre otros. Es por este motivo que se toma como base esta medida; la modificación de tamaños varía según el modelo, marca y otras características que tienen que ser programadas por el área de desarrollo del proyecto a la hora de ejecutarse.
Este tipo de dispositivos móviles, tienen una pantalla con una visualización vertical mas amplia, como la que se muestra a continuación.
Apple iOS Android
50
Ejemplo de cómo es una pantalla de dispositivos móviles con sistema operativo Apple iOS y Android:
A continuación se indica la diagramación de las partes de la aplicación, esta consta de 22 pantallas diferentes en la que la información es visualizada vinculándola desde la base de datos del Galileo Educational System –GES-‐.
El contenido se explica al utilizar los siguientes gráficos, explicar en la parte inferior de cada pantalla todos los detalles acerca de que logotipos, imágenes, iconos o texto que será mostrado, posteriormente se indican los iconos, colores y texto que llevará en cada pantalla:
Significado de la diagramación:
-‐ Imagen o logotipo
-‐ Icono
-‐ Texto ∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∨∧∨∧∨∧∨∧∨∧∨∨∧∨∧∨∧∨∧∨∧∨
3 pulgadas
2 pulgadas 2 pulgadas
3 pulgadas 3 pulgadas
51
Bocetos de diagramación para sistemas operativos Apple iOS y Android
Pantalla #1:
Imagen de Bienvenida a la aplicación.
Se mostrará el logotipo de GES Móvil en el centro de la pantalla y debajo del logotipo el texto “Universidad Galileo".
Pantalla #2:
Usuario/Contraseña GES
En la parte superior estará el logotipo de GES Móvil y debajo, el texto: Usuario y Contraseña con el respectivo recuadro para ingresar los datos.
Pantalla #3:
Inicio/Home
En la parte superior estará el logotipo de GES Móvil y los dos íconos de “configuración y re direccionar a Pagina de Universidad Galileo.
Los iconos se visualizarán al centro de la pantalla en forma de carrete con movimiento continuo de izquierda a derecha o viceversa.
El nombre estará debajo de cada icono.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #4:
Noticias
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “noticias” y al lado derecho la palabra “Noticias”.
En el centro se desplegarán las noticias en orden cronológico.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación. Podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
52
Bocetos de diagramación para sistemas operativos Apple iOS y Android
Pantalla #5:
Calendario
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “calendario” y al lado derecho la palabra “Calendario”.
En el centro se visualizará un calendario y un icono con la palabra “Nuevo Evento”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #6:
Calendario/Ver Eventos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “calendario” y al lado derecho la palabra “Calendario”.
En el centro se visualizará un calendario, debajo estará el recuadro con los detalles del evento y el texto describiendo la fecha, hora, lugar y detalles del evento. En la parte inferior derecha se encontrará un icono con la palabra “Cancelar”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #7:
Calendario/Agregar y Modificar Eventos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “calendario” y al lado derecho la palabra “Calendario”.
En el centro se visualizará un calendario, debajo estará el recuadro en blanco listo para agregar un nuevo evento. En la parte inferior izquierda se encontrará un icono con la palabra “Guardar Evento”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #8:
Cursos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se desplegarán los cursos en los que se encuentra el usuario asignado actualmente y puede ingresar para consultarlos.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
53
Bocetos de diagramación para sistemas operativos Apple iOS y Android
Pantalla #9:
Cursos/Menú de Cursos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizará el menú de los cursos. Son tres recuadros e indican: el primero “Material de Apoyo”, el segundo “Miembros del Curso e Información” y el tercero “Agregar Noticias”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #10:
Cursos/Ver Material de Apoyo
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizará el Material de apoyo que ha sido cargado por el administrador del curso y en la parte inferior habrá una vista previa del documento.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #11:
Cursos/Miembros del Curso e Información
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizará un listado con los miembros asignados del curso y en la parte inferior cuando seleccionen al usuario, aparecerán los datos: Nombre completo, usuario, correo electrónico, carné universitario, fecha de registro y carrera actual.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #12:
Cursos/Agregar Noticias
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizarán las noticias que han sido publicadas del curso y en la parte inferior se encontrará el recuadro para agregar noticias y que sean publicadas en el curso y en la línea de tiempo de la opción de “Noticias”
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
54
Bocetos de diagramación para sistemas operativos Apple iOS y Android
Pantalla #13:
Foros
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Foros” y al lado derecho la palabra “Foros”.
En el centro se visualizarán los foros disponibles para participar.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #14:
Foros/Responder
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Foros” y al lado derecho la palabra “Foros”.
En el centro se visualizará el foro seleccionado anteriormente y en la parte inferior estará disponible un recuadro en blanco para comentar en el foro; con dos iconos, uno de “Cancelar” y el otro para “Agregar comentario”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #15:
Mi Perfil
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizarán 4 recuadros a los cuales el usuario puede ingresar a realizar sus consultas. El primero es “Ver datos de mi perfil”, el segundo “Ver mi horario”, el tercero “Ver mi pensum” y el cuarto “Ver mis notas de la carrera” .
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #16:
Mi Perfil/Mis Datos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizarán los datos personales del usuario; nombre completo, usuario, correo electrónico, carné universitario, fecha de registro y carrera actual.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
55
Bocetos de diagramación para sistemas operativos Apple iOS y Android
Pantalla #17:
Mi Perfil/Horario
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizará un horario de lunes a domingo detallando las horas de las clases en las que está asignado el usuario.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #18:
Mi Perfil/Pensum
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizará por medio de recuadros en donde estará detallado por año, los cursos que el usuario ha llevado anteriormente o llevará.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #19:
Mi Perfil/Notas
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se seleccionará el año que desea consultar el usuario o de cuanto tiempo atrás desea sus notas y se visualizará en la parte inferior.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #20:
Configuración
En la parte superior estará el logotipo de GES Móvil junto a dos íconos para los comandos “Cancelar” y “Guardar Cambios”. Debajo se abrirá una ventana con el icono de “Configuración” y al lado derecho la palabra “Configuración”.
En el centro el usuario seleccionará las opciones personales como “Cerrar Sesión”, si desea “Recibir Notificaciones” o no, el “Período de Actualización” de la aplicación y las “Redes Sociales a Vincular” que serán seleccionadas en otra pantalla.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
56
Bocetos de diagramación para sistemas operativos Apple iOS y Android
Pantalla #21:
Vincular a Facebook
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Configuración” y al lado derecho la palabra “Configuración”.
En el centro estarán las opciones para vincular con la red social Facebook, ingresando el usuario y contraseña de esta red. Se aceptaran los cambios seleccionando “Guardar”.
Pantalla #22:
Vincular a Twitter
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Configuración” y al lado derecho la palabra “Configuración”.
En el centro estarán las opciones para vincular con la red social Twitter, ingresando el usuario y contraseña de esta red. Se aceptarán los cambios seleccionando “Guardar”.
Logotipo de Apple:
Boceto como referencia al logotipo del sistema operativo de Apple iOS
Logotipo de Android:
Boceto como referencia al logotipo del sistema operativo Android
57
7.3.2.2. BlackBerry OS:
Los dispositivos móviles con sistemas operativos Blackberry OS son dispositivos que en la mayoría de casos poseen un teclado Full Qwerty y un Trackpad o Trackball para desplazarse dentro de la plataforma, lo cual hace un espacio mas reducido en la pantalla, pero permite facilidad a la hora de escribir por medio de un teclado físico y no táctil como en otros dispositivos.
Se tomará como referencia la medida 1.5 pulgadas de alto x 2 pulgadas de ancho; esta medida es promedio en dispositivos como lo son el Blackberry Curve y Blackberry Bold, entre otros. Es por este motivo que se toma como base esta medida; la modificación de tamaños varia según el modelo. Características que tienen que ser programadas por el área de desarrollo del proyecto a la hora de ejecutarse.
Este tipo de dispositivos móviles, tienen una pantalla con una visualización horizontal mas amplia, como la que se muestra a continuación.
Ejemplo de cómo es una pantalla de dispositivos Móviles con sistema operativo Blackberry OS:
A continuación se indica la diagramación de las partes de la aplicación, esta consta de 22 pantallas diferentes en la que la información es visualizada vinculándola desde la base de datos del Galileo Educational System –GES-‐.
2 pulgadas
1.5 pulgadas
58
El contenido se explica al utilizar los siguientes gráficos, explicando en la parte inferior de cada pantalla todos los detalles acerca de que logotipos, imágenes, iconos o texto que será mostrado, posteriormente se indican los iconos, colores y texto que llevará en cada pantalla:
Significado de la diagramación:
-‐ Imagen o logotipo
-‐ Icono
-‐ Texto
Bocetos de diagramación para Sistemas Operativos Blackberry OS
Pantalla #1:
Imagen de Bienvenida a la aplicación.
Se mostrará el logotipo de GES Móvil en el centro de la pantalla y debajo del logotipo el texto “Universidad Galileo".
Pantalla #2:
Usuario/Contraseña GES
En la parte superior estará el logotipo de GES Móvil y debajo, el texto: Usuario y Contraseña con el respectivo recuadro para ingresar los datos.
∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∧∨∨∧∨∧∨∧∨∧∨∧∨∨∧∨∧∨∧∨∧∨∧∨
59
Bocetos de diagramación para sistemas operativos Blackberry OS
Pantalla #3:
Inicio/Home
En la parte superior estará el logotipo de GES Móvil y los dos íconos de “configuración y re direccionar a página de Universidad Galileo.
Los iconos se visualizarán al centro de la pantalla en forma de carrete con movimiento continuo de izquierda a derecha o viceversa.
El nombre estará debajo de cada icono.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #4:
Noticias
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “noticias” y al lado derecho la palabra “Noticias”.
En el centro se desplegarán las noticias en orden cronológico.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
60
Pantalla #5:
Calendario
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “calendario” y al lado derecho la palabra “Calendario”.
En el centro se visualizará un calendario y un icono con la palabra “Nuevo Evento”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #6:
Calendario/Ver Eventos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “calendario” y al lado derecho la palabra “Calendario”.
En el centro se visualizará un calendario, debajo estará el recuadro con los detalles del evento y el texto que describirá la fecha, hora, lugar y detalles del evento. En la parte inferior derecha se encontrará un icono con la palabra “Cancelar”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Bocetos de diagramación para sistemas operativos Blackberry OS
Pantalla #7:
Calendario/Agregar y Modificar Eventos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “calendario” y al lado derecho la palabra “Calendario”.
En el centro se visualizará un calendario, debajo estará el recuadro en blanco listo para agregar un nuevo evento. En la parte inferior izquierda se encontrará un icono con la palabra “Guardar Evento”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #8:
Cursos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se desplegarán los cursos en los que se encuentra el usuario asignado actualmente y puede ingresar para consultarlos.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
61
Bocetos de diagramación para sistemas operativos Blackberry OS
Pantalla #9:
Cursos/Menú de Cursos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizará el menú de los cursos. Son tres recuadros e indican: el primero “Material de Apoyo”, el segundo “Miembros del Curso e Información” y el tercero “Agregar Noticias”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #10:
Cursos/Ver Material de Apoyo
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizará el material de apoyo que ha sido cargado por el administrador del curso y en la parte inferior habrá una vista previa del documento.
En la parte inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
62
Pantalla #11:
Cursos/Miembros del Curso e Información
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizará un listado con los miembros asignados del curso y en la parte inferior cuando seleccionen al usuario, aparecerán los datos: Nombre completo, usuario, correo electrónico, carné universitario, fecha de registro y carrera actual.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #12:
Cursos/Agregar Noticias
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Cursos” y al lado derecho la palabra “Mis Cursos”.
En el centro se visualizarán las noticias que han sido publicadas del curso y en la parte inferior se encontrara el recuadro para agregar noticias y que sean publicadas en el curso y en la línea de tiempo de la opción de “Noticias”
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Bocetos de diagramación para sistemas operativos Blackberry OS
Pantalla #13:
Foros
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Foros” y al lado derecho la palabra “Foros”.
En el centro se visualizarán los foros disponibles para participar.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #14:
Foros/Responder
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Foros” y al lado derecho la palabra “Foros”.
En el centro se visualizará el foro seleccionado anteriormente y en la parte inferior estará disponible un recuadro en blanco para comentar en el foro; con dos iconos, uno de “Cancelar” y el otro para “Agregar comentario”.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
63
Bocetos de diagramación para sistemas operativos Blackberry OS
Pantalla #15:
Mi Perfil
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizarán 4 recuadros a los cuales el usuario puede ingresar a realizar sus consultas. El primero es “Ver datos de mi perfil”, el segundo “Ver mi horario”, el tercero “Ver mi pensum” y el cuarto “Ver mis notas de la carrera” .
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #16:
Mi Perfil/Mis Datos
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizarán los datos personales del usuario; nombre completo, usuario, correo electrónico, carné universitario, fecha de registro y carrera actual.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
64
Pantalla #17:
Mi Perfil/Horario
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizará un horario de lunes a domingo detallando las horas de las clases en las que esta asignado el usuario.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #18:
Mi Perfil/Pensum
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se visualizará por medio de recuadros en donde estará detallado por año, los cursos que el usuario ha llevado anteriormente o llevará.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Bocetos de diagramación para sistemas operativos Blackberry OS
Pantalla #19:
Mi Perfil/Notas
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Mi Perfil” y al lado derecho la palabra “Mi Cuenta”.
En el centro se seleccionará el año que desea consultar el usuario o de cuánto tiempo atrás desea sus notas y se visualizará en la parte inferior.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
Pantalla #20:
Configuración
En la parte superior estará el logotipo de GES Móvil junto a dos íconos para los comandos “Cancelar” y “Guardar Cambios”. Debajo se abrirá una ventana con el icono de “Configuración” y al lado derecho la palabra “Configuración”.
En el centro el usuario seleccionará las opciones personales como “Cerrar Sesión”, si desea “Recibir Notificaciones” o no, el “Período de Actualización” de la aplicación y las “Redes Sociales a Vincular” que serán seleccionadas en otra pantalla.
En la parte Inferior estará el menú rápido en el que desde cualquier lugar que se encuentren de la aplicación, podrán ingresar a las 5 opciones principales (Noticias, mi calendario, mis cursos, foros, mi cuenta).
65
Pantalla #21:
Vincular a Facebook
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Configuración” y al lado derecho la palabra “Configuración”.
En el centro estarán las opciones para vincular con la red social Facebook, ingresando el usuario y contraseña de esta red. Se aceptaran los cambios seleccionando “Guardar”.
Pantalla #22:
Vincular a Twitter
En la parte superior estará el logotipo de GES Móvil y el icono para el comando “atrás”. Debajo se abrirá una ventana con el icono de “Configuración” y al lado derecho la palabra “Configuración”.
En el centro estarán las opciones para vincular con la red social Twitter, ingresando el usuario y contraseña de esta red. Se aceptarán los cambios seleccionando “Guardar”.
7.3.3. Bocetaje de Iconos
Los iconos fueron creados con base en ideas que surgieron, según las diferentes opciones de consultas que ofrece la aplicación.
Noticias, Foros, Calendario, Mis Cursos y Mi cuenta son los iconos que son bocetados a continuación:
Logotipo de Blackberry:
Boceto como referencia al logotipo del sistema operativo de Apple iOS
66
7.3.3.1. Boceto para Icono “Noticias”
El concepto utilizado para el icono “Noticias” es el siguiente:
-‐ El periódico que representa la palabra noticias. -‐ Ondas que representan la frecuencia de recepción de noticias. -‐ Papel y lápiz que son los instrumentos con los cuales se toma nota de
cualquier clase de información. -‐ Un globo de texto que representa la comunicación que se da en las
noticias. -‐ Signo de admiración que representa estar alerta o atento a cualquier
información brindada.
Luego de seleccionar las mejores opciones se realizó el boceto final, el cual incorpora elementos de varios bocetos y se muestra a continuación:
67
7.3.3.2. Boceto para Icono “Calendario”
El concepto utilizado para el icono “Calendario” es el siguiente:
-‐ Calendario simplificado. -‐ El día mostrado en la primera hoja de un calendario. -‐ Block de notas con una fecha mostrada.
Luego de seleccionar las mejores opciones se realizó el boceto final, el cual incorpora elementos de varios bocetos y se muestra a continuación:
68
7.3.3.3. Boceto para Icono “Foros”
El concepto utilizado para el icono “Foros” es el siguiente:
-‐ Personas que se comunican. -‐ Globos de Texto y signos. -‐ Comunicación y expresión de algo por medio de un globo de texto. -‐ Envío y recepción de información entre emisor y receptor. -‐ Imágenes simplificadas.
Luego de seleccionar las mejores opciones se realizó el boceto final, el cual incorpora elementos de varios bocetos y se muestra a continuación:
69
7.3.3.4. Boceto para Icono “Mis Cursos”
El concepto utilizado para el icono “Mis Cursos” es el siguiente:
-‐ Materiales de estudio (libros, lápiz, computadora, hojas. -‐ Hojas que representan los apuntes de alumnos. -‐ Persona simplificada que represente a los dueños de cada curso. -‐ Envío y recepción de información entre emisor y receptor.
Luego de seleccionar las mejores opciones se realizó el boceto final, el cual incorpora elementos de varios bocetos y se muestra a continuación:
70
7.3.3.5. Boceto para Icono “Mi Cuenta”
El concepto utilizado para el icono “Mi Cuenta” es el siguiente:
-‐ Sombra de una persona que representa a los alumnos. -‐ La letra M de la palabra “mi cuenta”.
Luego de seleccionar las mejores opciones se realizó el boceto final, el cual incorpora elementos de varios bocetos y se muestra a continuación:
71
7.3.4. Iconos Digitalizados:
7.3.4.1. Noticias:
-‐ Descripción:
Este ícono demuestra en la parte frontal la letra N de noticias; en la parte de atrás están 3 hojas de papel que representa la información que se quiere dar a conocer; y en la esquina superior derecha están las ondas de frecuencia, que representan la constante interactividad de información recibida.
-‐ Color:
Se utilizó el color rojo, ya que es un color intenso. Usualmente utilizado como una manera para llamar la atención al observador. Tiene una visibilidad muy alta, por lo que se suele utilizar en avisos importantes y trae el texto o las imágenes con este color a primer plano resaltándolas sobre el resto de colores. Es muy recomendable para convencer a las personas a tomar decisiones rápidas durante su estancia en un sitio web.
-‐ Mezcla de colores:
C: 16.8% M: 97.66% Y: 92.19% K: 6.64%
-‐ Tipografía:
Se utilizó en la letra “N” del ícono principal el tipo de letra Hobo Std Medium, ya que gracias a las curvas que posee esta letra se unifica a los iconos. En la palabra noticias se utilizó el tipo de letra Myridia Pro, ya que es una letra legible, pero a la vez moderna que es la apariencia que busca tener la aplicación.
Icono Principal
Icono Rápido
72
7.3.4.2. Calendario:
-‐ Descripción:
Este ícono demuestra en la parte frontal la letra C de calendario; y en la parte de atrás de la letra está un calendario simplificado con pocas hojas que demuestra la esencia del nombre de la opción en la aplicación.
-‐ Color:
Se utilizó el color purpura o morado, ya que está asociado con la independencia, implica misterio espiritualidad y sofisticación; puede ser encontrado en muchos logos relacionados con educación y productos lujosos.
Es por esto que el purpura se asoció con el calendario, ya que una persona organizada siempre esta al tanto de sus actividades y puede ordenarlas de una mejora manera por medio de esta opción.
– Mezcla de colores:
C: 74.22% M: 98.05% Y: 0.78% K: 0.39%
-‐ Tipografía:
Se utilizó en la letra “C” del ícono principal el tipo de letra Hobo Std Medium, ya que gracias a las curvas que posee esta letra se unifica a los iconos. En la palabra calendario se utilizó el tipo de letra Myridia Pro, ya que es una letra legible, pero a la vez moderna que es la apariencia que busca tener la aplicación.
Icono Principal
Icono Rápido
73
7.3.4.3. Foros:
-‐ Descripción:
Este ícono demuestra en la parte frontal la letra F de foros; y en la parte de atrás de la letra se encuentran 3 globos de texto, en el primero hay signos de interrogación, en el segundo hay signos de admiración y en el tercero hay líneas de texto; esto representa la comunicación entre los miembros del foro, ya que en él se pueden hacer consultas, opiniones entre los estudiantes y catedráticos.
-‐ Color:
Se utilizó el color verde, ya que es un color tranquilo y relajante, pero tiene una fuerte relación a nivel emocional con la seguridad. El verde sugiere estabilidad y resistencia.
En los foros es necesario la credibilidad, por lo tanto el color verde aporta esa seguridad al nombre Foros, para darle un enfoque mas formal a la opción.
– Mezcla de colores:
C: 89.84% M: 33.2% Y: 98.44% K: 25.78%
-‐ Tipografía:
Se utilizó en la letra “F” del ícono principal el tipo de letra Hobo Std Medium, ya que gracias a las curvas que posee esta letra se unifica a los iconos. En la palabra foros se utilizó el tipo de letra Myridia Pro, ya que es una letra legible, pero a la vez moderna que es la apariencia que busca tener la aplicación.
Icono Principal
Icono Rápido
74
7.3.4.4. Mis Cursos:
-‐ Descripción:
Este ícono demuestra en la parte frontal la letra M de mis cursos; y en la parte de atrás de la letra se encuentra una computadora personal y atrás de ella 3 libros, todo esto simplificado para continuar con la misma línea gráfica.
-‐ Color:
Se utilizó el color azul, ya que representa la calma, también puede suscitar imágenes de autoridad, éxito y seguridad. Representa la sabiduría, inteligencia, la fe y la verdad. Es adecuado para promocionar productos de alta tecnología o de alta precisión.
El color azul es un color frio liga a la inteligencia y la consciencia. El azul obscuro representa el conocimiento, integridad, la seriedad y el poder.
– Mezcla de colores:
C: 98.83% M: 96.09% Y: 3.52% K: 0.39%
-‐ Tipografía:
Se utilizó en la letra “C” del ícono principal el tipo de letra Hobo Std Medium, ya que gracias a las curvas que posee esta letra se unifica a los iconos. En la palabra mis cursos se utilizó el tipo de letra Myridia Pro, ya que es una letra legible, pero a la vez moderna que es la apariencia que busca tener la aplicación.
Icono Principal
Icono Rápido
75
7.3.4.5. Mi Cuenta:
-‐ Descripción:
Este ícono demuestra en la parte frontal la letra M de mi cuenta; y en la parte de atrás de la letra se encuentra la silueta de una persona, la cual quiere expresar que esta opción tiene relación con los usuarios del Galileo Educational System –GES-‐.
-‐ Color:
Se utilizó el color naranja o anaranjado, ya que es un color que encaja muy bien con la gente joven, por lo que es recomendable para comunicar con ellos. El anaranjado es menos intenso que el rojo, pero aún así contiene mucha fuerza. Es más juguetón y juvenil.
– Mezcla de colores:
C: 0% M: 79.3% Y: 96.48% K: 0%
-‐ Tipografía:
Se utilizó en la letra “M” del ícono principal el tipo de letra Hobo Std Medium, ya que gracias a las curvas que posee esta letra se unifica a los iconos. En la palabra mi cuenta se utilizó el tipo de letra Myridia Pro, ya que es una letra legible, pero a la vez moderna que es la apariencia que busca tener la aplicación.
Icono Principal
Icono Rápido
76
7.3.4.6. Engranajes:
-‐ Descripción:
Este ícono muestra en la parte frontal la palabra Agnitio Operis; significa en latín Agnitio (conocimiento) y Operis (trabajo), ya que las dos representan parte de la misión de Universidad Galileo, en cuanto a proveerle a los seres humanos elementos teóricos y abstractos que puedan ser aplicados en el día a día en el trabajo.
En la parte de atrás de la palabra se encuentran los trazos de los engranajes, los cuales representan la tecnología que permite que el hombre conviva con la naturaleza, una tecnología basada en la física y la matemática contemporáneas.
-‐ Color:
Se utilizó el color beige, ya que implica sofisticación, pulcritud, destreza y oculta emociones. Es un color neutro; al igual que el blanco es un excelente color para los fondos porque abrillanta los demás colores. Es percibido por el ojo como un color brillante. Puede indicar simplicidad y es idóneo para promover los productos de alta tecnología, así como de seguridad y limpieza.
-‐ Mezcla de colores:
C: 20.31% M: 20.31% Y: 40.63% K: 0%
-‐ Tipografía:
Se utilizó en la palabra “Agnitio Operis” el tipo de letra Charcoal CY, ya que este tipo de letra es el mas parecido al logotipo original en los engranajes de la página de Universidad Galileo.
77
7.4. Propuesta Preliminar
A continuación se muestra la propuesta digital de cada una de las 26 pantallas que serán visualizadas desde la plataforma de la aplicación para iPhone, Android y Blackberry. Por motivos de un cambio reciente de imagen, el departamento del Galileo Educational System –GES-‐ solicita mantenerse la línea grafica que tienen actualmente, por lo que el diseño de la aplicación tiene elementos y colores acorde a línea gráfica actual.
7.4.1. Imagen Bienvenida
Blackberry OS
Apple iOS / Android
La primera pantalla es la bienvenida de la aplicación en donde se muestra el imagotipo de Universidad Galileo, en un fondo de color beige con degrades color café claro y obscuro.
En el fondo se observan engranajes emergiendo y desapareciendo con una leve transparencia.
En la parte inferior esta un cintillo de colores café y negro en donde se encuentra la palabra “Powered by” que significa Desarrollado por el Galileo Educational System –GES-‐.
78
7.4.2. Usuario/Contraseña GES
Blackberry OS
Apple iOS / Android
La segunda pantalla es el ingreso de usuario y contraseña del Galileo Educational System –GES-‐ de cada alumno dentro de la aplicación. Al igual que en la pantalla anterior en la parte superior se muestra el imagotipo de Universidad Galileo, en un fondo de color beige con degrades color café claro y obscuro; al centro la palabra usuario y contraseña y el respectivo cuadro para ingresar los datos y debajo de ellos el botón de inicio de sesión.
En el fondo se observan engranajes que emergen y desaparecen con una leve transparencia.
En la parte inferior está un cintillo de colores café y negro en donde indica el ingreso a el Galileo Educational System –GES-‐.
79
7.4.3. Inicio/Home Noticias
Blackberry OS
Apple iOS / Android
La tercera pantalla es el menú principal de la aplicación. En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha los botones para re direccionar a la Pagina Web de Universidad Galileo y la configuración de la aplicación.
En el centro de la pantalla se encuentran 5 iconos principales, los cuales son: Noticias, Foros, Calendario, Mis Cursos, Mi Cuenta. Son iconos deslizables de izquierda a derecha y al seleccionarlos re direccionan al submenú de la opción indicada.
El fondo es de color blanco y se observan engranajes que emergen y desaparecen con una leve transparencia en colores beige y café.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
80
7.4.4. Noticias
Blackberry OS
Apple iOS / Android
Al seleccionar el icono de Noticias, ingresa a la línea de tiempo en donde se visualizan las noticias, comentarios y notas publicadas por los alumnos y por los administradores de redes sociales de Universidad Galileo. En esta opción se vinculan las redes sociales y los comentarios propios de los usuarios del Galileo Educational System –GES-‐.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
81
7.4.5. Inicio/Home Calendario
Blackberry OS
Apple iOS / Android
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha los botones para re direccionar a la Pagina Web de Universidad Galileo y la configuración de la aplicación.
En el centro de la pantalla se encuentran el icono “Calendario” de color morado en primer plano, con los otros iconos a los lados. Son iconos deslizables de izquierda a derecha y al seleccionarlos re direccionan al submenú de la opción indicada.
El fondo es de color blanco y se observan engranajes que emergen y desaparecen con una leve transparencia en colores beige y café.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
82
7.4.6. Calendario
Blackberry OS
Apple iOS / Android
Al seleccionar el icono “Calendario”, ingresa al sub menú del calendario que está compuesto dentro de un rectángulo con esquinas redondeadas, el mes se encuentra en un color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran un botón en color beige con letras café en donde se puede crear un nuevo evento dentro del calendario. Mas abajo están los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
83
7.4.7. Calendario, Ver Eventos
Blackberry OS
Apple iOS / Android
Dentro del “Calendario” pueden ser seleccionados los eventos marcados, los cuales tienen alguna información. Se sigue con la misma línea grafica del calendario que está compuesto dentro de un rectángulo con esquinas redondeadas, el mes se encuentra en un color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia a el último menú que fue seleccionado.
En la parte inferior se encuentran un botón en color beige con letras café para cancelar el evento que ha sido seleccionado para ser visualizado. Más abajo están los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
84
7.4.8. Calendario, Agregar/Modificar Eventos
Blackberry OS
Apple iOS / Android
Dentro del “Calendario” está la opción para crear un nuevo evento, este recuadro tiene el mismo diseño del calendario; es decir, está compuesto dentro de un rectángulo con esquinas redondeadas, el título se encuentra en un color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia a el último menú que fue seleccionado.
En la parte inferior se encuentran dos botones en color beige con letras café, el primero para guardar el evento nuevo y el segundo para cancelar el evento que quería ser creado. Más abajo están los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
85
7.4.9. Inicio/Home, Foros
Blackberry OS
Apple iOS / Android
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha los botones para re direccionar a la Pagina Web de Universidad Galileo y la configuración de la aplicación.
En el centro de la pantalla se encuentran el icono “Foros” de color verde en primer plano, con los otros iconos a los lados. Son iconos deslizables de izquierda a derecha y al seleccionarlos re direccionan al submenú de la opción indicada.
El fondo es de color blanco y se observan engranajes que emergen y desaparecen con una leve transparencia en colores beige y café.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
86
7.4.10. Foros, Ver Foros
Blackberry OS
Apple iOS / Android
Al seleccionar el icono “Foros”, ingresa a los foros disponibles los cuales se encuentran dentro de un rectángulo con esquinas redondeadas, indicando la sección del alumno y la carrera en un color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
87
7.4.11. Foros, Responder Foro
Blackberry OS
Apple iOS / Android
Dentro del “Foro” seleccionado se encuentra la conversación tipo chat de pregunta y respuesta simple. Este recuadro está compuesto dentro de un rectángulo con esquinas redondeadas, el título se encuentra en un color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al ultimo menú que fue seleccionado. En el segundo recuadro se ingresa el nuevo comentario del chat y se agrega o cancela por medio de dos botones de color beige con letras café que se encuentran en la parte inferior de la pantalla Más abajo están los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
88
7.4.12. Inicio/Home Mis Cursos
Blackberry OS
Apple iOS / Android
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha los botones para re direccionar a la Pagina Web de Universidad Galileo y la configuración de la aplicación.
En el centro de la pantalla se encuentran el icono “Mis Cursos” de color azul en primer plano, con los otros iconos a los lados. Son iconos deslizables de izquierda a derecha y al seleccionarlos re direccionan al submenú de la opción indicada.
El fondo es de color blanco y se observan engranajes que emergen y desaparecen con una leve transparencia en colores beige y café.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
89
7.4.13. Cursos, Cursos Asignados
Blackberry OS
Apple iOS / Android
Al seleccionar el icono “Mis Cursos”, ingresa a los cursos disponibles los cuales se encuentran dentro de un rectángulo con esquinas redondeadas, indicando el curso, el año y la facultad, En el encabezado está la sección asignada del alumno y la carrera en color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
90
7.4.14. Cursos, Menú de cursos
Blackberry OS
Apple iOS / Android
Ya dentro del curso seleccionado son desplegados 3 menús, los cuales son Material de Apoyo, Miembros del Curso e Información y Noticias; se encuentran dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
91
7.4.15. Cursos, Ver Material de Apoyo
Blackberry OS
Apple iOS / Android
La opción “Material de Apoyo” se encuentra dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, de la misma manera el recuadro siguiente en donde se puede hacer una vista previa del archivo que fue seleccionado en el material de apoyo.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
92
7.4.16. Cursos, Miembros del Curso e Información
Blackberry OS
Apple iOS / Android
La opción “Miembros del Curso e Información” se encuentra dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, de la misma manera el recuadro siguiente en donde se puede visualizar la información del alumno.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
93
7.4.17. Cursos, Agregar Noticias
Blackberry OS
Apple iOS / Android
La opción “Noticias” se encuentra dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, de la misma manera el recuadro siguiente en donde se puede agregar una noticia nueva que será publicada en el icono del menú principal de noticias.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
94
7.4.18. Inicio/Home, Mi Cuenta
Blackberry OS
Apple iOS / Android
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha los botones para re direccionar a la Pagina Web de Universidad Galileo y la configuración de la aplicación.
En el centro de la pantalla se encuentran el icono “Mi Cuenta” de color anaranjado en primer plano, con los otros iconos a los lados. Son iconos deslizables de izquierda a derecha y al seleccionarlos re direccionan al submenú de la opción indicada.
El fondo es de color blanco y se observan engranajes que emergen y desaparecen con una leve transparencia en colores beige y café.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
95
7.4.19. Mi Cuenta, Mi Cuenta Menú
Blackberry OS
Apple iOS / Android
Al seleccionar el icono “Mi Cuenta”, ingresa al menú en donde puede ser seleccionado: Ver mi perfil, horario, pensum y notas. Cada uno dentro de un rectángulo con esquinas redondeadas, indicando el curso, el año y la facultad. Cada sub menú se visualiza de color café claro con transparencia para ver en las orillas engranajes de color beige.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia a el último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
96
7.4.20. Mi Cuenta, Ver Mi Perfil
Blackberry OS
Apple iOS / Android
La opción “Ver mi perfil” se encuentra dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, se puede visualizar el nombre, apellidos, usuario, e-‐mail, alias, carné, carrera, fecha de registro, entre otros.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
97
7.4.21. Mi Cuenta, Ver Mi Horario
Blackberry OS
Apple iOS / Android
La opción “Mi horario” se encuentra dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, se puede visualizar horario, la materia, el salón de clases en donde tienen que recibir.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
98
7.4.22. Mi Cuenta, Ver Mi Pensum
Blackberry OS
Apple iOS / Android
La opción “Mi Pensum” se encuentra dentro de un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, se puede visualizar las clases y el ciclo en el cual fueron o llevarán clases durante su carrera.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
99
7.4.23. Mi Cuenta, Ver Mis Notas
Blackberry OS
Apple iOS / Android
La opción “Mis Notas” se encuentra en un rectángulo con esquinas redondeadas de color café claro con transparencia para ver en las orillas engranajes de color beige, se puede visualizar las notas desde el primer año de cada carrera.
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha el botón “atrás”.
Toda la información se visualiza en el centro de la pantalla sobre un rectángulo blanco con transparencia al último menú que fue seleccionado.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener un acceso más fácil desde cualquier lugar de la plataforma.
100
7.4.24. Configuración, Menú
Blackberry OS
Apple iOS / Android
En la parte superior de la pantalla está el cintillo general en colores beige, café y gris obscuro en el que se ve el isologo del Galileo Educational System –GES-‐ y a la derecha los botones para re direccionar a la Pagina Web de Universidad Galileo y la configuración de la aplicación.
En la esquina superior derecha se encontrará el icono “Configuración” en el que se pueden hacer varias modificaciones a la aplicación.
El fondo es de color blanco y se observan engranajes que emergen y desaparecen con una leve transparencia en colores beige y café.
En la parte inferior se encuentran los iconos rápidos en el mismo orden en que se visualizan en el centro de la pantalla, para tener acceso más fácil desde cualquier lugar de la plataforma.
101
7.4.25. Configuración, Conectar a Twitter
Blackberry OS
Apple iOS / Android
Esta pantalla ya viene por omisión en la mayoría de aplicaciones, por lo tanto no es posible hacer cambios debido a políticas de la red social Twitter.
102
7.4.26. Configuración, Conectar a Facebook
Blackberry OS
Apple iOS / Android
Esta pantalla ya viene por omisión en la mayoría de aplicaciones, por lo tanto no es posible hacer cambios debido a políticas de la red social Facebook.
103
Capítulo VIII Validación Técnica
104
Capítulo VIII
Validación Técnica
Luego de ser elaborada la propuesta de la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el accesos al Galileo Educational System –GES-‐ a alumnos de Universidad Galileo, se utiliza un instrumento de validación enfocado hacia tres segmentos:
-‐ El Grupo Objetivo -‐ Los Especialistas -‐ El Cliente
Posteriormente se analizan los métodos e instrumentos a utilizar para dicha validación y se realiza la encuesta.
8.1. Población y Muestreo:
La población y muestreo está conformada por tres grupos los cuales se dividen en:
-‐El Grupo objetivo: Se tomará una muestra de 20 personas conformada por alumnos, catedráticos y personal administrativo que utilizan el Galileo Educational System –GES-‐.
-‐ Los Especialistas: Conformado por una muestra de 5 profesionales en su área, entre ellos comunicadores, diseñadores gráficos y programadores Web, quienes son los que mejor dominan el tema y conocen la funcionalidad, diseño de una aplicación para dispositivos móviles.
-‐ El Cliente: Es quien dará su punto de vista y expondrá los requerimientos acerca de ¿qué necesidades desea cubrir del grupo objetivo?
8.1.1. Muestra del Grupo Objetivo:
Se trabajó con una muestra de 20 personas del grupo objetivo con el fin de ver la aceptación o rechazo que pueda tener la imagen de la aplicación para ellos.
El propósito es llenar las expectativas que se requieren para el desarrollo de esta aplicación para dispositivos móviles basado en los 3 sistemas operativos mas utilizados actualmente.
Para ser validado por el grupo objetivo, se toma en cuenta a hombres y mujeres entre 17 y 45 años de edad, divididos de la siguiente manera:
-‐ 13 estudiantes de diferentes facultades, carreras, jornada de estudios (matutina, vespertina, nocturna, sabatina) y niveles socioeconómicos.
105
-‐ 5 catedráticos de diferentes facultades, carreras y jornadas de Universidad Galileo.
-‐ 2 personas del área administrativa de Universidad Galileo que utilicen el Galileo Educational System –GES-‐.
8.1.2. Muestra de los Especialistas:
Se trabajó con una muestra de 5 expertos en tres áreas diferentes que serán abarcadas por medio de la propuesta; Diseñadores Gráficos, Comunicadores e Ingenieros o Programadores Web.
Fue validada de esta manera, ya que la aplicación tiene elementos de cada una de estas áreas y se necesita tener la opinión por parte de cada especialista para evaluar el contenido, funcionalidad e imagen.
Los expertos a evaluar la propuesta son:
-‐ Licda. Vivian Vargas (Licenciada en Comunicación y Diseño. Egresada de Universidad Galileo, Media Planner de AVANCE WWP).
-‐ Lic. Harvey Paniagua (Licenciado en Diseño Gráfico. Egresado de Universidad Rafael Landívar; coordinador del área de Diseño Gráfico INDIS y catedrático de Universidad Rafael Landívar).
-‐ Ing. Carlos Alberto Aguilar (Ingeniero en Electrónica. Egresado de Universidad Galileo, Ingeniero para Huawei Guatemala).
-‐ Ing. Norman Leonel Penagos (Ingeniero en Sistemas. Egresado de Universidad del Valle de Guatemala, Ingeniero de ABBOTT Laboratorios).
-‐ Licda. Christa Zúñiga (Licenciada en Diseño Gráfico. Egresada de Universidad Rafael Landívar; Diseñadora Grafica Freelance).
8.1.3. Muestra del Cliente:
Se tomó una muestra de 2 encargados del departamento del Galileo Educational System –GES-‐ quienes son parte primordial del proyecto, ya que depende de ellos llevar a cabo el proyecto y la funcionalidad de la propuesta de aplicación para dispositivos móviles.
Para la validación se tomó en cuenta a:
-‐ Ing. Miguel Morales -‐ Ing. Suellen Velasquez
106
8.2. Método e Instrumentos:
8.2.1. La Encuesta:
Para realizar la validación del proyecto se utilizó la encuesta como instrumento, ya que con esta técnica se obtiene la opinión personal de un grupo de entrevistados a quien va dirigido el proyecto. Con la encuesta se puede elaborar estadísticas, gráficas o relaciones de datos porcentuales de carácter descriptivo.
-‐ Escala de Likert:
Sé utilizó porque nos ayuda a medir actitudes o predisposiciones individuales en contextos sociales particulares. También se le conoce como escala sumada debido a que la puntuación de cada unidad de análisis se obtiene mediante la sumatoria de las respuestas obtenidas en cada ítem. La escala se construye en función de una serie de ítems que reflejan actitud positiva o negativa acerca de un estímulo o referente. Cada ítem está estructurado con varias alternativas de respuesta.
-‐ Preguntas Dicotómicas: Constituye a uno de los tipos más básicos de preguntas, al ser fáciles de formular y contestar, en las cuales el encuestado solamente debe responder sí o no, según su criterio personal. La encuesta que se realizó a las 27 personas del muestreo consiste de 21 preguntas, las cuales están clasificadas en tres partes fundamentales para la ejecución del proyecto.
-‐ La Parte objetiva que se basa en los objetivos del proyecto, tanto generales como específicos.
-‐ La Parte Semiológica que se basa en todos los elementos visuales en conjunto que conforman la aplicación, como las tipografías, formas, diagramación y colores.
-‐ La Parte Operativa se encargará de comprobar que la aplicación sea funcional y práctica.
A continuación se presentarán las gráficas de los resultados de las 21 preguntas realizadas al grupo objetivo, expertos y cliente, todo esto recopilado a través de la tabulación, codificación e interpretación de las gráficas:
107
8.3. Resultados e interpretación de resultados:
8.3.1. Parte Objetiva
108
109
8.3.2. Parte Semiológica:
110
111
112
8.3.3. Parte Funcional:
113
114
La etapa de validación del proyecto “Diseño visual de interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a alumnos de Universidad Galileo, da los siguientes resultados:
-‐ Los resultados de las encuestas a todo la muestra, son favorables y aceptados según las respuestas de los encuestados, tomando en cuenta la objetividad, el diseño y la funcionalidad.
-‐ El proyecto cumple con los objetivos planteados al inicio. -‐ Es un material gráfico que será de gran utilidad para los alumnos y
usuarios del Galileo Educational System –GES-‐
8.4. Cambios en base a los resultados:
Basado en los resultados de las encuestas, no es necesario realizar ningún cambio, ya que no hay en ninguna de las preguntas algún motivo para modificar la imagen gráfica.
115
Capítulo IX Propuesta Gráfica Final
116
2 pulgadas
3 pulgadas
1.5 pulgadas
2 pulgadas
Capítulo IX
Propuesta Gráfica Final
9.1. Imagen Bienvenida
Apple iOS / Android
Blackberry OS
3 pulgadas
117
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
9.2. Usuario/Contraseña GES
Apple iOS / Android
Blackberry OS
118
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
9.3. Inicio/Home Noticias
Apple iOS / Android
Blackberry OS
119
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
9.4. Noticias
Apple iOS / Android
Blackberry OS
120
9.5. Inicio/Home Calendario
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
121
9.6. Calendario
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
122
9.7. Calendario, Ver Eventos
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
123
9.8. Calendario, Agregar/Modificar Eventos
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
124
9.9. Inicio/Home, Foros
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
125
9.10. Foros, Ver Foros
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
126
9.11. Foros, Responder Foro
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
127
9.12. Inicio/Home Mis Cursos
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
128
9.13. Cursos, Cursos Asignados
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
129
9.14. Cursos, Menú de cursos
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
130
9.15. Cursos, Ver Material de Apoyo
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
131
9.16. Cursos, Miembros del Curso e Información
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
132
9.17. Cursos, Agregar Noticias
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
133
9.18. Inicio/Home, Mi Cuenta
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
134
9.19. Mi Cuenta, Mi Cuenta Menú
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
135
9.20. Mi Cuenta, Ver Mi Perfil
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
136
9.21. Mi Cuenta, Ver Mi Horario
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
137
9.22. Mi Cuenta, Ver Mi Pensum
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
138
9.23. Mi Cuenta, Ver Mis Notas
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
139
9.24. Configuración, Menú
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
140
9.25. Configuración, Conectar a Twitter
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
141
9.26. Configuración, Conectar a Facebook
Apple iOS / Android
Blackberry OS
1.5 pulgadas
2 pulgadas
2 pulgadas
3 pulgadas
142
Capítulo X Producción, Reproducción y
Distribución
143
Capítulo X
Producción, Reproducción y Distribución
10.1. Plan de Costos de Elaboración
Proyecto Elaborado:
Imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo. Para calcular los costos de elaboración del diseño de la aplicación es necesario exponer lo siguiente.
-‐ Recopilar información de cómo funcionan los sistemas operativos para cada uno de los sistemas Apple iOS, Android y Blackberry OS.
-‐ Realizar el proceso de diseño, esto incluye diagramaciones, bocetaje y crear la propuesta preliminar.
Se trabajó durante 13 semanas, tomando en cuenta únicamente días hábiles (5 días a la semana), un promedio de 4 horas al día. Tomando como referencia que el saldo promedio de un diseñador gráfico de una agencia de publicidad es de Q.6,000.00 mensuales, diariamente gana Q.200.00 o Q.25.00 por hora. El costo de la elaboración de la Imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo, es de: -‐ Total de horas trabajadas: 260 -‐ Costo en quetzales por hora: Q. 25.00 Total:
Q. 6,500.00
144
10.2. Plan de Costos de Producción
En esta etapa se presenta la propuesta gráfica final, un prototipo de cómo seria la función de la aplicación y realizar la validación del proyecto.
Se trabajó durante 5 semanas, tomando en cuenta únicamente días hábiles (5 días a la semana), un promedio de 4 horas al día. El costo de la producción de la Imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo, es de: -‐ Total de horas trabajadas: 100 -‐ Costo en quetzales por hora: Q. 25.00 Total:
Q. 2,500.00
10.3. Plan de Costos de Reproducción
La reproducción no tendrá ningún costo adicional, ya que se presentará al cliente únicamente como archivos digitales, para que ellos posteriormente vean de qué manera utilizarán los diversos archivos presentados en el desarrollo del proyecto.
10.4. Plan de Costos de Distribución
La distribución tampoco tendrá ningún costo adicional, ya que es el departamento del Galileo Educational System –GES-‐ quien evaluará los costos que incurre publicar la aplicación y que esta pueda ser descargado desde los 3 diferentes medios de descarga de cada sistema operativo, como lo es:
-‐ App Store para sistema operativo Apple iOS. -‐ Android market para sistema operativo Android. -‐ Blackberry App World para sistema operativo Blackberry OS.
Pero estos gastos ya quedan completamente a discreción del departamento del Galileo Educational System –GES-‐ si desean realizarlos.
145
Costos totales del proyecto
Costos de elaboración Q. 6500.00
Costos de Producción Q. 2500.00
Total:
Q. 9,000.00
146
Capítulo XI Conclusiones y
Recomendaciones
147
Capítulo XI
Conclusiones y Recomendaciones
11.1. Conclusiones
-‐ Se logró diseñar la imagen visual de la Interfaz gráfica para la aplicación en dispositivos móviles Apple iOS, Android y Blackberry OS, que facilite el acceso al Galileo Educational System –GES-‐ a los alumnos de Universidad Galileo.
-‐ Se investigó acerca de cómo funcionan los sistemas operativos Apple iOS, Android y Blackberry OS para tener una idea de cómo algunas aplicaciones educativas se pueden acoplar y lograr una referencia para implementar el Galileo Educational System –GES-‐ en los dispositivos móviles.
-‐ Se recopiló información acerca de las opciones informativas y educativas que el Galileo Educational System –GES-‐ brinda a los estudiantes para incluirlo en el contenido del diseño de la interfaz.
-‐ Se diagramó el orden en que la información va a ser mostrada en la aplicación, para que sea una manera práctica y fácil en que los usuarios consulten el Galileo Educational System –Ges-‐ por medio de sus dispositivos móviles.
-‐ Se graficó la imagen visual de las opciones de consulta dentro de la interfaz gráfica para aplicarla a los dispositivos móviles Apple iOS, Android y Blackberry OS.
-‐ Se crearon botones interactivos para accesar a los diferentes contenidos del Galileo Educational System –GES-‐ a través de la plataforma para dispositivos móviles.
-‐ Se mantuvo la línea gráfica del sitio Web del Galileo Educational System -‐GES-‐ para incluirla en el diseño de la interfaz que se aplicará a los dispositivos móviles.
148
11.2. Recomendaciones
-‐ Promover el uso de la aplicación, ya que esto ayudará a los alumnos a tener un mejor uso de su Galileo Educational System –GES-‐ y creará una mejor comunicación entre los estudiantes y catedráticos al tener una constante interacción con sus cursos.
-‐ Ver a detalle todo lo que implica programar una aplicación para dispositivos móviles, para que la imagen visual pueda ser utilizada a como fue planeada.
-‐ Crear una cultura e iniciativa en los catedráticos para utilizar su Galileo Educational System y que todas las tareas, noticias, foros, entre otros; lo publiquen desde este medio, ya que así los alumnos estarán informados inmediatamente.
-‐ No modificar el orden de los iconos o algún elemento dentro de la aplicación, ya que fue planeado con base en prioridades de los alumnos.
-‐ No crear mayor animación de la que ya posee la aplicación, para que no exista una saturación de información y falle en algún momento.
-‐ No modificar la línea gráfica de la aplicación, ya que se creó pensando en unión gráfica entre la versión de la Web y la de la aplicación para dispositivos móviles.
149
Capítulo XII Bibliografía
150
Capítulo XII
Bibliografía
12.1. Documentos Físicos
Cala Uribe, Javier. (11/2010). Guía de desarrollo de aplicaciones móviles para iPhone / iPad. (Versión 1). Maestros del Web.
Catalán, Adrián. (6/2011). Curso Android: Desarrollo de aplicaciones móviles. (Versión 1). Maestros del Web.
Giardina, Fernando. (4/2011). Desarrollo de sitios y aplicaciones web dinámicas. (Versión 1). Maestros del Web.
Vega, John Freddy / Van Der Henst, Christian. (6/2011). Guía HTML 5 El presente de la Web. (Versión 1). Maestros del Web y Cristalab.
12.2. Documentos Electrónicos
Platea.pntic.mec. [Tecnoweb]. Profesor Manuel Sánchez Valiente.– [En línea]. Disponible en: http://platea.pntic.mec.es/~msanch2/tecnoweb/introduc.htm
Sappiens.com. [Educación]. José Manuel Ruiz Calleja.– [En línea]. Disponible en: http://www.sappiens.com/castellano/articulos.nsf/Educadores/La_maestr%C3%ADa_como_proceso_docente_educativo_para_la_formaci%C3%B3n_de_investigadores./C5216E1C37CE2A17C1256DD50075D379!opendocument
Mailxmail.com. [Aplicaciones móviles]. Elki Bermúdez Rosso.– [En línea]. Disponible en: http://www.mailxmail.com/curso-‐aplicaciones-‐moviles/concepto [Publicado el 5/05/2010]
Cristalab.com. [Introducción a HTML5]. Freddie.– [En línea]. Disponible en: http://www.cristalab.com/tutoriales/introduccion-‐a-‐html5-‐c92171l/ [Publicado el 25/10/2010]
151
Marketing-‐xxi.com. [Marcas]. Marketing en el Siglo XXI, 3era edición. Capitulo 4 Producto y Precio.– [En línea]. Disponible en: http://www.marketing-‐xxi.com/la-‐marca-‐46.htm
Lonuevodehoy.com. [Android Market]. Carlos Alfredo Bernal.– [En línea]. Disponible en: http://www.lonuevodehoy.com/2011/08/21/android-‐market [Publicado el 21/08/2010]
Etimologias.dechile.net. [Semiología]. Héctor Julio Mora Cuartas.– [En línea]. Disponible en: http://etimologias.dechile.net/?semiologi.a
Pedagogía.mx. [Conceptos]. Leticia Barba Martin; Pedagogía y relación educativa de México, UNAM.– [En línea]. Disponible en: http://pedagogia.mx/concepto/
Uprh.edu. [Tecnología]. Prof. Gloria J. Yukavetsky Colón.– [En línea]. Disponible en: http://www1.uprh.edu/gloria/Tecnologia%20Ed/Lectura_1%20.html
Ponce.inter.edu. [Estadísticas]. Dra. Luz M. Rivera.– [En línea]. Disponible en: http://ponce.inter.edu/cremc/estadistica.htm [Publicado el 09/2002]
Desarrolloweb.com. [Artículos]. Luciano Moreno.– [En línea]. Disponible en: http://www.desarrolloweb.com/articulos/1277.php[Publicado el 23/09/2003]
Manuelgross.bligoo.com. [Tipos de investigación]. Licenciado en educación, mención matemática Universidad de los Andes. Magister Scientarium mención Gerencia y Liderazgo Universidad Fermin Toro.– [En línea]. Disponible en: http://manuelgross.bligoo.com/conozca-‐3-‐tipos-‐de-‐investigacion-‐descriptiva-‐exploratoria-‐y-‐explicativa [Publicado el 18/05/2010]
152
Capítulo XIII Anexos
153
Capítulo XIII
Anexos
En este capitulo se adjunta toda la información, encuestas, fotografías, entre otros que sirvieron como apoyo para el proyecto.
13.1. Encuesta de Validación
154
Página 2:
155
Página 3:
156
Página 4:
157
13.2. Fotografías de encuestados validando el proyecto
-‐ Grupo Objetivo
-‐ Expertos:
Alúmnos realizando la encuesta
La Diseñadora Gráfica Christa Zúñiga tomando la encuesta
158
El Ingeniero en Sistemas Norman Penagos tomando la
encuesta
El Diseñador Gráfico Harvey Paniagua realizando la
encuesta
159
DISEÑO VISUAL DE INTERFAZ GRÁFICA PARA LA APLICACIÓN EN DISPOSITIVOS MÓVILES APPLE iOS, ANDROID Y BLACKBERRY OS, QUE
FACILITE EL ACCESO AL GALILEO EDUCATIONAL SYSTEM -‐GES-‐ A ALUMNOS DE UNIVERSIDAD GALILEO. GUATEMALA, GUATEMALA. C.A.
Top Related