UNIVERSIDAD DE GUAYAQUIL

Transcripción

1 i UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS CARRERA DE INGENIERIA EN SISTEMAS COMPUTACIONALES INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER TESIS DE GRADO Previa a la obtención del Título de: INGENIERO EN SISTEMAS COMPUTACIONALES AUTORA: ARACELI MARITZA DAVILA MACIAS DIRECTOR DE TESIS: ING. XAVIER LOAIZA GUAYAQUIL ECUADOR AÑO: 2011

2 ii APROBACION DEL TUTOR En mi calidad de Tutor del trabajo de investigación: INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER elaborado por la Srta. ARACELI MARITZA DAVILA MACIAS, egresada de la Carrera de Ingeniería en Sistemas Computacionales, Facultad de Ciencias Matemáticas y Físicas de la Universidad de Guayaquil, previo a la obtención del Título de Ingeniero en Sistemas, me permito declarar que luego de haber orientado, estudiado y revisado, la apruebo en todas sus partes. Atentamente Ing. XAVIER LOAIZA DIRECTOR DE TESIS

3 iii DEDICATORIA Dedico este proyecto a Dios ya que sin el nada es posible y sé que siempre cuento con la bendición de él. A mi abuelita María Moreno Tomalá que aunque no esté conmigo se que desde el cielo me da las fuerzas para continuar y así culminar mis metas propuestas. A mis padres Juan Fernando Dávila Moreno y Cleotilde Maritza Macías Pinargote por toda su esfuerzo, dedicación, amor de padres y sobre todo por brindarme su apoyo y confianza incondicional y siempre creer en mi para culminar con éxito y dedicación mis metas propuestas. A mis hermanos Fernando y María Dávila ya que a pesar de los inconvenientes nunca dudaron en que culminaría mis estudios superiores como Ingeniera en Sistemas. A mis amigos y amigas que siempre me dieron fuerzas para continuar y no declinar en mi meta propuesta que era la culminación de mi carrera universitaria. A los maestros de la Universidad de Guayaquil por los conocimientos impartidos que fueron de gran ayuda para la culminación de mi proyecto de tesis. Araceli Dávila Macías.

4 iv AGRADECIMIENTO Agradezco a Dios ya que siempre me ayudo a continuar para culminar otra más en mi vida estudiantil. A mi abuelita María Moreno Tomalá ya que gracias a ella y a sus consejos sigo adelante y su recuerdo hace que yo siga adelante día a día y que culmine todas las metas que me propongo. A mis padres que a pesar de que no estén los dos juntos a mi lado siempre supieron estar junto a mi de manera incondicional para darme fuerzas en los momentos más difíciles que pensé que no sería posible esta gran meta. A mis hermanos María y Fernando Dávila que a pesar de todo me daban la fuerza necesaria para continuar día a día y culminar mi proyecto de tesis. A mis amigos por sus ánimos y apoyo para no desfallecer y poder concluir esta etapa de mi vida estudiantil en especial a mi amiga la Ing. Alicia Ruiz Ramírez y a mi amigo el Ing. Poll Cedeño que siempre estuvieron conmigo en este proceso de tesis. Finalmente gracias a todos los que me han apoyado que son mis familiares, amigos y docentes y a los que no también ya que aunque quieran verme declinar en mis objetivos siempre por más duro que sea el camino y los obstáculos que se presente con la fortaleza de Dios y con mis conocimientos seré capaz de realizar todas las metas que me proponga. Araceli Dávila Macías

5 v TRIBUNAL DE GRADO Ing. Fernando Abad Montero DECANO Ing. Juan Chanabá Alcócer DIRECTOR DE C.I.S.C Ing. Xavier Loaiza DIRECTOR DE TESIS Nombre y apellido PROFESOR DEL ÁREA - TRIBUNAL Ab. Juan Chávez Atocha SECRETARIO

6 vi UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES TEMA: INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER Proyecto de trabajo de grado que se presenta como requisito para optar por el título de INGENIERO EN SISTEMAS COMPUTACIONALES Autora: Dávila Macías Araceli Maritza C.I.: Director de Tesis: Ing. Xavier Loaiza Guayaquil, de

7 vii CERTIFICADO DE ACEPTACIÓN DEL TUTOR En mi calidad de Tutor, nombrado por el Departamento de Graduación y la Dirección de la Carrera de Ingeniería en Sistemas Computacionales de la Universidad de Guayaquil, CERTIFICO: Que he analizado el Proyecto de Grado presentado por la egresada DAVILA MACIAS ARACELI MARITZA, como requisito previo para optar por el título de Ingeniero cuyo problema es: INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER Considero aprobado el trabajo en su totalidad. Presentado por: DAVILA MACIAS ARACELI MARITZA C.C DIRECTOR DE TESIS: ING. XAVIER LOAIZA Guayaquil, de

8 viii ÍNDICE GENERAL Presentación Aprobación del Tutor Dedicatoria Agradecimiento Tribunal de Grado Requisito para Obtención del Título Certificado de Aceptación Índice General Índice de Gráficos Resumen Abstract i ii iii iv v vi vii viii x xiii xiv CAPÍTULO I MANUAL TÉCNICO 1 Introducción 1 El Framework 2 Estructura 2 Datos técnicos del sitio 7 Diagrama de colaboración 8 Diagrama de flujo de datos 8 Diagrama de casos de uso 12 Diagrama de eventos 20 Modelo entidad relación 21 Diccionario de datos 22 Script para la creación de base de datos 77 Codificación de componentes 100

9 ix CAPÍTULO II MANUAL DE USUARIO 685 Introducción 686 Objetivos de este manual 686 A quien va dirigido este manual 686 Conocimientos previos 687 Acerca de este manual 687 Características del sitio 687 Mashup de contenidos 689 Descripción del sitio 689 Administración 689 Visitante 701

10 x ÍNDICE DE GRÁFICO Gráfico No. 1 Archivos del proyecto Mashup 3 Gráfico No. 2 Módulos participantes del Mashup 4 Gráfico No. 3 Archivos pertenecientes al módulo de encuesta 5 Gráfico No. 4 Archivo mod_poll.php 5 Gráfico No. 5 Archivos de Inicialización de módulos por idioma 6 Gráfico No. 6 Contenido de las Variables globales en el archivo es-es.com_poll.ini 6 Gráfico No. 7 Diagrama de Colaboración 8 Gráfico Mo. 8 Diagrama de Contexto o Nivel cero 8 Diagrama No. 9 Diagrama de Nivel Superior o Nivel uno 9 Diagrama No.10 Diagrama de Nivel Inferior o Nivel 2 10 Diagrama No. 11 Diagrama de Niveles extendidos o Nivel 3 11 Gráfico No. 12 Casos de Uso Primer Nivel 12 Gráfico No. 13 Casos de Uso Nivel II Elaboración de Encuestas 13 Gráfico No. 14 Casos de Uso Nivel II Envío de Mensajes al Administrador del Sitio 13 Gráfico No. 15 Casos de Uso Nivel II Lectura de Clasificados 13 Gráfico No. 16 Casos de Uso Nivel II Lectura de Noticias 14 Gráfico No. 17 Casos de Uso Nivel II Fotos 14 Gráfico No. 18, Casos de Uso Nivel II Videos 14 Gráfico No. 19 Casos de Uso Nivel II Enlace con Módulo Twitter 15 Gráfico No. 20 Casos de Uso Nivel II Registro en Sitio 15 Gráfico No. 21 Casos de Uso Nivel II Suscripción de Marcadores Dinámicos 16 Gráfico No. 22 Diagrama de Eventos del Sitio 20 Gráfico No. 23 MER Sitio Mashup 21

11 xi Gráfico No. 24 Url Oficial del Mashup 688 Gráfico No. 25 Página principal Gráfico No. 26 Sitio Web de Administración 690 Gráfico No. 27 Loggin de Inicio Administración Joomla 690 Gráfico No. 28 Pantalla principal de Administración 691 Gráfico No. 29 Administrador de Artículos 692 Gráfico No. 30 Administrador de Artículos 693 Gráfico No. 31 Administrador de Categorías 694 Gráfico No. 32 Administrador de Idiomas 694 Gráfico No. 33 Administrador de Plantillas 695 Gráfico No. 34 Presentación preliminares de plantillas 696 Gráfico No.35 Administrador de Usuarios 696 Gráfico No. 36 Formulario de Ingreso a un usuario 697 Gráfico No. 37 Grupo de Seguridad asignado al usuario 698 Gráfico No. 38 Módulos 698 Gráfico No. 39 Administrador de Módulos 699 Gráfico No. 40 Redes Sociales 700 Gráfico No. 41 Edición Modulo de Redes Sociales 700 Gráfico No. 42 Registro de Usuario nuevo 701 Gráfico No. 43 Formulario de Registro 702 Gráfico No. 44 Usuario Correctamente Loggeado 702 Gráfico No. 45 Inicio de Sesión Twitter 703 Gráfico No. 46 Formulario de Conexión mashup-twitter 704 Gráfico No. 47 Página principal de Twitter 704 Gráfico No. 48 Sesión iniciada, servicio Twitter en Mashup 705 Gráfico No. 49 Chat Habilitado para usuario de Twitter 705 Gráfico No. 50 Módulo Twitter en Mashup 706 Gráfico No. 51 Encuestas 706 Gráfico No. 52 Chat 707 Gráfico No. 53 Chat Interactivo 708

12 xii Gráfico No. 54 RSS Varios RSS de Noticias 709 Gráfico No. 55 Fotos 710 Gráfico No. 56 Subida de Fotos 710 Gráfico No. 57 Comentarios en Fotos 711 Gráfico No. 58 Videos 711 Gráfico No. 59 Ver Videos 712 Gráfico No. 60 Subir Videos 713 Gráfico No. 61 Noticia escrita por un usuario 713 Gráfico No. 62 Editor de texto de Noticias 714 Gráfico No. 63 Los más Bloggeados 715 Gráfico No. 64 Productos y Servicios 716 Gráfico No. 65 Lista de servicios disponibles 716 Gráfico No. 66 Valoración del Servicio 717 Gráfico No. 67 Formulario de Contacto 718 Gráfico No. 68 Facebook- Me Gusta 719 Gráfico No. 69 Formulario de Acceso rápido a Facebook 719 Gráfico No. 70 Voto en Me gusta Facebook 720 Gráfico No. 71 Recomendar 720 Gráfico No. 72 Tweets en línea 721 Gráfico No. 73 Botón Twittear 722 Gráfico No. 74 Botón Sígueme de Twitter 722 Gráfico No. 75 Siguiendo al sitio en twitter 723 Gráfico No. 76 Menú del Tráfico del Sitio 724 Gráfico No. 77 Monitoreo de Tráfico del Sitio 724 Gráfico No. 78 Menú para ingresar al administrador 725 Gráfico No. 79 Monitoreo de Administración 726

13 xiii UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES TEMA: INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER Autora: Dávila Macías Araceli Maritza Tutor: Loaiza Xavier Ing. RESUMEN Uno de las componentes principales para la realización de este proyecto es lograr comprender el concepto ambiguo de la Web 2.0 entendiendo las formas en las que se manifiesta, sus implicancias sociales y las tecnologías que le dan soporte para lograr que su aplicación permita la implementación de este sitio web Para desarrollar el trabajo se ha realizado una investigación en base a diferentes fuentes bibliográficas analizando los conceptos de la web 2.0, social media, patrones de diseño y diversas tecnologías aplicables. También se utilizan componentes como el wamp server y joomla para la realización del presente proyecto. Los mashups son aplicaciones web generadas a partir de distintas fuentes de información, que se conectan con ésta a partir de una API (Interfaz de programación de aplicaciones) que permite la interconexión con distintos sistemas, aplicaciones, servicios web, o canales de información (RSS o ATOM). Mashups se han convertido en una corriente principal de la Web. Recientemente, varias plataformas mashup han introducido algo llamado centro usuario, lo que permite a los usuarios finales crear, compartir y disfrutar de sus propios servicios, por esta razón se decidió de entre los diferentes tipos de mashup escoger realizar el mashup de noticias de tal forma que los usuarios participen de forma interactiva cada vez que ingresen al sitio web Finalmente se realiza la implementación en open source de un producto final llamado INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER Y PROPUESTA DE UN DEMO en las cuales incluye una aplicación al contexto usuario-administrador mediante una solución de software online. En la actualidad dicho servicio se encuentra funcional y su futuro crecimiento requiere tiempo de maduración y esfuerzo, por lo que seguirá trabajando sobre el tema de manera independiente una vez finalizada la etapa de tesis de grado. Descriptores Mashup API de Twitter Mashup de Noticias Web 2.0

14 xiv UNIVERSIDAD DE GUAYAQUIL FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES TEMA: INVESTIGACIÓN DE APLICACIÓN MASHUPS PARA NOTICIAS BASADO EN LAS API DE TWITTER Autora: Dávila Macías Araceli Maritza Tutor: Loaiza Xavier Ing. ABSTRACT One of the main components for this project is to understand the ambiguous concept of Web 2.0 understanding the ways in which it manifests itself, its social and technologies that support it to make your application to enable the implementation of this website. To develop the work was carried out research based on different literature sources discussing the concepts of web 2.0, social media, design patterns and various applicable technologies. Components are also used as the wamp server and joomla for the realization of this project. Mashups are web applications generated from various sources, that connect to it from an API (Application Programming Interface) that allows the interconnection with other systems, applications, web services, or information channels (RSS or ATOM). Mashups have become a mainstream Web. Recently, several mashup platforms have introduced something called center user, which allows end users to create, share and enjoy their own services, for this reason it was decided among the different types of mashup mashup chooses to do so news users to participate interactively each time they enter the website Finally, making the open source implementation of a final product called mashups RESEARCH NEWS APPLICATION BASED ON TWITTER API and proposal of a DEMO which includes an application to the context user-administrator using a software solution online. Currently the service is functional and its future growth and maturation takes time effort, so it will stay on the topic independently once the dissertation stage. Descriptors Mashup Twitter Api News Mashup Web 2.0