Ingeniería de Sistemas y Computación · 2012
Restructuring website: Systems Engineering and Computation Program of the Universidad Tecnológica de Pereira
Actualmente la web se ha convertido en una plataforma amplia, que permite tanto a las empresas privadas, organizaciones estatales y usuarios corrientes llegar a cualquier lugar del mundo para extraer información de forma fácil y rápida, convirtiendo a la web en un mecanismo potente de comunicación y prestación de servicios. El número de usuarios que acceden a la web es cada vez más grande, estableciéndose el internet como un servicio necesario, en el crecimiento constante del mundo. Los portales web son uno de los servicios de internet más utilizados, por lo que surgió la necesidad de establecer una buena comunicación y navegabilidad entre los usuarios y estos portales. para cumplir con lo anterior, a nivel mundial se han definido estándares de desarrollo web, que siempre se deben tener presentes para garantizar que los usuarios puedan utilizar estos portales sin inconvenientes y cumpliendo con los objetivos trazados. La Universidad Tecnológica de Pereira, siendo una entidad estatal y que cuenta con su propio sitio web, decidió implementar la estrategia de Gobierno en línea para cumplir con los objetivos de desarrollo planteados por el gobierno nacional. Además, está apostando por fortalecer su imagen como institución de educación superior, con el fin de diferenciarse notablemente de las demás instituciones del país, planteando contar con una imagen unificada, que resalte y enaltezca el amor por la Universidad.
Texto completo 101 páginas con texto
Leer la tesis completa Ficha en el repositorio
Contenido
- INTRODUCCIÓNp. 15
- CAPITULO 1: GENERALIDADESp. 17
- FORMULACIÓN DEL PROBLEMAp. 18
- JUSTIFICACIÓNp. 18
- HIPÓTESISp. 19
- OBJETIVOSp. 19
- Objetivo generalp. 19
- Objetivos específicosp. 19
- CAPITULO 2: MARCO TEÓRICOp. 20
- MARCO TEÓRICOp. 21
- ESTÁNDARES WEBp. 21
- HTMLp. 21
- CSSp. 21
- XHTMLp. 25
- JavaScriptp. 25
- PHPp. 26
- Como funciona PHPp. 28
- MySQLp. 28
- ESTÁNDARES DE DESARROLLO DE SOFTWAREp. 30
- UMLp. 30
- Diagrama de Clasesp. 30
- Diagrama de casos de usop. 31
- Diagrama de Secuenciap. 32
- GOBIERNO EN LÍNEAp. 32
- Breve Historiap. 33
- ¿Qué es Gobierno en línea?p. 33
- Importanciap. 34
- Plan de Desarrollo Nacionalp. 34
- Estrategia de Gobierno en líneap. 34
- LA UNIVERSIDAD TECNOLÓGICA DE PEREIRA Y GOBIERNO EN LÍNEAp. 35
- IMPLEMENTACIÓN DE GOBIERNO EN LÍNEA EN LA UTPp. 36
- Criterio - Estándares del sitio webp. 36
- Criterio – Usabilidadp. 40
- Criterio – Accesibilidad webp. 51
- CAPITULO 3: EVALUACIÓN DEL SITIO WEBp. 61
- EVALUACIÓN DEL SITIO WEB DE ISCp. 62
- EN EL SITIO WEB DE LA UTPp. 62
- Criterios de Estándares Web:p. 62
- Criterio de accesibilidadp. 63
- Criterio de Usabilidadp. 65
- RECOLECCIÓN DE INFORMACIÓN Y ANÁLISIS DE REQUERIMIENTOSp. 70
- SISTEMAS Y COMPUTACIÓNp. 71
- REQUERIMIENTOS NO FUNCIONALESp. 72
- CAPITULO 4: PROPUESTA DEL SITIO WEBp. 74
- COMPUTACIÓNp. 75
- EXIGIDOS POR GOBIERNO EN LÍNEAp. 75
- CRITERIO DE ACCESIBILIDADp. 63
- CRITERIO DE USABILIDADp. 65
- Arquitectura de la Informaciónp. 65
- Diseño de Interfaz de Usuariop. 67
- Diseño de Interacciónp. 68
- Búsquedasp. 69
- PEREIRAp. 18
- CAPITULO 5: CONCLUSIONESp. 81
- CAPITULO 6: RECOMENDACIONESp. 84
- BIBLIOGRAFÍAp. 86
- ANEXOSp. 88
- Ilustración 1 Código con las etiquetas principales del lenguaje HTMLp. 22
- Ilustración 2 Inserción de archivo CSS en HTMLp. 23
- Ilustración 3 Estilos CSS internos en HTMLp. 23
- Ilustración 4 Estilos CSS entre las etiquetas de HTMLp. 24
- Ilustración 5 Código ejemplo de una clase en CSSp. 24
- Ilustración 6 Código ejemplo de un identificador en CSSp. 24
- Ilustración 7 Código de JavaScript con HTMLp. 26
- Ilustración 8 Resultado de la ejecución de código PHP en el servidorp. 27
- Ilustración 9 Proceso de solicitud, ejecución y respuesta de PHPp. 29
- Ilustración 10 Representación de una clase en UMLp. 31
- Ilustración 11 Representación de un diagrama de casos de usop. 31
- Ilustración 12 Representación de los componentes de un diagrama de secuenciap. 32
- Ilustración 13 Dirección URL de la página oficial de la UTPp. 37
- Ilustración 14 Ubicación del escudo de la UTP en la parte superior izquierdap. 37
- Ilustración 15 Ultima actualización del sitio web de la UTPp. 38
- Ilustración 16 Mapa del sitio web de la UTPp. 38
- Ilustración 17 Accesos directos a los sitios web del menú principal de la UTPp. 39
- Ilustración 18 Buscador interno del sitio web de la UTPp. 40
- Ilustración 19 Sitio oficial de la Facultad de Ingenierías UTPp. 44
- Ilustración 20 Rutas de miga en el sitio del ILEX (Instituto de Lenguas Extranjeras)p. 44
- Ilustración 21 URL de un sub sitio de Relaciones Internacionales UTPp. 45
- Ilustración 22 Enlace sin visitar y visitado del sitio web de la biblioteca UTPp. 45
- Ilustración 23 Código CSS del sitio web de la UTP donde muestra el ancho del sitiop. 47
- W3Schoolsp. 47
- Ilustración 25 Validación de la W3C para el sitio web de la UTP (www.utp.edu.co)p. 49
- Ilustración 26 Formulario para el ingreso al portal estudiantil de la UTPp. 50
- Ilustración 27 Página de Error 404 de la Universidad Tecnológica de Pereirap. 50
- Ilustración 28 Buscador del sitio principal de la UTPp. 51
- Ilustración 29 validador de Accesibilidad web aplicado al sitio web de la UTPp. 55
- Ilustración 30 Escudo de la Universidad Tecnológica de Pereirap. 57
- Ilustración 31 Formas Únicas para utilizar la marca de la UTPp. 58
- Ilustración 32 Color de letra según el color de fondo de la marcap. 58
- Ilustración 33 Banners de las Diferentes Dependenciasp. 59
- Ilustración 34 Banner de la Facultad de Ingenieríasp. 60
- Ilustración 35 Resultado de Accesibilidad del sitio web de ISCp. 64
- Ilustración 36 Resultado de Accesibilidad del Sitio web de ISC en T.A.W3p. 64
- Ilustración 37 Menú principal del sitio web de ISCp. 66
- Ilustración 38 URL de una sección del sitio web de ISCp. 66
- Ilustración 39 Logotipo de la UTP en el sitio de ISCp. 67
- Ilustración 40 Párrafo con 171 CPL en el sitio web de ISCp. 67
- isc.utp.edu.cop. 68
- Ingenieríap. 69
- Ilustración 43 Uso Incorrecto del tipo del letra en el nombre del programap. 70
- Ilustración 44 Uso Incorrecto del Logo de ISCp. 70
- Ilustración 45 Prototipo del nuevo sitio web de ISCp. 73
- Ilustración 46 Algunos Criterios de Estandartes web en el nuevo sitio web de ISCp. 76
- Ilustración 47 Propuesta para el Sitio Web de ISCp. 80