Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ...
Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ... Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ...
Tabla de Contenido 1 Introducción 1 1.1 Antecedentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1.1.1 Origen del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . 1 1.1.2 Versiones previas del sitio web . . . . . . . . . . . . . . . . . . . 2 1.2 Presentación del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.3 Impacto del Proyecto dentro de la empresa . . . . . . . . . . . . . . . . 4 2 Marco Teórico 6 2.1 Técnicas y tecnologías a ser usadas . . . . . . . . . . . . . . . . . . . . 6 2.1.1 Programación orientada a objetos . . . . . . . . . . . . . . . . . 6 2.1.2 Sistema de gestión de contenidos (CMS) . . . . . . . . . . . . . 6 2.1.2.1 Enterprise CMS (ECMS) . . . . . . . . . . . . . . . . 7 2.1.2.2 Web CMS/Portals (WCMS) . . . . . . . . . . . . . . . 8 2.1.3 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 2.1.3.1 HTML 4.01 . . . . . . . . . . . . . . . . . . . . . . . . 11 2.1.3.2 SGML . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 2.1.4 Hojas de estilo en cascada CSS . . . . . . . . . . . . . . . . . . 12 2.1.5 JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 2.1.5.1 DOM . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 2.1.6 Web 2.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 3 Descripción 16 3.1 Descripción de tecnologías y técnicas usadas dentro del sitio . . . . . . 16 3.1.1 Business Catalyst . . . . . . . . . . . . . . . . . . . . . . . . . . 17 3.1.2 jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 3.1.3 ifByPhone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 3.1.4 API de mapas de Google . . . . . . . . . . . . . . . . . . . . . . 22 3.1.5 RSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 viii
TABLA DE CONTENIDO ix 4 Desarrollo 24 4.1 Plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 4.1.1 Uso de plantillas dentro del CMS . . . . . . . . . . . . . . . . . 25 4.1.1.1 Plantillas de sitio . . . . . . . . . . . . . . . . . . . . . 25 4.1.2 Creación de plantillas . . . . . . . . . . . . . . . . . . . . . . . . 25 4.2 Módulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 4.2.1 Menú de navegación . . . . . . . . . . . . . . . . . . . . . . . . 28 4.2.1.1 Mapa del sitio ̏Site map˝ . . . . . . . . . . . . . . . . 29 4.2.1.2 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 29 4.2.2 Home Page Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 31 4.2.2.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 31 4.2.3 Cajas de información página principal . . . . . . . . . . . . . . 33 4.2.3.1 ̏Content Holders˝ . . . . . . . . . . . . . . . . . . . . 33 4.2.3.2 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 34 4.2.4 Buscador interno . . . . . . . . . . . . . . . . . . . . . . . . . . 35 4.2.4.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 35 4.2.5 Módulos CTA . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 4.2.5.1 Definición . . . . . . . . . . . . . . . . . . . . . . . . . 36 4.2.5.2 Uso en Oshyn.com . . . . . . . . . . . . . . . . . . . . 36 4.2.6 Módulo contáctenos . . . . . . . . . . . . . . . . . . . . . . . . . 37 4.2.6.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 37 4.2.7 Historias exitosas de clientes . . . . . . . . . . . . . . . . . . . . 38 4.2.7.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 38 4.2.8 Módulo : Qué dicen los clientes sobre Oshyn . . . . . . . . . . . 39 4.2.8.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 39 4.2.9 Documentos ̏White Papers˝ . . . . . . . . . . . . . . . . . . . . 40 4.2.9.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 40 4.2.10 Noticias y Eventos . . . . . . . . . . . . . . . . . . . . . . . . . 40 4.2.11 4.2.10.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 40 Últimos posts . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 4.2.11.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 42 4.2.12 Animación : Trabajos realizados por Oshyn . . . . . . . . . . . . 45 4.2.12.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 45 4.2.13 Trabaje con nosotros . . . . . . . . . . . . . . . . . . . . . . . . 46 4.2.13.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 46 4.3 Integraciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
- Page 1 and 2: UNIVERSIDAD SAN FRANCISCO DE QUITO
- Page 3 and 4: © Derechos de Autor Carlos Manuel
- Page 5 and 6: Agradecimientos Agradezco a los pro
- Page 7: Abstract A company web site is the
- Page 11 and 12: Lista de Figuras 2.1 Diagrama Gener
- Page 13 and 14: Capítulo 1 Introducción 1.1 Antec
- Page 15 and 16: 1.2 Presentación del proyecto 3 El
- Page 17 and 18: 1.3 Impacto del Proyecto dentro de
- Page 19 and 20: 2.1 Técnicas y tecnologías a ser
- Page 21 and 22: 2.1 Técnicas y tecnologías a ser
- Page 23 and 24: 2.1 Técnicas y tecnologías a ser
- Page 25 and 26: 2.1 Técnicas y tecnologías a ser
- Page 27 and 28: 2.1 Técnicas y tecnologías a ser
- Page 29 and 30: 3.1 Descripción de tecnologías y
- Page 31 and 32: 3.1 Descripción de tecnologías y
- Page 33 and 34: 3.1 Descripción de tecnologías y
- Page 35 and 36: 3.1 Descripción de tecnologías y
- Page 37 and 38: 4.1 Plantillas 25 - Administrar el
- Page 39 and 40: 4.1 Plantillas 27 Fig. 4.2: Plantil
- Page 41 and 42: 4.2 Módulos 29 4.2.1.1 Mapa del si
- Page 43 and 44: 4.2 Módulos 31 lista contiene un i
- Page 45 and 46: 4.2 Módulos 33 Para la alimentaci
- Page 47 and 48: 4.2 Módulos 35 4.2.4 Buscador inte
- Page 49 and 50: 4.2 Módulos 37 - Inscripción para
- Page 51 and 52: 4.2 Módulos 39 Fig. 4.16: Link hac
- Page 53 and 54: 4.2 Módulos 41 Fig. 4.19: Registro
- Page 55 and 56: 4.2 Módulos 43 de ̏ Últimos 5 po
- Page 57 and 58: 4.2 Módulos 45 4.2.12 Animación :
TABLA DE CONTENIDO ix<br />
4 Desarrollo 24<br />
4.1 Plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24<br />
4.1.1 Uso de plantillas dentro del CMS . . . . . . . . . . . . . . . . . 25<br />
4.1.1.1 Plantillas de sitio . . . . . . . . . . . . . . . . . . . . . 25<br />
4.1.2 Creación de plantillas . . . . . . . . . . . . . . . . . . . . . . . . 25<br />
4.2 Módulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28<br />
4.2.1 Menú de navegación . . . . . . . . . . . . . . . . . . . . . . . . 28<br />
4.2.1.1 Mapa del sitio ̏Site map˝ . . . . . . . . . . . . . . . . 29<br />
4.2.1.2 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 29<br />
4.2.2 Home Page Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 31<br />
4.2.2.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 31<br />
4.2.3 Cajas de información página principal . . . . . . . . . . . . . . 33<br />
4.2.3.1 ̏Content Holders˝ . . . . . . . . . . . . . . . . . . . . 33<br />
4.2.3.2 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 34<br />
4.2.4 Buscador interno . . . . . . . . . . . . . . . . . . . . . . . . . . 35<br />
4.2.4.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 35<br />
4.2.5 Módulos CTA . . . . . . . . . . . . . . . . . . . . . . . . . . . 36<br />
4.2.5.1 Definición . . . . . . . . . . . . . . . . . . . . . . . . . 36<br />
4.2.5.2 Uso en Oshyn.com . . . . . . . . . . . . . . . . . . . . 36<br />
4.2.6 Módulo contáctenos . . . . . . . . . . . . . . . . . . . . . . . . . 37<br />
4.2.6.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 37<br />
4.2.7 Historias exitosas de clientes . . . . . . . . . . . . . . . . . . . . 38<br />
4.2.7.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 38<br />
4.2.8 Módulo : Qué dicen los clientes sobre Oshyn . . . . . . . . . . . 39<br />
4.2.8.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 39<br />
4.2.9 Documentos ̏White Papers˝ . . . . . . . . . . . . . . . . . . . . 40<br />
4.2.9.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 40<br />
4.2.10 Noticias y Eventos . . . . . . . . . . . . . . . . . . . . . . . . . 40<br />
4.2.11<br />
4.2.10.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 40<br />
Últimos posts . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42<br />
4.2.11.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 42<br />
4.2.12 Animación : Trabajos realizados por Oshyn . . . . . . . . . . . . 45<br />
4.2.12.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 45<br />
4.2.13 Trabaje con nosotros . . . . . . . . . . . . . . . . . . . . . . . . 46<br />
4.2.13.1 Desarrollo . . . . . . . . . . . . . . . . . . . . . . . . . 46<br />
4.3 Integraciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47