Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ...

Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ... Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ...

repositorio.usfq.edu.ec
from repositorio.usfq.edu.ec More from this publisher
24.10.2013 Views

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

Tabla de Contenido<br />

1 Introducción 1<br />

1.1 Antecedentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1<br />

1.1.1 Origen del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . 1<br />

1.1.2 Versiones previas del sitio web . . . . . . . . . . . . . . . . . . . 2<br />

1.2 Presentación del proyecto . . . . . . . . . . . . . . . . . . . . . . . . . 3<br />

1.3 Impacto del Proyecto dentro de la empresa . . . . . . . . . . . . . . . . 4<br />

2 Marco Teórico 6<br />

2.1 Técnicas y tecnologías a ser usadas . . . . . . . . . . . . . . . . . . . . 6<br />

2.1.1 Programación orientada a objetos . . . . . . . . . . . . . . . . . 6<br />

2.1.2 Sistema de gestión de contenidos (CMS) . . . . . . . . . . . . . 6<br />

2.1.2.1 Enterprise CMS (ECMS) . . . . . . . . . . . . . . . . 7<br />

2.1.2.2 Web CMS/Portals (WCMS) . . . . . . . . . . . . . . . 8<br />

2.1.3 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10<br />

2.1.3.1 HTML 4.01 . . . . . . . . . . . . . . . . . . . . . . . . 11<br />

2.1.3.2 SGML . . . . . . . . . . . . . . . . . . . . . . . . . . . 11<br />

2.1.4 Hojas de estilo en cascada CSS . . . . . . . . . . . . . . . . . . 12<br />

2.1.5 JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12<br />

2.1.5.1 DOM . . . . . . . . . . . . . . . . . . . . . . . . . . . 13<br />

2.1.6 Web 2.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14<br />

3 Descripción 16<br />

3.1 Descripción de tecnologías y técnicas usadas dentro del sitio . . . . . . 16<br />

3.1.1 Business Catalyst . . . . . . . . . . . . . . . . . . . . . . . . . . 17<br />

3.1.2 jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19<br />

3.1.3 ifByPhone . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21<br />

3.1.4 API de mapas de Google . . . . . . . . . . . . . . . . . . . . . . 22<br />

3.1.5 RSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23<br />

viii

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!