Integració de serveis de comunicacions interactius sobre xarxes IP

Enginyeria Tècnica de Telecomunicació: Especialitat Telemàtica INTEGRACIÓ DE SERVEIS DE COMUNICACIONS INTERACTIUS SOBRE XARXES IP Noelia Ródenas Moreno Josep Maria Gabriel i Solanilla PRIMAVERA 2010 RESUM En el projecte Integració de Serveis de Comunicacions Interactius sobre Xarxes IP s’implementa un sistema de comunicacions que integra tots els serveis necessaris per un edifici en un únic servidor i els transmet als diferents clients sobre una única xarxa IP. També s’implementa una interfície gràfica per facilitar a l’usuari l’accés a aquests serveis. Els serveis oferts son televisió, Internet, telefonia i serveis sota demanda de vídeo i musica. Tots es poden visualitzar a través de la interfície gràfica excepte el servei de telefonia, que per qüestions de consum energètic es rebrà el senyal en un telèfon IP. Aquesta interfície gràfica s’executarà en un petit ordinador client anomenat Set Top Box (STB). Tots els serveis oferts es troben dins d’un servidor, l’únic software que ha de tenir el client és un navegador web. Tot el sistema està implementat amb software lliure i sistema operatiu Linux. RESUMEN En el proyecto Integración de Servicios de Comunicaciones Interactivos sobre Redes IP se implementa un sistema de comunicaciones que integra todos los servicios necesarios para un edificio en un único servidor y los transmite a los diferentes clientes sobre una única red IP. También se implementa una interfaz gráfica para facilitar al usuario el acceso a estos servicios. Los servicios ofertados son televisión, Internet, telefonía y servicios bajo demanda de video i música. Todos se pueden visualizar a través de la interfaz grafica excepto el servicio de telefonía, que por cuestiones de consumo energético se recibirá la señal en un teléfono IP. Esta interfaz grafica se ejecutará en un pequeño ordenador cliente llamado Set Top Box (STB). Todos los servicios ofertados se encuentran dentro de un servidor, el único software que tiene el cliente es un navegador web. Todo el sistema está implementado con software libre i sistema operativo Linux. ABSTRACT In the project Integration of Interactive Communication Services over IP Networks is implemented a communications system that integrates all the necessary services for a building on a single server and transmitted to different customers on a single IP network. A graphical interface to facilitate user access to these services is implemented too. The services offered are television, Internet, telephony and video and music on demand. All can be viewed via the graphical interface except the telephone service, that for energy issues it will be received in an IP phone. This graphical interface will run on a small computer called a Set Top Box client (STB). All services are offered within a server, the only software that have the client is a web browser. The whole system is implemented with free software and operating system Linux. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP I INDEX 1. Introducció................................................................................................... 1 2. Objectius...................................................................................................... 3 2.1. Objectius generals................................................................................. 3 2.2. Objectius específics............................................................................... 4 2.2.1. Telefonia..................................................................................... 4 2.2.2. Televisió...................................................................................... 4 2.2.3. Altres serveis............................................................................... 5 3. Descripció del sistema.................................................................................. 7 3.1. Telefonia................................................................................................ 7 3.2. Televisió................................................................................................. 8 3.3. Internet.................................................................................................. 10 3.4. VoD i MoD............................................................................................ 10 3.5. Interfície gràfica..................................................................................... 12 4. Hardware....................................................................................................... 13 4.1. Servidor.................................................................................................. 13 4.2. Telefonia sobre IP.................................................................................. 14 4.3. Client...................................................................................................... 16 5. Software........................................................................................................ 21 5.1. Paquets en el servidor............................................................................. 19 5.1.1. Asterisk........................................................................................ 21 5.1.2. VLC............................................................................................. 21 5.1.3. Apache......................................................................................... 22 5.2. Paquets en el client................................................................................. 23 5.2.1. Firefox......................................................................................... 23 5.2.2. El plugin web de VLC................................................................ 23 5.3. Interfície gràfica.................................................................................... 24 5.3.1. Disseny........................................................................................ 24 5.3.2. Desenvolupament........................................................................ 31 6. Instal·lació i configuració de serveis............................................................. 45 6.1. Telefonia................................................................................................ 45 6.1.1. Configuració d’Asterisk.............................................................. 46 2 Introducció Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 3 2. Objectius 2.1 Objectius generals L‟objectiu d‟aquest document és integrar els serveis de telecomunicacions bàsics (telèfon, televisió i Internet) en un únic servidor, transferir-ho per una xarxa IP i rebre els senyals en els respectius dispositius, amb el seu respectiu software. Aquesta solució és vàlida per edificis com hotels, residències i hospitals, ja que en un edifici d‟habitatges cada client voldrà tenir el seu sistema i els serveis que vulgui. El diagrama de xarxa serà el següent: Figura 1: Esquema de la xarxa IP 4 Objectius Aprofitant aquesta xarxa IP, s‟afegiran més serveis com poden ser video sota demanda (VoD) o musica sota demanda (MoD). Aquests serveis permeten a l‟usuari l‟accés a continguts multimèdia de forma personalitzada de manera que l‟usuari pot veure la pel·lícula que vulgui en el moment que vulgui. Passa el mateix amb la música. A més a més d‟integrar tots aquests serveis, s‟han de mostrar en alguna plataforma per tal que l‟usuari pugui gaudir d‟ells. Per tant s‟haurà de fer una interfície gràfica molt intuïtiva per a que qualsevol usuari pugui fer-la servir, ja que estem parlant de fer un sistema per a tot tipus de client possible que pugui tenir un hotel, una residència o un hospital. Aquesta interfície gràfica serà una aplicació que permetrà veure la televisió, navegar per Internet, veure pel·lícules sobre demanda i escoltar música sobre demanda. Gràcies a aquesta aplicació es podran incorporar més serveis com poden ser informació general (esdeveniments, horaris de menjador, i tot allò que sigui interessant de anunciar), o en el cas d‟un hotel posar un apartat de turisme. Aquest últim servei és molt interessant en quant al tema publicitat perquè, per exemple, el propietari d‟un restaurant pot pagar per sortir anunciat en el sistema, ja que s‟està fent publicitat del seu establiment. En el cas de la telefonia IP, s‟haurà de posar un telèfon VoIP separat del sistema, ja que si es posa un SoftPhone s‟obliga a tenir sempre l‟ordinador i la televisió engegada. 2.2 Objectius específics 2.2.1 Telefonia L‟objectiu de la part de telefonia és implementar un servidor on la seva funció sigui la de rebre i enviar trucades tant dins de la xarxa IP, com de la xarxa IP a la xarxa pública commutada o PSTN (són les sigles en anglès de Public Switched Telephonic Network) i a la inversa. 2.2.2 Televisió En aquest apartat s‟implementarà un servidor que difondrà el senyal TDT per la xarxa interna. S‟haurà de configurar software específic per reproduir el senyal de vídeo rebut. Aquest software estarà en el STB (Set-Top-Box), i serà una interfície gràfica on a més de veure la TDT es podran gaudir de més serveis. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 5 2.2.3 Altres serveis Per últim, en el servidor, s‟implementaran els serveis de navegació per Internet, VoD (Video on Demand) i MoD (Music on Demand). Aquests serveis seran accessibles dins de la interfície gràfica junt amb la TDT. 6 Objectius Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 7 3. Descripció del sistema Com s‟ha comentat en l‟apartat anterior, s‟han de configurar diferents serveis de telecomunicacions (televisió, telèfon, i Internet), serveis multimèdia (Video on Demand i Music on Demand) i fer una interfície gràfica destinada a un usuari inexpert. En els apartats d‟aquest capítol s‟explicarà com es vol implementar aquest sistema. 3.1 Telefonia Per a que viatgi el senyal de veu a través d‟una xarxa IP, s‟ha d‟emplear un conjunt de protocols que ho facin possible. Aquest grup de protocols s‟anomena VoIP o Veu sobre IP. Això significa que s‟envia el senyal de veu en forma digital, en paquets, en comptes de enviar-ho en forma digital o analògica a través de circuits utilitzables només per telefonia com una companyia telefònica convencional. Es voldrà que tota aquesta xarxa de veu sobre IP es connecti a la xarxa telefònica commutada (també anomenada PSTN de Public Switched Telephone Network o RTC de Red Telefónica Conmutada) per poder fer trucades a l‟exterior i rebre-les. El diagrama de xarxa d‟aquest sistema és el següent: Figura 2: Esquema de la xarxa telefònica 8 Descripció del sistema Per fer les trucades dins la xarxa IP es necessita un servidor de VoIP, s‟ha triat Asterisk per que a més que és open source, hi ha molta informació a la xarxa. Per fer l‟enllaç a la xarxa telefònica tradicional, s‟utilitzarà un gateway VoIP, el Linksys SPA3102. El protocol que s‟utilitzarà per configurar la xarxa IP és el protocol SIP (Session Initiation Protocol). El propòsit de SIP és la comunicació entre dispositius multimèdia. SIP fa possible aquesta comunicació gràcies a dos protocols, el RTP i el SDP. El protocol RTP s‟utilitza per transportar les dades de veu en temps real, mentres que el SDP s‟utilitza per la negociació de les capacitats dels participants, tipus de codificació, etc. La sintaxis de les seves operacions s‟assembla a les de HTTP i SMTP, els protocols utilitzats en els serveis de pàgines web i de distribució de e-mails respectivament. Aquesta similitud és natural ja que SIP va ser dissenyat per a que la telefonia es torni un servei més en Internet. SIP és un protocol de senyalització a nivell de aplicació establiment i gestió de sessions amb múltiples participants. 3.2 Televisió Normalment, per veure la televisió, el televisor es connecta a un TDT que rep el senyal analògic a través del cable coaxial de la antena. En el nostre cas, s‟ha d‟aconseguir transmetre un senyal de vídeo en viu a través d‟una xarxa IP. Aquesta tecnologia s‟anomena IPTV o televisió sobre IP. El diagrama de xarxa d‟aquest sistema serà el següent: Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 9 Figura 3: Esquema de la xarxa de televisió Per a que viatgin els canals de televisió per la xarxa, s‟ha d‟utilitzar un protocol de streaming. Els protocols per fer streaming de vídeo en viu són el UDP i el RTP. A continuació s‟analitzaran els dos protocols i s‟escollirà el millor per a fer les transmissions. UDP (User Datagram Protocol) És un protocol de nivell de transport basat en l‟intercanvi de datagrames. Proporciona un nivell de transport no fiable de datagrames, ja que quasi no afegeix informació necessària per la comunicació extrem a extrem al paquet que envia al nivell inferior. No introdueix retards per establir una connexió, no manté cap estat de connexió i no realitza seguiment d‟aquests paràmetres. El seu ús principal és per protocols com DHCP, BOOTP, DNS i transmissions de vídeo i àudio en temps real ja que l‟intercanvi de paquets de la connexió/desconnexió son majors que la informació transmesa i no són rentables. 10 Descripció del sistema RTP (Real-time Transport Protocol) Aquest protocol es sitúa sobre UDP en el model OSI. És un protocol de nivell de sessió utilitzat per la transmissió d‟informació en temps real. RTP s‟utilitza normalment amb RTCP (RTP Control Protocol). Mentres RTP transporta els streams, RTCP monitoritza les estadístiques de transmissió i la informació QoS (Quality of Service). Solució escollida Després d‟haver fet l‟anàlisi, s‟escull RTP ja que permet corregir retard i jitter. Per fer la transmissió i la recepció RTP s‟utilitzarà el reproductor de medis VLC. 3.3 Internet Per a tenir connexió a Internet en totes les habitacions, només farà falta connectar un router a la xarxa de la següent manera: Figura 4: Esquema de la xarxa d’Internet 3.4 VoD i MoD VoD son les sigles de Video on Demand i MoD les de Music on Demand. Per transmetre música i pel·lícules a través de la xarxa i tenir control absolut d‟aquestes, fa falta utilitzar un sistema que controli aquests arxius multimèdia, podent reproduir, pausar i parar l‟arxiu quan l‟usuari vulgui. Aquest sistema és el streaming, i el protocol que transmetrà aquestes dades serà el RTSP. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 11 RTSP és un protocol no orientat a connexió, en lloc d‟això el servidor manté una sessió associada a un identificador, en la majoria dels casos RTSP utilitza TCP per dades de control del reproductor i UDP per les dades d‟audio i video. En el transcurs d‟una sessió RTSP, un client pot obrir i tancar varies connexions de transport cap al servidor per tal de satisfer les necessitats del protocol. La operació del protocol RTSP és la següent: Figura 5: Protocol RTSP RTSP té les següents propietats:  Extensible: es poden afegir fàcilment nous mètodes i paràmetres.  Segur: RTSP reutilitza mecanismes de seguretat web ja sigui als protocols de transport (TLS) o dins del mateix protocol. Totes les formes d‟autentificació HTTP son directament aplicables.  Independent del protocol de transport: RTSP pot utilitzar indistintament protocols de datagrama no fiables (UDP) o datagrames fiables (RDP, no molt extés) o un protocol fiable orientat a connexió com el TCP.  Capacitat multi-servidor: cada flux multimèdia dins d‟una presentació pot residir en servidors diferents, el client automàticament estableix varies sessions concurrents de control amb els diferents servidors, la sincronització la porta a terme la capa de transport.  Control de dispositius de gravació: el protocol pot controlar dispositius de gravació i reproducció (com per exemple, les càmeres IP).  Adequat per aplicacions professionals: RTSP suporta resolució a nivell de frame mitjançant marques temporals SMPTE per permetre la edició digital. 18 Hardware Les seves dimensions son diminutes (17x17cm), integra un processador Intel Atom N230 a 1,6GHz i porta els gràfics integrats Intel GMA950. Memòria RAM DDR2: Figura 12: Memòria RAM La memòria utilitzada és una Kingston DDR2 1GB. Memòria USB: En la memòria USB anirà el sistema operatiu i tots els programes, per tant s‟ha d‟escollir una marca fiable. Figura 13: Memòria USB La memòria USB que s‟utilitzarà és la SanDisk de 4GB. Font d’alimentació: Per seguir el format Mini-ITX no es pot posar una font d‟alimentació habitual, ja que la caixa hauria de ser molt gran. La font d‟alimentació que es posarà serà una Pico PSU. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 19 Figura 14: Font d’alimentació Aquesta font es connecta directament al connector d‟alimentació de la placa sense necessitat de cables. A més, ve amb un transformador extern (tipus portàtil) que s‟encarrega d‟alimentar-la. 20 Hardware Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 21 5. Software En aquest apartat s‟explicarà tot el programari necessari per fer funcionar el sistema tant en el servidor com en el client, com s‟ha dissenyat la interfície gràfica i com s‟ha desenvolupat. 5.1 Paquets en el servidor 5.1.1 Asterisk Asterisk és un programa de software lliure (baix llicència GPL) que proporciona funcionalitats d‟una centraleta telefònica (PBX). Com qualsevol PBX, es pot connectar un nombre determinat de telèfons per fer trucades entre sí, inclús es pot connectar a un proveïdor de VoIP o a una RDSI. Enginyers de software de tot el món han contribuït a desenvolupar el codi de Asterisk escrit originalment per Mark Spencer. Asterisk suporta una amplia gama de protocols de telefonia. Inclou alta compatibilitat amb el maneig i transmissió de veu sobre intefícies de telefonia tradicional, en particular les línies analògiques, línies RDSI i T1/E1. A més a més, Asterisk presenta suport per una amplia gama de protocols VoIP com SIP, IAX i H.323 entre altres. Suporta els tipus estàndards de senyalització utilitzats en sistemes telefònics d‟empresa en EEUU i Europa, permetent tenir un pont entre la pròxima generació de xarxes integrades de dades i la infraestructura existent. 5.1.2 VLC VLC media player (inicialment VideoLAN Client) és un reproductor multimedia i framework multimedia del projecte VideoLAN. És software lliure distribuït baix llicència GPL. Soporta múltiples còdecs de audio i video, així com diferents tipus d‟arxius, ademés de DVD, VDC i varis protocols de streaming. També pot ser utilitzat com servidor en unicast o multicast, en IPv4 o IPv6, en una xarxa de banda ampla. Utilitza la biblioteca códec libavcodec del projecte FFmpeg per manejar els molts formats que suporta i empra la biblioteca de descifrat DVD libdvdcss per poder reproduir els DVD xifrats. El VLC que s‟instalarà en el servidor s‟utilitzarà per fer streaming de música, pelicules i TDT. 22 Software En la següent figura es mostren les solucions que ofereix VLC per fer streaming: Figura 15: Solució Streaming de VLC 5.1.3 Apache El servidor Apache és un servidor web HTTP de codi obert per plataformes Unix(BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh i altres, que implementa el protocol HTTP/1.1 i la noció de lloc virtual. Quan va començar el seu desenvolupament en 1995 es va basar inicialment en el codi del popular NCSA HTTPd 1.3, però més tard va ser reescrit per complet. Apache presenta entre altres característiques altament configurables, bases de dades d‟autenticació i negociat de contingut, però va ser criticat per la falta d‟una interfície gràfica que ajudi a la seva configuració. La majoria de les vulnerabilitats de seguretat descobertes i resoltes tan sols poden ser aprofitades per usuaris locals i no remotament. No obstant, algunes es poden accionar remotament en certes situacions, o explotar per usuaris locals malèvols en les disposicions de rebuda compartides que utilitza PHP com mòdul de Apache. Els avantatges de Apache són els següents: - Modular Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 23 - Codi obert - Multi-plataforma - Extensible - Popular (fàcil d‟aconseguir ajuda i soport) 5.2 Paquets en el client 5.2.1 Firefox Firefox és un navegador web lliure descendent de Mozilla Application Suite, desenvolupat per la Corporació Mozilla, la Fundació Mozilla i un gran número de voluntaris externs. Firefox és un navegador multiplataforma i està disponible en vàries versions de Microsoft Windows, Mac OS X, GNU/Linux i alguns sistemes basats en Unix. El seu codi font és software lliure, publicat sota una triple llicència GPL/LGPL/MPL. En aquest projecte es vol que el navegador s‟executi a pantalla completa per a que l‟usuari no pugui manipular el sistema i es vol instal·lar un teclat virtual per poder navegar per Internet ja que en el sistema es suprimeix el teclat per facilitar la usabilitat. Per fer això, Firefox té una mena de plugins (però més senzills) anomenats extensions que es poden instal·lar en el navegador que aporten més funcionalitats permitint personalitzar-lo. La instal·lació de les extensions és molt senzilla, només s‟ha d‟anar a la pàgina web on es mostra la extensió que interessa i aquesta tindrà un botó o un enllaç per instalar-la. Les extensions que s‟instal·laran son les següents: - R-kiosk: aquesta extensió inicialitza Firefox a pantalla completa per defecte. Deshabilita tots els menús, la barra d‟eines i les comandes per teclat. - VKeyBoard: Virtual Keyboard afegeix un teclat en la part inferior de la finestra. 5.2.2 El plugin web VLC Aquest complement permet a un navegador web Firefox utilitzar MPEG, MPEG2, DVD, DivX, Ogg/Vorbis i molts altres formats. VLC realitza el procés de decodificació i la finestra de sortida s‟integra en una pàgina web o directament en la finestra de exploració. També afegeix el mode de pantalla completa i el control de javascript. 24 Software 5.3 Interfície gràfica 5.3.1 Disseny L‟aplicació consta d‟una pantalla principal, i vàries subpantalles que seran els diferents serveis. Totes elles s‟executen a pantalla completa i sense opció de sortir de la aplicació, ja que no interessa que qualsevol client pugui trastejar l‟entorn del sistema operatiu, excepte la pantalla de navegació per Internet, ja que l‟usuari ha de poder tornar a l‟aplicació quan vulgui.  Pantalla principal Aquest és el menú inicial. A partir d‟aquí es pot accedir a tots els serveis. S‟ha realitzat de manera que l‟accés als sub-apartats sigui molt fàcil i molt intuïtiu. Aquesta pantalla està composta de icones per seleccionar la televisió, Internet, veure pel·lícules, escoltar música, accedir a l‟apartat de turisme i accedir a l‟apartat d‟informació. Figura 16: Pantalla principal Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 25  Pantalla televisió Aquesta pantalla és la que s‟encarrega de mostrar els diferents canals de televisió. Quan es selecciona un canal, aquest es mostra en la pantalla, i si es fa clic a sobre mostrarà el canal en pantalla completa. Està estructurada de la següent manera: els canals de televisió a l‟esquerra, els de radio a la dreta, i en mig la pantalla per visualitzar la televisió (en el cas de la radio no es pot visualitzar res, la pantalla quedarà negra). Com s‟ha explicat abans, el control és com el de un TDT de casa, quan es passa per sobre del nom del canal, aquest es reprodueix immediatament en la pantalla, i si es vol que surti a pantalla completa, es fa clic a sobre (en un TDT seria donar-li a la tecla ok). Figura 17: Pantalla televisió  Pantalla navegador web Aquesta pantalla consta d‟un navegador web amb un teclat virtual, ja que els usuaris no tindran teclat, tindran un ratolí per moure‟s per la aplicació. Aquest teclat virtual està mig amagat a sota del tot de la aplicació. Per aconseguir el teclat virtual només farà falta clicar a sobre d‟ell: 26 Software Figura 18: Teclat virtual Un cop s‟ha clicat a la icone del teclat virtual i a la pàgina de navegador web, la pantalla que es mostra és la següent: Figura 19: Navegador web Per tornar a amagar el teclat, s‟ha de tornar a clicar a sobre de la icone del teclat virtual.  Pantalla pel·lícules Aquesta pantalla mostra les pel·lícules disponibles en el servidor en un llistat. Quan es passa el ratolí per sobre de cada títol es pot observar com canvia la caràtula i la sinopsis de cada pel·lícula. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 27 Figura 20: Pantalla pel·lícules En aquesta pantalla no es veu la pel·lícula, només surten les pel·lícules que hi ha disponibles en el servidor. Quan es clica a sobre de la pel·lícula seleccionada, s‟obre la següent pantalla:  Pantalla veure pel·lícula Aquesta pantalla mostra la pel·lícula en reproducció i a més a més els controls necessaris per pausar-la, reproduir-la, parar-la i posar-la en pantalla completa. A més a més té un botó de tornada a la pàgina anterior del llistat de pel·lícules, és el botó „Torna‟. 34 Software Selecció de elements Per donar més efecte de interactivitat a la web, els botons dels menús s‟han programat per a que quan es passi el ratolí per sobre canviï la imatge de blanc i negre a imatge en color. Figura 29: Selecció de elements Aquest efecte es fa amb els events onMouseOver i onMouseOut:  onMouseOver: s‟activa quan el ratolí es mou sobre un objecte.  onMouseOut: s‟activa quan el ratolí surt d‟un objecte. Per posar aquest efecte, primer s‟ha de programar una precàrrega d‟imatges, per a que les imatges dels botons carreguin abans que la web. També s‟ha de programar una funció que s‟encarregui de fer el canvi de la imatge. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 35 Figura 30: Codi selecció d’elements Per posar el botó, el codi és el següent (codi de la pàgina principal): <script language="JavaScript" type="text/javascript"> //Precàrrega de les imatges tv_bn = new Image(); tv_bn.src = "../imagenes/iconos/tv_bn.png"; internet_bn = new Image(); internet_bn.src = "../imagenes/iconos/internet_bn.png"; peliculas_bn = new Image(); peliculas_bn.src = "../imagenes/iconos/peliculas_bn.png"; info_bn = new Image(); info_bn.src = "../imagenes/iconos/info_bn.png"; musica_bn = new Image(); musica_bn.src = "../imagenes/iconos/musica_bn.png"; turismo_bn = new Image(); turismo_bn.src = "../imagenes/iconos/turismo_bn.png"; tv = new Image(); tv.src = "../imagenes/iconos/tv.png"; internet = new Image(); internet.src = "../imagenes/iconos/internet.png"; peliculas = new Image(); peliculas.src = "../imagenes/iconos/peliculas.png"; info = new Image(); info.src = "../imagenes/iconos/info.png"; musica = new Image(); musica.src = "../imagenes/iconos/musica.png"; turismo = new Image(); turismo.src = "../imagenes/iconos/turismo.png"; //Funció per canviar la imatge quan passi el cursor per sobre function cambia(nombre,activa) { document.images[nombre].src=activa.src; } //--> </script> 36 Software Figura 31: Codi botons pàgina principal <td> <div align="center"><a href="verTV.html" onmouseout= "cambia('tele',tv_bn);" onmouseover="cambia('tele',tv);"> <img name="tele" src="../imagenes/iconos/tv_bn.png" width="128" height="180" border="0" alt="tele" /></a></div> </td> <td> <div align="center"><a href="http://www.google.com" onmouseout= cambia('navegador',internet_bn); " onmouseover="cambia('navegador',internet);" > <img name="navegador" src="../imagenes/iconos/internet_bn.png" width="128" height="180" border="0" alt="navegador" /></a></div> </td> <td> <div align="center"><a href="peliculas.html" onmouseout="cambia('cine',peliculas_bn);" onmouseover="cambia('cine',peliculas);"> <img name="cine" src="../imagenes/iconos/peliculas_bn.png" width="128" height="180" border="0" alt="cine" /></a></div> </td> <td> <div align="center"><a href="musica.html" onmouseout="cambia('music',musica_bn);" onmouseover="cambia('music',musica);"> <img name="music" src="../imagenes/iconos/musica_bn.png" width="128" height="180" border="0" alt="music" /></a></div> </td> <td> <div align="center"><a href="turismo.html" onmouseout="cambia('turism',turismo_bn);" onmouseover="cambia('turism',turismo);"> <img name="turism" src="../imagenes/iconos/turismo_bn.png" width="128" height="180" border="0" alt="turism" /></a></div> </td> <td> <div align="center"><a href="info.html" onmouseout="cambia('informa',info_bn);" onmouseover="cambia('informa',info);"> <img name="informa" src="../imagenes/iconos/info_bn.png" width="128" height="180" border="0" alt="informa" /></a></div> </td> Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 37 El plugin web de VLC Per reproduir pel·lícules, música i veure la televisió, s‟ha d‟incorporar un reproductor multimèdia a la pàgina web. El reproductor que s‟incorporarà és el VLC WebPlugin. La idea és que funcioni el plugin amb Firefox i Microsoft Internet Explorer per si es vol executar la interfície gràfica des de un ordinador amb Windows. Com que el codi per referenciar el plugin VLC és diferent per cada navegador, a més de referenciar el plugin s‟haurà de diferenciar el navegador. Per mostrar el reproductor i diferenciar el navegador, s‟ha d‟incorporar el següent codi: Figura 32: Codi reproductor VLC A més d‟incorporar aquest codi, s‟ha d‟instal·lar el plugin del VLC per línia de comandes amb la següent comanda: Tornant al codi HTML, la primera part del codi mostra el reproductor en la web amb les següents opcions: autoplay Si es posa a „yes‟ significa que reprodueixi el video o la cançó automàticament. loop Si es posa a „yes‟ significa que reprodueixi el video o la cançó <td> <script language="javascript"> if (navigator.appName=="Microsoft Internet Explorer") document.write('<object type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2" id="vlc" width="720px" height="540px" events="True" classid="clsid:9BE31822FDAD-461B-AD51-BE1D1C159921" ><param name="volume" value="50" /><param name="autoplay" value="true" /><param name="loop" value="false" /><param name="fullscreen" value="false" /></object>'); if (navigator.appName=="Netscape") document.write('<embed type="application/x-vlc-plugin" autoplay="yes" loop="no" width="600" height="450" id="vlc" >'); </script> apt-get install mozilla-plugin-vlc 38 Software infinitament. width Declaració de la amplada que ha de tenir el plugin. height Declaració de la altura que ha de tenir el plugin. id Identificador de el plugin per a poder referenciar-ho. Taula 1: Opcions plugin web VLC Addicionalment a la visualització de vídeo en totes les pàgines, es poden crear pàgines personalitzades que utilitzen funcions avançades del plugin, com funcions javascript per controlar la reproducció o extracció d‟informació del plugin. A continuació es mostraran les funcions més importants:  vlc.playlist.add(mrl): Afegeix un element a la llista de reproducció. Aquest element ha de tenir la sintaxis MRL (Media Resource Locator). La sintaxis MRL s‟utilitza per identificar i localitzar un recurs multimèdia.  vlc.playlist.play(): Comença a reproduir el tema de la llista de reproducció actual.  vlc.playlist.playItem(nombreElement): Inicia la reproducció de la llista en l‟element “nombreElement”.  vlc.playlist.togglePause(): Pausa l‟element que s‟està reproduint o, si està pausat, el torna a reproduir des del lloc on s‟havia pausat.  vlc.playlist.stop(): Para de reproduir l‟element.  vlc.playlist.next(): Reprodueix el següent element de la llista de reproducció.  vlc.playlist.prev(): Reprodueix l‟element anterior de la llista de reproducció. Les pantalles que contenen aquest plugin son les de veure televisió, veure pel·lícula i escoltar música. A continuació es descriuran els mètodes utilitzats per cadascuna de les pantalles.  Pantalla veure televisió: Primer, es referència el reproductor i després s‟afegeixen a la llista de reproducció tots els canals de televisió i radio disponibles, cadascun amb el seu identificador. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 39 Figura 33: Codi reproductor TV Després, el que es vol fer es que quan es passi el ratolí per sobre de la imatge que fa referència a un canal, aquest canal es reprodueixi, i que quan es fa clic a sobre de la imatge el canal es reprodueixi a pantalla completa. Per fer això es mostra el codi de un botó: <script language="javascript"> if (navigator.appName=="Microsoft Internet Explorer") document.write('<object type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2" id="vlc" width="600px" height="450px" events="True" classid="clsid:9BE31822-FDAD461B-AD51-BE1D1C159921" ><param name="volume" value="50" /><param name="autoplay" value="false" /><param name="loop" value="true" /><param name="fullscreen" value="false" /></object>'); if (navigator.appName=="Netscape") document.write('<embed type="application/x-vlc-plugin" autoplay="no" loop="yes" width="600" height="450" id="vlc" >'); </script> <script language="javascript"> <!-- var vlc=document.getElementById("vlc"); var id1=vlc.playlist.add("rtp://@239.255.101.1:1234"); var id2=vlc.playlist.add("rtp://@239.255.101.2:1234"); var id3=vlc.playlist.add("rtp://@239.255.101.3:1234"); var id4=vlc.playlist.add("rtp://@239.255.101.4:1234"); var id5=vlc.playlist.add("rtp://@239.255.102.1:1234"); var id6=vlc.playlist.add("rtp://@239.255.102.2:1234"); var id7=vlc.playlist.add("rtp://@239.255.102.3:1234"); var id8=vlc.playlist.add("rtp://@239.255.102.4:1234"); var id9=vlc.playlist.add("rtp://@239.255.102.5:1234"); var id10=vlc.playlist.add("rtp://@239.255.101.5:1234"); var id11=vlc.playlist.add("rtp://@239.255.101.6:1234"); var id12=vlc.playlist.add("rtp://@239.255.101.7:1234"); var id13=vlc.playlist.add("rtp://@239.255.102.6:1234"); var id14=vlc.playlist.add("rtp://@239.255.102.7:1234"); var id15=vlc.playlist.add("rtp://@239.255.102.8:1234"); vlc.playlist.play(); </script> 40 Software Figura 34: Codi reproducció del canal de TV  Pantalla veure pel·lícula En aquesta pantalla només es voldrà veure una pel·lícula i que aquesta es reprodueixi automàticament, llavors només farà referenciar el VLC, diferenciar el navegador i incorporar un element a la llista de reproducció de la següent manera: Figura 35: Codi insertar pel·lícula <td> <a href="javascript:;" onmouseout="cambia('ch1',canal1);" onmouseover="cambia('ch1',canal1sel);vlc.playlist.playItem(id1)" onclick='vlc.video.toggleFullscreen()'> <img name="ch1" src="../imagenes/tv/canal1.png" width="150" height="40" border="0" alt="ch1"></a></td> <script language="javascript"> if (navigator.appName=="Microsoft Internet Explorer") document.write('<object type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2" id="vlc" width="720px" height="540px" events="True" classid="clsid:9BE31822FDAD-461B-AD51-BE1D1C159921" ><param name="volume" value="50" /><param name="autoplay" value="true" /><param name="loop" value="false" /><param name="fullscreen" value="false" /></object>'); if (navigator.appName=="Netscape") document.write('<embed type="application/x-vlc-plugin" autoplay="yes" loop="no" width="600" height="450" id="vlc" >'); </script> <script language="javascript"> <!-- var vlc=document.getElementById("vlc"); var id=vlc.playlist.add("rtsp://192.168.3.130:5554/pelicula1"); vlc.playlist.play(); </script> Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 41 Els controls que s‟han insertat per aquesta pantalla són els de play, pause, stop i fullscreen: Figura 36: Controls pel·lícula Per fer servir aquests controls, interessa que l‟usuari quan faci clic a sobre funcioni el botó. Per tant, es farà ús de l‟event HTML onClick. El codi que s‟ha utilitzat per programar cadascun d‟aquests botons és el següent: Figura 37: Codi botons pel·lícula <tr> <td> <a href="javascript:;" onmouseout="cambia('pla',play);" onmouseover="cambia('pla',play_sel);" onclick='vlc.playlist.play()'> <img src="../imagenes/peliculas/play.png" alt="pla" name="pla" width="128" height="128" border="0" /></a> </div> </td> <td> <a href="javascript:;" onmouseout="cambia('pausa',pause);" onmouseover="cambia('pausa',pause_sel);" onclick='vlc.playlist.togglePause()'> <img src="../imagenes/peliculas/pause.png" alt="pausa" name="pausa" width="128" height="128" border="0" /></a> </div> </td> <td> <a href="javascript:;"onmouseout="cambia('stp',stop1);" onmouseover="cambia('stp',stop_sel);" onclick='vlc.playlist.stop()'> <img src="../imagenes/peliculas/stop.png" alt="stp" name="stp" width="128" height="128" border="0" /></a> </div> </td> <td> <a href="javascript:;" onmouseout="cambia('full',fullscreen);" onmouseover="cambia('full',fullscreen_sel);" onclick='vlc.video.toggleFullscreen()'> <img src="../imagenes/peliculas/fullscreen.png" alt="full" name="full" width="128" height="128" border="0" /></a> </div> </td> </tr> 42 Software  Pantalla escoltar música En aquesta pantalla es vol reproduir una llista de cançons, i que aquestes es reprodueixin contínuament. A més d‟incorporar els elements en la llista de reproducció, s‟haurà d‟indicar al VLC que reprodueixi les cançons contínuament amb la opció loop activada. Figura 38: Codi incorporar cançons Els controls que s‟han inserit en aquesta pantalla són els de play, stop, següent i anterior: <script language="javascript"> if (navigator.appName=="Microsoft Internet Explorer") document.write('<object type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2" id="vlc" width="1px" height="1px" events="True" classid="clsid:9BE31822-FDAD-461BAD51-BE1D1C159921" ><param name="volume" value="150" /><param name="autoplay" value="false" /><param name="loop" value="true" /><param name="fullscreen" value="false" /></object>'); if (navigator.appName=="Netscape") document.write('<embed type="application/x-vlc-plugin" autoplay="no" loop="yes" width="1" height="1" id="vlc" >'); </script> <script language="javascript"> <!-- var vlc=document.getElementById("vlc"); var id=vlc.playlist.add("rtsp://192.168.3.130:5554/jazz1"); var id2=vlc.playlist.add("rtsp://192.168.3.130:5554/jazz2"); var id3=vlc.playlist.add("rtsp://192.168.3.130:5554/jazz3"); vlc.playlist.play(); </script> Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 43 Figura 39: Controls cançons Aquests controls, com en la pantalla veure pel·lícula, s‟activaran al fer clic amb el ratolí. El codi utilitzat és el següent: Figura 40: Codi botons cançons <td> <div align="center"><a href="javascript:;" onmouseout="cambia('botonPlay',play);" onmouseover="cambia('botonPlay',play_sel);" onclick='vlc.playlist.play()'> <img src="../imagenes/musica/play.png" alt="botonPlay" name="botonPlay" width="128" height="128" border="0" align="absmiddle" /></a> </div> </td> <td> <div align="center"><a href="javascript:;" onmouseout="cambia('botonStop',stop1);" onmouseover="cambia('botonStop',stop_sel);" onclick='vlc.playlist.stop()'> <img src="../imagenes/musica/stop.png" alt="botonStop" name="botonStop" width="128" height="128" border="0" align="absmiddle" /></a> </div> </td> <td> <div align="center"><a href="javascript:;" onmouseout="cambia('previous',anterior);" onmouseover="cambia('previous',anterior_sel);" onclick='vlc.playlist.prev()'> <img src="../imagenes/musica/anterior.png" alt="previous" name="previous" width="128" height="128" border="0" align="absmiddle" /></a> </div> </td> <td> <div align="center"><a href="javascript:;" onmouseout="cambia('next',siguiente);" onmouseover="cambia('next',siguiente_sel);" onclick='vlc.playlist.next()'> <img src="../imagenes/musica/siguiente.png" alt="next" name="next" width="128" height="128" border="0" align="absmiddle" /></a> </div> </td> 50 Instal·lació i configuració de serveis Primer es descriuran dos primers Dialplans. En aquest cas, al trucar a les extensions 102 i 103 s‟utilitza la comanda Dial(destí, temps de timeout, opcions). El destí és l‟usuari 102 o 103 de l‟arxiu sip.conf, 30 segons de timeout i les opcions següents: - La “T” permet a l‟usuari que truca transferir la trucada prement #. - La “t” permet a l‟usuari trucat transferir la trucada prement #. - La “m” indica que s‟escoltarà una música especial mentre s‟espera a que l‟altre contesti. En els dos últims Dialplans, el que s‟està fent es trucar al gateway VoIP. La comanda vol dir que sempre que es marqui un „0‟ seguit de 9 o 3 dígits numèrics („0‟ com a prefix) s‟estarà trucant al gateway IP i aquest reenviarà la trucada a la xarxa telefònica. EXTEN:1 significa que es treu el primer número per fer la trucada. 6.1.2 Configuració del gateway VoIP Configuració del hardware El primer que s‟ha de fer és esbrinar quina és la IP del gateway per poder accedir via web a la interfície gràfica de configuració. Els passos a seguir són els següents: - Connectar un cable rj-45 al port on posa Internet i un telèfon analògic al port “Phone” i finalment connectar la alimentació. - Despenjar el telèfon i marcar **** (s‟escoltarà una veu dient „Linksys Configuration Menu‟. - Marcar 110#, ens retornarà la adreça IP que té l‟aparell. Anotar-la. - Marcar 7392# per activar el servidor web. Quan s‟escolti la veu marcar 1# per activar i després marcar 1 per salvar. - Penjar. - Connectar la linea PSTN al port “Line”. A partir d‟aquí ja es pot accedir a la interfície web amb la direcció: http://<direcció_IP_del_SPA-3102> Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 51 Per entrar com administrador s‟ha de escriure la direcció: Configuració de la IP Es vol que la IP del gateway sigui estàtica, i que a més a més sigui la 192.168.3.140. Per configurar la IP, s‟ha d‟accedir a la interfície gràfica en mode administrador i anar a la finestra Wan Setup. En „Internet Connection Settings‟ s‟ha de posar que la IP sigui estàtica, i a sota en „Static IP Settings‟ s‟ha d‟especificar la IP, la màscara, i el gateway de la següent manera: Figura 42: Canvi de IP del Gateway Configuració de la línia PSTN Per configurar la línia s‟ha d‟accedir a Voice, PSTN Line com es mostra en la següent figura: Figura 43: Accés a la configuració de la línea PSTN http://<IP>/admin/voice/advanced 52 Instal·lació i configuració de serveis El primer que s‟ha de fer es assegurar-se de que la línea està habilitada: Figura 44: Habilitació de la línea Un cop fet això, s‟ha de modificar l‟apartat SIP Settings i s‟ha de posar el port 5061 que és el que s‟ha assignat al gateway: Figura 45: Configuració de SIP Settings En la secció „Proxy and Registration‟ s‟ha de posar la IP del servidor Asterisk: Figura 46: Configuració del proxy Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 53 L‟apartat „Subscriber Information‟ representa la linea PSTN connectada al gateway. Com que es vol que totes les trucades que entrin es redireccionin a la extensió 103 es posarà: Figura 47: Configuració de la informació del subscriptor A sota d‟aquest apartat, en la configuració de l‟àudio s‟ha de canviar el códec: Figura 48: Configuració del códec de àudio En l‟apartat „Dial Plans‟, s‟ha de posar en el Dial plan 8 (pot ser en qualsevol altre, però en aquest cas es posarà el 8) la següent comanda: yyyy s‟ha de reemplaçar per el número de extensió on volem que el gateway enviï les trucades entrants, per tant quedarà de la següent manera: Figura 49: Configuració del Dial Plan (S0<:yyyy>) 54 Instal·lació i configuració de serveis L‟apartat „VoIP-To-PSTN Gateway Setup‟ s‟ha de emplenar de la següent manera: Figura 50: Configuració de la línea VoIP a PSTN En l‟apartat „VoIP Users and Passwords‟ s‟ha de posar l‟usuari i la contrasenya que es van ficar previament en l‟arxiu sip.conf per configurar la extensió del gateway. Figura 51: Configuració de usuaris i contrasenyes Només falta configurar l‟apartat „PSTN-To-VoIP Gateway Setup‟ com en la figura de sota, el més important és posar en PSTN Caller Default DP el número de Dial plan configurat en l‟apartat Dial plans. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 55 Figura 52: Configuració de la línea PSTN a VoIP Amb això ja està configurat el gateway. Per salvar tots els canvis s‟ha d‟anar a sota de la pàgina i clicar en “Submit All Changes”. 6.1.3 Configuració del telèfon VoIP Abans de començar amb la configuració, s‟ha de connectar un cable Ethernet del port LAN del telèfon a la xarxa IP. Un cop connectat, s‟ha de connectar la alimentació al telèfon. El següent que s‟ha de fer és configurar el telèfon per a que funcioni amb Asterisk. Hi ha dues maneres de fer-ho: a través del telèfon o a través de la interfície web. Nosaltres ho configurarem a través de la interfície web. Les passes que es seguiran per fer la configuració són: accedir a la web com administrador, configuració de la xarxa i configuració bàsica del telèfon. - Accedir a la web com administrador. Connectar-se a la interfície web, ens adonarem de que només es té dret d‟usuari. Reiniciar el telèfon mentre s‟està connectat. 56 Instal·lació i configuració de serveis Un cop es reinicia el telèfon sortiran noves funcions en la pàgina web, així com el sistema de nom d‟usuari i contrasenya. L‟usuari i la contrasenya per defecte son administrador i 784518. Ara ja es pot començar a fer canvis. Figura 53: Accedir a la web com administrador - Configuració de la xarxa. Seleccionar „Setup‟ en el menú horitzontal. Després, en el menú de la dreta escollir „Network Setup‟. Aquesta és la secció on es poden fer les configuracions de xarxa. Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 57 Figura 54: Configuració de la xarxa En „Type‟ es pot seleccionar: Static, DHCP, PPPoE. Nosaltres farem una configuració amb IP estàtica. En aquest cas s‟han de fer més modificacions: s‟ha de posar l‟adreça IP, la màscara i el gateway. També es poden configurar les DNS, però no és el nostre cas. - Configuració bàsica del telèfon. La secció „Setup‟ també és el lloc on es pot canviar i editar el perfil desitjat per la configuració SIP. Per accedir a aquesta configuració, s‟ha de clicar sobre la opció „Basic Setup‟ del menú de la dreta. Es podrà escollir entre quatre perfils. 58 Instal·lació i configuració de serveis Figura 55: Finestra perfils S‟ha d‟escollir un perfil i clicar sobre el botó „Edit‟. Ens redireccionarà a una altra pàgina on s‟han de fer les configuracions. Figura 56: Finestra configuracions Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 59 La secció „Basic Setup‟ es divideix en quatre parts: nom del perfil, servidor SIP primari, copia de seguretat del servidor SIP i comptes d‟usuari. La secció nom del perfil permet canviar el nom del perfil. En la secció servidor SIP primari és on s‟ha de configurar la adreça IP i el port del servidor Asterisk. També es pot posar el tems de registre i un to de trucada. En el nostre cas, es posa la direcció IP 192.168.3.130 tant pel proxy com per l‟enregistrament del servidor. Els altres paràmetres es deixen per defecte. La secció copia de seguretat del servidor SIP permet ajustar els mateixos paràmetres, però per fer la copia de seguretat d‟Asterisk. En la secció comptes d‟usuari és on s‟ha de configurar el número de telèfon, el nom del telèfon, el ID d‟autentificació i la contrasenya. El ID i la contrasenya han de ser els mateixos que s‟han configurat en el fitxer sip.conf. Un cop s‟han fet aquestes configuracions, s‟ha d‟escollir el perfil desitjat. Figura 57: Escollir perfil 66 Instal·lació i configuració de serveis  IPservidor:port és la adreça IP del servidor i port és el número que indica per quin port es vol transmetre. Per accedir al stream des del client, s‟ha de executar la següent comanda: 6.3.2 Servidor web La pàgina web estarà penjada en el servidor. Per a que el servidor mostri les pàgines web ha de tenir instal·lat un servidor web que faci aquesta tasca. El servidor web que s‟ha instal·lat és Apache. Per instal·lar Apache, en una consola s‟ha d‟executar la següent comanda: Les pàgines web que mostra Apache es guarden en la carpeta /var/www, per tant s‟ha de copiar a aquesta carpeta la web i ja es podrà accedir a ella des de la LAN. 6.4 PC client - Instal·lar Ubuntu (la versió que s‟ha utilitzat en el projecte és la 9.04). - Instal·lar Firefox per poder visualitzar la aplicació amb la comanda: - Instal·lar vlc i el seu plugin per Firefox amb la comanda: - També s‟han d‟instal·lar eines de configuració del so, perquè a l‟executar el plugin VLC en Firefox aquest no s‟escolta. S‟ha d‟executar la següent comanda: - Un cop instal·lats aquests paquets, s‟ha d‟executar la aplicació Alsamixer per pujar el volum. vlc rtsp://IPservidor:port/nomFlux apt-get install apache2 apt-get install firefox apt-get install vlc mozilla-plugin-vlc apt-get install alsa-base alsa-oss alsa-tools alsa-utils linux-sound-base Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 67 - A partir d‟aquest moment, es continuarà per la configuració del navegador Firefox. S‟ha d‟instal·lar el plugin del teclat virtual i el plugin per executar Firefox a pantalla completa. Per fer això, abans es configurarà un perfil diferent en Firefox, per mantenir el perfil default. Per configurar un altre perfil s‟executa en linia de comandes: Sortirà una pantalla on demanarà si es vol executar l‟usuari per defecte o crear un nou. Es selecciona crear un usuari nou amb el nom client. Seguidament s‟executa el Firefox amb el perfil client de la següent manera: - El següent pas és instal·lar els complements. El complement del teclat virtual es troba en la direcció: https://addons.mozilla.org/es-ES/firefox/addon/146341/ i el complement per executar Firefox a pantalla completa: https://addons.mozilla.org/es-ES/firefox/addon/1659/ - El que falta és executar al inici la interfície gràfica. Per fer això, es crea l‟arxiu inici.sh dins la carpeta /home/client/.kde/Autostart amb el següent contingut: - Donar permisos d‟execució: Amb això ja esta configurat el PC client per poder executar la interfície gràfica i que tot funcioni correctament. firefox -p firefox -p client #!/bin/bash firefox -p client http://192.168.3.130/web/menuTV/inici.html Chmod +x /home/client/.kde/Autostart/inici.sh 68 Instal·lació i configuració de serveis Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 69 7. Pressupost En aquest apartat es detallarà el pressupost per un hotel que necessiti 10 terminals. Els preus de cost son orientatius ja que depenen dels preus de venta dels proveïdors. Per tant, aquest pressupost es farà amb preu de venta al públic. Aquest hotel podrà tenir 8 canals de televisió corresponents a 2 múltiplex. 7.1 Cost de l’estudi En aquest apartat s‟estudiarà el que ha costat fer l‟estudi de la solució, és a dir, el que ha costat fer el projecte. Recursos Hardware Euros Servidor 700€ Client Placa Base PC client 90€ Memòria RAM PC client 25€ Font d‟alimentació client 60€ Memòria USB client 8€ Caixa client 10€ Telefonia Gateway VoIP 62€ Telèfon VoIP (aprox.) 100€ Televisió USB TDT x2 (aprox.) 60€ Total: 1115€ Taula 3: Cost de l’estudi: recursos hardware Recursos Humans Euros Anàlisis d’aplicacions existents 20h x 25€ = 500€ Cerca d’informació 50h x 25€ = 1250€ Programació 120h x 25€ = 3000€ Configuració hardware 60h x 25€ = 1500€ Configuració software 20h x 25€ = 500€ Proves i correcions 40h x 25€ = 1000€ 70 Pressupost Redacció Memòria 100h x 25€ = 2500€ Total: 10250€ Taula 4: Cost de l’estudi: recursos humans Activitat Euros Recursos hardware 1115€ Recursos humans 10250€ Total: 11365€ Taula 5: Cost total de l’estudi 7.2 Cost d’implantació A continuació s‟estudiarà el cost per l‟hotel de 10 terminals. Recursos Hardware Euros Servidor 700€ Client PC Client x 10 193€ x 10 = 1930€ Cables (RJ-45, VGA, audio) 6,70€ x 10 = 67€ Monitor (amb altaveus integrats, preu aprox.) 120€ x 10 = 1200€ Telefonia Gateway VoIP 62€ Telèfon VoIP x 10 100€ x 10 = 1000€ Televisió USB TDT x 8 30€ x 8 = 240€ Total: 5199€ Taula 6: Cost d’implantació: recursos hardware Recursos Humans Euros Instal·lació del sistema 20h x 25€ = 500€ Formació 8h x 25€ = 200€ Total: 700€ Taula 7: Cost d’implantació: recursos humans Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 71 Activitat Euros Recursos hardware 5199€ Recursos humans 700€ Total: 5899€ Taula 8: Cost total de la implantació 72 Pressupost Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 73 8. Possibles millores Una de les possibles millores per aquesta aplicació, és fer el sistema de pagament. Per exemple, si es vol veure una pel·lícula d‟estrena s‟haurà de pagar certa quantitat, i si és una pel·lícula antiga donar-la gratuïtament per enganxar a l‟usuari al sistema i que consumeixi. La part de telefonia sobre IP també es podria fer de pagament per les trucades que es facin a l‟exterior. Aquesta és una manera de rendibilitzar el sistema, a més de fer-ho amb la publicitat (que es pot fer en l‟apartat turisme del sistema). Una altre possible millora, és la de utilitzar el sistema amb comandament a distància. Ara mateix es pot fer amb ratolí i no fa falta el teclat (per tant, ja s‟ha tret un aparell molt gran i dificultós per un usuari inexpert), però per millorar encara més la usabilitat, seria interessant utilitzar un comandament a distància. Ja es sap que funciona i que es pot fer, ara falta provar el sistema en un entorn real per testejar els components, és a dir, fer probes de fiabilitat en el sistema. És possible que en un entorn real s‟hagin d‟utilitzar elements hardware millors que els que s‟han utilitzat en el projecte, ja que per falta de diners s‟han hagut d‟utilitzar aparells més econòmics. Per exemple, s‟han provat els dos models de TDT utilitzats pel projecte, les conclusions son que el model Hauppauge WinTV-NOVA-T-Stick no aguanta més d‟un dia encès i el model ZAAPA ZT-DVBTSTUSB no aguanta més de 4 dies encès per sobreescalfament. Per tant s‟hauria d‟utilitzar un model amb millor refrigeració i amb la garantia de que pot estar molta estona encès. Per finalitzar, una altra possible millora seria desenvolupar una petita aplicació per gestionar el sistema per poder carregar pel·lícules, música o canviar el contingut de la interfície gràfica (sobretot en l‟apartat de informació, per poder actualitzar horaris o informacions importants que es puguin oferir). 74 Possibles millores Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 75 9. Conclusions Amb el projecte Integració de Serveis de Comunicacions Interactius sobre Xarxes IP s‟han assolit els objectius que es plantejaven: implementar un sistema integrat de comunicacions sobre una xarxa IP i implementar una interfície gràfica per mostrar tots els serveis disponibles. S‟ha aconseguit transmetre els serveis bàsics de comunicacions: telefonia, Internet, i televisió. A més a més, s‟ha afegit el servei de vídeo sota demanda i musica sota demanda aprofitant tota aquesta infraestructura. La interfície gràfica que s‟ha creat mostra tots aquests serveis excepte el de telefonia, que s‟utilitzarà un telèfon IP. La raó per la qual s‟ha fet així és perquè si s‟integra també la telefonia en el sistema haurien d‟estar l‟ordinador i la pantalla sempre engegats i seria molta despesa energètica. La interfície gràfica, a més de mostrar els serveis que s‟han nombrat abans, també pot fer de plataforma d‟informació per l‟hotel (o residència o hospital) i de medi de publicitat per els establiments de la zona, donant-li un valor afegit al sistema ja que es pot fer negoci amb aquesta publicitat. El sistema s‟ha provat en un laboratori, és a dir, en un entorn petit, el següent pas és implementar-ho en un hotel d‟unes 8-10 habitacions i fer més proves com estudis de fiabilitat, temps de funcionament i fer un estudi de ample de banda (per saber quants canals es pot tenir en una mateixa xarxa) per poder arribar a un objectiu més ambiciós. Tampoc s‟ha d‟oblidar que les proves s‟han fet per gent experta. Com que la interfície gràfica està pensada per usuaris inexperts, també s‟hauria de provar el sistema amb gent de totes les edats i de qualsevol condició per poder millorar la usabilitat del sistema. S‟ha fet una maqueta que demostra la viabilitat de poder integrar els diferents serveis en un únic servidor. Quedaria pendent fer un estudi de la xarxa que optimitzi el tràfic per poder fixar la oferta de canals de televisió i pel·lícules. 82 Annexos q) Editar el menú d‟arrencada: r) Formatejar el USB. S‟haurà de crear un sistema de fitxers Linux, per tant la comanda a utilitzar és la següent: s) Per últim, copiar al USB la imatge „squashfs‟: Amb això ja estaria el sistema llest. Al arrancar (només ha d‟estar pinxat el USB a la placa) s‟engegarà el nou sistema Live USB. # By default, boot the first entry. default 0 # Boot automatically after 0 secs. timeout 0 color cyan/blue white/blue title uscan root (hd0,0) kernel /boot/vmlinuz root=/dev/loop0 ramdisk_size=100000 boot=squashfs quiet splash vga=791 initrd /boot/file1.img sudo mkfs.ext2 -b 4096 /dev/sdb1 sudo mount ${USBDISK}1 ${USB_DIR} sudo mkdir -p ${USB_DIR}/boot sudo grub-install --recheck --root-directory=${USB_DIR} ${USBDISK} sudo rsync -av ${CD}/ ${USB_DIR} Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 83 11. Bibliografia [1] http://www.voipforo.com/ Forum VoIP. [2] http://www.asteriskguru.com/tutorials/thomson_st2030.html Manual de configuració del telèfon Thomson ST2030. [3] Roberto Romero Jotel, Assaig de transmissió de paquets MPEG2-TS des d’un servidor DVB-T amb control remot des del client. EUPMt, 2009 [4] http://www.sjlabs.com/sjp.html Telèfon VoIP per software. [5] http://forum.voxilla.com/cisco-linksys-sipura-voip-support-forum/ Forum de suport per accessoris VoIP Linksys. [6] http://jesusvillaverde.com/external/howtos/asterisk/spa3102.html Exemple de configuració pel Gateway de Linksys [7] http://es.wikipedia.org/wiki/RTSP Descripció del protocol RTSP [8] http://wiki.videolan.org/Documentation:WebPlugin Documentació del plugin web de VLC. [9] http://forum.videolan.org/ Forum de VideoLAN [10] http://www.videolan.org/doc/play-howto/en/ch04.html Ús avançat de VLC [11] http://addons.mozilla.org/es-ES/firefox/addon/14730 Lloc per descarregar el plugin de VLC. [12] http://www.webtaller.com/construccion/lenguajes/html/lessons/frames_en_html.php Manual de com insertar frames en HTML. [13]http://www.webtaller.com/construccion/lenguajes/javascript/lecciones/detectar_navega dor.php Detectar navegador en JavaScript. [14] http://www.asterisk.org/ Pàgina web del projecte Asterisk. 84 Bibliografia Integració de Serveis de Comunicacions Interactius sobre Xarxes IP 85