Home

Tese 2,5 MB - Técnico Lisboa

1. 61 Imagem 59 Not cia Exemplo criada e vis vel no sistema ss 62 Imagem 60 Aspecto da Not cia Exemplo na Interface do Sistema 62 Imagem 61 Captura de v deo cece eeeeeaeseceeeeeaaaeeeeeeeeseaeeeteeeeee 63 Imagem 62 Configura o do Servidor area 63 Imagem 63 Sucesso na liga o com o servidor 64 Imagem 64 Administrador do DNA Streaming Server 64 Imagem 65 Link para o ficheiro de v deo as 65 Imagem 66 Emiss o em Directo aeee 65 Imagem A 1 Instala o do Joomla Passo 1 70 Imagem A 2 Instala o do Joomla Passo 2 71 Imagem A 3 Painel de Controlo do Joomia 72 Imagem A 4 PHPMyAdmin sence cece enaeeeeeeeeaaeeeeeeeaaeeeeeeeaeeeeeeeaaeeeeenena 73 Imagem A 5 Administra o do Helix Server 75 Imagem A 6 Real Producer ee EEE EASE 76 Imagem A 7 Aspecto do menu PFINCIPAl eee eee ee ete ee eee etteeeeeeeeaeeeetettaeeeeeeees 84 Imagem A 8 Prototipagem Tarefa F cil 85 Imagem A 9 Prototipagem Tarefa m dia Ecr 1 86 Imagem A 10 Prototipagem Tarefa m dia Ecr 2 86 Imagem A 11 Prototipagem Tarefa m dia Ecr 3 rererere 87 Imagem A 12 Prototipagem Tarefa dif cil Ecr 1 87 Imagem A 13 Prototip
2. HOXE NA TVG 0 00 RADIO GALEGA Debate sobre o Estado Debate sobre o Estado da Autonomia da Autonomia Os medios p blicos galegos retransmitir n hoxe en directo e de xeito A Radio Galega retransmitir en integro o Debate sobre o Estado da Autonomia o primeiro que se celebra directo o Debate do Estado da dende a formaci n do goberno bipartito que estar marcado pola reforma Autonomia que se celebra no do Estatuto Parlamento de Galicia HOXE NA TVG 21 39 h RADIO GALEGA 21 00 h A vida por ai Alal A Cr nica diante Difusi n da Espazo Imagem 3 TV Galiza Em rela o aos servi os fornecidos o servi o principal desta televis o online a emiss o em directo tendo tamb m dispon vel o hor rio de todos os programas por ela transmitidos diariamente para que os utilizadores possam sempre saber o que est a ser transmitido num determinado momento A esse n vel bastante completa pois transmite uma grande diversidade de programas Apesar disso como ponto negativo encontra se o facto de n o dispor de arquivo de not cias nem em v deo nem sequer em texto Em rela o interface parece me menos apelativo a n vel est tico que os exemplos portugueses apresentados anteriormente A cor preta utilizada nos menus n o est tica quando combinada com as restantes cores utilizadas no website Em rela o s heur sticas de Nielsen o website viola a 3 visto que n o disp e de bot o para voltar atr s
3. T a amp se e Hele Producer bee 2 Server RealOne Mayer f Imagem 29 Streaming de V deo A imagem 30 representa os tr s n veis de interac o necess rios para que uma opera o de streaming de v deo possa ser efectuada HELIX DNA PLATFORM HELIX DMA PRODUCER HELIX DNA SERVER HELIX PLAYER n f i v u lt r e e Desktop System Laptop f ro ae HELIX DNA CLIENT kT ao Encoding Set top Box E Mobile Phone MP3 Player PDA Imagem 30 Streaming Real Helix Media Numa primeira fase necess rio ligar uma c mara de v deo ou outro dispositivo de grava o ao computador A partir desse momento o v deo capturado e editado no Real Producer A imagem seguinte representa o menu principal desta aplica o onde os passos a tomar s o os seguintes 45 e Definir qual o Input de video e de udio A partir desse momento a imagem capturada pelo dispositivo seleccionado apresentada na janela de v deo do lado esquerdo e Definir qual o servidor onde o v deo dever ser colocado para distribui o pelos clientes que o solicitem Para isso necess rio fornecer os seguintes dados o Nome do servidor o Nome a atribuir ao v deo No caso dever ser um nome com o formato nome rm visto ser um ficheiro Real Media o M todo de difus o de video o IP do servidor a contactar e Caso os passos de configura o acima referidos e que po
4. 3 5 Prototipagem Neste ponto encontram se descritos os prot tipos de baixa fidelidade do sistema a desenvolver Um prot tipo de baixa fidelidade constitu do por desenhos n o funcionais do sistema que permitem atrav s de cen rios de utiliza o testar a interface com o utilizador e efectuar avalia es heur sticas antes desta ser efectivamente implementada permitindo ainda numa fase pr implementa o corrigir alguns erros que viriam a ser cometidos se esta fase de desenvolvimento do sistema fosse ignorada Tendo em conta os cen rios de interac o descritos no ponto 3 2 foram desenhados tr s prot tipos de baixa fidelidade que podem ser consultados no anexo A 5 De seguida e para aferir a import ncia da prototipagem encontram se duas imagens Uma correspondente ao prot tipo do ecr inicial do sistema desenhado na fase de Desenvolvimento da Interface e outra onde se pode ver o aspecto final do ecr inicial do sistema Directo Arquivo F rum P gina Inicial Barra de Havegaga Windows Media Player Icon de Emiss o em directo Procura Temas Noticias em destaque Noticia 1 Desporto Noticia 2 Noticia 3 Noticia 4 Cultura Nacional Emissao em Directo Nacional Noticia 1 Noticia 2 Noticia 3 Noticias do Dia Internacional Noticia 1 Noticia 2 Noticia 3 Desporto Noticia 1 Noticia 2 Noticia 3 Imagem 15 Prototipagem P gina Principal
5. Captura de video Depois de identificado um sinal de Input necess rio coloc lo num servidor de Streaming Para tal necess rio clicar no bot o Add a Server Destination e preencher a informa o requerida como demonstra a imagem 62 Server Destination Destination name exemplo Templates Stream name directo rm Broadcast method Push Account Based Login Helix Server X Broadcast Method Settings Server address 83 132 86 235 Path Optional Ee Port Port range 554 r Transport UDP Producer listening port TCP Username dlsb Password BaT J Remember password Advanced Options OK Imagem 62 Configura o do Servidor e Stream Name Corresponde ao nome que o utilizador deseja dar ao video e Server Adress Endere o IP onde se encontra o servidor 63 Port Port Range Colocar o porto RTSP do servidor UserName Password Corresponde a um utilizador que tenha permiss es para introduzir conte do no servidor O processo de cria o de contas no servidor encontra se descrito no Anexo A1 Manual de Instala o do Sistema OnTV Depois de introduzida a informa o necess rio clicar em Encode para come ar a transmitir o sinal no servidor Se as configura es do sistema forem bem introduzidas aparecer no Status Broadcasting como se encontra ilustrado na imagem A partir deste momento o sinal encontra se a ser transm
6. es desenvolvidas para criar funcionalidades que n o s o disponibilizadas pelo pr prio Sharepoint utilizado principalmente para centralizar toda a informa o de uma organiza o numa aplica o Web pondo ao dispor do utilizador de uma forma quase autom tica todas as ferramentas da Microsoft para cria o e edi o de documentos e apresenta es Foi desenvolvido em Net e utiliza como sistema de base de dados SQL Server ambas tecnologias desenvolvidas e comercializadas pela Microsoft 23 dgide _ CI NCIAS EXPERIMENTAIS EDUCA O ART STICA EDUCA O PARA A CIDADANIA EDUCA O PARA A SA DE TEC NA EDUCA O FORMA O M escoLa moveL P avista voesis W Espaco noesis P cenTao De DOCUMENTACAG cENOR F s r nacionar DE Exames PA cannes CRE fl t a Minlantsio de u ta a PE EDUCA O PR ESCOLAR ENSINO B SICO ENSINO SECUNDARIO EDUCA O ESPECIAL FORUM LINGUA PORTUGUESA L NGUAS ESTRANGEIRAS INVESTIGA O E INOVA O ORIENTA O ESCOLAR E PROFISSIONAL DESPORTO ESCOLAR no sina ango Ultimas Noticias rio do projecto educativo CINEMATECA J NIOR ceste de Cinema Secund rio 04 04 2008 TII Jornada do ESC utri o Infantil A cedido do ESCA E Saude ce Crianca do Adolescente o Nove sitio de DGIDC em fese experimental Caso n o encontre o conte do que procura por favor tente Orienta es Program t
7. MySQL User Name Dever colocar root caso esteja a proceder instala o no seu computador pessoal Caso esteja a proceder instala o directamente num servidor Web dever colocar o username criado para a B D correspondente MySQL Password Caso esteja a proceder instala o no seu computador pessoal n o necess rio colocar qualquer password Caso esteja a proceder instala o directamente num servidor Web dever colocar a password correspondente ao User Name MySQL Database Name Deve colocar um nome escolhido por si caso esteja a proceder instala o no seu computador pessoal ou o nome da Base de Dados dispon vel no servidor Web MySQL Table Prefix Este campo corresponde ao prefixo que deseja ver associado s tabelas criadas para o sistema exemplo No Step2 pedido o nome que deseja dar ao site e no Step3 aparece a seguinte informa o step 3 Confirm the site URL path admin e mail and file directory chmods lf URL and Path look correct then please do not change them If you URL http localhost exemplo are not sure then please contact your ISP or administrator Usually Path C programas xampp htdocs exemplo the values displayed will work for your E your site mai emailfb gmail com Enter your e mail address this will Admin 4Ru9NEoC be the e mail address of the site password SuperAdministrator File Permissions Dont CHMOD files use server
8. required show hide D B 7 Vit acm O ka i ew t x x Z ZIE IES ein D Styles Font famy IA Font sze 9 A 2 92 58 0 v Format 4 EREA BaGsad Os Imagem 57 Not cia Exemplo Para al m dos campos textuais normais como o caso do t tulo e do texto respeitante not cia e data de inser o o outro campo presente na imagem diz respeito ao v deo A sua inser o bastante simples o Primeiro h que inserir o v deo no sistema Para tal basta copi lo para a directoria lt ontv gt videos o Depois basta inserir no campo da not cia o nome do v deo entre flv flv Para anexar uma imagem descritiva not cia dever o ser seguidos os seguintes passos o Guardar a imagem na directoria lt ontv gt images o Ainda dentro da interface de cria o de uma not cia e do lado direito encontra se o seguinte menu Publishing Images Parameters MOSImage Control Gallery Images economia Nigeria jpg key Jog nacional medicamentos jpg lpastarchives jpg Sub folder v Sample Image een eu Siew a ai res Imagem 58 Associa o de Imagem Not cia 61 o Seleccione a imagem que deseja anexar e clique em Apply e Depois de efectuar estes passos clique em Save Neste momento a not cia encontra se criada Caso esteja publicada a not cia fica acess vel na interface da aplica o para consulta na categoria respectiva 6 2 2 Frontend O exemplo a
9. 32 rom ma Pora search Nacional Internacional Pol tica Desporto Cultura Economia Tecnologia Musica Emiss o em Directo F rum RSS Feeds September 08 Mo Tu We Th Fr Sa Su 4 oR Be do 56 F 8 9 10 11121314 Pelo menos 100 abortos nos hospitais p blicos numa semana Tour Vinokourov apanhado com doping Astana abandona Charrua reclama salirios indemniza o e reimegra o TICIAS EM VIDEO EMISS O ear EM DIRECTO o Espanha Real Madrid alcan a terceira vit ria O Eurobasket R ssia na final O Benfica goleia antes do Milan Medicamentos vendidos fora das farm cias mais baratos 0 7 O Solit rio fica em pris o preventiva ai Rice visita M dio Oriente de 30 1OMAL aa de Julho a 2 de Agosto Hungria 500 mortos na ltima semana devido a vaga de calor 15 16 17 18 19 2021 eine dane eet Afr Sul entram 7 a 10 mil 22 23 24 25 26 27 28 DGRF refugiados do Zimbabu por dia 29 30 5 Jovem clarinetista pormgu s Petr leo fecha a recuar mais de Ma venceu concurso no Canad um d lar Evora Recupera o do centro UBS eleva price target para hist rico poder custar 100 M Sonae Ind stria e Eka D eS EE rm O Imagem 16 P gina Inicial do Sistema OnTV 3 6 Conc
10. Dado o cariz eminentemente acad mico de todo o projecto todas as tecnologias nele utilizadas foram tecnologias OpenSource A import ncia das tecnologias OpenSource e do modelo corporativo em que assentam tem assumido cada vez maior import ncia no desenvolvimento de Software A sua principal premissa que o c digo fonte de qualquer aplica o deste tipo se encontra dispon vel podendo qualquer pessoa alter lo e melhor lo As principais funcionalidades do sistema de Televis o Online a desenvolver eram as seguintes e Emiss es em Directo e Consulta de not cias tanto em v deo como em texto e F rum de Discuss o onde os utilizadores pudessem comunicar entre eles e Menu de Administra o simples e intuitivo para que qualquer pessoa conseguisse adicionar conte dos sem dificuldade O sistema apresentado deveria corresponder s necessidades de dois tipos de utilizadores e Utilizadores que desejassem consultar not cias na Internet particularmente aqueles interessados em consultar not cias em v deo ou em directo e Utilizadores respons veis por adicionar conte dos e administrar o sistema Ambos os grupos seriam compostos por utilizadores comuns de Internet sem qualquer tipo de conhecimento aprofundado de inform tica pelo que o sistema teria de responder a alguns requisitos de usabilidade Para responder s necessidades do primeiro grupo o sistema deveria ter uma boa usabilidade Para responder s necessidades do segund
11. Desporto Cultura Nacional Texto associado noticia Emiss o em Directo Imagem A 16 Prototipagem Tarefa dif cil Ecr 5 A tarefa dif cil ser consultar uma not cia de cultura do m s de Maio Para tal o utilizador deve clicar em Arquivo na barra de navega o superior De seguida surgir o menu apresentado na segunda imagem o utilizador escolhe a data que deseja e surgir o menu descrito na terceira imagem O utilizador de seguida convidado a seleccionar quais os temas pelos quais tem interesse ao que se segue um menu onde poder visualizar as not cias correspondentes aos temas que seleccionou Finalmente a not cia apresentada num esquema igual ao apresentado na ltima imagem 89 ifi INSTITUTO SUPERIOR T CNICO Sistema de Televis o Online OnTV Diogo Laranjo Salvador Barreira N mero 49631 Paper J ri Presidente Professor Joaquim Jorge Orientadores Professor M rio Rui Gomes Professor Mauro Figueiredo Vogais Professor Carlos Ribeiro Setembro 2008 90 Abstract This document describes the stages that constitute the development of an online TV system s architecture by analysing the existent similar platforms choosing the correct ones to be used until the design of the interface with the user Apart from this there is also in this document the description of the RTSP protocol necessary to supply video broadcasting services in real time as is the case of the li
12. Imagem 39 Funcionalidades cette eee eee eae ee eee eaaeee eee eaaeeeeeeeaeeeeeneea 51 Imagem 40 Calendar io cccccecceceeceeceeeeeeeeaeeeeeeeeceaaaeseeneeeceaeeeeeaaeseeeeeesaaeeeeneees 52 Imagem 41 Not cias em VideO cccceceeeeeeeeeeeeeeeeeeeeeeeeeseaeeeseaeeeeeeeeesnaeeeeneees 52 Imagem 42 Exemplo de Not cia em V deo 53 Imagem 43 Leitor de V deo re eeararaareeanaraaaaaananana 53 Imagem 44 Not cia Exemplo criada eternas 54 Imagem 45 Noticia com descri o textual e 54 Imagem 46 Emiss o em Directo re eraraaaeaaraa 55 Imagem 47 Estat sticas tear aaraaeareea near anaaaanana 55 Imagem 48 RS Siima ied Madani eed Suba dad aie hades 56 Imagem 49 Inser o de RSS Feeds de outros sistemas 56 Imagem 50 FOr sitet en ie if aa Ei eaa in idea ea lane 57 Imagem 51 Inser o de V deos reiterar aaraaaneaa 58 Imagem 52 Menu de Inser o de V deo a 59 Imagem 53 Menu de publica o de v deos 59 Imagem 54 Exemplo de Not cia em V deo 59 Imagem 55 Leitor de V deo rare naararanaeanas 60 Imagem 56 Inser o de Not cias com v deo e texto 60 Imagem 57 Not cia Exemplo ereta ereeaearar anna 61 Imagem 58 Associa o de Imagem Not cia
13. Na imagem seguinte encontra se um exemplo da utiliza o das estat sticas encontrando se descriminado quais as p ginas mais visitadas do sistema num dado per odo de tempo Page Hits 31 12 Pages Imagem 47 Estat sticas 5 6 RSS Outra das funcionalidades dispon veis no sistema e j muito utilizada na maioria dos sistemas online o RSS Atrav s da sua consulta o utilizador poder aceder facilmente s 55 noticias recentemente introduzidas no sistema Para tal basta clicar no icone de RSS disponivel no canto inferior do ecra A imagem seguinte corresponde a um exemplo da utiliza o de RSS no sistema OnTV teste de RSS gt http rss news yahoo com rss topstories http rss news yahoo comyrss tech Acad mica critica posi o do Sporting 9 de Maio de 2007 7 16 02 Acad mica critica posi o do Sporting pm A Acad mica garantiu esta ter a feira que o relvado do est dio Cidade de Coimbra estar nas Euro2008 Scolari confia em alternativas para ataque B lgica uarta feira 9 de Maio de 2007 7 14 38 gt Euro2008 Scolari confia em alternativas para ataque B lgica pm O seleccionador portugu s de futebol Luiz Felipe Scolari confia nas alternativas PCP Patr es e Governos respons veis por baixa produtividade e Maio de 2007 7 01 03 gt OCD Datr ec a fnvernnc recnnnc veic nar haiva nradutividade widanc nm flulfalcal nniana N DCD racnancahilizan hoie ne mn
14. Schulzrinne Internet Media on Demand The Real Time Streaming Protocol In Real Media Conference San Francisco C A March 4 1997 3 Adobe Dynamic Media Group A Streaming Media Primer July 2001 4 Maureen Chesire Alec Wolman Geoffrey M Voelker and Henry M Levy Measurement and Analysis of a Streaming Media Workload In Proceedings of the 3rd USENIX Symposium on Internet Technologies and Systems USITS San Francisco CA March 2001 Best paper 5 S Mangiaracina P G Marchetti WWW Interface Design Driven by Heuristic Evaluation In Proc 8th Delos Workshop on User Interfaces in Digital Libraries Stockolm 18 21 Oct 1998 6 Miriam Walker Leila Takayama and James A Landay High Fidelity or Low Fidelity Paper or Computer Choosing Attributes When Testing Web Prototypes In Proceedings of the Human Factors and Ergonomics Society 46th Annual Meeting pages 661 665 2002 7 Jakob Nielsen Designing Web Usability The Practice of Simplicity 1999 8 Arash Amel Dan Cryan User generated online video Competitive review and market Outlook In ScreenDigest A 7 Comandos disponiveis em RTSP Os m todos disponibilizados pelo protocolo RTSP sao os seguintes e SETUP O servidor aloca recursos para uma liga o stream e inicia uma sess o RTSP C gt S SETUP rtsp example com foo bar baz rm RTSP 1 0 CSeq 302 Transport RTP AVP unicast client port 4588 4589 S gt C RTSP 1 0 200 OK CSeq 302
15. a fase de implementa o Ao olhar para os prot tipos da altura e para o resultado final chega se conclus o que estes foram seguidos Finalmente de referir que a partir desta disserta o de mestrado foi elaborado um artigo cientifico que se apresentou na 2nd International Conference Geometric Modelling and Imaging GMAI 07 o qual se encontra no Anexo A 6 66 8 Refer ncias 1 Matjaz Juric Sohail Salehi Hagen Graf Building WebSites with Joomla Marco de 2006 2 Henning Schulzrinne Internet Media on Demand The Real Time Streaming Protocol In Real Media Conference San Francisco C A March 4 1997 3 Adobe Dynamic Media Group A Streaming Media Primer Julho de 2001 4 Maureen Chesire Alec Wolman Geoffrey M Voelker and Henry M Levy Measurement and Analysis of a Streaming Media Workload In Proceedings of the 3rd USENIX Symposium on Internet Technologies and Systems USITS San Francisco CA March 2001 Best paper 5 S Mangiaracina P G Marchetti WWW Interface Design Driven by Heuristic Evaluation In Proc 8th Delos Workshop on User Interfaces in Digital Libraries Stockolm 18 21 Oct 1998 6 Miriam Walker Leila Takayama and James A Landay High Fidelity or Low Fidelity Paper or Computer Choosing Attributes When Testing Web Prototypes In Proceedings of the Human Factors and Ergonomics Society 46th Annual Meeting pages 661 665 2002 7 Jakob Nielsen Designing Web U
16. also be consulted in this table the number of violated Nielsen s heuristics by each of the systems and finally in the last column there are the platforms used by each of the systems ANALYS PROVIDED SERVICES ED Systems TV Beja TV Net CRTVG Debate Forums KCEN TV WSVN TV Table A6 1 Overall of the analysed systems a Ls Sai Barcelona ike Es Ea Analysed Interface Platforms Systems Design Violated Used 1a6 Heuristics Technologies TV Beja 4 1 and 42 PHP MYSQL Joomla TV Net 5 PHP MYSQL Joomla CRTVG 3 3 ASP NET Joomla Barcelona 4 3 and 6 PHP MYSQL TV Joomla KCEN TV 2 3 and 7 PHP MYSQL Joomla WSVM 4 3 PHP MYSQL TV Joomla Table A6 2 Overall of the analysed systems 3 Analysis of the platforms to be used The goal of this analysis is to before implementing the system chose amongst all the available platforms the ones that guarantee more liability which at the same time fulfil the functioning requisites of a system with these characteristics In this document the various available options for the several levels of architecture to develop are described as well as the reasons to opt by one platform and not another 3 1 Video format to use In a system like this the size of a video is a point that deserves special attention since by minimizing the size of a video without harnessing its quality we also min
17. anexada Ao clicar na not cia o seguinte ecr apresentado Noticia Exemplo 00 00 ox s4 ul Texto respeitante a noticia exemplo 09 05 2007 15 32 39 Imagem 45 Noticia com descri o textual Para visualizar o v deo basta clicar em Play 5 4 Emiss o Em Directo Outra das funcionalidades mais importantes do sistema a Emiss o em Directo Na sec o BroadCasting do Manual de Instala o do sistema encontra se uma descri o detalhada de como configurar os v rios sistemas para colocar online uma emiss o em directo Em rela o a sua consulta por parte de um utilizador esta bastante simples encontrando se sempre dispon vel um bot o que redirecciona o utilizador para a emiss o em directo A interface da Emiss o em Directo tem o aspecto seguinte 54 a Sno aia a ae Click to activate and use this control 1 amp p E n TEI i 14 15 16 Imagem 46 Emiss o em Directo 5 5 Estat sticas Uma das funcionalidades do sistema a n vel de administra o a possibilidade de consultar todas as estat sticas relevantes no que diz respeito a um sistema online como por exemplo as p ginas mais visitadas os browsers mais utilizados a dispers o geogr fica dos utilizadores que consultam o site entre outros dados Para aceder a estas estat sticas apenas necess rio no menu de administra o aceder a Components gt JoomlaStats gt Statistics
18. caso Play pelo URL de acesso ao objecto a aceder neste caso o objecto seria video presente no servidor RTSP video example com e por fim a vers o de RTSP utilizada A 2 linha cont m o n mero identificador sequencial do pedido a 3 linha cont m o ID da sess o note se que dentro da mesma sess o podem existir cSeq diferentes e da ser necess rio os 2 identificadores e finalmente a 4 linha corresponde ao Timestamp decorrido desde o inicio do v deo e Formato de uma resposta O O RTSP 1 0 200 OK CSeq 2 Session 23456789 Range smpte 0 10 00 0 20 00 RTP Info url rtsp video example com twister video seq 12312232 rtptime 78712811 A primeira linha cont m o c digo de sucesso ou de erro associado a um determinado pedido neste caso 200 OK que significa que o pedido foi executado com sucesso e as linhas seguintes correspondem aos identificadores do pedido 44 4 3 2 Arquitectura de Streaming Utilizada Depois da explica o detalhada sobre o funcionamento do protocolo RTSP e RTP este ponto foca se nas tecnologias utilizadas para disponibilizar a Emiss o em Directo tecnologias obviamente assentes nos protocolos referidos A implementa o da Emiss o em Directo baseia se em tr s fases que se encontram exemplificadas na imagem 29 sendo elas a captura e edi o de v deo a configura o de um servidor de streaming Media Server e um leitor capaz de apresentar o v deo obtido a partir do servidor
19. construir o seu site Coloca o Online do Sistema Para se colocar online o sistema necess rio migrar tanto a base de dados como o conte do que se encontra em C Programas xampp htdocs exemplo Primeiro e atrav s de qualquer programa de FTP como por exemplo o Filezilla que pode obter em hitp sourceforge net project showfiles php group id 21558 deve fazer o upload da pasta exemplo para o servidor De seguida e partindo do princ pio que instalou o Xampp abra um web browser e insira o URL http localhost phpmyadmin direccionado para o software PhpMyAdmin que lhe permite fazer a migra o da Base de Dados 72 A ru Servidor localhost gt Base de Dados exemplo Estrutura SQL P pesquisar Ei Pesquisa por formul rio Exportar FEI Import Opera es Privil gios o ex_banner fal E Eu i xX 2 MyISAM latint general ci 3 2 KB o ex_bannerdlient EE E fm xX 1 MyISAM latin general ci 2 1 KB EEA a ex bannerfinish E E x xX O MyISAM latini general di 1 0 KB oO ex_categories ESB He fm x 10 MyISAM latint general ci 6 7 KB o ex_components H EB Ee fm xX 18 MyISAM latini general ci 3 8 KB O ex contact details E E E fm xX 1 MyISAM latini general ci 2 1 KB a ex content Es fm xX 11 MyISAM latini general ci 26 3 KB o ex_content_frontpage E Eu i xX 5 MyISAM latini general ci 2 0 KB a ex content rating EM E EE Tx 0 MyISAM latini general ci 1 0 KB oO ex_core_acl_aro ESB x fit X 1 My
20. de Falografos y mee EXPO FS ROAR RNR a FR DEM Dap Engenharia Mec nica o Lab cLeammgiDCSA egito Industral OF Dep de Fisica on Apoty 5 x ERR Servi osnevo Moges ove Apoio Moodie FCTUNL No cias p De oces da Vida a E Sugesioos do ferramentas Ulels para o dia a dia F rum FCTUNL 2 GDEH Grupo de Decplnas Ecologa ca S Para novos alunos Hidros FAQ Regulamento Contactos E Support for new students CI Cone de Informacea amp Forum sobre a utiliza o do Moodie FCTUNL DOR Dep Conserva o o Resteuro amp New Moodie 1 8 P gina de Apolo novo MoodiegF CTUNL Arquivo digital Pagrat Pestoais e Grupos de Trabaino Imagem 14 Moodle No contexto do sistema em an lise o gestor de conte dos ser respons vel por e Possibilitar a constru o de conte dos atrav s de um editor de texto e Agrupar toda a informa o introduzida pelos administradores do sistema por temas funcionando como um reposit rio de informa o e Tornar essa informa o acess vel ao utilizador final publicando a no Frontend do sistema Tendo em conta que o gestor de conte dos teria de ser n o comercial pois este era um dos requisitos do sistema surgiram duas op es que foram analisadas mais detalhadamente de modo a escolher aquele que a n vel de funcionalidades fosse mais completo tendo em conta os restantes requisitos do sistema Come ando logo pela diferen a mais significativa refira se que o Moodle u
21. do v deo e depois automaticamente colocadas online para consulta sem ser necess rio ao administrador do sistema qualquer interac o com a camada de apresenta o do sistema de resto como em qualquer outra funcionalidade dispon vel no OnTV 52 Os pr ximos pontos deste cap tulo destinam se a explicar em detalhe como cada uma das funcionalidades do sistema implementada e executada tanto a n vel de administra o como a n vel de apresenta o 5 2 Not cias em V deo Um dos principais servi os fornecidos pelo sistema OnTV o de permitir a publica o pelos administradores e a visualiza o pelos utilizadores de v deos de uma maneira simples Na imagem 42 encontra se o aspecto de uma not cia em v deo na p gina inicial do sistema que depois de aberta t m o aspecto apresentado na imagem 48 Jovem clarinetista portugu s 1 venceu concurso no Canada Imagem 42 Exemplo de Noticia em Video OLS Yideo Destaques 2 Imagem 43 Leitor de Video 5 3 Not cias em V deo e texto Outra das funcionalidades mais importantes do sistema a possibilidade de inserir e consultar v deos acompanhados por texto 53 MOORA search Noticia Exemplo TEMAS Ministro confia estudo ambiental n o por em causa Alcochete Imagem 44 Not cia Exemplo Criada A Not cia Exemplo encontra se dispon vel na sec o Nacional acompanhada pela imagem descritiva que na altura lhe foi
22. e A S 52 5 1 7 Videos de NOLIGIAS ceninin ce Kalida diana E A RNO 52 5 2 Noticias em Video noces nene a a R a E AR a S 53 5 3 Not cias em V deo e texto rinne e aa aae eaaa ae anaiai 53 5 4 Emiss o Em Directo retisto aa aaea a wate ae ari E ath 54 5 5 Estatisticas etio aA A E tie aa dint ashe 55 SOn RSS rsss ad a aa he dad bt a a fd e a Bat ae tat 55 Bal FORUM E ianea S e EE E E AN E A 57 58 COMCIUS AO aa e feud cae E bed deca A A lett weed 57 BA m TTN reo lo C EEE Cigano ssa TEE A ps ON E E GD Sa EES EEE Paaee ess 58 6 1 Noticiasen VideO ssc areara aa NA aA aE a carai aca A Su EAE Far A NARE ATARAR LARAN 58 et BACkENnO St a a a a ana on 58 PAER at 6 8 2 618 BANE A A E E A ET 59 6 2 Not cias em V deo e Texto cccccecceccccessneeeceesneeeeeeseeeeeeaeeeeseaeeeesssaeeeeesaeeeeeessaeeeens 60 0 24 BACKEN naire erent ii aee poa ao A ant RU las aos RSS dl dl aa ata a ale 60 6 2 2 FOMEMA aiaiai iana ai ata eee eel ae ee elas 62 6 3 Emiss o em Direcional has a se receded aa a TER ch aa a aaa aan aaa aaa aaaeaii 62 6 3 1 Backend aiina eea fe ee da an eee eee alee eed eet 63 6 322 Frontend asioi eaaa beea iiaa nia aeia dd RO UR on dda ee eee 65 TGCS au a a eae E a eee 66 8 Refer ncias anina E E a E a TRENA 67 ANEXOS i208 i aidea aaan eet ted cade dk Ne eevee RR PEIES DA ta eee deel 69 A 1 Manual de Instala o do Sistema ONT seara 69 A 2 Heur sticas de Nielsen cccecccecsescececseeceeeceeeeeeeceeeeeeeceee
23. funcionalidade que permite ao utilizador comunicar com outros utilizadores do sistema enquanto a funcionalidade RSS Feeds permite ao administrador do sistema adicionar automaticamente not cias vindas de outros sites Esta uma funcionalidade particularmente interessante por permite que o sistema contenha sempre not cias actualizadas vindas de outros sites de not cias escolhidos pelo administrador 51 5 1 6 Calendario May 07 Mo Tu We Th Fr Sa Su o et Pee dao 7 B 9 10 111213 14 15 16 17 18 19 20 21 22 23 24252627 28 29 30 31 Imagem 40 Calend rio Outra das funcionalidades do sistema o calend rio disponibilizado atrav s do calend rio que o utilizador pode consultar o arquivo informativo do sistema pois todos os dias em que foram introduzidas not cias no sistema aparecem sobre a forma de link como se pode ver na imagem a azul e sublinhado que direccionam o utilizador para uma p gina que mostra o conte do introduzido nesse mesmo dia para que possa ser consultado 5 1 7 V deos de Noticias Pelo menos 100 abortos nos hospitais p blicos numa semana Tour Vinokourov apanha do com doping Astana abandona Charrua reclama sal rios indemniza o e reintegra o Imagem 41 Not cias em V deo Tamb m na p gina inicial se podem consultar directamente not cias em v deo Estas s o inseridas no sistema sendo o administrador conduzido pelo processo de inser o de um v deo e de um snapshot
24. is organized and how it works of the objects that compose it as well as the actions available to use those objects and finally a connection between concepts In the end the low fidelity prototypes should be performed A low fidelity prototype is constituted by non functional pictures of the system that allow to test through usage scenarios the interface with the user before it is effectively implemented allowing to correct still in a pre implementation phase some mistakes that could happen if this system s development phase was to be ignored Next we have an example of a task prototyped Pagina Inicial Barra de Navegacao Windows Media Player Icon de Emiss o em directo Procura Temas jas em destaque Noticia 1 Desporto Noticia 2 Cultura Noticia 3 Nacional Noticia 4 j Noticias do Dia Emissao em Directo A Internacional Desporto Noticia 1 Noticia 1 Noticia 1 Noticia 2 Noticia 2 Noticia 2 Noticia 3 Noticia 3 Noticia 3 Directo Arquivo Pagina Inicial Pagina Inicial gt Arquivo Procura Arquivo Temas Desporto Seleccione a data Cultura sobre a qual deseja Nacional consultar as noticias Emissao em Directo a fi Now erm O pma Mf Directo Arquivo F rum P gina Inicial Pagina Inicial gt Arquivo Procura Arquivo Temas Desporto Que temas deseja consultar May 23 05 2004 Tuos Wod Th
25. quando se navega nos menus o que restringe o controlo e liberdade de utiliza o por parte do utilizador e viola tamb m a 8 visto que o design n o se encontra t o est tico e minimalista como se esperaria de um website com estas caracter sticas Em rela o s outras heur sticas todas elas s o respeitadas visto que o seu uso bastante flex vel e eficiente mant m o estado do sistema vis vel em todos os menus de navega o e disp e de alguma ajuda e documenta o para prevenir poss veis erros 14 Tamb m ao nivel das plataformas utilizadas este website diferente dos anteriormente apresentados visto que em vez de utilizar PHP para construgao da pagina utiliza ASP NET uma linguagem proprietaria da Microsoft Em relagao ao leitor de video tamb m utiliza o Windows Media A Barcelona TV tal como a anterior uma televis o online espanhola apesar de ser focar apenas nos servi os de televis o online e n o r dio como acontecia no exemplo anterior podendo ser consultada em http www barcelonatv com _Barcefonatv TELEMONEGAL LARUMBATOMBA Dimarts ales 4 Dimarts ales 23 00h 00 30h Ferran Monegal entrevista avui al L espai de rumba esta dedicat avui a periodista Juan la traject ria de Los Ramon Lucas Manolos HOLA BARCELONA Dimarts a les De dla dv ales 22 30h 12 30h S rie juvenil amb Olga Val ncia i personatges s P N ria Dias virtuals que barreja EEM A presenten aquest
26. servidor Poder ser na mesma m quina na qual se est a produzir o v deo ou numa m quina distinta Em Port Port range dever colocar o porto em que durante a instala o do servidor colocou as liga es HTTP Provavelmente a porta 80 estar a ser utilizada por outro programa pelo que poder seleccionar a porta 81 por exemplo Em username e password dever colocar as defini es de um utilizador com permiss es de encoding no servidor Clique em Ok Na janela principal do Real Producer no canto inferior direito clique em Encode Espere at o status do destination name estar broadcasting Se tal suceder significa que configurou com sucesso tanto o servidor como o producer De seguida dever colocar um bot o no seu site que aponte para o streaming que est a ser transmitido Esse URL deve ser do tipo rtsp 100 100 100 100 broadcast live rm em que live rm corresponde Stream Name definido no Real Producer e 100 100 100 100 dever ser o IP onde se encontra o Helix DNA Server 76 De notar que para visualizar a emissao necessita de ter instalado no seu computador pessoal o Real Player Caso isso n o aconte a poder efectuar o download em http baixaki ig com br download Real Player htm 77 A 2 Heuristicas de Nielsen As heuristicas de Nielsen s o utilizadas quando se pretende fazer uma avalia o a interface do utilizador de um sistema interactivo Estas servem para encontrar erros de usabilidade e co
27. servidor responde com a informa o referente apresenta o em quest o foo neste caso informa o essa introduzida anteriormente atrav s do m todo ANNOUNCE RECORD o Servidor inicia a grava o dos dados enviados C gt S RECORD rtsp example com meeting audio en RTSP 1 0 CSeq 954 Session 12345678 Conference 128 16 64 19 32492374 REDIRECT Cliente redireccionado para um novo servidor S gt C REDIR ECT rtsp example com fizzle foo RTSP 1 0 CSeq 732 Location rtsp bigserver com 8001 Range clock 19960213T1432052Z o Neste exemplo o cliente redireccionado para o servidor bigserver com no porto 8001
28. v deo est associado a um tema m Uma not cia composta por v deo e pode ou n o ter texto associado Uma not cia tem um tema associado Um arquivo composto por conjuntos de not cias m Uma descri o textual encontra se associada a um v deo 3 4 Cen rio de Actividades O cen rio de actividades feito a partir do modelo conceptual de forma a descrever novas funcionalidades nele referidas a partir de ac es efectuadas por actores imagin rios T m como objectivo a valida o do desenho da interface al m de servirem como gui o em futuros testes de usabilidade com utilizadores reais Cen rio O Jo o aderiu recentemente ao mundo da TV online e como tal passa muito do seu tempo a tentar perceber quais os benef cios que tal lhe pode trazer bem como a tentar perceber as potencialidades dum sistema deste tipo Assim sendo decidiu assistir ao seu programa favorito em directo a partir do seu computador pessoal Quando o programa terminou o Jo o ainda sem sono decidiu informar se sobre o que tinha acontecido de relevante nesse dia consultando todas as not cias recentes presentes no site Como gosta bastante de ler antes de iniciar o v deo da not cia o Jo o consultou sempre as descri es textuais que lhes est o associadas De seguida e como gosta bastante de desporto o Jo o decidiu ver os resumos da jornada da liga BWin da semana anterior acendendo para isso ao arquivo de not cias e seleccionando o tema Desporto 31
29. vel perla cria o de um WebServer na m quina local e que permite que a p gina seja constru da e visualizada no computador pessoal do utilizador e s posteriormente alojada num servidor externo O download do produto pode ser efectuado em http httpd apache org download cgi MySQL Software de gest o de Bases de Dados que como de facil integra o com o PHP e Joomla constitui uma importante ferramenta de trabalho Joomla Sistema de Gest o de Conte dos que permite al m de modelar o aspecto do sistema agrupar todos os conte dos num sistema de f cil utiliza o O download do produto pode ser efectuado em http www joomla org Real Producer e Helix DNA Server Software respons vel pela produ o e broadcast da emiss o de v deo em directo Em conjunto com o Helix DNA Server 69 permite o Broadcast da emiss o para qualquer pessoa que deseje assistir a emiss o em directo a partir do site e Download Real Producer Basic http forms real com rnforms products tools producerbasic index htm l e Download Helix Server http licensekey realnetworks com rnforms products servers eval index html u lf b Uma solu o interessante e aconselh vel a instala o do software XAMPP que torna a instala o do Apache e do MySQL bastante simples bastando indicar as portas nas quais os devem servi os correr O download do produto pode ser efectuado em http www apachefriends org en xampp
30. windows html Instala o do Joomla Depois de instalado o restante software necess rio instalar o Joomla Pata tal deve se criar uma pasta em C Programas xampp htdocs e colocar l o conte do do ficheiro de instala o do Joomla Neste manual essa pasta ser referenciada como exemplo O pr ximo passo a tomar abrir um Browser e colocar o seguinte URL hitp localhost exemplo Ap s 2 menus em que apenas necess rio seleccionar Next aparece o menu correspondente ao Step1 step 1 MySQL database configuration Setting up Joomla to run on your server involves 4 simple steps Please enter the hostname of the server Joomla is to be installed on Enter the MySQL username password and database name you wish to use with Joomla Enter a table name prefix to be used by this Joomla install and select what to do with existing tables from former installations Host Name localhost MySQL User Name root MySQL Password MySQL Database Name exemplo MySQL Table Prefix ex This is usually localhost Either something as root or a username given by the hoster For site security using a password for the mysql account is mandatory Some hosts allow only a certain DB name per site Use table prefix in this case for distinct Joomla sites Imagem A 1 Instala o do Joomla Passo 1 Host Name Deve colocar localhost 70 x
31. zona de classificados e uma bolsa de emprego que estar dispon vel brevemente De todos eles o servi o mais importante e aquele em que se foca todo o website a visualiza o de not cias previamente gravadas not cias essas que se encontram divididas por temas para que a pesquisa se torne mais f cil e r pida A n vel de servi os fornecidos um ponto negativo deste website o facto de n o permitir transmiss es em directo o que dadas as caracter sticas do site deveria ser adicionado no futuro Em rela o interface o site est bem conseguido A imagem do website apelativa e as cores escolhidas s o agrad veis vista O facto de disponibilizar ScreenShots de cada um dos v deos juntamente com o texto ajuda bastante a navega o por parte do utilizador ajudando o a melhor identificar o v deo que deseja visualizar Em rela o as heuristicas de Nielsen o website viola a 1 heur stica visto que n o mant m o estado do sistema sempre vis vel nomeadamente quando se encontra um v deo em exibi o n o dada pelo website qualquer informa o de que v deo se trata atrav s da interface Viola tamb m a 4 heur stica visto que n o respeita os standards convencionados nomeadamente quando a ficha t cnica solicitada esta aparece no espa o destinado exibi o dos v deos em vez de aparecer num s tio onde o utilizador estivesse a espera de encontrar texto Em rela o s restantes heuristicas estas sao r
32. Date 23 Jan 1997 15 35 06 GMT Session 47112344 Transport RTP AVP unicast client_port 4588 4589 server_port 6256 6257 o Neste exemplo criado uma sess o entre o cliente e o servidor referido respondendo o servidor com a mensagem de sucesso e com o ID da Sess o e PLAY Inicia o envio de Dados C gt S PLAY rtsp audio example com audio RTSP 1 0 CSeq 835 Session 12345678 Range npt 10 15 C gt S PLAY rtsp audio example com audio RTSP 1 0 CSeq 836 Session 12345678 Range npt 20 25 C gt S PLAY rtsp audio example com audio RTSP 1 0 CSeq 837 Session 12345678 Range npt 30 o Neste exemplo o servidor ir inicialmente enviar o udio correspondente ao intervalo de tempo entre os segundos 10 e 15 depois entre os segundos 20 e 25 e finalmente do segundo 30 em diante e PAUSE O envio de dados temporariamente interrompido sem que o servidor liberte os recursos alocados para a respectiva sess o C gt S PAUSE rtsp example com fizzle foo RTSP 1 0 CSeq 834 Session 12345678 S gt C RTSP 1 0 200 OK CSeq 834 Date 23 Jan 1997 15 35 06 GMT o O ficheiro foo que se encontrava a ser transmitido temporariamente interrompido apesar da sess o continuar activa e TEARDOWN O envio interrompido e os recursos s o libertados A sess o RTSP finalizada C gt S TEARDOWN rtsp example com fizzle foo RTSP 1 0 CSeq 892 Session 12345678 S gt C RTSP 1 0 200 OK CSeq 892 o Nest
33. E E Q SB q Os Imagem 65 Link para o ficheiro de v deo 6 3 2 Frontend Para o utilizador final o processo ainda mais simples Basta clicar em Emiss o em Directo e o v deo come ar a ser transmitido directamente a partir do sistema como se encontra ilustrado na imagem 66 Nacional Internacional Pol tica Desporto Cultura Economia Tecnologia Musica Emiss o em Directo F rum RSS Feeds September 08 Mo Tu We Th Fr Sa Su 12 3 ine ve 8 9 10 11 12 13 14 15 16 17 18 19 2021 22 23 24 25 26 27 28 29 30 EEE ZS Imagem 66 Emiss o em Directo 65 7 Conclusao Em rela o ao trabalho efectuado todos os requisitos formulados inicialmente foram cumpridos sendo eles a emiss o em directo que se encontra embebida no sistema e que facilmente implementada por qualquer utilizador as not cias apenas em v deo que podem ser inseridas em poucos passos pelos administradores do sistema e que automaticamente ficam dispon veis para consulta por parte do utilizador as not cias em v deo acompanhado por texto que tamb m s o de f cil introdu o e publica o al m de outras funcionalidades teis num sistema deste g nero como a cria o de um f rum de discuss o a disponibiliza o de RSS Feeds ao utilizador e a consulta de estat sticas por parte dos administradores de forma a saberem quais os itens que s o mais e menos consulta
34. ISAM latini general ci 4 0 KB o ex_core_acl_aro_groups E py E Eu fm xX 11 MyISAM latint general ci 5 3 KB O eread aoste Eg KX sa o ex core acl groups aro map E py Eu i 1 MyISAM latint_general_ci 3 0 KB a ex core log items o x fit X O MyISAM latini general di 1 0 KB oO ex_core_log_searches E E Tx 0 MyISAM latint general ci 1 0 KB m ex_groups x fit X a MyISAM latini general ci 2 1 KB Imagem A 4 PHPMyAdmin Nesta imagem pode ver se um exemplo em que se encontram detalhadas as tabelas criadas aquando da instala o do Joomla Os passos a tomar para migrar a B D s o os seguintes Seleccionar a Base de Dados pretendida neste caso exemplo Seleccionar a op o Exportar na barra superior da aplica o Seleccionar a op o Selecciona todas e clicar no bot o Executa devolvido um ficheiro de texto com toda a informa o sobre a base de dados Deve seleccionar todo o texto e copi lo para um ficheiro com a extens o SQL como por exemplo bd sq Neste momento toda a informa o relativa base de dados encontra se guardada no ficheiro bd sql De seguida dever efectuar o caminho inverso ou seja importar este ficheiro na base de dados do servidor web Para tal e partindo do princ pio que o servidor que escolheu disp e de painel de controlo cPanel com a ferramenta PhpMyAdmin instalada dever efectuar os seguintes passos Entre no cPanel da sua conta geralmente o cpanel corresponde ao endere
35. Imagem 26 Utiliza o de MetaFiles A diferen a deste tipo de arquitecturas sendo o protocolo RTSP uma delas para as arquitecturas que utilizam HTTP que neste caso o que passa do browser do cliente para o leitor de v deo apenas o meta ficheiro sendo posteriormente transferido o v deo apontado por esse meta ficheiro do Media Server para o leitor de v deo predefinido Na imagem 27 encontra se descrito o funcionamento do RTSP 42 web server web HTTP browser meta file Ead xt sp raserver mpr org marketplace current_mpp rm EMSS RTSP media meta file streaming commands player RTP pT f ana mnmsa gt ae audio video content D Imagem 27 Funcionamento do RTSP Como ja foi referido em cima o protocolo RTSP utiliza meta ficheiros como apontadores para os ficheiros que posteriormente sao transferidos por RTP Real Time Protocol entre o Media Server e o leitor de video do cliente surgindo o RTSP como forma de 3 66 6 adicionar os comandos habituais associados a um video play pause stop etc Na imagem 28 encontra se um exemplo t pico da utiliza o do protocolo RTSP HTTP GET web server session description SETUP P media client server RTP audio E RTP video RTCP PAUSE ES Imagem 28 Exemplo de funcionamento do Protocolo RTSP Inicialmente o cliente envia um
36. L all OpenSource platforms it enables important functions for an online tv system s development For instance Allows the use of Templates Allows the reutilisation of contents inside the same web which is an important factor in a system where the same content for instance news can be on more than one menu Allows user profiles i e allows that new user profiles with different features can be created through an administration interface Has a photo gallery i e a storage to manage and present images which is a very important functionality bearing in mind that in the system that we want to develop we wish to have an image per news Has a document manager that allows the edition and creation of new versions of the document offline which is an important feature taking into account that the system to develop will have a text for each news and that allows more liberty in the edition of those texts Allows URL s re writing in order to make them more understandable for the users Has a garbage system similar to windows recycling which allows the website administrators to recover the contents that are no longer available on the website Allows that the contents are automatically added or removed from the system at a certain time which for these types of systems that are daily modified is a very important functionality 3 3 Summary All in al the architecture of an online TV system can be implemented recurring to PHP technologies for
37. O uidel Andrea Yates found not guilty NBC 6 News at 10pm 9 7 KCEN TVDT fq Temple City Council discuss a possible smoking SPORTS ordinance TV SHOWS NBC 6 News at 6pm 9 7 Ohio State number one in AP CONTAC iq Former Texas First Lady Nellie Connally laid to reseason football poll i Imagem 5 KCEN TV Em rela o aos servi os fornecidos por este sistema de televis o online o principal o arquivo de not cias bastante extenso de que disp e not cias que podem ser consultadas tanto em v deo como em texto Disp e ainda de outros servi os comuns numa esta o televisiva normal como a meteorologia mas como ponto negativo encontra se o facto de n o dispor de emiss es online em directo Em rela o interface um website com uma interface demasiado simples O aspecto um pouco antiquado apesar de respeitar as normas em termos das cores e aspecto dos links Em rela o s heur sticas de Nielsen viola a 3 visto que n o disp e de bot o para voltar atr s quando se navega nos menus o que restringe o controlo e liberdade de utiliza o por parte do utilizador e a 7 visto que a lista de not cias em alguns menus demasiado extensa o que prejudica a flexibilidade e efici ncia de uso por parte do utilizador e viola ainda a 8 heur stica visto que o design n o dos mais est ticos e minimalistas que se pode encontrar em websites deste g nero Em rela o s plataformas utilizad
38. Outra das funcionalidades disponibilizada pelo sistema a pesquisa Trata se de uma pesquisa interactiva em que ao introduzir um par metro de procura o sistema devolve todo o conte do neste caso todas as not cias que corresponderem aos par metros de pesquisa Caso o utilizador clique num dos resultados a not cia aberta para consulta por parte do utilizador 50 5 1 4 Temas MAS Nacional Internacional Politica Desporto Cultura Economia Tecnologia Musica UALG Imagem 38 Temas Atrav s do menu Temas o utilizador tem acesso s not cias que s o acompanhadas por texto O sistema como j foi referido atr s possui 2 tipos diferentes de not cias Noticias apenas em v deo e que s o vis veis no menu principal e not cias cuja v deo acompanhado por uma descri o textual este segundo tipo de not cias separadas por temas que se podem consultar atrav s deste menu Adicionar ou remover uma categoria de not cias um processo bastante simples e ser explicado mais frente quando o documento se focar na parte administrativa do sistema 5 1 5 Funcionalidades MOTO TALIOADES T Emissao em Directo Forum RSS Feeds Imagem 39 Funcionalidades Atrav s do menu funcionalidades encontram se dispon veis al m de um link directo para a Emiss o em Directo duas funcionalidades que permitem um maior n vel de interactividade tanto ao utilizador como ao sistema O f rum de discuss o uma
39. R 32 KANE eB T e PER TE E AAE AEE EE T AE TEE EPE SEE A TEE EEE T E EET 33 4 Arquitectura do Sistema eccccccccccseeeneeceeeeeeeaeeeeeeeeneeeeceaeeeeaaeeeeeeeseaeeesaaesseneeesaees 34 4 1 An lise do Problema cccccccceeccececseeceeeecsneeeeeseneeeeesceeeeeeseneeeseseneeeesseeeeeesseeseeesseneaees 34 4 2 Arquitectura do Sistema tecer eaeraaaaaaaanee aaa ea aaaana caneca 34 AD AVS QU ms ia Ds E segue ed nae e dia a ES da Ra 35 APE SI OG ITs easiest ERR ee cca CRER EP SEU PEER E vcs Dyk Sc ated E SEI PERDE DA NE PERU E TT 37 4 3 Streaming de V deo rise rer aerea aaaraanaenanar aa aaasaaanaaananaa 40 4 3 1 Arquitectura de Streaming ccccccsceceeceeceeeeeeeaeeeceeeecaeeeeaaeseeaeeseaeeesaeeeeaeeeeeeeeaas 40 4 3 2 Arquitectura de Streaming Utilizada raras 45 4 4 Camada de Apresenta o rr earra aeee areeanarea near naatananaa 47 5 Funcionalidades Implementadas rear 49 5 1 P gina Inicial mn aan aa a ad en idea eile aed elder 49 5 1 1 Barra de Navega o aaa aaara aa naar aa na near nanaas 49 b 1 2 Emiss o em DISO cessst cedchetesivt copa les ai ataia e doped asec asd 50 5 1 3 Pesquisa Interactiva ires eras N E 50 5 4 TOMAS E sin aL Mh ua sigo ie dO ie dvieiuen thieh teva ds A leet eee 51 5 1 5 Funcionalidades siioni acgudl ek nde aa aa aeaaea erada aa aaa ana NNE atos ay 51 516 Calendarios e a a
40. Type Date Jovem Clarinetista Portugu s Videos Cultura x admin 4 Eidos 11 16 24 lt lt Start lt Previous 1 Next gt End gt Results 1 1 of 1 Imagem 53 Menu de publica o de v deos 6 1 2 Frontend Depois de publicado o v deo automaticamente disponibilizado no frontend do sistema tal como ilustrado na imagem 54 Jovem clarinetista portugu s 1 venceu concurso no Canad Imagem 54 Exemplo de Not cia em Video 59 Depois de seleccionado o video apresentado como se encontra ilustrado na imagem 55 Imagem 55 Leitor de V deo 6 2 Not cias em V deo e Texto 6 2 1 Backend Para o administrador do sistema o processo de inser o de uma not cia acompanhada por texto efectua se atrav s do menu de conte dos do Joomla Os passos a seguir s o os seguintes Content Components Modules 8 Content by Section gt 2 all Content tems Static Content Manager Dp Section Manager Dp Category Manager Frontpage Manager Archive Manager Page Impressions Imagem 56 Inser o de Noticias com v deo e texto 60 Clicar em All Content Items Todas as not cias inseridas no sistema s o ent o mostradas Para inserir uma nova noticia basta clicar em New Uma noticia criada apenas como exemplo encontra se na imagem abaixo Item Details Title Noticia Exemplo Section Arquivo de Noticias 84 Title Alias Category Nacional w Intro Text
41. a fonte Adobe 2 2 2 Gestor de Conte dos Um Gestor de Conte dos um programa que estrutura e facilita a administra o distribui o publica o e disponibiliza o da informa o sendo usado em sites Web portais e intranets Pode ser entendido como uma camada adicionar numa arquitectura t pica de um sistema Web facilitando a sua implementa o e autonomia como pode ser consultado na imagem 10 21 Utilizadores Utilizadores Servidor Web Navegador Servidor Web Navegador Go 3 DE OUE Imagem 10 Arquitectura Web T pica Versus Arquitectura com CMS Numa arquitectura Web t pica a interac o com a base de dados feita directamente pelo servidor Web enquanto que numa arquitectura com um sistema de gest o de conte dos este funciona como um middleware entre a base de dados e o servidor web ficando respons vel por toda a gest o da informa o e por torn la vis vel ao Utilizador De seguida encontram se exemplos da utiliza o de alguns dos sistemas de conte dos existentes escolhidos por ser aqueles que dentro do seu g nero comerciais e n o comerciais se destacam pela quantidade de funcionalidades que disponibilizam Dentro dos gestores de conte dos comerciais destacam se os seguintes e Vignette desenvolvido pela Vignette Corporation localizada em Austin Texas um gestor de conte dos desenhado para criar editar e gerir vers es de documentos atrav s de workflo
42. a sendo descritas todas as funcionalidades e os passos necess rios para as realizar A partir deste documento foi redigido um artigo cient fico apresentado a concurso e escolhido para ser apresentado durante a Confer ncia Internacional GMAI 2007 Para concluir o sistema OnTV resultou num sistema totalmente funcional onde se pode encontrar todas as funcionalidades inicialmente especificadas Palavras chave TV Online Streaming Joomla Interface Abstract Above is described the Project and Implementation of an Online TV system which would have video news and at the same time would be able to broadcast video signal in real time The entire system is based in Open Source platforms and respects the usability requirements raised during the course of the project On the project s investigation phase the platforms to be used were analyzed and chosen After choosing the most adequate technologies the User Interface Methodology Development is performed in order to ascertain which are the requirements the system should comply with The document is then focused on the problem s analysis and on the architecture in which the system would rely on to implement and enable all the proposed functionalities Having this done the document is then focused on the system s final result describing all the functionalities and the steps required to perform them A scientific essay has been done based on this document and chosen among others to be presented in the Inte
43. a na final Tecnologia Musica Charrua reclama sal rios UALG indemniza o e reintegra o Benfica goleia antes do Milan Emiss o em Directo z 7 TE Forum FE A RSS Feeds farm cias mais baratos 0 7 O Solit rio fica em pris o preventiva Imagem 34 P gina Inicial do Sistema Rice vistia M dia Cniense de 30 a de Julho a 2 de Agosto Hungria 500 mortos na ltima semana devido a vaga de calor 5 1 1 Barra de Navega o Imagem 35 Barra de Navega o 49 Esta a barra de navega o do sistema que mostra a cada momento onde o utilizador se encontra e quais os menus pelos quais j passou menus esses que se encontram na barra de navega o sob a forma de link para proporcionar uma maior independ ncia e orienta o ao utilizador na interac o deste com o sistema 5 1 2 Emiss o em Directo EMISS O fi EM DIRECTO Imagem 36 Emiss o em Directo Estes s o os bot es que permitem ao utilizador abrir a funcionalidade de Emiss o em Directo Caso o utilizador clique num deles o sistema abre o Streaming de V deo que estiver a decorrer no momento numa nova janela do sistema 5 1 3 Pesquisa Interactiva bolsas Click a result close esc Bolsas de Nova Iorque fecham mistas Bolsas nova iorquinas abrem em baixa Embaixador quer relan ar rela es entre Caracas e Lisboa TT Imagem 37 Pesquisa interactiva
44. adcast which is next described 5 1 Simple diagram The broadcast architecture adds a new layer to the traditional Web platforms in which a client sends a request to a web server and this one responds In a video transaction the web server enroots the client s original request to a media server which after some operations sends the video back to the client s video reader What follows is an illustration that describes the existing interactions between the several layers as well as the functionality attributed to each one of them 1 Page Download se Client Web Browser Server E E RE O Page Contents 3 Media Metafile Download Request 5 Media Metafile Contents 4 Media Metafile Contents e 26 ma Con Stream Control Media Server dE Control Data Picture 2 diagram of layer s interaction 5 2 Differences between HTTP and RTSP WebPage Streaming de V deo Browser Visualiza o Media Player HTTP Interactividade RTSP TCP Transporte RTP UDP IP Encaminhamento IP Physical Rede Physical Connection Connection Picture 3 Differences between HTTP and RTSP Nesta figura encontram se esquematizadas as camadas necess rias para efectuar uma transac o por HTTP bem como as camadas necess rias para efectuar uma transac o por RTSP Real Time Streaming Protocol 5 3 RTSP Protocol web server web HTTP mpg browser meta file file RTSP media meta file streamin
45. agem Tarefa dif cil Ecr 2 88 Imagem A 14 Prototipagem Tarefa dif cil Ecr 3 88 Imagem A 15 Prototipagem Tarefa dif cil Ecr 4 89 Imagem A 16 Prototipagem Tarefa dif cil Ecr 5 89 Tabelas Tabela 1 Tabela Comparativa entre os sistemas apresentados 18 Tabela 2 Convers o de AVI para outros formattOS ccecceceseseeeeeeeesteeeeeeeeaaes 19 Tabela 3 Convers o de MPEG para outros formatos 19 Tabela 4 Convers o de WMV para outros formatos 19 Tabela 5 Convers o de FLV para outros formatos 20 Resumo Descreve se o Projecto e Implementa o de um sistema de TV Online que al m de disponibilizar noticias em v deo permite ainda a transmiss o de um sinal de v deo gravado em tempo real Todo o sistema assenta em plataformas OpenSource e respeita os requisitos de usabilidade levantados no decurso do projecto Na fase de investiga o do projecto foram analisadas e escolhidas quais as plataformas a utilizar Ap s a escolha das tecnologias mais adequadas efectuou se o Desenvolvimento da Interface Pessoa M quina para aferir quais os requisitos que o sistema devia respeitar O documento foca se depois na an lise do problema e na arquitectura na qual o sistema iria assentar para implementar e disponibilizar todas as funcionalidades propostas Posto isto o documento concentra se no resultado final do sistem
46. almente adicionado um ficheiro CSS respons vel por definir estilos cores e aspecto com que cada um dos componentes apresentado 47 Reload Imagem 33 Pedido HTML 48 5 Funcionalidades Implementadas Depois de explicada toda a arquitectura sobre a qual assenta o sistema o assunto da disserta o foca se agora na implementa o propriamente dita do sistema e sobre as funcionalidades de que este disp e Todas as funcionalidades ser o analisadas em detalhe bem como todos os passos necess rios para as colocar em execu o Todas as funcionalidades ser o analisadas do ponto de vista do Administrador do Sistema ou seja aquele que e atrav s da interface do Joomla gere todo o seu conte do e do ponto de vista do utilizador que consulta o WebSite 5 1 P gina Inicial A imagem 34 representa a interface com o utilizador do sistema OnTV Existem v rias zonas no sistema divididas por funcionalidades Todas essas zonas podem ser vistas na referida imagem proporcionando uma vista geral do sistema De seguida cada uma dessas zonas ser analisada individualmente onTV Fs aT MS NOTONS EM VIDEO lisa GA y RECTO Nacional DESTAQUES Internacional Espanha Real Madrid alcan a terceira vit ria E Pelo menos 100 abortos nos Pol tica hospitais p blicos numa semana Desporto Cultura Tour Vinokourov apanha do com Economia doping Astana abandona Eurobasket R ssi
47. as para a realiza o do website foi utilizado MySQL para a gest o de bases de dados Windows Media Player como leitor de v deo e PHP para construir a interface com o utilizador 16 A WSVN TV uma TV online origin ria de Miami que em rela o a anterior tamb m dos EUA se encontra mais completa tanto a n vel de design como a nivel de servi os fornecidos podendo ser consultada em http www wsvn com USED CAR SELL O THOUSANDS OF LATE MODEL VEHICLES _WSVN COM 7 News live Track the Tropics Programs Sales Real Estate Career Center Jobs WHDH Search site HOME LOCAL NATIONAL WORLD WEATHER BUSINESS TRAFFIC ENTERTAINMENT SPORTS Features News Team Cone on Your Phone eUpdate Events Medical Reports Contact Us i 00 00 00 00 FREE E E EPP di Missing boater found involved in fatal crash near Miami What consumer battle Maroone gt KEY BISCAYNE Fla Two boats collided on the first day of South Florida s fighting Maybe Howarc REC Send itta Imagem 6 WSVN TV De todos os servi os fornecidos por esta TV online destacam se as regulares emiss es online bem como um vasto arquivo de not cias que pode ser consultado tanto em texto como em v deo Disp e ainda de servi os normalmente fornecidos tamb m pelas televis es convencionais como not cias meteorol gicas e not cias relativas ao tr fego autom vel em Miami Em termos de interface este website est ao n vel dos melhore
48. atest posts Rules Help Welcome Guest Please Login or Register Lost Password There are no forums in this category Internacional Forum Al Er Forum de discuss o do sistema O Pol tica nTY Forum TopicsReplies Last Post Nacional Desporto ts Topic Author Categories Date Hits Economia T E On TY Forum Stats E ecnologia General Stats Musica Total Users 2 Latest Member admin Total Messages O Total Subjects O Total Sections 1 Total Categories O Today Open O Yesterday Open O Today Total Answer O Yesterday Total Answer O Emiss o em Directo View Recent Posts More About Stats F rum Online O Members and 1 Guests al RSS Feeds Imagem 50 F rum 5 8 Conclus o Neste cap tulo foram apresentadas as funcionalidades do sistema e onde que as mesmas se encontram na interface do sistema As funcionalidades mais importantes e nas quais assenta o funcionamento do sistema s o a possibilidade de consultar not cias tanto em v deo como em texto e a possibilidade de assistir a emiss es em directo 57 6 Resultados Este cap tulo dedicado a apresentar os resultados obtidos ou seja a apresentar a forma como todas as funcionalidades presentes no sistema s o executadas tanto a n vel de administra o como a n vel de interface Todos os passos necess rios para a implementa o das funcionalidades se encontram descritos neste cap tulo a n vel de Adminis
49. c Logging Advanced Logging Monitoring sinc SNMP E Broadcasting Content Management 18 15 Time Seconds Performance CPU Usage Memory Usage Players Connected 39373 K 0 Players Imagem 32 Helix Server O ltimo n vel necess rio um leitor compat vel com o formato do ficheiro que se encontra ligado ao servidor No caso da aplica o em an lise esse formato rm logo necessita de um leitor compat vel com o Real Player Apesar dessa imposi o o leitor encontra se totalmente embutido na interface do sistema pelo que o utilizador final e apesar de todo o trabalho de configura o necess rio para produzir uma emiss o em directo com qualidade apenas necessita de clicar no bot o da Emiss o em Directo para assistir mesma sempre sem ser necess rio sair do Sistema OnTV 4 4 Camada de Apresenta o A ltima camada a participar no funcionamento da aplica o obviamente a camada de apresenta o neste ponto que a apresenta o do sistema constru da obtendo os dados das camadas inferiores e juntando lhes uma componente est tica componente essa muito importante num sistema web ditando muitas das vezes o seu sucesso ou insucesso O que transferido do Servidor Web e apresentado ao utilizador sempre e em ltima an lise um ficheiro html que cont m toda a informa o obtida e disponibilizada pelas camadas inferiores Isso mesmo pode ser observado na imagem 34 A esse ficheiro html ger
50. contra a cada momento O menu propriamente dito ser composto por uma zona de visualiza o de v deo um cone que abrir a emiss o em directo as not cias que se encontram em destaque num determinado dia e not cias separadas por temas Cada not cia ser composta por um t tulo e uma imagem descritiva para melhor reconhecimento por parte do utilizador Apesar de todas as not cias al m do v deo correspondente serem constitu das por um texto descritivo neste menu principal e visto que se trata de um sistema onde o v deo tem papel preponderante apenas ser exibido o v deo da noticia na zona correspondente Os utilizadores que desejem consultar tanto o v deo como o texto dever o utilizar a barra de navega o e pesquisar os temas desejados 84 A 5 1 Tarefa Facil Directo Arquivo Forum Pagina Inicial Barra de llavega o Windows Media Player Icon de Emiss o em directo Procura Temas Noticias em destaque Noticia 1 mpeg Noticia 2 Sutura Noticia 3 Nacional Noticia 4 Emissao em Directo Nacional Internacional Desporto Not cia 1 Noticia 1 Noticia 1 Noticia 2 Noticia 2 Noticia 2 Noticia 3 Not cia 3 Noticia 3 Noticias do Dia Imagem A 8 Prototipagem Tarefa F cil A tarefa facil ser abrir a emiss o em directo Para tal basta clicar no cone correspondente e que se encontra destacado na imagem De seguida a emiss o come ar a ser exibida na
51. da e Componente Um componente uma aplica o que executa opera es na componente administrativa da aplica o permitindo obter e guardar dados numa base de dados atrav s dos componentes que os utilizadores do Joomla administradores do sistema e criadores de conte do executam as diversas opera es que numa segunda fase ficam dispon veis na interface como o administrador e M dulo precisamente nessa segunda fase que os m dulos entram em ac o agarrando nos dados disponibilizados pelo componente juntando lhes uma vertente de apresenta o e disponibilizando os no frontend do sistema 4 3 Streaming de V deo Um dos principais requisitos do sistema permitir a emiss o de v deos em directo Para tal recorreu se a uma arquitectura de BroadCast assente nos protocolos RTP Real Time Protocol e RTSP Real Time Streaming Protocol protocolos que em conjunto s o respons veis por transmitirem e controlarem um sinal de v deo em tempo real enviado para uma multiplicidade de clientes O resultado da aplica o destes protocolos no sistema desenvolvido encontra se detalhado mais frente no documento focando se este ponto em explicar de forma detalhada a arquitectura dos protocolos bem como em perceber como feita a sua integra o com uma interface Web 4 3 1 Arquitectura de Streaming A arquitectura de Broadcast vem adicionar uma nova camada s interac es Web tradicionais em que um cliente envia um pedid
52. da a autentica o com o servidor MySQL necess rio efectuar a liga o a uma base de dados MySQL Para tal existe a instru o seguinte e mysql select db database name data connection o database name Nome da base de dados com a qual se deseja comunicar o Data connection Vari vel com os dados da liga o criada anteriormente conn A partir daqui a comunica o com a base de dados est garantida e os comandos existentes para inserir ou ler dados da base de dados s o os seguintes 36 e result mysql query SELECT clientes Sconn z o A instru o mysql_query executada quando se pretende extrair informa o da base de dados No primeiro campo introduz se a instru o SQL que retorna os dados desejados neste caso todos os campos da tabela clientes guardando essa informa o numa vari vel neste caso result e mysql fetch row o Devolve a pr xima linha do resultado devolvido por uma determinada query e mysql close o Comando respons vel por terminar a liga o com o servidor de PHP 4 2 2 Joomla Uma das ferramentas mais importantes para os administradores a plataforma Joomla Joomla uma ferramenta de gest o de conte dos ou seja a parte do sistema que permite aos administradores do sistema inserirem conte dos que depois se tornam vis veis para os utilizadores finais Um dos principais objectivos do sistema era o de tornar esta compon
53. de heur sticas violadas bem como o aspecto geral do website ou seja contraste entre cores coerente e agrad vel vista tamanho e estilo de letra adequados ao background disposi o da informa o coerente e de f cil localiza o por parte do utilizador entre outras pequenas coisas que tornam um website est tico Pode ainda ser consultado na tabela o n mero das heur sticas de Nielsen violadas por cada um dos sistemas encontrando se uma correspond ncia entre o n mero e o que esse n mero significa no Anexo A 1 e finalmente na ltima coluna encontram se quais as plataformas utilizadas por cada um dos sistemas SISTEMAS Servi os Fornecidos Tecnologias Utilizadas Analisados TV Arquivo de F runs de Design 1a Heur stic Linguagem Leitor de Gest o de Directo Not cias Discuss o 6 as V deo Base de Violadas Dados TV Beja 126 4 WM Player MYSQL TV Net WM Player MYSQL WM Player MYSQL WM Player MYSQL RE WM Player MYSQL Tabela 1 Tabela Comparativa entre os sistemas apresentados Barcelona TV KCEN TV ERES 3 ASP NET WM Player 4 5 3 4 2 4 a pee a Ra Pe eel Analisando a informa o encontrada na tabela anterior e tendo em conta que um dos requisitos do sistema a desenvolver utilizar plataformas sem custos retira se que o sistema deve fornecer servi os de Televis o em directo arquivos de not cias e f runs de discuss o n o deve violar nenhuma das heur sticas de Nielsen e deve ter um desi
54. de uma interface fornecida no sistema e Consulta de not cias em v deo Possibilidade de adicionar e consultar not cias em v deo de forma autom tica tanto para o administrador como para o utilizador do sistema o que implica uma interface de administra o simples e auto explicativa bem como uma interface com o utilizador que identifique de forma inequ voca onde o v deo pode ser consultado e Consulta de not cias em v deo e em texto Possibilidade de adicionar e consultar not cias em v deo juntamente com o texto que lhe est associado de forma autom tica tanto para o administrador como para o utilizador do sistema o que implica uma interface de administra o simples e auto explicativa bem como uma interface com o utilizador que identifique de forma inequ voca onde o qual a zona destinada apresenta o do v deo bem como a zona que cont m o texto associado not cia e F rum de Discuss o De forma a adicionar interactividade ao sistema dever existir a possibilidade de comunica o entre os utilizadores atrav s de um f rum de discuss o disponibilizado dentro da interface do sistema Em termos de limita es durante a fase de an lise do problema as quest es tomadas em conta foram as seguintes Sistema a desenvolver deveria recorrer apenas a plataformas opensource Sistema a desenvolver n o deveria estar limitado a um sistema operativo nem a um browser de Internet espec ficos Estes constrangimentos foram
55. defaults The permission settings will be used while installing Joomla itself CHMOD files to by the Joomla addon installers and by the media manager If you are Directory Permissions unsure what flags shall be set Dont CHMOD directories use server defaults leave the default settings at the moment You can still change CHMOD directories to bloco Mowe locc im the nho lobo ol Imagem A 2 Instala o do Joomla Passo 2 Em your E mail coloque o seu E mail e guarde a Admin Password fornecida pois s com ela conseguir aceder interface de administra o pela primeira vez De seguida apague a pasta installation que se encontrar em C Programas xampp htdocs exemplo A instala o est conclu da Para aceder rea de administra o e come ar a trabalhar com o Joomla v a hitp localhost exemplo administrator em que 11 User Name admin Password esta password a password devolvida pelo sistema no step3 neste caso seria 4RU9NEOoC BB contro Panel Logged Components Popular Latest Items Menu Stat D 2 a e pm 1 admin Super Administrator lt lt Start lt Previous 1 Next gt End gt gt lt i Display 30 Results 1 10f1 oe o e Fo Z L m S8 Imagem A 3 Painel de Controlo do Joomla Aparecer um Menu semelhante a este Para modificar a Password clique em admin e coloque a nova password em New Password Est pronto para trabalhar com o Joomla e come ar a
56. dem ser consultados em maior detalhe no Manual de Instala o do Sistema sejam seguidos correctamente o v deo passado para o servidor que ficar respons vel por direccion lo a todos os clientes que o solicitem Input Output E E 0 7 427 real 487 247 L dB OR Browse Audiences Video Filters Clip Information F Destination Status P po hrs min sec Source Properties D sli Imagem 31 Real Producer O servidor de streaming utilizado na aplica o o Helix Server servidor que permite v rios n veis de configura es mas que ao mesmo tempo permite que o processo de streaming de v deo seja semelhante visualiza o de um v deo normal por parte do utilizador final Fornece um menu de administra o onde poss vel ao administrador do servidor parametrizar todas as configura es necess rias ao funcionamento do sistema funcionalidades essas que se encontram detalhadas no Manual de Configura o do Sistema O menu central da aplica o de administra o tem o aspecto descrito na imagem seguinte 46 Active Server disb Server Setup OGGING Q MONITORING Transport Settings Security The server monitor displays performance connection and file activity Use the monitor to E see how t ver is being used who is using it when it is most used and which files Logging amp are the most requested Monitoring Server Monitor Server Monitor HELP Basi
57. do se navega nos menus o que restringe o controlo e liberdade de utiliza o por parte do utilizador 15 Em rela o s plataformas utilizadas para a realiza o do website foi utilizado MySQL para a gest o de bases de dados Windows Media Player como leitor de v deo e PHP para construir a interface com o utilizador A KCEN TV uma televis o online origin ria dos EUA e tal como o exemplo que vir a seguir serve para analisar tamb m o que se faz ao n vel de TV s online nos EUA e n o apenas na Europa podendo ser consultada em http www kcentv com pa p n ami H g ee c AU TEXAS KCEN TVIDT OMES FIRST KCEN TVDT HOME NEWS SPORTS Go to News Archives r 2VIDEO HEADLINES VIDEO HEADLINES LATEST VIDEO HEADLINES Need Help Click here for help with video or Commas email us with questions NBC 6 Video HEALTH VIDEO SW Headlines require Windows Media Player YOUR MONEY Download it for free State Headlines Sporting goods factory destroyed in a fire Houston man kills two of his children and himself Jury begins diliberating in trial of Andrea Yates Autopsy ordered for 8 month old baby Yates jury request more information X FEATURES MARKETPLACE Need a copy of a story Read more info X VIDEO HEADLINES ARCHIVES BM Harker Heights proposing stricter building X STATION INF
58. dos Al m da implementa o das funcionalidades propriamente dita um dos requisitos mais importantes formulados inicialmente era que todas elas fossem desenvolvidas para que todos os tipos de utilizadores conseguissem efectu las Como se demonstra no cap tulo dedicado aos Resultados a maioria das tarefas efectuada apenas no gestor de conte dos estando o sistema programado para automaticamente disponibilizar a informa o ai gerada na sua interface de forma simples e sempre transparente para o administrador do sistema e para o utilizador final A nica funcionalidade que n o execut vel a partir do gestor de conte dos a Emiss o em Directo Para executar a funcionalidade referida necess rio capturar o sinal de v deo e disponibiliz lo num servidor de Broadcasting Todos os passos necess rios para a implementa o desta funcionalidade encontram se descritos no Manual de Instala o do Sistema Toda a an lise efectuada na fase inicial da disserta o e que tamb m se encontra descrita no documento foi muito importante para o resultado final obtido pois permitiu obter uma vis o de como o sistema se deveria comportar e qual o aspecto que deveria ter antes da fase de implementa o Um exemplo disso foi a fase da prototipagem onde atrav s de prot tipos n o funcionais foi analisado qual o aspecto que o sistema deveria ter e onde as funcionalidades deveriam ser disponibilizadas definindo assim um objectivo a alcan ar durante
59. e Emiss o em directo Procura Temas Noticias em destaque Desporto Noticia 1 Noticia 2 Cultura Noticia 3 Nacional Noticia 4 Emissao em Nosiciaro Dia Directo Nacional Noticia 1 Noticia 2 Noticia 3 Internacional Noticia 1 Noticia 2 Noticia 3 Desporto Noticia 1 Noticia 2 Noticia 3 Imagem A 12 Prototipagem Tarefa dif cil Ecr 1 87 Directo Arquivo Pagina Inicial Procura Temas Desporto Cultura Nacional Emissao em Directo Procura Temas Desporto Cultura Nacional Emissao em Directo P gina Inicial gt Arquivo 1 abendi rim Arq u ivo namu 2003 Seleccione a data sobre a qual deseja consultar as noticias Imagem A 13 Prototipagem Tarefa dif cil Ecr 2 Directo Arquivo F rum P gina Inicial P gina Inicial gt Arquivo Arquivo 23 05 2004 Que temas deseja consultar May O Nacional O Internacional Desporto Cultura Economia Imagem A 14 Prototipagem Tarefa dif cil Ecr 3 88 Directo Arquivo Forum Pagina Inicial P gina Inicial gt Arquivo gt Maio gt Cultura Procura Cultura Temas soe Desporto Noticia 1 Cultura Nacional Noticia 3 Emissao em Directo Imagem A 15 Prototipagem Tarefa dificil Ecra 4 Arquivo Forum Pagina Inicial Pagina Inicial Arquivo Maio Cultura Noticia 2 Procura Temas
60. e exemplo a transmiss o do ficheiro interrompida e a sess o finalizada Todos os ID s respeitantes a esta sess o Session deixam de ser v lidos OPTIONS Devolve os m todos dispon veis C gt S OPTIONS RTSP 1 0 CSeg 1 Require implicit play Proxy Require gzipped messages S gt C RTSP 1 0 200 OK CSeg 1 Public DESCRIBE SETUP H EARDOWN PLAY PAUSE ANNOUNCE Este m todo utilizado para alterar a descri o de um determinado objecto C gt S ANNOUNCE rtsp server example com fizzle foo RTSP 1 0 CSeq 312 Date 23 Jan 1997 15 35 06 GMT Session 47112344 Content Type application sdp Content Length 332 v 0 o mhandley 2890844526 2890845468 IN IP4 126 16 64 4 DESCRIBE M todo que devolve a descri o de um determinado objecto C gt S DESCRIBE rtsp server example com fizzle foo RTSP 1 0 CSeq 312 Accept application sdp application rtsl application mheg S gt C RTISP 1 0 200 OK CSeq 312 Date 23 Jan 1997 15 35 06 GMT Content Type application sdp Content Length 376 v 0 o mhandley 2890844526 2890842807 IN IP4 126 16 64 4 s SDP Seminar i A Seminar on the session description protocol u http www cs ucl ac uk staff M Handley sdp 03 ps e mjh isi edu Mark Handley c IN IP4 224 2 17 12 127 t 2873397496 2873404696 a recvonly m audio 3456 RTP AVP 0 m video 2232 RTP AVP 31 m whiteboard 32416 UDP WB a orient portrait o Neste exemplo o
61. e levou a que a escolha reca sse sobre o formato FLV foi o facto de este ser o formato de v deo mais utilizado em sistemas Web como pode ser observado na imagem 7 e 8 onde se pode observar que o formato FLV o formato utilizado em todas os grandes sistemas de partilha de v deos EH cv MPEG 4 DivX Imagem 7 Formatos de video utilizados na Web fonte Screen Digest 20 Site Google Video YouTube MySpace Video MSN SoapBox GUBA Grouper eBaum s World Revver Break iFilm Bebo Heavy Jumpcut Stage6 Veoh Current TV Blip tv Hi5 Daily Motion MetaCafe File Format FLY GVI FLV FLV FLV WMV AVI FLV WMV FLV WMV FLV QT FLV WMV FLV FLV FLV FLV Divx FLV MPEG 4 H 264 FLV FLV MPEG 4 FLV FLV FLV Imagem 8 Formatos de v deo utilizados nos sites referidos fonte Screen Digest Uma desvantagem do formato FLV o facto de ser necess rio instalar uma aplica o Adobe Flash Player para visualizar v deos neste formato Tal desvantagem minimizada pelo facto de praticamente todos os computadores com liga o internet j terem esta aplica o instalada como se pode ver na imagem 9 wo o o x o e o a o w n 8 Percentage of Internet enabled PCs E o Flash Player E Adobe Apple RealOne Adobe SVG Windows QuickTime Player Shockwave Player Player Imagem 9 Computadores com a tecnologia instalad
62. e quais aqueles que deveriam ser fornecidos de modo a tornar o site mais completo o que ajudou tamb m a perceber que servi os s o indispens veis no sistema em desenvolvimento e Uma an lise da interface do sistema incluindo uma avalia o segundo as heur sticas de Nielsen pois a interface dum sistema um dos factores mais importantes para garantir o seu sucesso As heur sticas de Nielsen podem ser consultadas no Anexo A 1 e Quais as plataformas utilizadas para o desenvolvimento do sistema De seguida cada um dos sistemas ser analisado individualmente tendo em conta os aspectos acima referidos 11 A TV Beja uma televis o online oriunda como o pr prio nome indica de Beja e pode ser consultada em http www tvbeja com actualidade turismo Tm cultura Encontro de gera e VI Beja S nior media opini o Agenda Cultural desporto 5PRuralBeja 13RuralBio De 5 sociedade a 8 de Outubro no Parque de 24 horas de Agricultura Feiras e Exposi es em Beja na 24 Ovibeja pub institucional centro comercial Agenda Desportiva Festival de Nata o dia 6 de Outubro 14h nas Piscinas Municipais de Almod var especial fertur Imagem 1 TV Beja Entre os servi os fornecidos por este website destacam se as not cias em v deo previamente gravadas al m de contar tamb m com uma agenda cultural e desportiva onde se pode encontrar aquilo que acontece de relevante nessas reas uma
63. e todos estes passos ser lhe poss vel aceder ao sistema atrav s do URL www exemplo com Streaming O objectivo do servi o de Tv Online que atrav s de um link colocado num website seja poss vel assistir em directo a uma transmiss o feita a partir de qualquer parte De seguida ser explicado como se coloca este servi o a funcionar utilizando o Real Producer e o Helix DNA server Inicialmente necess rio configurar o servidor de broadcasting Para tal necess rio abrir o Helix Server Administrator que tem o aspecto seguinte 74 Active Server disb Reload ia ii e Server Setup Transport Settings Security The server monitor displays performance connection and file activity Use the monitor to E see how t ver is being used who is using it when it is most used and which files Logging amp are the most requested Monitoring Server Monitor Basic Logging Advanced Logging SNMP Server Monitor HELP Monitoring sinc Broadcasting Content Management 18 15 Time Seconds Performance CPU Usage Memory Usage Players Connected 39373 K 0 Players Imagem A 5 Administra o do Helix Server De seguida necess rio criar um utilizador com permiss es de encoder Inicialmente existe um criado aquando da instala o do software em que pedido que indique um utilizador Para criar outros utilizadores com permiss es para transmitir v deo atrav s deste servidor deve se efectuar
64. eeesenseeeeseeseeeesseeaeessennaess 78 A 3 Estrutura do Question rio e iireee ereta a aaaree aa naaree nana areaanaareeaanaos 80 A 4 An lise de Resultados do Question rio seara 82 A 5 Prot tipos de Baixa Fidelidade e reeeearre ear naraanan 84 A 7 Comandos dispon veis em RTSP rasante 103 Indice de Figuras Imagens Imagem 1 TV Belaevski de ie el ened 12 Imagem 2 TV Netiis nace dv i ein liens 13 Imagem 3 TV Galizan paana a a ia iia 14 Iimagem 4 Barcelona FV scanidis id ieee ti ae ay 15 Imagem 5 KGEN TV iat tensed i hie ee Ae eee 16 Imagem 6 WSVIN T Va sasada eels aie tees ae ede geet ae tae elie etal 17 Imagem 7 Formatos de video utilizados na WeD cceeeeeeeeeeeeeeeeeteeeeeeeeeees 20 Imagem 8 Formatos de v deo utilizados nos sites referidos 21 Imagem 9 Computadores com a tecnologia instalada c ccccceeseeeeeesneees 21 Imagem 10 Arquitectura Web T pica Versus Arquitectura com CMS 22 Imagem T Vignette cis Genet nein tila es ie A eee 23 Imagem 12 Microsoft SharePoint Portal Server 2007 ccsssccecessteeeesenaes 24 Imagem 13 Joomlat ctictis fazia WA a ee ie ee 24 Imagem 14 Moode ies aiconrarie ate nite Ais ai ees AEEA A 24 Imagem 15 Prototipagem P gina Principal 32 Imagem 16 Pagina Inicial do Sistema OnTV 33 Imagem 17 Arquitectura d
65. ente de administra o o mais completa simples e autom tica poss vel para que qualquer altera o ou conte do inserido neste ficasse automaticamente vis vel na interface com o utilizador Um diagrama que exemplifica uma interac o com a ferramenta Joomla pode ser consultado de seguida Workflow System Metadata Management Tools o Authoring Interface Publishing 5 ra Blore o Activities MM no Your Audience 20 Imagem 19 Publica o de Conte dos em Joomla Neste diagrama encontram se as fases pelas quais passam os utilizadores de um sistema de gest o de Conte dos Inicialmente os utilizadores t m que se autenticar fornecendo ao sistema um username e uma password Mediante essa informa o e mediante as permiss es que o administrador atribuiu a esse utilizador este poder ou n o efectuar 37 determinadas tarefas Essas permiss es podem ser atribu das aquando da cria o do utilizador atrav s de tr s perfis predefinidos onde cada um deles corresponde a um n vel de funcionalidades permitidas diferente S o eles e Manager o Um manager corresponde a um utilizador do sistema que tem acesso ao menu de administra o BackEnd do sistema tendo acesso a todos os controlos de edi o de conte dos No entanto n o pode alterar templates alterar a disposi o do conte do de um Site adicionar ou remover extens es nem adicionar ou modificar defini es de
66. eram como sistemas de televis o online mas muito poucos correspondem verdadeiramente a essa designa o pois apenas fornecem noticias gravadas n o tendo qualquer servi o de TV em directo Passou se de seguida para outra fase em que foram analisadas quais as plataformas que permitiriam desenvolver da melhor forma um sistema deste tipo optando se pelas plataformas que melhor correspondiam s necessidades do sistema Todas essas op es se encontram detalhadas no cap tulo Resumindo o sistema a desenvolver utilizar PHP para o design do FrontEnd ou seja para determinar o que apresentado ao utilizador utilizar Joomla como gestor de Conte dos ou seja ser a ferramenta respons vel por gerir toda a informa o presente no sistema utilizar MySQL para gest o de bases de dados e finalmente utilizar o formato FLV flash como extens o dos v deos presentes no sistema ou seja todos os v deos apresentados encontrar se o em FLV e ser o visualizados com um leitor de FLV presente no sistema de forma a tornar a sua visualiza o poss vel independentemente do sistema operativo do utilizador Em rela o escolha do PHP e do MySQL esta ocorre visto que o sistema Joomla tal como j foi dito anteriormente desenvolvido em PHP e apenas interage com sistemas de base de dados MySQL tudo tecnologias OpenSource 27 3 Desenvolvimento da Interface Pessoa Maquina Depois da primeira fase do projecto que passou por efectuar u
67. es que mais lhe interessam Desporto Entretenimento Cultura Informa o Nacional Informa o Internacional Quando consulta uma not cia prefere faze lo atrav s de v deo ou atrav s de texto Apenas v deo Apenas texto Descri o textual a acompanhar o v deo Costuma procurar conte dos informativos na Internet Sim N o J consultou algum website de servi os de TV online sites com emiss es em directo ou not cias gravadas em v deo Consulto frequentemente Consulto ocasionalmente N o consulto Qual o servi o que considera mais importante num website com estas caracter sticas Possibilidade de ver not cias em v deo a qualquer hora Possibilidade de aceder a programas em directo Possibilidade de aprendizagem dist ncia Outro Indique nos qual 81 A 4 Analise de Resultados do Questionario Sasa 77 78 Escrit rio E 11 11 Escola E 5 56 Ciberespa os 5 56 Qual o seu meio de comunica o preferido Televis o E 55 56 R dio EO 5 56 Internet E 38 89 e Jornais 0 00 A n vel de conte dos televisivos indique nos aqueles que mais Ihe interessam Desporto 23 91 Entretenimento 15 22 Cultura Lo 21 74 Informa o Nacional oo 21 74 Informa o E 17 39 Internacional Quando consulta uma not cia prefere faze lo atrav s de v deo ou atrav s de texto Apenas v deo DO 22 22 Apenas texto p 27 78 Descri o tex
68. espeitadas visto que o website utiliza uma linguagem percept vel pelo utilizador d liberdade de utiliza o e controlo ao utilizador previne erros nomeadamente quando apresenta imagens juntamente com o texto para melhor identifica o dos v deos 12 eficiente e flex vel o design est tico e minimalista e disp e de documenta o e ajuda suficientes para uma boa navega o no website Em rela o s plataformas utilizadas para a realiza o do website foi utilizado MySQL para a gest o de bases de dados Windows Media Player como leitor de v deo e PHP para construir a interface com o utilizador A TV Net uma televis o online recente cujas emiss es ainda se encontram em fase experimental E contudo um bom exemplo de uma televis o online pois tanto esteticamente como ao n vel dos servi os fornecidos encontra se bastante completa podendo ser consultada em http www tvnet com pt PUBLICIDADE A APANAR 4 US SAR SECIS HOVE MOTORS ANALIVO PASSATEMP FORINS NOTI ES TONA EMISS O Emam spuimerta PRD GRAMAS LINES MANCHETES Imagem 2 TV Net De entre os v rios servi os fornecidos neste website destacam se as emiss es em directo que ainda se encontram em fase experimental e as not cias nacionais e internacionais que podem ser consultadas em v deo e em texto Al m destes servi os fornece tamb m um f rum de discuss o onde os utilizadores podem debater ideias passatempos como forma de inte
69. fm 17 de Maio de 2005 21 Joomla Template Tutorial http dev joomla org index2 php option com content amp do pdf 1 amp id 1136 4 de Agosto de 2006 22 Victor Lombardi Integrating CSS HTML with Content Management Systems http www digital web com articles integrating css with cms 15 de Setembro de 2004 23 Joomla Quick Start Guide http www netshinesoftware com downloads Joomla 20Quick 20Start 201 0 pdf 17 de Outubro de 2005 24 Real Producer User s Guide http docs real com docs RealProducer11 RealProducer_ 11 User Guide pdf 19 de Agosto de 2005 25 Helix Server Administration Guide http service real com help library quides helixuniversalserver realsrvr htm 2002 68 Anexos A 1 Manual de Instala o do Sistema OnTV Introdu o No desenvolvimento do sistema foram utilizadas diversas plataformas que permitem a elabora o e coloca o online de um sistema de TV Online Este documento visa esclarecer qualquer d vida que se possa ter relativamente a qualquer uma dessas plataformas no momento de colocar o sistema OnTV a funcionar correctamente bem como funcionar como um guia de instala o para que qualquer pessoa independentemente dos seus conhecimentos de inform tica consiga colocar o sistema online em poucos minutos Software Necess rio Para a elabora o de um sistema deste tipo necess rio inicialmente instalar o seguinte software Apache WebServer Software respons
70. g commands layer RTP Bay SS a bp audio video content mera rtsp raserver mpr org marketplace current_mpp rm Picture 3 RTSP s functioning In this image there is a description of the RTSP s functioning As it was already mentioned above the RTSP protocol uses meta files as pointers to the files that are afterwards transferred directly by RTP Real Time Protocol between media server and the client s video reader where RTSP comes up as a way of adding the usual commands associated to a video play nt pause stop In the next image it is illustrated an example of a RTSP usage TTP GET AU i web at server session description SETUP m pat PLAY Lat media client server RTP audio RTP video ha RTCP ESPE PAUSE ri pat CLOSE pr Picture 4 RTSP Protocol example This is a typical example of the usage of RTSP Initially the user sends an http get data needed to initiate all the transactions by http to which the web server responds After this all the commands executed by the client are sent to media server place where is the file that is pointed by the meta file through RTSP protocol being the video transported by RTP between media server and the user s video reader at the same time that it is presented 5 4 Existing broadcast architectures The three existing architectures belon
71. g to real media Microsoft and Apple being the correspondent extensions to each one of them in the following table Architecture Meta file Video File Windows asx wax 3 asf wmv Media WVX nn mov at QuickTime mov sdp p gti 6 Conclusion In this document the main steps to bear in mind on how to develop an online TV system were approached The initial work was only of research throughout various similar websites to the one that we intend to develop and choosing the most interesting ones for a much deeper analysis to the most relevant aspects in a system of this kind i e interface quality what are the provided services and the ones that should be and in which platforms does the system s functioning rely on Then we went into another step where the platforms that allow to build such a system were analysed having to opt by several platforms and not by others All these options are detailed in this document After that a decisive aspect for the success of the web system was analysed more precisely the interface with the user pointing the main aspects to take into account in its development Then the document focused of the IP broadcasting technology since it s a vital technology to implement the online TV system researching about which protocols are used and what are the available architectures 7 References 1 Matjaz Juric Sohail Salehi Hagen Graf Building WebSites with Joomla March 2006 2 Henning
72. gn est tico para o utilizador 2 2 An lise de Tecnologias O objectivo desta an lise era a de antes de se come ar a implementa o do sistema escolher de entre todas as plataformas dispon veis aquelas que d o maiores garantias de fiabilidade e robustez e ao mesmo tempo satisfazem os requisitos de funcionamento j levantados e analisados Neste ponto encontram se descritas as v rias op es dispon veis para os diversos n veis da arquitectura a desenvolver bem como as raz es pelas quais se optou por uma plataforma em detrimento de outra 18 2 2 1 Extens es e Codecs de Video a Utilizar Num sistema deste tipo o tamanho de um video um aspecto que merece uma an lise cuidada visto que ao minimizar o tamanho de um video sem prejudicar a sua qualidade minimiza se tamb m o tempo que o utilizador tem de esperar at o video estar disponivel para visualizagao no seu browser Assim sendo foram comparados os formatos de video mais comuns e que garantem qualidades de imagem elevadas incluindo um formato mais recente e que apenas pode ser visualizado em leitores Flash FLV Esta experi ncia foi efectuada recorrendo ao software de convers o de video Any Video Converter software de licen a livre que efectua uma convers o de e para todos os formatos de video mais importantes De seguida encontram se as tabelas correspondentes a essa an lise onde todas as convers es foram efectuadas segundo os mesmos par metros de qual
73. http get trama necess ria para iniciar todas as transac es por http ao que o WebServer responde A partir daqui a interac o do cliente unicamente com o Media Server Todas as sess es se iniciam atrav s do comando de SETUP atrav s dele que o cliente d a conhecer qual o ficheiro que deseja visualizar e quais os portos que est o dispon veis para tratar os protocolos necess rios RTP para transmiss o de dados e RTSP para mensagens de controlo ao 43 que o servidor responde com a confirma o dos par metros Depois de efectuado o SETUP a liga o entre o cliente e o servidor est efectuada e pode come ar a transmiss o de dados Atrav s do comando PLAY o cliente informa o servidor que deseja iniciar a visualiza o do v deo Depois da confirma o do servidor os dados s o enviados atrav s do protocolo RTP Outros comandos dispon veis atrav s de RTSP s o o PAUSE que suspende o envio da informa o para o cliente podendo esta de seguida ser reatada atrav s de um comando PLAY e o CLOSE que finaliza a sess o A t tulo informativo descreve se de seguida o formato de um comando RTSP PLAY encontrando se todos os outros comandos dispon veis no Anexo A7 e Formato de um pedido Cliente Servidor ou Servidor Cliente o PLAY rtsp video example com twister video RTSP 1 0 CSeq 2 Session 23456789 Range smpte 0 10 00 A primeira linha constitu da pelo m todo a invocar neste
74. icas de Portugu s Lingua N o Materna PLNM Ensino ind rio VESASE informa aue Imagem 12 Microsoft SharePoint Portal Server 2007 se os seguintes Joomla gestor de conte dos com origem no Mambo Dentro do segmento dos gestores de conte dos n o comerciais OpenSource destacam um sistema desenvolvido em PHP e a sua grande vantagem o elevado n mero de extens es com novas funcionalidades que podem ser acrescentadas e desenvolvidas pelos utilizadores sendo devido a isso utilizado em todo o tipo de sites Uma das poucas limita es o facto de s interagir com bases de dados MySQL sendo assim obrigat rio utilizar este sistema de gest o de base de dados em qualquer site assente em Joomla Departamento de Ci ncias e Tecnologias da Informa o Programa Doutoral em Ci ncias e Tecnologias de Informa o Pesquisa Enviar Programa Doutoral em us Propostas de Teses Sobre o Programa Bolonho Descri o e Objactvos Destinat rios Propinas Candidaturas Matr culas Fraqu ncia Tese Piano Curricular Unidedes Curriculares Obrigetiries Unidades Curriculares Optativas Diplomas Contactos Areas de Especializa o e Propostas se Ci ncia e Tecnalogis ca Programa o Estudos de Informa o Inform tica Aplicada Gest o e s Ci ncias Sociais Intelig ncia Artificial Multim dia vis o e Computa o Gr fica Redes Digitais Arquitectura Ge Compu
75. idade Bitrate Framerate entre outras justamente para aferir qual dos formatos permite minimizar o tamanho ocupado sem prejudicar a qualidade da imagem A primeira coluna corresponde a extens o e ao tamanho do v deo a converter enquanto as seguintes correspondem ao tamanho do v deo depois de convertido para as extens es referidas Tabela 4 Convers o de WMV para outros formatos Tabela 5 Conversao de FLV para outros formatos De salientar que todos os tamanhos apresentados sao em MB e que o formato AVI foi codificado sem recorrer a tecnologia MPEG 4 Divx Apesar disso e recorrendo a tecnologia MPEG 4 obtiveram se tamanhos da ordem dos obtidos com o formato FLV Atrav s da an lise das tabelas onde a 1 coluna corresponde ao tamanho e formato v deo a converter e as restantes aos tamanhos e formatos dos v deos convertidos pode se ver que de todas estas tecnologias aquela que permite minimizar melhor o tamanho de um ficheiro de v deo o WMV seguido do FLV formato este que apenas suportado por leitores de v deo Flash Apesar do formato mais compacto obtido neste estudo ter sido o WMV o sistema a desenvolver ter de ser compat vel com todas as plataformas existentes Windows Linux MacOS o que n o acontece com o formato WMV pois um ficheiro propriet rio da Microsoft Assim sendo optou se pelo formato FLV pois um formato que n o depende da plataforma em que apresentado Outro dos factores qu
76. idos ou seja os passos necess rios para executar cada uma das funcionalidades existentes no sistema 10 2 Estado da Arte Neste cap tulo encontra se descrito o estado da arte relacionado com o sistema ou seja todo o trabalho de investiga o efectuado que passou por uma an lise de alguns sistemas de TV Online j existentes bem como por uma defini o de quais as tecnologias sobre as quais o sistema iria assentar 2 1 An lise Comparativa de Sistemas de TV Online Neste ponto encontra se uma an lise detalhada efectuada a seis sistemas de TV Online j existentes A escolha dos sistemas a analisar revelou se muito dif cil dado o n mero elevado de sistema existentes pelo que os sistemas foram escolhidos segundo tr s crit rios sendo eles o facto de fornecerem ou n o servi os semelhantes aos que s o pr requisito da aplica o a desenvolver ou seja emiss es em directo arquivo de not cias gravadas f rum de discuss o e ainda o seu design e robustez Outro crit rio que pesou na escolha dos referidos sistemas foi o seu pa s de origem tendo sido escolhido dois portugueses dois espanh is e dois norte americanos Todos os sites analisados foram obtidos a partir de um site onde se encontram agrupados todos os sistemas de TV Online existentes agrupando os pelo seu pais de origem Esse site pode ser consultado em http wwitv com A an lise focou se em tr s aspectos principais e Quais os servi os fornecidos
77. ifi INSTITUTO SUPERIOR T CNICO Sistema de Televis o Online OnTV Diogo Laranjo Salvador Barreira N mero 49631 Disserta o para obten o do Grau de Mestre em Engenharia Inform tica e de Computadores J ri Presidente Professor Joaquim Jorge Orientadores Professor M rio Rui Gomes Professor Mauro Figueiredo Vogais Professor Carlos Ribeiro Setembro 2008 Indice 1 IntrOdU O 325 54 sus asian E ete areias asas teed as sas bee ayed alates olla gta 9 2v Estado da Arte nsun tots abet ches sera dan gincan Sines asd vautud ss indo E a aa Ta lina nessa mantado 11 2 1 An lise Comparativa de Sistemas de TV Online 11 2 2 An lise de Tecnologia s scecisieivesasieeetuts nes aea aa aaa aE Ena a alo ARE a 18 2 2 1 Extens es e Codecs de Video a Utilizar 19 2 2 2 Gestor d Conte dos inene na oaa a aE mais ead vai tbbeario AAE aA EA S Eaa 21 23 CONCIUS AG eean a a a a a a epeaeicees 26 3 Desenvolvimento da Interface Pessoa M quina 28 3 1 Resposta s 11 Perguntas da An lise de Tarefas 28 3 2 Cen rios do Problema a srai a ae aer ArAnA aA R raaF ad saad ANRI EARR dedsalecentacersateadateens 30 3 9 Modelo Conceptual Farrenin irratira eid paaniaa aate pdrtenu e pano na naati a pi aandar anas 30 3 4 Cen rio de Actividades arsar ae Sscsceadsats cdessslecetdaserecdsaaeteasssascdecdusatecdsasascedd 31 3 5 Protolipagem en ir eTe TARE ANE aA EA AREE aA TAPAA TAR AT AIRRA R AEn RAO
78. ilizador 78 e Nunca o contr rio 8 Desenho do ecr est tico e minimalista e Apresentar apenas a informa o que o utilizador necessita e Informa o deve aparecer numa ordem natural e Informa o relacionada deve estar graficamente agrupada e A ordem de acesso informa o deve estar de acordo com as expectativas do utilizador e Eliminar ou esconder informa o irrelevante ou raramente necess ria 9 Ajudar utilizador a reconhecer diagnosticar e resolver erros e Mensagens de erro na linguagem do utilizador e Indicar claramente o problema e Sugerir construtivamente a solu o 10 Dar ajuda e documenta o e A ajuda n o substituta de um mau desenho da interface do utilizador e A ajuda deve ser e F cil de utilizar Centrada na tarefa do utilizador Listar passos concretos para concretizar a tarefa N o demasiado extensa No contexto 79 A 3 Estrutura do Questionario Sexo Idade lt 21 21 25 26 35 36 45 46 55 56 65 gt 65 Quais s o as suas habilita es liter rias Ensino b sico Ensino secund rio Frequento o ensino superior Licenciado Com que frequ ncia navega na Internet diariamente 3a 6 vezes por semana 1 a 2 vezes por semana n o utilizo Internet Onde costuma aceder Internet Casa Escrit rio Escola Ciberespa os Qual o seu meio de comunica o preferido Televis o 80 Radio Internet Jornais A nivel de conte dos televisivos indique nos aquel
79. imize the time that the user has to wait until the video is available for him to visualize it in his browser Hence the most common formats and the ones that guarantee high quality images were compared including the most recent format which can only be visualised using flash FLV Next are the tables 2 3 that correspond to this analysis where all the conversions were performed according to the same quality parameters bitrate framerate among others specially to state which of the formats allow to minimize the occupied size without harnessing the quality of the image WMV AVI MPEG FLV o po ee Do as ms me Table A6 4 FLV to WMV AVI and MPEG conversion We shall now focus on the advantages and disadvantages presented by the WMV and FLV formats In regards to the WMV format the only advantage towards FLV is the fact that it is a bit more compact since another advantage taken into account until now the fact that it was more used and recognized by the users is no longer verified as we can see in chart 1 E Fv E wmv E vi EM or E avi Opec 4 Divx Charity videos formats that are more used in the web source Screen Digest Another relevant factor in this choice is the fact that WMV is a Microsoft owned technology and can only be correctly visualised in platforms that have windows media player which comes with windows by default or plugins that despite the fact that are available for MacOS and Linux are not ins
80. itido Input Output E E E E mi Ea Lae 54 BS 12 187 187 gt 24 247 7307 30 E R L R e 640x480 shown at 51 Audiences Video Filters Clip Information e Destination Status I B exemplo Broadcasting r oo foe for hrs min sec Source Properties Po 4 ti POJ Job Status Start End Untitled 4 Encoding Complexity XLow 12 36 44 AM olelolal ela O Encode E So Imagem 63 Sucesso na liga o com o servidor No menu de administra o do servidor podem ser consultadas os v deos que est o de momento a ser transmitidos e quantos utilizadores se encontram a visualiz los como se ilustra na imagem 64 Server Setup Transport Settings Security Logging amp Monitoring Server Monitor Basic Logging Advanced Logging SNMP Broadcasting Content Management Key Performance Connections MAGS Filename Current Monitoring dish on port 9090 1 at 12 40 10 9 27 2008 4 at 12 40 10 9 27 2008 64 Imagem 64 Administrador do DNA Streaming Server Posto isto basta indicar no sistema Joomla o link para o v deo como se encontra ilustrado na imagem 65 Kem Details Title Emiss o em Directo Section Teo Title Alias Category TFC 7 x Intro Text required show hide OBIVER Seem 2k BiG As el a 35 S In of E 1d Styles 9 Fonttemip Font sie 2 O ian T Format F
81. licado o conte do ficar automaticamente dispon vel na interface do sistema e dispon vel para consulta por parte de qualquer utilizador que visite o sistema Na figura seguinte encontra se detalhada uma interac o entre o Joomla CMS e a interface final Database P Web page Imagem 21 Interac o entre Joomla e um WebPage 22 e Inicialmente o Joomla CMS comunica com a base de dados do sistema no caso MySQL e obt m ou guarda os dados necess rios e Depois de obter os dados estes passam por uma camada de apresenta o onde s o transformados de acordo com o HTML e CSS de apresenta o de forma a serem apresentados de uma forma agrad vel para o utilizador final e Finalmente essa informa o fica dispon vel na Web Page ou seja na interface onde o utilizador final do sistema interage com a mesma Na imagem 22 encontram se as v rias camadas que constituem o Joomla Extension Tier Application Tier id Joomla Framework 23 Imagem 22 Camadas que constituem o CMS Joomla 39 Como se pode ver os componentes e m dulos funcionam como extens es ao n cleo principal do Joomla permitindo criar novas funcionalidades n o dispon veis inicialmente Foi atrav s destas extens es criadas em PHP de resto tal como todo o Joomla que algumas das funcionalidades foram criadas As diferen as entre o que constitui um m dulo e o que constitui um componente encontram se explicadas de segui
82. line o que tendo em conta que o sistema a desenvolver ter um texto por not cia uma funcionalidade importante pois permite uma maior liberdade na edi o desses textos e Permite a reescrita de URLS de modo a torn las mais percept veis para os utilizadores e Disp e de um Sistema de recolha de lixo sistema essa semelhante reciclagem do Windows e que permite aos administradores do website recuperarem conte do que j n o se encontre dispon vel neste e Permite que conte dos sejam automaticamente adicionados ou removidos do sistema a uma determinada hora o que para este tipo de sistemas que alterado diariamente uma funcionalidade muito importante Tendo em conta todos estes factores o sistema de Gest o de Conte dos escolhido para integrar o sistema em an lise foi o Joomla 2 3 Conclus o Neste ponto foram abordados os principais passos a ter em conta quando se pretende desenvolver um sistema online neste caso um sistema de Televis o Online O trabalho inicial foi apenas de investiga o tendo sido pesquisados diversos websites semelhantes ao desenvolvido e escolhidos os mais interessantes para uma an lise mais cuidada aos factores mais relevantes num sistema deste tipo ou seja qualidade da interface quais os servi os fornecidos e aqueles que o deveriam ser e em que plataformas assenta o funcionamento do sistema Nesta primeira fase concluiu se que existem centenas de 26 sistemas que se consid
83. lus o Neste cap tulo encontra se todo o trabalho realizado tendo em vista o Desenvolvimento da Interface Pessoa M quina do sistema Foi durante esta fase que os requisitos funcionais do sistema foram levantados Inicialmente a resposta s 11 Perguntas da an lise de tarefas permitiu aferir de que modo as pessoas executam as tarefas nos sistemas existentes como o fazem e aquilo que precisam de saber para o fazer Durante a an lise de tarefas ficou tamb m definido quem seriam os utilizadores alvo do sistema e quais as tarefas que estes necessitariam de executar Passou se depois defini o do modelo conceptual do sistema onde se identificou o que o sistema representa para os utilizadores e finalmente foram desenhados prot tipos n o funcionais para simular como o sistema iria implementar funcionalidades que respondessem aos problemas identificados nas tr s tarefas apresentadas 33 4 Arquitectura do Sistema 4 1 Analise do Problema Passadas as fases inerentes ao inicio do desenvolvimento de uma aplica o os objectivos a atingir encontram se nesta altura claramente definidos e adv m dos requisitos levantados no cap tulo anterior bem como do que era inicialmente especificado Assim os objectivos da aplica o passam pela cria o de um sistema de televis o online cujos principais servi os s o os seguintes e Emiss o em Directo Possibilidade de estabelecer uma emiss o em directo vis vel por qualquer utilizador atrav s
84. lvida utilizando PHP CSS e HTML PHP como linguagem de programa o utilizada no desenvolvimento dos m dulos necess rios para a implementa o de algumas funcionalidades HTML como linguagem de apresenta o e CSS para defini o dos estilos utilizados na interface do sistema 4 2 1 MySQL Toda a aplica o assenta sobre uma base de dados onde guardada toda a informa o relevante e de onde obtida a informa o vis vel ao utilizador final De entre as bases de dados existentes a aplica o utiliza o MySQL visto que uma tecnologia OpenSource e de f cil integra o com o gestor de conte dos utilizado que ser discutido de seguida Al m disso um sistema de Base de Dados bastante robusto e que possui todas as 35 funcionalidades necess rias ao funcionamento do sistema bem como a sua migra o para qualquer servidor de Internet De seguida encontra se um diagrama que exemplifica uma chamada a uma base de dados MySQL para obten o de dados Client RA e Server pinata k ea Server Auth Result Imagem 18 Diagrama MySQL 9 A primeira instru o necess ria para qualquer sistema interagir com um servidor MySQL a seguinte e conn mysql_connect servername username password o servername URL do servidor de mySQL o Username utilizador com permiss es para executar instru es no servidor mySQL o Password Password associada ao Utilizador Depois de consegui
85. m Gestor de Cursos ou seja foi especificamente desenhado no meio acad mico para ser usado no meio acad mico ajudando professores e administradores ligados ao sistema educativo a gerir cursos e todas as envolventes dos mesmos como as Cadeiras a leccionar O Joomla bem como muitos sistemas semelhantes apesar de menos usados um gestor de conte dos ou seja uma aplica o destinada a gerir de forma simples e vers til todos 25 os conte dos que se desejem utilizar num sistema Web logo muito mais abrangente e aplicavel numa sistema do g nero do sistema apresentado As funcionalidades mais importantes do Joomla no que ao sistema OnTV diz respeito sao as seguintes e Permite a utiliza o de Templates e Permite a reutiliza o de conte dos dentro da mesma p gina Web o que uma aspecto importante num sistema onde o mesmo conte do como por exemplo uma noticia pode estar em mais que um menu e Permite perfis de utilizadores ou seja permite que novos perfis de utiliza o com caracter sticas diferenciadas possam ser criados atrav s de uma interface de administra o e Joomla disp e de uma galeria de fotos ou seja um reposit rio para gerir e apresentar imagens o que tendo em conta que no sistema a desenvolver se pretende ter uma imagem por cada not cia uma funcionalidade muito importante e Disp e de um gestor de documentos gestor esse que permite a edi o e cria o de novas vers es do documento off
86. m estudo aprofundado sobre o ramo em que se insere o tema da disserta o ou seja o ramo das aplica es web mais especificamente uma aplica o web assente em servi os de v deo e de definir a arquitectura sobre a qual iria assentar o sistema passou se fase de an lise e levantamento de requisitos uma das fases mais importantes no desenvolvimento de qualquer aplica o pois para se desenhar uma boa interface necess rio efectuar um levantamento de requisitos para aferir aquilo que o utilizador quer do sistema e quais as funcionalidades necess rias para que o sistema tenho sucesso Um dos m todos mais importantes de levantar requisitos e aquele que permite uma an lise mais cuidada e abrangente a utiliza o de Question rios Neste documento encontrar uma an lise do question rio efectuado bem como as respostas s 11 perguntas da an lise de tarefas 11 perguntas essas que resumem aquilo que se precisa saber sobre o p blico alvo da aplica o em desenvolvimento e uma continua o l gica da observa o feita s respostas ao question rio O question rio efectuado para a an lise de tarefas pode ser consultado no anexo A 3 e a sua an lise pode ser consultada no anexo A 4 De referir que foram efectuadas 46 submiss es do question rio De seguida s o descritos 3 cen rios de problema para 3 tarefas poss veis no sistema tarefas essas que d o ainda origem a 3 prot tipos de baixa fidelidade que se encontra
87. m no anexo A 5 Neste cap tulo pode ainda ser consultado o modelo conceptual constru do para esta aplica o 3 1 Resposta s 11 Perguntas da An lise de Tarefas De seguida e tendo em conta as respostas dadas ao question rio encontra se a resposta as 11 perguntas da an lise de tarefas para a aplica o a desenvolver 1 Quem vai utilizar o sistema m Pessoas com acesso Internet e que pretendem aceder a conte do informativo baseado em v deo Hm Capacidades m Pessoas habituadas a navegar na Internet m Pessoas que sabem utilizar um leitor de v deo m H bitos e Prefer ncias m Utilizadores ass duos utilizadores que utilizam o sistema como meio preferencial de informa o m Utilizadores espor dicos utilizadores que consultam o sistema quando pretendem consultar not cias espec ficas 28 Que tarefas sao executadas actualmente E Assistir a notici rios e Emiss es em directo numa esta o de Televis o Que tarefas s o desej veis no sistema a desenvolver m Consultar not cias em v deo e em texto E Assistir a Emiss es em Directo Como se aprendem as tarefas a executar HE Que necessitam os utilizadores de saber m Alguma experi ncia em utiliza o de websites convencionais Utilizar leitores de v deo m Nao exigem aprendizagem especial E Sistema a desenhar deve ser simples e semelhante aos j existentes a n vel de standards Onde s o desempenhadas as tarefas E As tarefas s o desempenhadas o
88. nal acabar Como n o tinha visto os tr s golos com que o Berfica tinha vencido o Belenenses decide consultar uma televis o online para visualizar o resumo do referido jogo e Tarefa dif cil O Ant nio em conversa com um amigo ficou a saber que tinha sido transmitida em Maio uma not cia sobre a sua galeria de arte favorita num canal de televis o Como ficou com curiosidade em ver o conte do da not cia decidiu pesquis la numa televis o online que guardasse em arquivo not cias de meses passados 3 3 Modelo Conceptual O modelo conceptual de uma aplica o assenta no paradigma de que antes de desenhar como o sistema se apresenta aos utilizadores se deve desenhar o que o sistema para os utilizadores Para tal desenha se o modelo conceptual da aplica o que composto por uma defini o ou seja uma descri o de alto n vel de como um sistema est organizado e funciona pelos objectos que comp em o sistema bem como as ac es que est o dispon veis para utilizar esses objectos e finalmente por uma rela o entre conceitos 30 Assim sendo o modelo conceptual da aplica o o seguinte EH Objectos Ac es Objectos Not cia v deo arquivo descri o textual tema m Ac es Visualizar v deo Aceder ao arquivo Consultar not cia assistir a emiss o em directo participar no f rum de discuss o E Rela es m Um v deo tem um texto associado m Um v deo corresponde a uma not cia m Um
89. nde existir acesso a um televisor Quais as rela es entre utilizadores e informa o EH Necess rio liga o Internet para aceder informa o m Utilizador em princ pio utilizar sempre a mesma m quina m Possibilidade de guardar cookies Que outros instrumentos tem o utilizador para executar as tarefas E Internet Como comunicam os utilizadores entre si m N o relevante Qual a frequ ncia do desempenho das tarefas E Diariamente 29 10 Quais as restri es de tempo impostas E Utilizadores n o est o pressionados por restri es de tempo 11 Que acontece se algo correr mal m N o existem tarefas cr ticas para o sistema 3 2 Cen rios do Problema De seguida encontram se descritos tr s cen rios de problema para tr s das tarefas a executar no sistema correspondendo cada cen rio a um grau de dificuldade diferente ou seja ser criado um cen rio para uma tarefa f cil para uma m dia e para uma dif cil Os prot tipos correspondentes a estes cen rios podem ser consultados no anexo A 4 e Tarefa f cil O Jos encontra se a navegar na Internet quando se lembra que nessa altura est a dar o Benfica x Boavista em directo Como a sua mulher est a ver a telenovela na sala decide consultar um site desportivo para ir acompanhando o desenrolar do jogo atrav s da informa o textual disponibilizada e Tarefa m dia O Jo o apanha muito tr nsito no caminho para casa chegando a casa depois de o telejor
90. nseguir corrigi los antes de lan ar o produto no mercado De seguida encontram se detalhadas as 10 heur sticas de Nielsen heur sticas essas que utilizarei quando efectuar a an lise interface de todos os sistemas observados 1 Tornar estado do sistema sempre vis vel e Dar sempre a conhecer ao utilizador onde est o e onde podem ir e Informar os utilizadores do que se est a passar quando as opera es demoram algum tempo Falar a linguagem do utilizador e Usar terminologia familiar ao utilizador Utilizador controla e exerce livre arb trio e Oferecer meios para sair de situa es inesperadas erros e N o obrigar a caminhos inflex veis e Utilizar bot es de Cancel e Voltar Atr s e Suportar Undo Redo Consist ncia e ader ncia a normas e Utilizadores n o se devem preocupar quando que diferentes palavras situa es ou ac es significam a mesma coisa e Deve seguir se sempre as conven es da plataforma Evitar erros e Melhor que uma boa mensagem de erro evitar o erro e Minimizar uso de teclado e Verificar valores introduzidos Reconhecimento em vez de lembran a e Tornar objectos ac es e indica es e Vis veis e F ceis de recuperar e identificar e Mesmo sem nunca os ter visto antes entender o seu significado Flexibilidade e Efici ncia e Escolher que ac es s o mais frequentes e Que bot es devem aparecer na barra de ferramentas e Interfaces devem se adaptar ao ut
91. nterior ser visto pelo utilizador da seguinte maneira NACIONAL search Noticia Exemplo Ministro confia estudo ambiental nao pora em causa Alcochete Imagem 59 Not cia Exemplo criada e vis vel no sistema A Not cia Exemplo encontra se dispon vel na sec o Nacional acompanhada pela imagem descritiva que na altura lhe foi anexada Ao clicar na not cia o seguinte ecr apresentado Noticia Exemplo 00 00 ox s4 ull Texto respeitante noticia exemplo 09 05 2007 15 32 39 Imagem 60 Aspecto da Not cia Exemplo na Interface do Sistema Para visualizar o v deo basta clicar em Play 6 3 Emiss o em Directo Outra das funcionalidades mais importantes do sistema a possibilidade de assistir a emiss es em directo a partir do sistema Para tal necess rio algum trabalho de configura o que descrevo de seguida 62 6 3 1 Backend Inicialmente necess rio captar o sinal de um equipamento de video Para tal utilizado o Real Producer software de captura e edi o de v deo RealProducer Basic 11 Untitled 1 File Edit Controls Settings View Help 6404480 shown at 51 640x480 shown at 51 C Input file Browse Audiences Video Filters Clip Information Devices audio None Setting inati Wideo ET USB 2710 Camera X Settings I Duration 00 foo lt oo hrs min sec Es Source Properties 4 B Ca oi pO Add Server Destination Imagem 61
92. o grupo deveria dispor de um sistema de administra o onde fosse poss vel adicionar conte dos da maneira mais simples e directa poss vel ficando os conte dos adicionados dispon veis na interface do sistema dispon veis para consulta por parte do primeiro grupo de forma quase directa O trabalho desenvolvido dividiu se em duas fases Numa primeira fase maioritariamente de investiga o foram identificados os requisitos do sistema e a melhor maneira de os implementar tendo em conta as tecnologias que melhor se adequavam ao problema A segunda fase correspondeu implementa o propriamente dita do sistema onde todo o sistema foi desenvolvido precisamente para corresponder s necessidades dos dois grupos de utilizadores descritos acima No segundo cap tulo deste documento encontra se descrito o estado da arte ou seja todo o trabalho de investiga o realizado que passou por analisar diversos sistemas semelhantes j existentes e por escolher as tecnologias a utilizar no sistema No terceiro cap tulo encontra se o Desenvolvimento da Interface Pessoa M quina que passou pela defini o dos requisitos de usabilidade que o sistema deveria respeitar No quarto cap tulo encontra se a defini o da Arquitectura do Sistema onde se analisam todas as plataformas utilizadas e a forma como estas interagem entre si No quinto cap tulo encontram se descritas as funcionalidades do sistema enquanto que no sexto se encontram os resultados obt
93. o Sistema aerea 35 Imagem 18 Diagrama MySQL aeee 36 Imagem 19 Publica o de Conte dos em Joomla nn 37 Imagem 20 Joomla Administra o errar 38 Imagem 21 Interac o entre Joomla e um WebPage ccceeeeeeeeeeeeeeeeees 39 Imagem 22 Camadas que constituem o CMS Joomla n 39 Imagem 23 Diagrama de BroadCasting inn 41 Imagem 24 WebPage VS Streaming de Video nens 41 Imagem 25 Download de um ficheiro por HTTP 42 Imagem 26 Utiliza o de MetaFiles re 42 Imagem 27 Funcionamento do RTSP aaa 43 Imagem 28 Exemplo de funcionamento do Protocolo RTSP 43 Imagem 29 Streaming de V deo aerea 45 Imagem 30 Streaming Real Helix Media 45 Imagem 31 Real Producer aiaiai ad aa nana 46 Imagem 32 Helix SCrvel c cceccccececeeceseeeececeeeeeaeeceeeeeeeeaeeseceeeesaaaeseeneeeseaeeseeaseeees 47 Imagem 33 Pedido HTML enaa h iai tai a aaia a 48 Imagem 34 P gina Inicial do Sistema rente 49 Imagem 35 Barra de Navega o aeee 49 Imagem 36 Emiss o em Directo eee 50 Imagem 37 Pesquisa Interactiva aas raana ra ANTEE A AENEIS ESS 50 imagem 38 TEMAS ieira siera ho Sta adro A aeaa E S RAEES 51
94. o a um WebServer e este responde Numa arquitectura de BroadCast o respons vel por gerir os pedidos do cliente o Media Server Quando um cliente quer consultar um determinado conte do envia um pedido ao Media Server que responde enviando ao cliente o MetaFile correspondente Um MetaFile corresponde a um apontador para o ficheiro de audio ou de v deo que se deseja obter Depois de receber esta informa o o Client Browser envia a para o Media player pois a partir dela que este localiza o conte do e o apresenta Na imagem 23 encontra se uma imagem que descreve as interac es existentes entre as diversas camadas bem como a fun o atribu da a cada uma delas 40 1 Page Download Request _ TOO a N 2 Page Contents in _ 3 Media Metafile N Download Request 5 Media Metafile Contents 4 Media Metafile N Contents N 6 Stream Control 7 Stream Control Data 22 Imagem 23 Diagrama de BroadCasting Na imagem 24 encontram se esquematizadas as camadas necess rias para efectuar uma transac o por HTTP bem como as camadas necess rias para efectuar uma transac o por RTSP Real Time Streaming Protocol WebPage Streaming de V deo Browser Visualiza o Media Player Es Interactividade RTSP TCP Transporte RTP UDP IP Encaminhamento IP Physical Connection Rede Physical Connection Imagem 24 WebPage VS Streaming de Video Visto que no mbito deste documento interessa perceber
95. o do seu sistema seguido de uma porta em liga o segura https como por exemplo https exemplo com 2083 Procure a ferramenta MySQL databases e execute a Crie uma Base de Dados que no nosso manual ser exemplo_ Crie um Utilizador que no nosso manual sera exemplo_user1 com password 12345 73 Adicione este utilizador a base de dados exemplo_ De seguida entre na aplica o PhpMy Admin Seleccione a Base de Dados exemplo e clique em Import Procure o ficheiro bd sql seleccione Latini em Character set of the file e fa a o upload do ficheiro clicando em Go Neste momento a base de dados exemplo encontra se com a mesma informa o que a base de dados exemplo Para que seja poss vel visualizar correctamente o site online falta apenas editar o ficheiro de configura o do sistema configuration php Dever editar o configuration php alterando apenas as configura es descritas e deixando iguais as que n o s o mencionadas partindo do principio que o endere o do servidor em que est a alojar o site www exemplo com mosConfig absolute path home exemplo public html mosConfig cachepath home exemplo public html cache mosConfig db exemplo mosConfig_dbprefix ex_ mosConfig_host localhost mosConfig_live_site http exemplo com mosConfig_password 12345 mosConfig_user exemplo_user1 Se efectuou correctament
96. o funcionamento do protocolo RTSP de seguida encontra se ilustrado o seu funcionamento bem como as funcionalidades mais importantes de que disp e O Protocolo RTSP Real Time Streaming Protocol foi criado para servi os de v deo na Internet que originaram requisitos de utiliza o at ent o desnecess rios como a met fora do Leitor de V deo e os seus comandos tradicionais Pause Play Record Stop etc Na imagem 25 encontra se ilustrada a utiliza o t pica quando se fala em download de ficheiros de v deo por HTTP O ficheiro a transmitir neste caso um ficheiro de v deo 41 passado por HTTP do WebServer para o computador do utilizador atrav s do seu web browser que ap s completar o download do ficheiro o encaminha para o leitor de video predefinido no computador do utilizador web server HTTP browser file media player A Imagem 25 Download de um ficheiro por HTTP Na imagem 26 encontra se descrita a utiliza o de meta ficheiros em vez da utiliza o do ficheiro de v deo propriamente dito Um Meta Ficheiro um ficheiro de texto com uma extens o predefinida mediante a arquitectura que se utilize e que cont m um apontador para o ficheiro de v deo original sendo tamb m respons vel por invocar o leitor de v deo presente no website ou no computador do utilizador a gt web server HTTP meta file web browser audio video content ss
97. os seguintes passos Seleccionar Broadcasting Seleccionar RealNetworks Encoding Em Authentication clicar em create user names and passwords Seleccionar o Realm SecureRBSEncoder e clicar em Add a User To Realm A partir deste momento este utilizador tem permiss es para se ligar ao servidor e transmitir v deo por si produzido Para tal dever abrir o Real Producer e efectuar os seguintes passos Ligar um dispositivo de v deo ao computador Seleccion lo em Devices gt Video imagem captada pelo dispositivo aparece na janela esquerda De seguida dever seleccionar Add Server destination 75 Server Destination Destination name exemplo Templates Stream name directo rm Broadcast method Push Account Based Login Helix Server Broadcast Method Settings Server address 83 132 86 235 Path Optional Transport C UDP Port Port range Producer listening port TCP Usemame Password Remember password Advanced Options OK i Help Imagem A 6 Real Producer Aparecer o menu ilustrado na imagem Em Destination Name dever colocar um texto apenas para identificar de que streaming se trata n o tendo este nome qualquer outra fun o Em Stream Name dever colocar o nome que deseja atribuir ao Stream De notar que visto ser uma tecnologia da RealNetworks a extens o ter que ser rm ou ra Em Server address dever colocar o IP em que est instalado o
98. per services of an online TV news archive live broadcasting etc and also their design Another important aspect in the choice of the systems was their country origin being chosen 2 Portuguese 2 Spanish and 2 North Americans in order to analyse what is done in this field in Europe and also in the USA This analysis is focused in three main aspects e Which services were provided and which should be provided in order to make the site more complete which also helped us to understand which the vital services in the system s development were e An analysis of the system s interface including the evaluation using the Nielsen s Heuristics 7 since the interface of a system is one of the most important factors in order to guarantee its success e Which platforms to be used in the system development In table 1 there is a small summary of that analysis where one can see which are the services supplied by each of the TV systems analysed a general overview of the design of each of them where 1 means a very bad general overview and 6 a very good one where the number of violated heuristics were taken into account as well as the overall aspect of the website meaning the good colour contrast and the fact that it is pleasing to the sight the size and style of font being adapted to the background the coherent alignment of information and the fact that it is user friendly among all other small aspects that make an aesthetic site It can
99. rac o com os utilizadores e alguns programas sobre temas previamente definidos Em rela o interface o website encontra se muito bem conseguido O facto de disponibilizar ScreenShots de cada um dos v deos juntamente com o texto ajuda bastante a navega o nomeadamente na identifica o do v deo a visualizar Em rela o s heur sticas de Nielsen n o consigo encontrar nenhuma que seja violada neste website visto que o estado do sistema se mant m sempre vis vel em todos os menus de navega o a linguagem utilizada bastante simples e explicativa o controlo de navega o total por parte do utilizador as normas s o respeitados o website flex vel e 13 bastante eficiente o design como j referi anteriormente muito agrad vel e minimalista e finalmente disp e de bastante ajuda durante a sua navega o de forma a prevenir erros Em rela o s plataformas utilizadas para a realiza o do website foi utilizado MySQL para a gest o de bases de dados Windows Media Player como leitor de v deo e PHP para construir a interface com o utilizador A CRTVG Televis o Online da Galiza ao contr rio dos dois exemplos anteriores uma televis o online espanhola e al m de Televis o disp e tamb m de servi os de R dio Online servi os esses que n o entram no mbito deste documento e n o ser o por isso analisados podendo ser consultada em http www crtvg es COMPA IA DE RADIS TELEVSION DE GALICIA
100. realitat i ficci magazin informatiu preparada de cara actuaLirar ricci ENTRETENIMENT al turisme O Si fa anys que thd s una capital Imagem 4 Barcelona TV Cu ANULAR Barcelona est Em rela o aos servi os fornecidos por esta TV online os mais relevantes s o as emiss es em directo e o arquivo de not cias que se encontra dispon vel apenas em v deo Al m disso disp e tamb m da programa o das emiss es em directo um espa o destinado s novidades relativas quilo que acontecer no futuro na BarcelonaTV e um espa o onde se encontram diversas informa es relativas aos programas transmitidos por esta TV online Em rela o interface este um website como uma imagem e aspecto bastante agrad veis onde s o utilizadas cores alegres e agrad veis vista Em rela o as heur sticas de Nielsen este website poderia estar melhor conseguido visto que se no aspecto de design n o h nada a apontar em rela o s heur sticas de Nielsen o website apresenta algumas falhas A mais grave o facto de violar a 6 heur stica de Nielsen de forma grosseira visto que apesar de ter um bot o de play juntamente com o nome da not cia que queremos visualizar esse bot o encontra se inactivo tendo o utilizador que clicar no texto para aceder ao v deo da not cia e n o no bot o como seria de esperar Al m disso viola tamb m a 3 visto que n o disp e de bot o para voltar atr s quan
101. rmas Descri o e Objectivos Bolonha Imagem 13 Joomla Candidaturas e matriculas Candidaturas abertas curante todo o ano Ap s a selec o dos candidatos estes ter o de se inscrever matricular no Programa para ingressarem efectivament no terceiro ciclo Os alunos cuja inscri o matricula tenha sido faita am Julho Ge um an poder o iniciar e terceiro och tipicamente em Setembro co mesmo ane primeiro semestre Os alunos cuja inscri o matricula tenha sido feita em Janeiro poder o Iniciar o terceiro ciclo tipicamente em Fevereiro desse ano segundo semestre 24 e Moodle criado em 2001 por Martin Dougiamas um sistema de gest o de conte dos vocacionado para a gest o de aprendizagens e trabalho colaborativo permitindo a cria o de cursos online p ginas de disciplinas e comunidades de aprendizagem sendo utilizado principalmente no contexto do E Learning Entror FACULDADE DE CIENCIAS E TECNOLOGIA Portugu s Portugal pt UNIVERSIDADE NOVA DE LISBOA Moodle FCTUNL Learning Management Informa o Pesquisar p ginas Grupos de disciplinas CSA Dep Ci ncias Socais Aplicadas DI Dop inform tica DCEA Dep Ci ncias e Engenharia do Ambsigntr Especial ExpoFCT mes on DCM Dep Ci ncia dos Matarais Menu principal E ces e learning J DCT Dap C ncas ca Tarra pe 2a DEC Dap Engenharia Cwi seein amp DEE Dep Engerharia Electrot cnica cited Uy Moodie Expo FCT aisa Digtal
102. rnational Conference GMAI 2007 As a conclusion the Online TV system has resulted in a totally functional system where one can find all the previously specified functionalities Keywords TV Online Streaming Joomla Interface 1 Introdu o Assiste se actualmente ao aparecimento de diversos sistemas Web que disponibilizam servi os semelhantes aos que anteriormente s eram fornecidos pelas televis es convencionais muito se devendo este facto massifica o do uso do v deo na Internet que se verificou nos ltimos anos O facto de actualmente a Internet ser o meio de comunica o mais utilizado em todo o mundo levou a que as pr prias esta es de televis o desenvolvessem sistemas deste tipo sendo em alguns casos poss vel assistir emiss o da esta o directamente no seu sistema Web Outros casos houve em que o aparecimento de um sistema deste tipo surgiu independentemente da exist ncia de uma esta o de televis o convencional associada funcionando o sistema de forma independente tanto atrav s de conte dos pr prios como atrav s de conte dos compilados a partir de outros locais Foi neste contexto que o sistema que deu origem a este documento surgiu sendo o trabalho realizado fundamentalmente um trabalho de engenharia pedag gico que permitiu ao seu autor durante o desenvolvimento entrar em contacto e aprofundar conhecimentos sobre as diversas tecnologias necess rias para a implementa o de um sistema deste tipo
103. s aqui analisados apresentado uma imagem agrad vel vista e uma navega o bastante acess vel O facto de disponibilizar ScreenShots de cada um dos v deos juntamente com o texto ajuda bastante a navega o por parte do utilizador ajudando o a melhor identificar o v deo que deseja visualizar Em rela o as heur sticas de Nielsen viola a 3 visto que n o disp e de bot o para voltar atr s quando se navega nos menus o que restringe o controlo e liberdade de utiliza o por parte do utilizador Todas as outras heur sticas s o respeitadas visto que o estado do sistema se mant m sempre vis vel em todos os menus de navega o os standards s o respeitados o website flex vel e o seu uso bastante eficiente por parte do utilizador o design muito agrad vel e finalmente disp e de bastante ajuda durante a sua navega o de forma a prevenir erros Em rela o s plataformas utilizadas para a realiza o do website foi utilizado MySQL para a gest o de bases de dados Windows Media Player como leitor de v deo e PHP para construir a interface com o utilizador Na tabela seguinte encontra se um pequeno resumo do cap tulo 2 onde se pode consultar quais os servi os fornecidos por cada um dos sistema de televis o online 17 analisados uma aprecia o global do design de cada um deles em que 1 significa uma aprecia o global muito m e 6 uma aprecia o global muito boa contribuindo para esse valor o n mero
104. sability The Practice of Simplicity 1999 8 Arash Amel Dan Cryan User generated online video Competitive review and market Outlook In ScreenDigest 9 Dr Aileen Pierce PHP and MySQL https atlas colorado edu apierce BIT spring08 PHP MySQL pdf 10 Real Networks RTSP INTEROPERABILITY WITH REALSYSTEM SERVER 8 http docs real com docs risp pdf 7 de Dezembro de 2000 11 Vincent Roca RTP RTCP and RTSPmultimedia protocols for the Internet 29 de Agosto de 2001 12 Mostafa Monwar Streaming Audio and Video 2004 13 H Schulzrinne A Rao R Lanphier Real Time Streaming Protocol RTSP Abril de 1998 14 Microsoft Office Sharepoint Server MOSS Overview http technet microsoft com en us magazine cc16251 1 aspx 15 Joomla Tutorial http Avww tm4y co za joomla tutorials tutorial 1 joomla overview html 16 Mambo CMS Overview http mambo news org content view 168 97 16 de Fevereiro de 2006 17 Moodle Tutorial http moodle learningtech net file ohp 1 IntegratedMoodleS pdf Janeiro de 2005 18 Vignette Content Management System Overview http www vignette com us Products W eb Content Management Vignette Content Mana gement 19 MySQL Reference Manual http downloads mysql com docs refman 4 1 en a4 pdf Versao 12405 11 de Novembro de 2008 67 20 Rob Prideaux What Does a Content Management System Do http www techsoup org learningcenter webbuilding archives page9347 c
105. tadores Sistemas Oparativos Simula o de Sistemas Complexos Sistemes de Informa o Telocomuriica es Propostas de Teses Orientadores do DCTI Docentes des Unidades Curriculores Obrigot rios Representa o e Processamento de Axlomas em Ontologias Defini o e processamento da linguagem de conte do Prolog Content Lenguage pare comunica o entre agentes Aprendizagem por observa o e enraizamento grounding de regras de comportamento Educa o num ambiente de Jogo de Computador a Virtual Guise Representa o de Concetos De nticos em UML Simula o Computacional de Converg ncia e Ruptura de Converg ncia de Opini o Metodologia da Simula o Computacional Modela o e Replica o de Simula es A Complexidade e a Simula o como Ambiente Narratvo e de Negocia o M todos e ferramentas para a simula o de Interac es entre agentes heterog neos e Modela o da fluxos e detec o de padr es em redes de comunica o Funcionalidades do Protocolo P2P Hibrido Bi Torrent Sistemas MIMO e Scheduling Din mico para LTE T cnicas Eficlentes para Suporte de Servi os de Difus o de Informa o em Sistemas Beyond IG M todos e t cnicas para a medelizacio de sistemas organizacionais complexos Compras on line factores de utiliza o risco percebido e satisfa o do consumidor Organiza es e Sistemas Normativos Automa o de L gicos Modais Cl ssicas te
106. talled by default in the system being this a task for the user To visualise FLV it is also necessary to have a small Macromedia plugin which is installed in most of the computers as can be seen in chart 2 g 70 a a 5 60 so 2 E 5 40 2 E 30 20 s S 3 o Adobe Java Microsoft Apple RealOne Adobe SVG Flash Player Windows QuickTime Player Shockwave Media Playor Player Player ia Chart gt percentage of computers with the mentioned installed platforms source Adobe Finally and to conclude the analysis nowadays almost every systems of video streaming available in the internet use Flash technology as we can see in the following picture Site File Format Google Video FLV GVI YouTube FLV MySpace Video FLV MSN SoapBox GUBA FLV WMV AVI Grouper FLV WMV eBaum s World FLV WMV Revver FLV QT Break FLV WMV iFilm FLV Bebo FLV Heavy FLV Jumpcut FLV Stage6 Divx Veoh FLV MPEG 4 H 264 Current TV FLV Blip tv FLV MPEG 4 Hi5 FLV Daily Motion FLV MetaCafe FLV Picture 1 Used Tecnologies by mentioned sites Therefore one can conclude from this analysis that even though it is possible to use WMV and FLV the one that presents more advantages for the developing of such a system is the second option 3 2 Content management system In regards to the content management system to use Joomla system arises as a valid option Developed in PHP and of easy interaction with MySQ
107. the design of front end joomla as a content manager MYSQL for the managing of data bases and FLV as an extension of the videos present in the system 4 Methodologies for the interface development To design a good interface we need and before starting the implementation to perform a search of requisites in order to establish what the user wants from the system and what are the necessary functionalities for the system to be well succeeded One way to do that is to use a survey and afterwards to provide answers to the 11 questions of the tasks analysis which synthesise what needs to be known about the target public of the application in development The 11 questions are the following md Who is going to use the system What tasks are actually performed by similar systems What are the desired tasks in the system to develop How do we learn the tasks to be performed Where are those tasks performed What is the connection between users and information What others instruments are the user provided with to execute the same service How do the users communicate amongst each other What is the frequency of the tasks performance ONO A WO LD 0 What are the time restrictions imposed m md What happens if something goes wrong Another important step in the conception of an interface is the definition of a conceptual model for the system which is composed by a definition i e a high level description of how a system
108. tra o BackEnd e posteriormente como essas funcionalidades s o disponibilizadas ao utilizador final 6 1 Not cias em V deo Um dos principais servi os fornecidos pelo sistema OnTV o de permitir a publica o pelos administradores e a visualiza o pelos utilizadores de v deos de uma maneira simples O processo de inser o de not cias em v deo no sistema ser agora descrito passo a passo desde que o administrador tem um v deo que deseja publicar no sistema at ao momento em que este fica dispon vel para visualiza o no frontend do sistema 6 1 1 BackEnd O primeiro passo a n vel de administra o inserir o v deo no sistema Associado ao v deo encontra se uma imagem identificativa do mesmo Snapshot O sistema fornece uma ferramenta para obter snapshots a partir de um determinado v deo de forma simples Essa ferramenta o Expose onde basta inserir um v deo e na frame da qual se deseja obter o Snapshot clicar em Create Thumbnail Depois da imagem estar criada esta deve ser adicionada ao sistema Para tal o administrador deve dirigir se a Upload MovieScreen para adicionar a imagem ao sistema e a Upload Movie FLV para adicionar o v deo como se encontra ilustrado na imagem 51 Components Modules Mambots Installers Mes apcatendar g Banners a Contacts x Expose gt E z Fireboard Forum Movie Galle S JCE Admin eee Category BM Joomiastats x joomlaXplorer a Li
109. tual a E 50 00 acompanhar o video Costuma procurar conte dos informativos na Internet PE 100 00 82 N o E 0 00 J consultou algum site de servi os de TV online sites com emiss es em directo ou not cias gravadas em v deo Consulto E 27 78 frequentemente Consulto i E 38 89 ocasionalmente N o consulto a 33 33 Qual o servi o que considera mais importante num site com estas caracter sticas Possibilidade de ver not cias em v deo a EM qualquer hora Possibilidade de aceder a E 27 78 programas em directo Possibilidade de 11 11 aprendizagem a distancia Outro Indique nos qual i 0 00 83 A 5 Prot tipos de Baixa Fidelidade Barra de Havega o Windows Media Player Icon de Emiss o em directo Procura Temas Noticias em destaque Desporto Noticia 1 Noticia 2 Cultura Noticia 3 Nacional Noticia 4 Noticias do Dia Emissao em Directo Nacional Internacional Desporto Noticia 1 Noticia 1 Noticia 1 Noticia 2 Noticia 2 Noticia 2 Noticia 3 Noticia 3 Noticia 3 Imagem A 7 Aspecto do menu principal Este ser o aspecto do menu principal do sistema constitu do por duas barras de navega o em cima e do lado esquerdo que estar o presentes em todos os menus e vistas da aplica o Al m disso uma barra de navega o tamb m estar sempre presente e ajudar o utilizador a saber onde se en
110. um dos crit rios na escolha das plataformas a utilizar bem como na arquitectura sobre a qual assentou a aplica o 4 2 Arquitectura do Sistema Neste ponto encontra se especificada toda a arquitectura do sistema OnTV bem como qual a fun o de cada um dos seus componentes na execu o e funcionamento do sistema 34 De seguida encontra se um diagrama que representa todas as camadas existentes no sistema e as depend ncias que existem entre elas Consulta de F rum de Emiss o Em Not cias Discuss o Directo PHP CSS HTML Server Real Producer Base de Dados da MySQL nous Aplica o Imagem 17 Arquitectura do Sistema Servi os Disponibilizados Camada de Apresenta o Helix DNA Administra o do Sistema A arquitectura do sistema encontra se dividida em tr s camadas A camada sobre a qual assenta todo o sistema a base de dados A base de dados utilizada no sistema o MySQL onde guardada toda a informa o introduzida pelo administrador do sistema A camada de administra o composta pelo sistema Joomla Gestor de Conte dos onde o administrador do sistema introduz todos os conte dos que pretende disponibilizar ao utilizador final e pelos sistemas necess rios para a emiss o em directo neste caso o Real Producer respons vel pela captura e edi o da imagem e o Helix DNA Server servidor respons vel por disponibilizar o v deo ao cliente A camada de apresenta o foi desenvo
111. urs Cultura Nacional O Nacional Internacional Desporto Emissao em Cultura Dirata Economia PUB Directo Arquivo F rum P gina Inicial P gina Inicial Arquivo gt Maio gt Cultura Procura Cultura Temas a Desporto Noticia 1 Cultura Noticia 2 Nacional Noticia 3 Emissao em Directo Directo Arquivo Forum Pagina Inicial Pagina Inicial Arquivo Maio Cultura Noticia 2 Procura Temas Desporto Cultura Nacional Texto associado noticia i ler mais gt gt gt Emissao em Directo A tarefa dificil ser consultar uma noticia de cultura do m s de Maio Para tal o utilizador deve clicar em Arquivo na barra de navega o superior De seguida surgir o menu apresentado na segunda imagem o utilizador escolhe a data que deseja e surgir o menu descrito na terceira imagem O utilizador de seguida convidado a seleccionar quais os temas pelos quais tem interesse ao que se segue um menu onde poder visualizar as not cias correspondentes aos temas que seleccionou Finalmente a not cia apresentada num esquema igual ao apresentado na ltima imagem 5 Broadcast architecture This topic is focused on the IP broadcast technology which is vital for the implementation of the live TV service In this topic there is a summary of the performed investigation in regards to this matter focusing on the RTSP protocol which is responsible for the IP video bro
112. utilizadores e Administrator o Um Administrator tem um leque de permiss es mais alargado que um Manager Al m de todas as funcionalidades postas disposi o de um Manager um Administrator pode ainda alterar a disposi o do conte do de um Site adicionar e remover extens es ao Site e podem ainda alterar os perfis de utilizador do seu n vel ou n vel abaixo Manager e Super Administrator o Super Administrator corresponde ao n vel mais alto na hierarquia Este tem acesso a qualquer funcionalidade de administra o do sistema sendo o nico utilizador que pode criar utilizadores com perfil de Super Administrator ou alterar o perfil de um utilizador j existente para Super Administrator Passada a fase da autentica o o utilizador direccionado para o menu principal do Joomla que tem o seguinte aspecto Home Site Menu Content Components Modules Mambots Installers Messages System Help og aa Loge On TV com admin Control Panel Logged Components Popular Latest Items Menu Stats LP ER Al Currently Logged in Users Ss 1 admin Super Administrator x lt lt Start lt Previous 1 Next gt End gt gt Display 30 Results 1 1 of 1 Imagem 20 Joomla Administra o Uma vez no menu principal do sistema o utilizador respons vel por inserir conte dos poder fazer as opera es necess rias para tal opera es essas que se encontram detalhadas mais frente no documento 38 Uma vez pub
113. ve Chat 5 MoMediaz y News Feeds gt Polls S RDRSS RSS Factory Web Links E Xe VidMega y Movies 0 Internacional 3 g Categories 9 Upload MovieScreen o Internacional 3 S Upload Movie flv 8 Settings deo Pol tica 1 Imagem 51 Inser o de Videos 58 Ao seleccionar Upload Movie FLV o menu apresentado ao administrador sera o seguinte Movie Title Movie Category HW Movie Description Photo Moviescreen Select Image v Movie flv Select Movie MovieScreen Preview Imagem 52 Menu de Inser o de Video e Movie Title T tulo do video e Movie Category Categoria qual o v deo pertence Corresponde a sess o onde o v deo ser disponibilizado na interface e Movie Description Descri o textual do v deo Corresponde descri o que acompanha a imagem descritiva do v deo e Photo MovieScreen Seleccionar a imagem previamente inserida Uma pr visualiza o dessa imagem disponibilizada por baixo do menu de inser o e Movie Seleccionar o v deo previamente inserido Depois de guardado no sistema o pr ximo passo public lo para que fique dispon vel na interface do sistema Para tal basta seleccionar o v deo e clicar em Publish como se encontra demonstrado na imagem 58 Eq On TV com xevidmega i E 0 2 Publish Edit Unpublish New Delete Movie Gallery Hi D pe v EEE Photos x C Title Category Published Author
114. ve broadcasts 1 Introduction Throughout this document there is a description of all the investigation needed in order to define a proper working environment for the establishment of an Online TV system including the analysis of similar systems and platforms in order to develop the required system All the steps and methodology to develop an interface are also described like for instance the task analysis and the prototypes of low fidelity of the system This document is organised in the following manner In topic 2 there is a comparative analysis of online TV systems by observing similar systems to the one that we intend to develop so as to understand better what is being done in this field In topic 3 there is a comparative analysis of the platforms to be used where all the platforms are analysed in order to select those that better serve the requisites of the system in development Topic 4 is related to all the work that has been done concerning the interface of the system for this latter to respond in the best way possible to what the user is expecting of it In topic 5 the protocol RTSP Real Time Streaming Protocol is approached and analysed since it is the protocol that allows the live TV service one of the system s requisites 2 Comparative analysis of online TV systems In this topic we can find an analysis performed on 6 existing TV systems which were chosen by three criteria being the fact that they supply or not the pro
115. vernnc a n natronatn nela haiva Imagem 48 RSS Al m de disponibilizar o conte do do sistema em RSS o sistema OnTV fornece uma funcionalidade adicional Atrav s do menu de administra o do sistema poss vel adicionar RSS Feeds de outros sistemas que ficam automaticamente dispon veis para consulta na interface do sistema OnTV No menu de administra o para introduzir um novo RSS Feed de outro sistema basta aceder a Components gt RSS Factory gt Manage RSS Sources de seguida clicar em New para criar uma nova entrada ou em cima de uma das existentes se desejar edit la A Add RSS i Select Category Order New items default to the last place Current Icon Browse Published O no O ves Imagem 49 Inser o de RSS Feeds de outros sistemas A imagem 49 corresponde ao menu de inser o de um novo RSS Feed e Title T tulo do RSS Feed e URL Link para a funcionalidade de RSS do sistema desejado e Category Os RSS feeds podem ficar agrupados por categoria por exemplo not cias desporto cinema etc Para o utilizador final do sistema consultar esta informa o basta clicar em RSS Feeds que se encontra no menu de Funcionalidades 56 5 7 Forum Z Outra das funcionalidades presentes no sistema a possibilidade dos utilizadores comunicarem entre si atrav s de um f rum disponibilizado na interface do sistema como se pode ver na imagem 50 E OnTY Forum Forum Show l
116. ws e publicar esse conte do atrav s de portais e sites web Foi desenvolvido utilizando Java J2EE e pode utilizar como sistema gestor de Base de Dados Oracle Microsoft SQL Server e DB2 Alguns exemplos de utiliza o do Vignette s o o site da Disney da Fox News e da Universidade de Miami como se pode ver na imagem 11 site People SEARCH UNIVERSITY OF MIAMI i N curren suos Sawa N recur He is seen a television s But Monday th co ity ha ses Wh ds Anderson Cooper ali tot Bives Ja md when he spoke at the Northern Stucents Returns Trust Lecture 2008 Senior tackle modarn UM alumnus Convocation missions in launches ancient city Creative nares American Music program Enhancing Electronic 2008 Sea Secrets Lecture UM to Partner with About UM Collections on April 16 Nometand Security UM News Center Bill Cosford Cnema litical Presidential Experts CEIA 08 ntars and Institutes ti SEBALL ii BankUnited Center Commencement UNIVERSITY OF ee Copyright 1997 2008 Coral Gables Florida 33124 Send technical feedback University of Miami Telsohone 305 284 2211 Request tor information Miami All RIGHLS Reserved View Privacy Statement Imagem 11 Vignette Microsoft SharePoint Portal Server 2007 41 sistema de gest o de conte dos desenvolvido pela Microsoft e que composto por um conjunto de funcionalidades que podem ser estendidas atrav s do desenvolvimento de WebParts aplica
117. zona correspondente 85 A 5 2 Tarefa M dia Barra de Havega o Pagina Inicial Windows Media Player Icon de Emissao em directo Procura Temas Noticias em destaque Noticia 1 Noticia 2 Cultura Noticia 3 Nacional Noticia 4 Essa Noticias do Dia Directo Nacional Noticia 1 Noticia 2 Noticia 3 Internacional Noticia 1 Noticia 2 Noticia 3 Desporto Noticia 1 Noticia 2 Noticia 3 Imagem A 9 Prototipagem Tarefa m dia Ecr 1 Directo Arquivo P gina Inicial gt Noticias gt Desporto P gina Inicial Procura Desporto Temas Desporto No N Nacional Emissao em Directo Imagem A 10 Prototipagem Tarefa m dia Ecr 2 86 P gina Inicial gt Noticias gt Desporto Noticia 2 Procura Temas Desporto Cultura Nacional Emissao em Directo Imagem A 11 Prototipagem Tarefa m dia Ecr 3 A tarefa m dia ser visualizar uma not cia desportiva Para tal deve se na barra de navega o da esquerda seleccionar o tema Desporto o que levar ao segundo menu Nesse Menu o utilizador deve escolher qual a not cia que deseja visualizar not cia essa que ser apresentada num novo menu de navega o e que ter o aspecto descrito na ltima imagem apresentada A 5 3 Tarefa Dif cil Directo Arquivo F rum P gina Inicial Barra de Havega o Windows Media Player Icon d

Tese 2,5 MB - Técnico Lisboa

Contents

Download Pdf Manuals

Related Search

Related Contents

Tese 2,5 MB - T&eacute;cnico Lisboa

Contents

Download Pdf Manuals

Related Search

Related Contents

Tese 2,5 MB - Técnico Lisboa