Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ...
Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ... Carlos Manuel Araujo Coronel - Repositorio Digital USFQ ...
LISTA DE FIGURAS xii 4.21 Código del Almacenador de Contenido para posts del blog de CMS . . 43 4.22 Código de la página web que alberga el módulo de los 5 últimos posts del blog de CMS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 4.23 Animación Flash. Página de proyectos realizados por Oshyn. Vista de galería. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 4.24 Animación Flash. Página de proyectos realizados por Oshyn. Vista in- formación de proyecto. . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 4.25 Pagina web para aplicar por un puesto en Oshyn . . . . . . . . . . . . 47 4.26 Uso de Google Maps API para generar mapa de Oshyn Baltimore. . . . 48 4.27 Google Map. Oficina Los Angeles. . . . . . . . . . . . . . . . . . . . . . 49 4.28 Google Map. Oficina Baltimore. . . . . . . . . . . . . . . . . . . . . . . 49 4.29 Logo de Twitter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 4.30 Oshyn Twitter widget . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 4.31 Asistente para creación de botón AddThis . . . . . . . . . . . . . . . . 52 4.32 Overlay del boton AddThis dentro de la sección Blogs . . . . . . . . . . 53 4.33 Opción de ̏mas˝del botón AddThis dentro de la sección Blogs . . . . . 53 4.34 Flujo de información del sitio hacia el CRM . . . . . . . . . . . . . . . 54 4.35 sitemap.xml sitio Oshyn . . . . . . . . . . . . . . . . . . . . . . . . . . 57 4.36 URL Sitemap.xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58 4.37 robots.txt sitio Oshyn.com . . . . . . . . . . . . . . . . . . . . . . . . . 60 5.1 Posición Oshyn en buscador Google . . . . . . . . . . . . . . . . . . . . 64 5.2 Posición Oshyn en buscador Google con tema relacionado . . . . . . . . 64 5.3 Número de visitas en rango de tiempo . . . . . . . . . . . . . . . . . . 65 5.4 Número de páginas vistas por visita . . . . . . . . . . . . . . . . . . . . 66 5.5 Número de visitas por fuente de estas . . . . . . . . . . . . . . . . . . . 66
Capítulo 1 Introducción 1.1 Antecedentes Dentro de estas secciones se explicará sobre el origen y razones del porque Oshyn decidió ejecutar el proyecto para la creación del nuevo sitio web empresarial. 1.1.1 Origen del proyecto Oshyn Inc. es una empresa que impulsa la innovación con estrategias dinámicas de diseño, tecnología y talento. Se encarga especialmente de desarrollar y entregar soluciones de negocios para la web y equipos móviles, usando plataformas con tecnología de punta, para el mundo de negocios actual.(1) La base de la empresa es en Los Ángeles con presencia en Baltimore y en Quito. Oshyn ha entregado productos de calidad a una cantidad grande de empresas entre las más destacadas se encuentran : Best Buy, Electronic Arts, Laureate Education, Miramax, Walt Disney y Volkswagen. Oshyn fue fundada en 2001, y desde esa fecha, su página web no ha sido actualizada para cumplir con los requisitos actuales de usuarios y de editores. La página versión 1, que existió entre 2006 - 2008, dejó de cumplir con características que el mundo web requiere en la actualidad. Entre las características que se necesitan están : interacción con usuarios a través de blogs, wikis y formularios web, la mayoría de esta funciona- lidad se provee a través del uso de tecnologías web 2.0 que buscan siempre mejorar la experiencia del usuario. Además, la versión anterior no usaba tecnologías como CSS 2.0 o Flash o Ajax, ni cumplía con un diseño empresarial moderno, ni facilidad de editar contenido, entre las mas importantes. 1
- 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 and 8: Abstract A company web site is the
- Page 9 and 10: TABLA DE CONTENIDO ix 4 Desarrollo
- Page 11: Lista de Figuras 2.1 Diagrama Gener
- 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 :
- Page 59 and 60: 4.3 Integraciones 47 Fig. 4.25: Pag
- Page 61 and 62: 4.3 Integraciones 49 Podemos observ
LISTA DE FIGURAS xii<br />
4.21 Código del Almacenador de Contenido para posts del blog de CMS . . 43<br />
4.22 Código de la página web que alberga el módulo de los 5 últimos posts<br />
del blog de CMS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44<br />
4.23 Animación Flash. Página de proyectos realizados por Oshyn. Vista de<br />
galería. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45<br />
4.24 Animación Flash. Página de proyectos realizados por Oshyn. Vista in-<br />
formación de proyecto. . . . . . . . . . . . . . . . . . . . . . . . . . . . 46<br />
4.25 Pagina web para aplicar por un puesto en Oshyn . . . . . . . . . . . . 47<br />
4.26 Uso de Google Maps API para generar mapa de Oshyn Baltimore. . . . 48<br />
4.27 Google Map. Oficina Los Angeles. . . . . . . . . . . . . . . . . . . . . . 49<br />
4.28 Google Map. Oficina Baltimore. . . . . . . . . . . . . . . . . . . . . . . 49<br />
4.29 Logo de Twitter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50<br />
4.30 Oshyn Twitter widget . . . . . . . . . . . . . . . . . . . . . . . . . . . 51<br />
4.31 Asistente para creación de botón AddThis . . . . . . . . . . . . . . . . 52<br />
4.32 Overlay del boton AddThis dentro de la sección Blogs . . . . . . . . . . 53<br />
4.33 Opción de ̏mas˝del botón AddThis dentro de la sección Blogs . . . . . 53<br />
4.34 Flujo de información del sitio hacia el CRM . . . . . . . . . . . . . . . 54<br />
4.35 sitemap.xml sitio Oshyn . . . . . . . . . . . . . . . . . . . . . . . . . . 57<br />
4.36 URL Sitemap.xml . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58<br />
4.37 robots.txt sitio Oshyn.com . . . . . . . . . . . . . . . . . . . . . . . . . 60<br />
5.1 Posición Oshyn en buscador Google . . . . . . . . . . . . . . . . . . . . 64<br />
5.2 Posición Oshyn en buscador Google con tema relacionado . . . . . . . . 64<br />
5.3 Número de visitas en rango de tiempo . . . . . . . . . . . . . . . . . . 65<br />
5.4 Número de páginas vistas por visita . . . . . . . . . . . . . . . . . . . . 66<br />
5.5 Número de visitas por fuente de estas . . . . . . . . . . . . . . . . . . . 66