2011 - Escola Europeia de Ensino Profissional

Escola Europeia de Ensino Professional 

3110 – Hugo Daniel de Abreu Barros 

3114 – Mário Jorge Oliveira de Castro 

Manuel Rodriguez Suarez 

2011

Escola Europeia de Ensino Profissional 

D. Manuel Rodríguez Suárez 

Técnico de Gestão de Equipamentos Informáticos 

Entrega do relatório: Maio de 2011 

Nº do Aluno Nome do Aluno 

3110 

3114 

2008 / 2011 

Hugo Daniel Abreu Barros 

Mário Jorge Oliveira de Castro

Agradecimentos 

iii 

Este curso, que acabamos de concluir, apenas foi possível de concluir devido à 

ajuda e contribuição de várias pessoas, a quem nós queremos agradecer de sincera 

profundidade, entre estas várias pessoas destacam-se as seguintes: 

Aos nossos país cujo os seus nomes são António Barros, Palmira Barros e 

António Eirinha e Lucília Oliveira, pela sua ajuda que nos foi dada ao longo destes anos 

de vida, salientado o seu apoio, a sua dedicação e sua contribuição para a conclusão 

deste curso. 

Ao Sr. Director desta escola o Dr. Manuel Rodriguez Suarez, por nos ter 

acolhido nesta escola e assim tornar realidade a conclusão deste curso. A ajuda que nos 

foi dada por este Director foi um grande passo para sermos uns excelentes profissionais 

no futuro 

Ao professor da disciplina de IMEI e orientador da PAP Moisés Rodrigues, 

agradecemos-lhe pelos conhecimentos que aprende-mos nas suas aulas que foram muito 

importantes para nós. Queremos também salientar a sua excelente orientação para este 

trabalho, que nos ajudou muito ao dar apoio e incentivo para que este trabalho fosse um 

sucesso. 

Aos docentes que nos acompanharam ao longo destes três anos de curso, entre 

os quais, a professora Isabel Maciel de Língua Portuguesa, Marta Rodrigues de Área de 

Integração, Lúcia Fernandes de TIC, Sofia Sá de Matemática, Alice Carvalho de Física 

e Química, Manuel Ribeiro de Electrónica, Duarte Monteiro de Língua Inglesa, Sérgio 

Silva e seu auxiliar Cristiano Fernandes de SDAC e Comunicação de Dados e por Fim 

Norberto Martins de Educação Física. A todos estes nomes mencionados a cima 

agradecemos por nos terem ajudado a desenvolver os nossos conhecimentos 

relativamente a cada disciplina. 

Prova de Aptidão Profissional – Hugo Barros e Mário Castro

Resumo 

iv 

Este Relatório foi elaborado no âmbito do trabalho de final de curso também 

conhecido como Prova de Aptidão Profissional, que possui como principal objectivo 

apresentar, de forma sucinta, os passos necessários para a criação de um servidor de 

Digital Signage. De modo a fácil compreensão do leitor iremos explicar um pouco 

sobre o Digital Signage, isto é, iremos nomeadamente demonstrar um pouco das suas 

aplicações nos dias de hoje, a sua história entre muitos outros temas interessantes. 


Preâmbulo 

v 

O tema deste projecto foi escolhido, com base, nas novas tecnologias e na 

programação em php. Escolhemos elaborar este projecto, pois o Digital Signage, tem 

vindo cada vez mais a evoluir, o que o transforma numa das grandes potências a nível 

comercial. 

Hoje em dia vimos, exemplos de aplicações de Digital Signage em todo sítio, 

como hospitais, bancos, farmácias e por até já tem tido aplicação em transportes 

públicos. Muitas as pessoas estão a utilizar, pois é uma forma de chamar a atenção para 

determinado produto, através dele conseguimos, por exemplo, colocar a ordem de 

atendimento (Ticket), e no mesmo projecto até podemos incorporar, televisão em 

funcionamento, dependendo do tipo de programa que estamos a utilizar, pois nem todos 

os programas o conseguem fazer. 

O nosso software, foi feito com base, em alguns softwares, como o XIBO que é a 

estrutura base do nosso projecto, e o Vertigo foi por onde nos inspiramos para o design. 

Como orientação, recebemos também algumas informações sobre pessoas 

amigas, e professores, que despertaram muito interesse, e que foi o aspecto mais 

importante para concluir este projecto. 


Índice 

Agradecimentos ............................................................................................................... iii 

Resumo ............................................................................................................................ iv 

Preâmbulo ......................................................................................................................... v 

Índice ............................................................................................................................... vi 

Índice de Figuras ........................................................................................................... viii 

Índice de Tabelas ............................................................................................................ xii 

Notação .......................................................................................................................... xiii 

1. Introdução.................................................................................................................. 1 

1.1. Fases do Projecto ............................................................................................... 2 

1.2. Estimativa de tempo ........................................................................................... 3 

1.3. Recursos utilizados ............................................................................................ 4 

1.3.1. Xampp ........................................................................................................ 5 

1.3.2. Dreamweaver .............................................................................................. 6 

1.3.3. Vmware Workstation .................................................................................. 7 

1.3.4. Photoshop CS3 ........................................................................................... 8 

1.3.5. Windows XP ............................................................................................... 9 

1.3.6. PHPMyAdmin .......................................................................................... 10 

1.4. Esquema do Projecto ....................................................................................... 11 

2. Introdução ao digital Signage .................................................................................. 12 

2.1. História do Digital Signage .............................................................................. 13 

2.2. Aplicações do Digital Signage ......................................................................... 14 

2.3. Vantagens do Digital Signage .......................................................................... 15 

3. Tutorais de Instalação dos softwares ....................................................................... 16 

3.1. Vmware Workstation 7.1 ................................................................................. 16 

3.2. XAMPP ............................................................................................................ 18 

3.3. Dreamweaver 8 ................................................................................................ 19 

3.4. Adobe Photoshop CS3 ..................................................................................... 21 

3.5. Windows XP SP2 ............................................................................................. 22 

4. Iniciação as Redes .................................................................................................. 28 

4.1. Classificação das redes .................................................................................... 29 

4.2. Área Geográfica ............................................................................................... 30 

4.2.1. Rede de Área local (LAN) ........................................................................ 30 

4.2.2. Rede de Longa Distância (WAN) ............................................................. 31 

4.2.3. Rede de Área Metropolitana (MAN) ........................................................ 32 

vi 


4.2.4. Rede de Armazenamento (SAN) .............................................................. 33 

4.2.5. Rede Pessoais (PAN) ................................................................................ 34 

4.2.6. Rede Privada (VPN) ................................................................................. 35 

4.3. Topologias ....................................................................................................... 36 

4.3.1. Estrela ............................................................................................................ 36 

4.3.2. Malha ........................................................................................................ 37 

4.3.3. Anel .......................................................................................................... 38 

4.3.4. Barramento ............................................................................................... 39 

4.3.5. Backbone .................................................................................................. 40 

5. Broadcast Server ..................................................................................................... 41 

5.1. Manual de Instalação - Broadcast Server ............................................................ 42 

5.2. Manual do utilizador- Broadcast Server ............................................................. 53 

5.3. Manual de Ligação – Player/Servidor ................................................................. 65 

4. Orçamento para a Instalação ................................................................................... 74 

5. Conclusões .............................................................................................................. 75 

7.1. Objectivos Futuros ........................................................................................... 76 

7.2. Apreciação Final .............................................................................................. 77 

8. Referencias .............................................................................................................. 78 

9. Anexos ..................................................................................................................... 82 

9.1. Código fonte de alguns ficheiros ..................................................................... 82 

9.1.1. Ficheiro Install.php ................................................................................... 82 

9.2.1. Ficheiro Include.php ................................................................................. 99 

9.3.1. Ficheiro services.php .............................................................................. 102 

9.4.1. Ficheiro settings.php ............................................................................... 106 

vii 


Índice de Figuras 

Ilustração 1- Fases do Projecto ......................................................................................... 2 

Ilustração 2- Logo do XAMPP ......................................................................................... 5 

Ilustração 3- Ambiente gráfico do XAMPP ..................................................................... 5 

Ilustração 4- Dreamweaver logo....................................................................................... 6 

Ilustração 5- Ambiente do Dreamweaver ......................................................................... 6 

Ilustração 6- Vmware logo ............................................................................................... 7 

Ilustração 7- Ambiente do Vmware.................................................................................. 7 

Ilustração 8- Photoshop Cs3 logo ..................................................................................... 8 

Ilustração 9- Ambiente gráfico do Photoshop .................................................................. 8 

Ilustração 10- Windows XP logo ..................................................................................... 9 

Ilustração 11- Ambiente gráfico do Windows .................................................................. 9 

Ilustração 12- PHPMyAdmin logo ................................................................................. 10 

Ilustração 13- Ambiente gráfico do PHPMyAdmin ....................................................... 10 

Ilustração 14- Esquema do projecto ............................................................................... 11 

Ilustração 15- Monitor a exibir um layout de Digital Signage ....................................... 12 

Ilustração 16- Digital Signage empresa cisco................................................................. 13 

Ilustração 17- Digital Signage utilizado em forma de propaganda ................................ 15 

Ilustração 18- Digital Signage na NASA ....................................................................... 15 

Ilustração 19 Iniciação da Instalação do Software ......................................................... 16 

Ilustração 20- Escolher o tipo de instalação ................................................................... 16 

Ilustração 21- Escolha da instalação típica ..................................................................... 16 

Ilustração 22- Opção das Actualizações ......................................................................... 16 

Ilustração 23- Opção da Ajuda do Software ................................................................... 16 

Ilustração 24- Localização de Atalhos ........................................................................... 16 

Ilustração 25 Inicio da Instalação ................................................................................... 17 

Ilustração 26- Introdução da Serial ................................................................................. 17 

Ilustração 27- Opção de Reinício ................................................................................... 17 

Ilustração 28 Iniciação da Instalação do Software ......................................................... 18 

Ilustração 29- Escolher a directoria ................................................................................ 18 

Ilustração 30- Escolha dos serviços a ser instalados ...................................................... 18 

Ilustração 31- Inicio da instalação .................................................................................. 18 

Ilustração 32- Instalação dos serviços ............................................................................ 18 

Ilustração 33- Fim da Instalação ..................................................................................... 18 

Ilustração 34- Carregamento dos ficheiros de instalação ............................................... 19 

Ilustração 35- Iniciação da instalação do software ......................................................... 19 

Ilustração 36- Contrato de Licença ................................................................................. 19 

Ilustração 37- Escolha da Directoria .............................................................................. 19 

Ilustração 38- Escolha do tipo dos ficheiros de edição .................................................. 19 

Ilustração 39- Confirmação de instalação ...................................................................... 19 

Ilustração 40- Inicio da Instalação .................................................................................. 20 

Ilustração 41- Conclusão da Instalação .......................................................................... 20 

Ilustração 42- Introdução da Serial ................................................................................. 20 

Ilustração 43- Contrato de Licença ................................................................................. 21 

Ilustração 44- Escolher o local da instalação.................................................................. 21 

Ilustração 45- Resumo dos passos anteriores ................................................................. 21 

Ilustração 46- Inicio da instalação .................................................................................. 21 

viii 


Ilustração 47- Fim da instalação ..................................................................................... 21 

Ilustração 48 Alterar o Boot na Bios .............................................................................. 22 

Ilustração 49- Indicação para arrancar pelo CD ............................................................. 22 

Ilustração 50- Painel de Boas Vindas ............................................................................. 22 

Ilustração 51- Termos de Licença .................................................................................. 22 

Ilustração 52- Seleccionar a Partição.............................................................................. 22 

Ilustração 53- Selecção do tipo de Ficheiros .................................................................. 22 

Ilustração 54- Formatação do Disco ............................................................................... 23 

Ilustração 55- Instalação dos Ficheiros .......................................................................... 23 

Ilustração 56- Opção de Reinicio ................................................................................... 23 

Ilustração 57- Instalação em modo gráfico..................................................................... 23 

Ilustração 58- Instalação de Dispositivos ....................................................................... 23 

Ilustração 59- Opção de Idioma...................................................................................... 23 

Ilustração 60- Nome do Utilizador e Organização ......................................................... 24 

Ilustração 61- Serial do Produto ..................................................................................... 24 

Ilustração 62- Nome do Computador ............................................................................. 24 

Ilustração 63- Fuso Horário ............................................................................................ 24 

Ilustração 64- Instalação dos Dispositivos de rede ......................................................... 24 

Ilustração 65- Tipo de Configurações de Rede .............................................................. 24 

Ilustração 66- Selecção do Grupo de Trabalho .............................................................. 25 

Ilustração 67- Instalar os ficheiros necessários .............................................................. 25 

Ilustração 68- Fase de Conclusão da Instalação ............................................................. 25 

Ilustração 69- Instalação dos Itens do Menu Iniciar ....................................................... 25 

Ilustração 70- Registo dos Componentes ....................................................................... 25 

Ilustração 71- Gravação das configurações .................................................................... 25 

Ilustração 72 Windows a Iniciar ..................................................................................... 26 

Ilustração 73- Ajuste da resolução da tela ...................................................................... 26 

Ilustração 74- Aceitar a Resolução escolhida ................................................................. 26 

Ilustração 75- Tela de Boas Vindas ................................................................................ 26 

Ilustração 76- Opção das Actualizações Automáticas .................................................... 26 

Ilustração 77- Verificação da ligação à Internet ............................................................. 26 

Ilustração 78- Registo da cópia do Windows ................................................................. 27 

Ilustração 79- Criação de Contas de Utilizador .............................................................. 27 

Ilustração 80- Tela de Agradecimento............................................................................ 27 

Ilustração 81- Fim da Instalação ..................................................................................... 27 

Ilustração 82- Exemplo de uma rede .............................................................................. 28 

Ilustração 83- Classificação das redes ............................................................................ 29 

Ilustração 84- Rede LAN num escritório ....................................................................... 30 

Ilustração 85- Esquema exemplo de uma rede WAN..................................................... 31 

Ilustração 86- Exemplo de uma MAN na distribuição de televisão ............................... 32 

Ilustração 87Exemplo de uma rede SAN numa rede LAN ............................................ 33 

Ilustração 88- Exemplo de uma rede PAN numa casa ................................................... 34 

Ilustração 89- Exemplo de uma VPN entre cliente e servidor ....................................... 35 

Ilustração 90- Exemplo de uma topologia em estrela..................................................... 36 

Ilustração 91- Exemplo topologia em malha .................................................................. 37 

Ilustração 92- Exemplo de uma ligação em anel ............................................................ 38 

Ilustração 93- Exemplo de uma topologia em barramento ............................................. 39 

Ilustração 94- Exemplo de uma backbone ...................................................................... 40 

Ilustração 95- Logótipo do Broadcast Server (BS) ........................................................ 41 

ix 


Ilustração 96- Localhost e página principal do XAMPP ................................................ 42 

Ilustração 97- Ambiente do XAMPP e selecção do PHPMYADMIN ........................... 43 

Ilustração 98- PHPmyAdmin ......................................................................................... 43 

Ilustração 99- Indicação do link de privilégios .............................................................. 44 

Ilustração 100- Exibição da conta root ........................................................................... 44 

Ilustração 101- como editar a conta root ........................................................................ 45 

Ilustração 102- Atribuição da password ......................................................................... 45 

Ilustração 103- Erro após a atribuição da password. ...................................................... 46 

Ilustração 104- URL para iniciar o software .................................................................. 46 

Ilustração 105- Painel de boas vindas do Broacast Server ............................................. 47 

Ilustração 106-Requisitos do Broadcast Server .............................................................. 47 

Ilustração 107- Criar uma base de dados ........................................................................ 48 

Ilustração 108- Preenchimento dos campos necessários ................................................ 48 

Ilustração 109- Todos os ficheiros foram carregados ..................................................... 49 

Ilustração 110- Atribuição de uma password à conta BS_admin ................................... 49 

Ilustração 111- Mensagem de confirmação .................................................................... 50 

Ilustração 112- Escolha da pasta e chave do servidor .................................................... 50 

Ilustração 113- Mensagem de confirmação .................................................................... 51 

Ilustração 114- Links de Finalização .............................................................................. 51 

Ilustração 115- Sistema de login .................................................................................... 52 

Ilustração 116- Ambiente Gráfico do Broadcast Server ................................................. 52 

Ilustração 117- Painel principal (Dashboard) ................................................................. 53 

Ilustração 118- Menu que devemos selecionar............................................................... 54 

Ilustração 119- Clicamos no botão Adicionar layout ..................................................... 54 

Ilustração 120- Menu Pop-up para a criação do projecto ............................................... 55 

Ilustração 121- Adicionar um Background .................................................................... 55 

Ilustração 122-Adicionar uma imagem .......................................................................... 56 

Ilustração 123- Upload da imagem ................................................................................. 56 

Ilustração 124- Finalização da adiçao de um Background ............................................. 57 

Ilustração 125- Background no Projecto ........................................................................ 57 

Ilustração 126- Adicionar um ficheiro média ................................................................. 58 

Ilustração 127- Área inserida .......................................................................................... 58 

Ilustração 128- Adicionar uma linha temporal ............................................................... 59 

Ilustração 129- Adicionar uma Imagem ......................................................................... 59 

Ilustração 130- Upload de uma imagem para o projecto ................................................ 60 

Ilustração 131- Uma imagem adicionada ....................................................................... 60 

Ilustração 132- Imagem já está no projecto .................................................................... 61 

Ilustração 133- Uma nova área adicionada..................................................................... 61 

Ilustração 134- Uma nova linha temporal com texto ..................................................... 62 

Ilustração 135- Mensagem de rodapé adicionada........................................................... 62 

Ilustração 136- Adicionar uma área para o objecto em flash ......................................... 63 

Ilustração 137- Objecto em Flash ................................................................................... 63 

Ilustração 138- Flash localizado e adicionado ................................................................ 64 

Ilustração 139- Gravação do projecto ............................................................................. 64 

Ilustração 140- Ecrã de boas vindas ............................................................................... 65 

Ilustração 141- Seleccionar a directoria ......................................................................... 66 

Ilustração 142- Dar inicio à instalação ........................................................................... 66 

Ilustração 143- Os ficheiros estão a ser copiados ........................................................... 67 

Ilustração 144- Fim da instalação ................................................................................... 67 

x 


Ilustração 145- Iniciar a Configuração do player ........................................................... 68 

Ilustração 146- Alteração das definições ........................................................................ 69 

Ilustração 147- Separador Register Display ................................................................... 69 

Ilustração 148- Player registado no servidor .................................................................. 70 

Ilustração 149- Player Registado no servidor ................................................................. 70 

Ilustração 150- Aceitar o registo do player .................................................................... 71 

Ilustração 151- Escolher o Display a utilizar.................................................................. 71 

Ilustração 152- Seleccionar o dia.................................................................................... 72 

Ilustração 153- Janela de configuração da exibição ....................................................... 72 

Ilustração 154- Projecto (teste) a ser exibido no player ................................................. 73 

xi 


Índice de Tabelas 

Tabela 1- Estimativa de Tempo ........................................................................................ 3 

Tabela 2- Recursos Utilizados .......................................................................................... 4 

Tabela 3- Aplicações do Digital Signage ....................................................................... 14 

Tabela 4- Configuração de cores do cabo UTP .............................................................. 30 

Tabela 5- Orçamento de Serviço do programa. .............................................................. 74 

xii 


Notação 

ARPA Advanced Research Projects Agency 

IMEI Instalação e Manutenção de Equipamentos Informáticos 

LAN Local Area Network 

LCD Liquid Crystal Display 

MAN Metropolitan Area Network 

OLED Organic Light Emitting Diode 

PAN Personal Area Network 

PAP Prova de Aptidão Profissional Local Area Network 

SAN Storage Area Network 

SDAC Sistemas Digitais de Arquitectura de Computadores 

TIC Tecnologias da Informação e Comunicação 

VPN Virtual Private Network 

WAN Wide Area Network 

xiii 


1 

Prova de Aptidão Professional - Broadcast Server 2011 

1. Introdução 

A internet não nada mais do que 

muitos servidores espalhados pelo 

mundo, que estão interligados entre si. 

Os servidores conseguem fornecer 

inúmeros serviços como serviços de 

Hipertexto, correio electrónico, 

transferência de ficheiros, acesso remoto 

entre muitos outros. Os computadores 

que acedem a estes serviços são 

chamados de clientes. Os servidores 

normalmente são usados em redes de média e grande dimensão, que utilizam muitos 

computadores onde a segurança destes mesmos é um factor a destacar. 

Existem vários tipos de Servidores como por exemplo Servidor de ficheiros, são 

servidores que armazenam ficheiros de vários utilizadores; Servidor de DNS: Servidores 

responsáveis pela conversão das URL’s dos sites em endereços IP e vice-versa; Servidor 

FTP este tipo de servidores armazenam ficheiros para dar acesso a eles pela internet. 

O nosso projecto consiste principalmente, na criação de um servidor de Digital 

Signage. O nome que atribuímos a este projecto foi “Broadcast Server”, este nome foi 

escolhido devido a palavra estrangeira broadcast que significa transmitir. É um conceito 

que é muito usado nas telecomunicações, na rádio e na Informática. A relação que esta 

palavra tem com o nosso projecto é que, um computador vai ser transformado num 

servidor de digital Signage que vai possuir um layout onde poderá reproduzir vídeos, 

powepoints, animações flash, ou até mesmo possuir nesse layout mensagens já 

gravadas. Se caso haja porventura uma mensagem de ultima hora, e se a quiserem 

colocar como forma de aviso, pode faze-lo basta só ir ao layout e fazer uma pequena 

alteração e introduzir a mensagem desejada. Essa mensagem irá ser exibida num 

instante de segundos. 


2 


1.1. Fases do Projecto 

Para a realização deste projecto, tivemos que dividi o nosso projecto em varias 

fases que passamos a enunciar: 

Ilustração 1- Fases do Projecto 


3 


1.2. Estimativa de tempo 

Tabela 1- Estimativa de Tempo 

Estimativa do Tempo para a realização do Projecto 

Análise do Problema. 30 Horas 

Ver os Recursos a utilizar. 15 Horas 

Reunir todos os recursos. 15 Horas 

Criação de um servidor Virtual. 30 Horas 

Criação de uma interface de Digital 

Signage. 

Instalação da interface no Servidor 

Virtual 

Fazer o teste da interface de Digital 

Signage. 

Prova de Aptidão Profissional – Hugo Barros e Mário Castro 

150 Horas 

15 Horas 

10 Horas 

Criação do Servidor Físico. 30 Horas 

Instalação da interface no servidor 

físico. 

15 Horas 

Fase final de testes no servidor físico. 10 Horas 

Total 320 Horas

4 

Prova de Aptidão Professional - Broadcast Server 

1.3. Recursos uutilizados 

Representado abaixo está todos os softwares utilizados neste projecto 

Tabela 2- Recursos Utilizados 

Recursos Utilizados para este projecto 



5 


1.3.1. Xampp 

O xampp é um software livre que trabalho com base de dados do tipo MySql, O 

servidor de Web que o xampp utiliza é o Apache. O apache é o servidor de Web mais 

bem sucedido nos dias de hoje. Foi criado por Rob McCool e em 2007 o Apache 

representava 47.20% dos servidores activos no mundo. Em 2010 foi realizado outro 

estudo onde se identificou que o Apache estava a servir cerca de 54.68% dos websites 

nomais e 66% dos websites animados 

A palavra Xampp não possuiu este nome por acaso. O seu nome deriva de vários 

aspectos, como tal a letra X quer dizer que o software é livre para todos os sistemas 

operativos, a letra A representa o Apache, a letra M representa MySql, o premeiro P 

representa o PHP e o segundo P representa o Perl 

O Xampp é muito fácil de executar ou de fazer o download. Pois é um software 

livre. Este traz consigo outros módulos como o OpenSSL e o phpMyAdmin. 

Ilustração 2- Logo do XAMPP 


Ilustração 3- Ambiente gráfico do XAMPP

6 


O dreamweaver é software que foi desenvolvido pela Adobe para a criação de 

websites. Mas este software consegue fazer enumeras operações, sobretudo virado para 

a Web. Consegue-se trabalhar com vários formatos entre os quais XHTML, CSS, 

JavaScript, Ajax, PHP, ASP, ASP.NET, JSP, ColdFusion e outras linguagens Server- 

side. 

1.3.2. Dreamweaver 

Este software começou por ser um simples editor de páginas Web onde apenas 

dava para trabalhar em código ou em design, que era chamado de WYSIWYG ("What 

You See Is What You Get", ou "O que você vê é o que você tem"). Nesta época o único 

“rival” que se opunha é o FrontPage, uma aplicação da Microsoft para criar páginas 

Web. A partir do lançamento do dreamweaver 4.0 o FrontPage deixa de ser o mais 

utilizado e assim o FrontPage passava agora a ver-se como uma alternativa. 

Ilustração 4- Dreamweaver logo 

Ilustração 5- Ambiente do Dreamweaver 


7 


1.3.3. Vmware Workstation 

O Vmware é um software que funciona como um emulador. Este software faz 

com que possamos ter um sistema operativo virtual “dentro” de um sistema operativo 

real (o sistema operativo instalado na máquina). 

Este software consegue emulador um sistema operativo de forma precisa, de 

maneira a que a diferença entre o sistema operativo virtual e real é relativamente nula, já 

que conseguimos executar as mesmas operações nos dois sistemas operativos, 

instalações de softwares, configurações de rede etc. 

As vantagens de usar este tipo de softwares é que podemos ter sistemas 

operativos que não são da mesma empresa como por exemplo possuir um Linux 

emulado no Windows, os drivers do hardware que possuímos na nossa máquina fisíca 

são automaticamente clonados, para a máquina virtual 

Softwares semelhantes: Virtual Box, Virtual PC, QEMU etc. 

Ilustração 6- Vmware logo 


Ilustração 7- Ambiente do Vmware

8 


1.3.4. Photoshop CS3 

O Photoshop é um software que foi desenvolvido pela Adobe Systems. É 

caracterizado como editor de imagens, onde utiliza a edição por camadas (layers) ao 

contrário de outros que utilizam a edição através de vectores. 

A versão mais recente no mercado é o Photoshop CS5 o que o torna no líder do 

mercado de edição de imagens. 

Criado em 1987 na California, Estados Unidos, por Thomas Knoll. Foi 

descoberto de forma bizarra já que o seu criador estava a trabalhar na sua tese de 

doutoramento, no qual ele criou um código que exibia imagens em tons de cinzento, 

num monitor bitmap a preto e branco. Mais tarde o seu irmão John Knoll ficou 

encantado com o software, onde ele viu o potencial que aquele simples programa tinha. 

Os dois irmãos começaram a trabalhar junto e em 1990 sai a primeira versão do 

Photoshop, chamado de Photoshop 1.0 apenas para computadores com o sistema 

operativo Mac OS. 

Softwares semelhantes: GIMP, Macromedia Fireworks, Photoscape, etc. 

Ilustração 8- Photoshop Cs3 logo 


Ilustração 9- Ambiente gráfico do Photoshop

9 


1.3.5. Windows XP 

O Windows XP é uma família de sistemas operativos desenvolvido pela 

Microsoft, funcionando a 32-64 bits. O nome “XP” deriva da palavra expirience. 

Este sistema operativo é o sucessor do Windows 2000 e Windows Me, e que 

depois foi sucedido pelo Windows Vista. 

Foi lançado a 26 de Outubro de 2001 e segundo um estudo realizado em 2006 

verificava-se que mais de 400 milhões tinham sido vendidas. 

A partir deste sistema operativo foi lançado duas versões diferentes sendo elas 

Windows XP Home Edition destinada a utilizadores domésticos, e a outra versão é o 

Windows XP Professional Edition que oferece mais recursos ao utilizador em relação à 

versão Home Edition. Este sistema operativo é conhecido pela sua estabilidade no 

computador. 

Até 2010 o Windows XP era o sistema operativo mais utilizado mundialmente 

com 62.43% da população, tendo em conta que em 2006 a percentagem de uso do 

Windows XP era de 85% o que demonstra uma queda acentuada. Devido a esta quede 

prever-se que em 2014 o Windows Xp deixe de ser o sistema operativo mais utilizado, 

dando lugar ao seu parceiro Windows 7. 

Ilustração 10- Windows XP logo 


Ilustração 11- Ambiente gráfico do Windows

10 


1.3.6. PHPMyAdmin 

É um software desenvolvido na linguagem PHP para administração de base de 

dados em MySQL. 

A partir deste software é possível criar e eliminar tabelas, criar, remover ou 

alterar tabelas, inserir, remover e editar campos, executar códigos SQL e manipular 

campos de passwords. 

MySQL. 

Utilizado por muitos programadores Web para a gestão de base de dados 

Foi criado em por em meados de 1998 por Tobias Ratschiller, mas apenas em 

2001 foi dado como registado na empresa SourceForge com o nome de PHPMyAdmin. 

Ilustração 12- PHPMyAdmin logo 


Ilustração 13- Ambiente gráfico do PHPMyAdmin

11 


1.4. Esquema do Projecto 

O esquema abaixo representa, o projecto que foi desenvolvido para a 

Prova de Aptidão Professional. 

Ilustração 14- Esquema do projecto 



12 


2. Introdução ao digital Signage 

Digital signage refere-se ao uso de displays electrónicos, de quaisquer 

dimensões, tais como plasmas, LCDs (Liquid Crystal Display), OLED (Organic Light 

Emitting Diode), touchscreens, projetores multimídia, monitores de computador, 

televisões normais, etc, com o propósito de comunicar, informar, educar, entreter ou 

publicidade. 

Digital signage é um termo 

amplo abrangendo uma variedade de 

aplicações e tecnologias por isso 

recebem uma série de outras 

denominações como: sistema de 

informação visual inteligente, mídia 

digital indoor, rede digital outdoor, 

mini-outdoors digitais, datacasting, 

digital messaging, digital media, 

outernet, Kiosk-System. 

Diferente dos métodos tradicionais como posters, cartazes, quadros ou painéis 

estáticos, o Broadcast Server é flexível, interactivo, útil, relevante, eficiente, que 

permite utilizar vídeos, gráficos, animações, textos vozes e sons. Criado para 

programação, distribuição de informações, com a flexibilidade para inserir outras 

informações através de um interface simples para dezenas ou milhares de locais onde as 

pessoas vão comprar, divertir-se, estudar, trabalhar, etc. 


Ilustração 15- Monitor a exibir um layout de Digital Signage

13 


2.1. História do Digital Signage 

O conceito de Digital Signage começou inicialmente, a partir das transmissões 

eléctricas, onde os anúncios procuravam chamar a atenção dos clientes através dos 

sinais eléctricos. 

A primeira forma de Digital Signage surgiu com o aparecimento das cassetes de 

vídeo, usados em anúncios em pontos de vendas nos anos 80. A partir dos anos 90, 

época da revolução das tecnologias, começaram a aparecer os sons, vídeos digitais e a 

internet, com esta revolução o Digital Signage também deu um grande salto na sua 

produção. Juntamente com este avanço a evolução das televisões também foi enevitavel, 

hoje em dia já possuímos televisores bastante finos e com grande qualidade de imagem. 

Hoje em dia com uma infra estrutura de telecumonicação adequada, internet de 

banda larga, evolução dos computadores, e com softwares muito especializados, 

podemos criar um bom projecto de Digital Signage com um custo relativamente baixo. 

No futuro próximo, prevê-se que as formas de Digital Signage irão mudar, para 

uma maneira ainda mais interactiva. 

Ilustração 16- Digital Signage empresa cisco 


Lojas 

Centros 

Comerciais 

Hotéis 

Restaurantes 

Educação 

Transportes 

públicos 

Saúde 

Igrejas 

Bancos 

14 


2.2. Aplicações do Digital Signage 

Tabela 3- Aplicações do Digital Signage 


• Informações sobre promoções e novos 

produtos 

• Ideias sobre como usar os produtos 

• Propaganda de produtos 

• Notícias com o conteúdo publicitário 

• Informações e mensagens úteis para os 

hóspedes, reservas, convenções, 

programações de encontros. 

• Evidenciar produtos em promoção 

• História e qualidade dos produtos utilizados 

• Notícias e informações sobre calendário 

escolar, actividades culturais, eventos, datas 

de testes de recuperação. 

• Painéis de informações de chegadas e partidas 

com os respectivos horários, notícias com 

conteúdo publicitário 

• Fornecimento de informações 

complementares aos clientes, programas de 

actividades saudáveis, medidas preventivas, 

produtos e serviços disponíveis. 

• Exibir programação, mensagens espirituais e 

sermões e orações escritas para ajudar os fiéis 

a acompanhar o culto 

• Informações sobre produtos e serviços 

bancários 


15 


2.3. Vantagens do Digital Signage 

O uso de LCDs ou Plasmas de alta 

definição irão fazer a diferença no uso do 

Digital Signage, no que diz respeito à 

chamada de atenção das pessoas. O Digital 

Signage pode uma forma de apresentação 

para uma audiência segmentada o que torna 

o Digital Signage uma aplicação barato em 

termos de uso de recursos. 

As principais vantagens são: 

• Os televisores de ecrã fino de alta resolução podem ser interactivos e 

audiovisuais, de maneira a ser capaz de exibir conteúdos dinâmicos, como 

vídeos, gráficos, animações, textos, sons e vozes para chamar a atenção da 

audiência. 

• Flexibilidade para uma boa apresentação, utilizado muitas vezes em eventos, 

como por exemplo uma data comemorativa, tendo a possibilidade de 

personalizar a mensagem de acordo 

com o público. 

• Custo de distribuição do conteúdo ou 

de implementação baixos. 

• Possibilidade de actualização dos 

conteúdos em tempo real. 


Ilustração 17- Digital Signage utilizado em forma de 

propaganda 

Ilustração 18- Digital Signage na NASA

16 


3. Tutorais de Instalação dos softwares 

3.1. Vmware Workstation 7.1 

Ilustração 19 Iniciação da Instalação do Software 

Ilustração 21- Escolha da instalação típica 

Ilustração 23- Opção da Ajuda do Software 


Ilustração 20- Escolher o tipo de instalação 

Ilustração 22- Opção das Actualizações 

Ilustração 24- Localização de Atalhos

17 


Ilustração 25 Inicio da Instalação 

Ilustração 27- Opção de Reinício 


Ilustração 26- Introdução da Serial

18 


3.Tutorais de Instalação dos softwares 

3.2. XAMPP 

Ilustração 28 Iniciação da Instalação do Software 

Ilustração 30- Escolha dos serviços a ser instalados 

Ilustração 32- Instalação dos serviços 


Ilustração 29- Escolher a directoria 

Ilustração 31- Inicio da instalação 

Ilustração 33- Fim da Instalação

19 



3.3. Dreamweaver 8 

Ilustração 34- Carregamento dos ficheiros de 

instalação 

Ilustração 36- Contrato de Licença 

Ilustração 38- Escolha do tipo dos ficheiros de edição 


Ilustração 35- Iniciação da instalação do software 

Ilustração 37- Escolha da Directoria 

Ilustração 39- Confirmação de instalação

20 


Ilustração 40- Inicio da Instalação 

Ilustração 42- Introdução da Serial 


Ilustração 41- Conclusão da Instalação

21 



3.4. Adobe Photoshop CS3 

Ilustração 43- Contrato de Licença 

Ilustração 45- Resumo dos passos anteriores 

Ilustração 47- Fim da instalação 


Ilustração 44- Escolher o local da instalação 

Ilustração 46- Inicio da instalação

22 



3.5. Windows XP SP2 

Ilustração 48 Alterar o Boot na Bios 

Ilustração 50- Painel de Boas Vindas 

Ilustração 52- Seleccionar a Partição 


Ilustração 49- Indicação para arrancar pelo CD 

Ilustração 51- Termos de Licença 

Ilustração 53- Selecção do tipo de Ficheiros

23 


Ilustração 54- Formatação do Disco Ilustração 55- Instalação dos Ficheiros 

Ilustração 56- Opção de Reinicio Ilustração 57- Instalação em modo gráfico 

Ilustração 58- Instalação de Dispositivos 

Ilustração 59- Opção de Idioma 


24 


Ilustração 60- Nome do Utilizador e Organização 

Ilustração 62- Nome do Computador 

Ilustração 64- Instalação dos Dispositivos de rede 


Ilustração 61- Serial do Produto 

Ilustração 63- Fuso Horário 

Ilustração 65- Tipo de Configurações de Rede

25 


Ilustração 66- Selecção do Grupo de Trabalho 

Ilustração 68- Fase de Conclusão da Instalação 

Ilustração 70- Registo dos Componentes 


Ilustração 67- Instalar os ficheiros necessários 

Ilustração 69- Instalação dos Itens do Menu Iniciar 

Ilustração 71- Gravação das configurações

26 


Ilustração 72 Windows a Iniciar 

Ilustração 74- Aceitar a Resolução escolhida 

Ilustração 76- Opção das Actualizações Automáticas 


Ilustração 73- Ajuste da resolução da tela 

Ilustração 75- Tela de Boas Vindas 

Ilustração 77- Verificação da ligação à Internet

27 


Ilustração 78- Registo da cópia do Windows 

Ilustração 80- Tela de Agradecimento 


Ilustração 79- Criação de Contas de Utilizador 

Ilustração 81- Fim da Instalação

28 


Nos dias de hoje os computadores já não 

são uma novidade nas vidas das pessoas mas sim 

passaram a ser um companheiro de trabalho, um 

companheiro de jogo de conversa etc. Todos nós 

com certeza já nos questionamos sobre o que é a 

internet e como podemos falar com as pessoas. 

Esta pergunta é muito fácil de responder, a 

internet não passa nada mais do que uma rede 

uma rede mundial, uma rede onde vários servidores 

espalhados pelos continentes estão interligados entre 

si. 

4. Iniciação as Redes 

Uma rede de computadores, consiste em ter pelo menos dois computadores com 

ou sem dispositivos de rede, interligados entre si de modo a poder compartilhar 

ficheiros ou equipamentos de hardware (como o caso das impressoras). 

As redes de computadores surgiram por volta de 1940, nos Estados Unidos da 

América (EUA), por George Stibitz que usou a sua máquina de teletipo (máquina de 

escrever electrónica para a transmissão de dados), para enviar instruções para a sua 

calculadora em Nova Iorque, onde recebeu os resultados por volta do mesmo meio. Para 

se conectar com a sua máquina de teletipo. George usou sistema Advanced Research 

Projects Agency (ARPA). 

Em 1962 J. C. R. Licklider juntou-se à empresa e juntos desenvolveram um 

novo sistema de redes no qual lhe chamaram de “rede intergalactica” a tão conhecida 

ARPANET. 

Na actualidade as redes têm vindo a evoluir em massa sendo que desde 1990 a 

criação de redes aumentou cerca de 50% devido à sua fácil compreensão e aos gastos 

estarem bem acessíveis. 


Ilustração 82- Exemplo de uma rede

29 


4.Introdução as redes 

4.1. Classificação das redes 

representado: 

As redes podem ser classificadas em vários tipos como mostra o esquema abaixo 

Ilustração 83- Classificação das redes 


30 



4.2. Área Geográfica 

4.2.1. Rede de Área local (LAN) 

Uma rede LAN (Local Area Network) é uma rede de computadores, que tem 

funcionalidade a troca de dados. É um tipo de 

rede que tem uma área limitada, ou seja, tem um 

alcance de 10km. Geralmente são usadas em 

escritórios, redes domésticas conseguindo ligar 

um prédio inteiro. As velocidades a que estas 

conseguem atingir vão depender do material que 

vamos usar e do fornecedor de internet (ISP). 

Os meios mais frequentes para a interligação de redes são os cabos de par 

trançado chamado de (UTP) que consegue fornecer velocidades desde 10 a 1000 Mbps. 

Estes cabos são compostos por, 8 filamentos de cobre e por uma ficha RJ RJ-45. Podemos 

configurar os cabos bos da maneira que queremos, isto é, podemos criar um cabo crossover 

(padrão T568A) que tem a funcionalidade de interligar dois computadores directamente. 

A outra configuração que utiliza o padrão T568B. São estes os cabos mais utilizados 

neste tipo de redes, es, que permitem interligar os computadores aos respectivos 

equipamentos de rede. Com esta configuração podemos também interligar dois 

computadores directamente pois as placas de rede mais modernas consenguem 

converter o sinal. 

Tabela 4- Configuração de cores do cabo UTP 

Padrão T568A Padrão T568B 

branco/verde 

verde 

branco/laranja 

azul 

branco/azul 

laranja 

branco/castanho 

castanho 

branco/laranja 

laranja 

branco/verde 

azul 

branco/azul 

verde 

branco/castanho 

castanho 


2011 

Ilustração 84- Rede LAN num escritório

31 




4.2.2. Rede de Longa Distância (WAN) 

As redes WAN são redes totalmente diferentes das outras. Esta é um tipo de rede 

que abrange uma área muito grande como um país, um continente. O Exemplo mais 

frequente deste tipo de rede é a internet 

É um tipo de rede que em comparação aos outros tipos é preciso tomar uma 

atitude mais defensiva por que neste tipo de rede à mais facilidade de circular 

documentos ou ficheiros maliciosos que são os chamados vírus. Um utilizador que seja 

“cliente” deste tipo de rede tem que ter assegurado que está devidamente protegido, 

utilizado por exemplo antivírus e firewalls. 

Este tipo de rede teve inicio em 1965 nos Estados Unidos da América, onde dois 

senhores (Lawrence Roberts e Thomas Merril) conseguiram interligar dois 

computadores que se situavam em estados diferentes. A partir deste dia este tipo de 

redes começaram a evoluir e num futuro próximo vão ser muito mais utilizadas do que 

são neste momento 

Ilustração 85- Esquema exemplo de uma rede WAN 


32 


As redes MAN são consideradas redes de grande dimensão, com capacidade de 

interligar, vários edifícios de uma cidade. Desde o aparecimento da internet, que muitas 

operadoras tentam distribuir o seu serviço de internet pelas cidades, e com o 

aparecimento de das promoções das operadores onde fazem pacotes de internet mais 

televisão por exemplo. Nas nossas casas podemos ter vários tipos de redes sem nós 

sabermos, isto é, temos um equipamento de rede com dois computadores ligados, 

possuímos então a uma pequena LAN, temos acesso a internet então fazemos parte de 

outra rede que é a WAN e possuímos a televisão por cabo ou satélite que é uma rede 

MAN 



4.2.3. Rede de Área Metropolitana (MAN) 

Este não é o único exemplo mas é o mais conhecido, onde as nossas antenas 

parabólicas estão a receber de sinal de uma central dentro da cidade, e por isso é que 

quanto mais afastados estivermos da central mais falhas podemos ter, e para combater 

este problema as operadoras instalaras repetidores de sinal que servem para que o sinal 

chegue perfeito aos locais mais afastados da central 

Ilustração 86- Exemplo de uma MAN na distribuição de televisão 


33 




4.2.4. Rede de Armazenamento (SAN) 

As redes SAN, são redes que permitem armazenar dados em servidores. Um 

grande exemplo é as grandes empresas que estão espalhadas pelos pais. Estas têm que 

ter um servidor que vai ser acedido por muitas empresas par ir buscar informação ao 

servidor. 

Esta informação está guardada em forma de blocos, ou seja, cada segmento de 

blocos corresponde a um segmento de armazenamento do disco do servidor. 

As redes SAN podemos dividi-las em dois tipos: 

• Uma rede na qual o propósito principal é a transferência de dados entre 

computadores e dispositivos de armazenamento. 

• Um sistema de armazenamento formado por dispositivos de armazenamento, 

computadores e/ou aplicações, e todo um controlo via software, 

comunicando-se através de uma rede de computadores. 

Ilustração 87Exemplo de uma rede SAN numa rede LAN 


34 




4.2.5. Rede Pessoais (PAN) 

Uma rede PAN não passa mais do que uma rede pessoal onde os equipamentos 

ligam-se via wireless ou bluetooth. É uma rede que é caracterizada, por se de área 

estritamente pequena, sendo por vezes utilizada apenas numa divisão de uma casa. Uma 

das grandes vantagens desta rede a facilidade de poder interligar, outros componentes 

sem ter que alterar as definições da rede. Para interligar uma rede basta ligar o 

dispositivo de wireless e conecta-lo a nossa rede. 

Um dos aspectos importantes a ter na configuração deste tipo de redes, é a sua 

segurança, uma vez que tudo funciona via wireles. Se não tivermos a nossa rede bem 

protegida, qualquer um invade a nossa rede, tendo por vezes acesso aos nossos 

documentos. 

Estas redes trabalham numa frequência de 2.4ghz, sendo compostas por vezes 

por um computador que tem uma impressora ligada sem fios. 

Ilustração 88- Exemplo de uma rede PAN numa casa 


35 




4.2.6. Rede Privada (VPN) 

O recurso as redes privadas (VPN) começou a aumentar, dado a 

confidencialidade do que este tipo de rede nos fornece. 

Geralmente as VPNs são muito usadas em empresas, onde um empresário pode 

por exemplo estar a trabalhar em casa, e ao mesmo tempo pode estar a ir buscar 

informação ao seu computador da empresa. 

Uma VPN não passa mais do que um túnel virtual que é responsável de 

transmitir informação, sem que estes sejam perdidos ou atacados. Esta rede é 

caracterizada por ser uma rede segura que passa por uma rede insegura, ou seja, é uma 

rede segura devido as suas características, que passa sobre uma rede insegura que é a 

internet, que toda a gente sabe que a internet possui muitos vírus. 

Uma empresa que fornece esses serviços de forma grátis é a empresa Log Me In. 

Ilustração 89- Exemplo de uma VPN entre cliente e servidor 


36 



4.3. Topologias 

4.3.1. Estrela 

A topologia em estrela, é muito usada nos dias de hoje. Este tipo de ligações é 

muito comum em redes LAN onde os computadores estão todos ligados a router, switch 

ou hub. 

É caracterizada por ser uma das mais fiáveis uma vez que a informação circula 

na rede, de um computador para outro computador, ou seja, tendo muitos computadores 

na rede só apenas dois é que vão ver a informação. Esta informação vai passar sempre 

pelo dispositivo central, que depois vai enviar o pacote para o caminho certo, evitando 

assim colisão de dados. 

As vantagens desta topologia são: 

� O custo de implementação é muito razoável; 

� Existem poucas colisões de dados; 

� Fácil implementação de computadores na rede; 

A desvantagem desta topologia é: 

� A falha no dispositivo central congestiona toda a rede; 

Ilustração 90- Exemplo de uma topologia em estrela 


37 




4.3.2. Malha 

É uma topologia onde todos os computadores estão ligados entre si. Estes 

privilégios de ligação facilitam e muito a comunicação no envio de pacatos, uma vez 

que é certo que o pacote chega ao seu destino. Se caso um troço de ligação falhe a 

informação segue outro troço até chegar ao destino. 

É uma topologia que não fica muito favorável quando a área para a rede uma vez 

que tinha que se usar muito cabo. Esta topologia usa o método de roaming que consiste 

na passagem por vários nós sem que seja perdia a informação. Esta rede fica logo 

afectada se alterarmos o gateway da máquina. 


� Uma maior segurança; 

� Fácil diagnóstico de avaria; 

� A informação chega sempre ao seu destino; 

A desvantagem desta topologia é: 

� Custo de implementação muito grande; 

Ilustração 91- Exemplo topologia em malha 


38 


Uma topologia em anel consiste num 

sistema de computadores, que funciona como se 

fosse um circuito fechado, ou seja, a informação 

vai circular na rede de uma forma circular, onde 

vai ter que passar por todos os computadores até 

chegar ao destino. 

Nesta rede existe um computador que é o 

responsável por enviar os pacotes, sendo chamada 

de token ring. Funciona atrás de ligações usando 

cabos coaxiais de ficha BNC. A ligação as placas 

de rede é feita através do método “T”. 

fraca. 



4.3.3. Anel 

Actualmente está topologia está em desuso, por ser uma topologia parcialmente 


� Todos os computadores ligam à rede da mesma maneira; 

� O seu desempenho não se altera, se acrescentarmos ligações à rede; 

� Fácil diagnóstico de avaria; 

As desvantagens desta topologia são: 

� A falha numa ligação, afecta toda a rede; 

� Problemas difíceis de resolver. 


Ilustração 92- Exemplo de uma ligação em anel

39 




4.3.4. Barramento 

Neste tipo de topologia todos os computadores estão ligados a um cabo central. 

Neste cabo central é por onde passa toda a informação que é enviada. Todos os 

computadores possuem um endereço de rede que vem facilitar no envio do pacote que 

lhe é destinado. 

Esta rede é iniciada num ponto que tem o nome de raiz, e a partir desta raiz são 

criados outros nos conforme as ligações, que queiramos fazer. Estes pontos de ligação 

são criados a partir da implementação de um simples conector. 


� O custo do cabo central é bastante baixo; 

� Fácil de trabalhar; 

� Fácil implementação de computadores na rede; 

� Uma rede simples e confiável; 


� Na passagem de pacotes grandes, pode colocar a rede lenta; 

� Problemas difíceis de resolver; 

� Falha no cabo central paralisa a rede toda; 

Ilustração 93- Exemplo de uma topologia em barramento 


40 




4.3.5. Backbone 

Esta topologia é uma rede muito 

complexa, uma vez que permite ligar várias 

topologias de rede. O exemplo mais 

frequente da implementação desta topologia 

é nas universidades. 

Uma universidade possui sempre 

vários departamentos, que podem conter a 

topologia de rede que mais se adequa, as 

características exigidas. Essas topologias 

depois têm de se interligar todas, usando 

estas topologias. 

Como característica principal esta topologia, interliga os servidores das outras 

redes, usando uma peça fundamental que é o tranceiver. A cablagem usada neste tipo de 

redes pode ser, cabos de par trançado ou então fibra óptica. 


� Todas as zonas ficam ligadas (universidade); 

� Fácil transferência de dados; 

� Todas as comunicações têm uma grande velocidade; 


� Rede muito complexa; 

� Custos muito elevados; 

� Muito gasto de material de rede; 


Ilustração 94- Exemplo de uma backbone

41 


5. Broadcast Server 

O broadcast server, é uma aplicação escrita na linguagem PHP. É um software 

que foi baseado noutro programa do mesmo género. Este programa usa também, 

ficheiros de javascript e xml. 

O que este programa permite fazer é o seguinte: 

� Permite criar uma tela para a exibição de conceitos ou outras informações; 

� Permite implementar nos projectos, PowerPoint, aplicativos em flash, 

documentos de texto, páginas Web, vídeos e RSS; 

� Permite programar os dias em que vai ser exibido e as respectivas horas; 

É um programa que chama um pouco a atenção, pois vemo vemos s muitos programas 

do género a serem utilizados em empresas, bancos e entre muitas outras áreas. Um dos 

grandes exemplos aqui em Portugal é o chamado Farmácia TV e na Caixa geral de 

depósitos onde é exibido a ordem de atendimento. 

Com base no software XIBO, o Broadcast server foi tudo reconstruído de 

acordo a responder a tudo o que seja preciso. É um programa bastante lúdico e básico, 

que vem acompanhado com manual. 

Ilustração 95- Logótipo do Broadcast Server (BS) 



42 


5.1. Manual de Instalação - Broadcast 

Server 

Para uma correcta instalação e utilização do Broadcast server, é necessário que 

siga o manual ao pormenor. 

O primeiro passo que temos a fazer é instalar o software XAMPP 1.7.1 como 

está explicado em cima. 

Já com o XAMPP instalado, vamos iniciar o nosso browser e na barra de 

navegação vamos digitar localhost. O localhost não é nada, mais nada menos do que 

localização do sistema que está a ser usado. Ao fazer este processo vai aparecer no 

browser uma situação como a descrita na imagem 

Ilustração 96- Localhost e página principal do XAMPP 

Quando a parecer a imagem acima, vamos ter que escolher uma língua para 

trabalhar nas nossas ferramentas do XAMPP, neste caso vai ser a língua Portuguesa. 

Após escolher a língua, o XAMPP irá levar-nos para uma página onde estão 

todas as suas ferramentas, e para instalar o Broadcast Server precisamos de ir ao 

PHPmyAdmin. 


43 


Ilustração 97- Ambiente do XAMPP e selecção do PHPMYADMIN 

Para aceder ao PHPMYADMIN basta localizar na página, a opção de 

ferramentas, e depois temos de clicar no link que diz PHPmyAdmin, como indica o 

circulo da imagem acima. 

aspecto. 

Damos um clique sobre o links e irá aparecer uma página com o seguinte 

Ilustração 98- PHPmyAdmin 

Depois no menu de MySql vamos clicar sobre o link que diz privilégios para 

podermos atribuir uma password à conta root. 


44 


Ilustração 99- Indicação do link de privilégios 

Ao clicar onde diz privilégios vai nos levar para uma página onde vai mostrar 

todas as contas que o PHPMYADMIN contém. 

Ilustração 100- Exibição da conta root 

Como podemos ver temos a conta root no nosso phpmyadmin. Agora o que temo 

de fazer é atribuir-lhe uma password e para isso temos de editar a conta clicando num 

icon que esta em frente da conta root como mostra a imagem abaixo. 


45 


Ilustração 101- como editar a conta root 

Ao clicar no ícone indicado acima irá aparecer uma página que contém todas as 

informações da conta inclusivo, um local destina para a atribuição da password 

Ilustração 102- Atribuição da password 

Como podemos ver na figura, temos a zona onde se coloca a password. Basta 

colocar um visto onde diz password, e depois introduzimos a password, em seguida 

clicamos em executar e a password fica gravada. Apartir deste momento não vamos 

conseguir entrar no PHPMYADMIN uma vez que essa aplicação não reconhece a conta 

root, como uma conta protegida. Por isso devemos guardar a password para a não 

esquecer. 


46 


Ilustração 103- Erro após a atribuição da password. 

Apartir deste momento vamos começar a instalar o nosso programa. Então para 

começar vamos ao nosso browser e digitamos, o caminho para iniciarmos o assistente 

de instalação. 

Ilustração 104- URL para iniciar o software 

Ao introduzirmos este endereço, vai-nos aparecer o ecrã de boas vindas do 

assistente de instalação do Broadcast server, por isso podemos avançar para o seguinte 

passo, clicando no Butão “seguinte” 


47 


Ilustração 105- Painel de boas vindas do Broacast Server 

Ao fazer seguinte o Broadcast Server vai mostrar uma lista dos requerimentos 

que ele precisa para funcionar, se caso o computador tenha os requisitos, irão aparecer 

luzes verdes à frente dos requisitos, se aparecer uma luz vermelha, significa que não tem 

esse requisito, e então é preciso instala-lo. Se Tiver todos os requisitos basta fazer 

seguinte. 

Ilustração 106-Requisitos do Broadcast Server 

Depois de fazer seguinte, vai aparecer um novo passo, com duas opções, uma é 

criar a BD, ou seja, o Broadcast Server, cria a base de dados automaticamente, com 

todos os parâmetros. Se seleccionar usar existente, significa que tem que ter no seu 

computador uma base de dados de anterior versão. Mas o recomendado é que o 

programa crie uma nova, e é o que vamos fazer. 


48 


Ilustração 107- Criar uma base de dados 

Ao fazer criar uma base de dados, o programa vai-nos pedir alguns dados para 

que a base de dados fique bem feita. Alguns dos dados já estão preenchidos, por defeito. 

Os campos que temos de preencher são, Admin Password, onde temos que colocar a 

password que foi atribuída a conta root anteriormente. O outro campo que temos de 

preencher é o campo BD database password, que é uma password que protege a nossa 

base de dados de ser atacado, depois de tudo preenchido, clicamos em Criar para, 

avançar para o passo seguinte. 

Ilustração 108- Preenchimento dos campos necessários 


49 


Depois de fazer Criar, o programa vai começar a criar a nossa base de dados. Ela 

vai criar todas as tabelas, utilizadores, permissões, tipos de ficheiros etc. Após o 

programa carregar todos os ficheiros fazemos Seguinte para avançar. 

Ilustração 109- Todos os ficheiros foram carregados 

Ao fazer seguinte, o programa vai entrar numa fase, onde temos que configurar 

uma conta admin. Essa conta admin vai servir para trabalhar em todo o programa, 

porque tem todas as permissões. Neste passo vai ser pedido para ser atribuído uma 

password à conta. Depois de colocar a password, faz seguinte para entrar noutra fase da 

configuração do programa. 

Ilustração 110- Atribuição de uma password à conta BS_admin 


50 


Agora vai aparecer uma mensagem a dizer que a password foi bem inserida, e 

que a conta já contem uma password, por isso podemos avançar para o passo seguinte. 

Ilustração 111- Mensagem de confirmação 

Neste passo vamos ter que colocar uma directoria, de uma pasta que esteja vazia. 

Esta pasta vai ser onde vão ficar todos os ficheiros exibidos no player. Depois vai nos 

ser pedido para inserir uma chave do servidor. Essa chave serve para que o player 

reconheça o servidor, para poder exibir os projectos. A última parte, pertence as 

estatísticas, que servem para ver quantos servidores temos ligados a Web. Por fim 

fazemos seguinte para ir para a última parte da configuração. 

Ilustração 112- Escolha da pasta e chave do servidor 


51 


Após clicar em seguinte, aparecerá uma mensagem de confirmação do passo 

anterior, e voltamos a fazer seguinte. 

Ilustração 113- Mensagem de confirmação 

Por ultimo recebemos a mensagem a dizer que o Broadcast Server foi instalado 

correctamente, e depois clicamos no links que está a azul para fazer log in, e começar a 

trabalhar no programa 

Ilustração 114- Links de Finalização 

Agora como ultimo pormenor, introduzimos o username que por defeito é 

BS_admin, e a password é aquela que foi colocada no passo cima. 


52 


Ilustração 115- Sistema de login 

Agora uma perspectiva do ambiente do Broadcast Server. 

Ilustração 116- Ambiente Gráfico do Broadcast Server 


53 


5.2. Manual do utilizador- Broadcast Server 

Neste capitulo do manual vamos mostrar como criar um projecto, para ser 

exibido, utilizando o Broadcast Server. 

Mas primeiro precisamos de conhecer o nosso painel principal, que contém oito 

icons, no qual podemos trabalhar. O painel principal (dashboard) esta a ser exibido na 

imagem em baixo. 

Ilustração 117- Painel principal (Dashboard) 

1. Calendário- Local onde podemos defenir a data e a hora a que o projecto vai ser 

exibido; 

2. Layout- Podemos criar, editar e eliminar projectos (layout); 

3. Biblioteca- Destinado a armazenar os ficheiros dos projectos; 

4. Modelos- Templates pré criados pelo Broadcast Server; 

5. Utilizadores- Local destinado apenas ao admistrador, que premite criar novos 

utilizadores; 

6. Configurações- Usado para configurar o nosso Broadcast Server; 

7. Licença- Licensa de alteração do programa base; 

8. Manual- Manual do programa base XIBO; 


54 


Agora que resumidamente, conhecemos o nosso painel principal, vamos passar a 

para a criação de um projecto. A primeira coisa a fazer é criar um novo projecto. Par 

isso temos de ir ao icone que diz “LAYOUTS“ e depois clicamos no botão que diz 

“Adicionar Layout” como mostram as duas proximas imagens. 

Ilustração 118- Menu que devemos selecionar 

Ilustração 119- Clicamos no botão Adicionar layout 


55 


Apos clicar no botão adicionar layout, um menu de pop-up surgirá, para 

podermos criar o nosso projecto. Esse menu vai pedir para atribuirmos um nome, uma 

descrição, uma marca, partindo de um template já com as resoluçoes do monitores. 

Apos os campos etarem prenchidos fazemos gravar, e o nosso projecto vai entrar na 

faze de edição de imagem. 

Ilustração 120- Menu Pop-up para a criação do projecto 

Apos fazer a gravação, irá aparecer na página o template do projecto, e apartir 

deste momento é so começar a colocar os contéudos. Vamos começar por colocar um 

background para o nosso projecto. Para isso temos que clicar no icon que o programa 

contém no canto superior esquerdo que diz “background”. 

Ilustração 121- Adicionar um Background 


56 


Ao clicar no icone surgirá um novo menu menu pop-up. Neste menu podemos 

atribuir uma cor solida ao nosso fundo, mas também podemos adicionar uma imagem. 

Neste caso e como fica mais bonito vamos escolher uma imagem, e para isso vamos 

clica no botão do menu que diz “adicionar imagem”. Após clicar vamos ter acesso a 

outro menu onde vamos dizer onde está a imagem e a sua duração, como exemplificam 

as imagem em baixo. 

Ilustração 122-Adicionar uma imagem 

Depois surgirá o seguinte menu onde podemos escolher a directoria da imagem. 

Para isso basta clicar no botão “Procurar”, não esquecendo que temos de atribuir uma 

duração em segundos da imagem. Para que a imagem seja sempre exibida introduza um 

numero suficiente grande. Como por exemplo o da imagem a seguir 

Ilustração 123- Upload da imagem 


57 


Para concluir, a adição do background basta clicar em gravar quando regrassar 

ao primeiro menu. 

Ilustração 124- Finalização da adiçao de um Background 

E a tela vai ficar com o seu background, no seu projecto como no exemplo 

abaixo indicado. 

Ilustração 125- Background no Projecto 


58 


Agora para o nosso projecto ficar mais interessante, temos que colocar, algo 

animado ou que chame atenção, como imagens, PowerPoint, Web sites, vídeos ou flash. 

Para isso vamos clicar com o botão direito do rato sobre a tela, e depois clicamos em 

adicionar uma região. 

Ilustração 126- Adicionar um ficheiro média 

De seguida vai aparecer sobre o projecto uma área com um tom de branco, mas 

em tamanho pequeno. Basta colocar o rato sobre o canto inferior direito e arrastar para 

aumentar o tamanho. Como no exemplo. 

Ilustração 127- Área inserida 


59 


Depois vamos clicar novamente com o botão direito do rato, mas desta vez sobre 

a área branca, e vamos seleccionar “Linha temporal”. 

Ilustração 128- Adicionar uma linha temporal 

Agora vai aparecer no ecrã, um menu com todo o que podemos adicionar ao 

nosso projecto. Para escolher um ficheiro desse tipo basta dar um clique sobre o ícone e 

depois seguir todos os passos, que são todos muito parecidos. Neste caso vamos 

adicionar uma imagem ao projecto. 

Ilustração 129- Adicionar uma Imagem 


60 


Ao clicar no ícone um menu de pop-up vai surgir, para lhe indicar o local onde 

está a imagem, não esquecendo que temos de colocar a duração da imagem. 

Ilustração 130- Upload de uma imagem para o projecto 

Agora no menu onde podemos escolher o tipo de ficheiros, vai aparecer uma 

marra que pode ser movida consoante o gosto, essa barra indica a duração da imagem 

que foi introduzida. 

Ilustração 131- Uma imagem adicionada 

Agora temos uma imagem adicionada ao nosso projecto como mostra a figura 

em baixo. Agora vamos usar outra ferramenta que é, a opção de texto, onde nós 

podemos digitar a mensagem que queremos seja exibida. 


61 


Ilustração 132- Imagem já está no projecto 

Para explorar a ferramenta de texto, primeiro temos que fazer dois passos de 

novo que são, criar uma área nova e depois uma linha temporal como mostras as duas 

próximas ilustrações. 

Ilustração 133- Uma nova área adicionada 


62 


Ilustração 134- Uma nova linha temporal com texto 

Agora uma janela onde podemos escrever o nosso texto, vai iniciar. E vamos 

digitar uma mensagem para ficar em rodapé 

Ilustração 135- Mensagem de rodapé adicionada 

Depois basta fazer gravar, e a nossa mensagem vai aparecer, da direita para a 

esquerda. Em seguida vamos adicionar um objecto em flash. 


63 


Para adicionar um objecto flash, temos que proceder como da ultima vez, isto é, 

criando uma área, e uma linha temporal para o objecto em flash, como mostram as 

próximas imagens. 

Ilustração 136- Adicionar uma área para o objecto em flash 

Ilustração 137- Objecto em Flash 


64 


Agora a janela, para escolhermos o nosso objecto em flash foi a Berta, por isso basta 

localiza-lo, atribuir-lhe um nome, e a sua duração e depois fazer gravar. 

Ilustração 138- Flash localizado e adicionado 

Agora com o nosso projecto concluído vamos agora carregar no botão 

propriedades que está no canto superior esquerdo, que vai servir, para guardar-mos o 

nosso projecto como mostra a imagem. 

Ilustração 139- Gravação do projecto 

Agora falta a parte fundamental que é ligar o servidor ao player, esta informação 

vai encontrar-se no próximo capitulo. 


65 


5.3. Manual de Ligação – Player/Servidor 

Para que o nosso projecto elaborado, no Broadcast Server, possa ser exibido, 

temos que instalar um player para fazer a comunicação com o servidor. Por isso vamos 

começar com a instalação do player, que pertence a empresa XIBO. 

Primeiro temos que ter, instalados no nosso computador alguns componentes 

mínimos, como o Internet Explorer 8, e o Microsoft Framework superior ao 2.0. Depois 

de ter estes componentes arrancamos a instalação dando dois clique no ícone, e irá 

aparecer o ecrã de boas vidas da instalação do player. 

Ilustração 140- Ecrã de boas vindas 


66 


Clicamos no botão next e a instalação, vai agora levar-nos a escolher uma 

directoria, onde o programa vai colocar lá os ficheiros instalados, como mostra a figura 

a seguir. 

Ilustração 141- Seleccionar a directoria 

Após termos escolhido a directoria, o programa de instalação vais, pedir para 

clicar, no botão install, para dar inicio ao, processo de instalação. 

Ilustração 142- Dar inicio à instalação 


67 


Ao clicar no botão install o programa dá inicio a instalação. É processo que é 

muito rápido uma vez que o player ocupa pouco espaço. Depois de carregar o ficheiro a 

instalação tem que ser terminada, após carregar no botão Finish. 

Ilustração 143- Os ficheiros estão a ser copiados 

A instalação está completa agora para finalizar basta carregar no botão finish. 

Ilustração 144- Fim da instalação 


68 


Agora que o player está instalado, temos que ter muita atenção uma vez, que 

agora vamos trabalhar com o player e com servidor em simultâneo. Vamos começar por 

configurar o playe. Para isso, basta irmos, ao menu iniciar, todos os programas, XIBO 

player, Xibo client options 

Ilustração 145- Iniciar a Configuração do player 

Agora que uma nova janela surgiu, temos que colocar algum dos detalhes, 

fundamentais, para que o servidor reconheça o player como por exemplo, a URL do 

XIBO server, que neste caso corresponde ao Broadcast server. A localização 

predefinida do Broadcast server é a seguinte http://localhost/broadcast_server_1.0. 

Depois temos que colocar a chave do servidor. Esta chave do servidor, foi colocada 

durante a instalação do mesmo. Ela é muito importante uma vez que vai, fazer com que 

tenha acesso ao servidor. Por último temos a livraria. Esta livraria, vai ser colocada nos 

meus documentos, uma vez que vai guardar todos os ficheiros que estão a ser exibidos 

no momento. Após fazer estes passos temos que guardar as alterações, para que o player 

actualize. 


69 


Ilustração 146- Alteração das definições 

Após realizar as alterações, vamos clicar no separador “Register Display”. Neste 

separador, vamos registar o player dentro do servidor, para que mais tarde possamos 

seleccionar este player para exibir o nosso projecto. 

Ilustração 147- Separador Register Display 


70 


Agora encontramos dois botões, o botão “register” serve para registar o nosso 

player dentro do servidor, e o botão “Display Admin” Serve para iniciar o Broadcast 

server. Por isso primeiro devemos clicar no botão Register e só depois no Display 

Admin, apenas para confirmar se o player foi registado com sucesso. Após clicar no 

primeiro botão uma mensagem em Inglês vai aparecer na janela como mostra a imagem 

a seguir. 

Ilustração 148- Player registado no servidor 

Agora, o que vamos fazer é carregar no outro botão, e o Broadcast server vai 

iniciar, e pedir para fazer o login. Após fazer o login, vai aparecer no ecrã o display 

registado. 

Ilustração 149- Player Registado no servidor 


71 


Depois temos que clicar, no botão editar, e temos que confirmar o pedido de 

registo do player. Ao clicar um menu editar, vai surgir uma janela pop-up onde vamos 

ter que alterar algumas coisas, como por exemplo, alterar o Intercalar, e o Auditar para 

Yes, e no local que diz, layout por defeito, escolhemos o projecto que gravamos 

anteriormente. Depois de fazer as alterações basta fazer gravar. 

Ilustração 150- Aceitar o registo do player 

Agora vamos clicar no menu onde diz “calendário”, e do lado esquerdo, vai 

aparecer, o display que nos registamos e colocamos um visto sobre ele, igual ao 

exemplo da imagem em baixo. 

Ilustração 151- Escolher o Display a utilizar 


72 


Agora que seleccionamos o display, vamos programar uma data para que o 

nosso projecto seja exibido, para isso basta carregar no dia que queremos, e uma janela 

de pop-up irá aparecer. 

Ilustração 152- Seleccionar o dia 

Como seleccionamos o dia, uma janela irá surgir, e nela é onde vamos 

configurar, as horas em que o projecto vai começar a ser exibido, e a data e hora em que 

vai ser terminado. Nesta janela podemos também configurar os projectos que queremos 

e as vezes que ele repete. 

Ilustração 153- Janela de configuração da exibição 


73 


Quando a configuração cumprir os nossos, requisitos basta fazer “guardar”. 

Agora para o projecto ser exibido, basta iniciar o player e esperar um pouco para que 

todos os ficheiros sejam carregados e vamos obter um resultado parecido com o que está 

na imagem em baixo descrita 

Ilustração 154- Projecto (teste) a ser exibido no player 


74 


4. Orçamento para a Instalação 

Cliente: 

Responsável: 

Email: 

Validade da proposta: 

Tabela 5- Orçamento de Serviço do programa. 

Descrição do serviço: 


Orçamento de Serviço 

Instalação da aplicação Broadcast 

Server. 

Instalação e configuração Valor Quantidade 

Compra da aplicação Broadcast Server 1.0 300€ 1 

Instalação da aplicação 100€ 1 

Configuração da aplicação 100€ 1 

Sub total 500€ 

Design do projecto Valor Quantidade 

Criação e colocação na aplicação 150€ 1 


Itens adicionais Valor Quantidade 

Cabo HDMI 20€ 1 


Total 

670€

75 


5. Conclusões 

Apesar de muito trabalho, este projecto foi elaborado com sucesso. Foram anos 

três anos de muita aprendizagem e trabalho, de muita concentração, e por vezes de 

descontracção. 

Este projecto, trouxe muitos obstáculos, que por vezes não os conseguimos 

ultrapassar, e por vezes tínhamos que pedir ajuda aos professores que muito nos 

apoiaram, dando dicas e instruções para melhorar e resolver o nosso projecto. 

Em relação à ferramenta que foi utilizada, Broadcast Server (XIBO), 

comprovou-nos que as suas potencialidades são enormes. O facto de ser programado em 

php constitui uma grande vantagem. Pois trata-se de uma linguagem muito acessível e 

poderosa. O que nos facilita e muito pois assim podemos, fazer alterações e configura-lo 

de acordo com os nossos gostos. Outra grande vantagem é o facto de trabalhar com o 

software Xampp, pois assim reduz os custos na compra e configuração de um 

computador com o sistema operativo servidor, assim basta até ter uma máquina virtual e 

instalar o Xampp que o programa funciona perfeitamente. 

Este software trás muitas vantagens, como a atracção de pessoas em exposições, 

chamada de pessoas para comprar um determinado produto. Isso leva-nos a outro 

aspecto fundamental que é a utilização de ficheiros de formato média, como vídeos, 

flash, PowerPoint, websites e imagens. Funciona como uma boa forma de despertar o 

interesse em empresários, porque assim têm outra forma de fazerem publicidade aos 

seus produtos e promoções. 

O programa, destacou em nós um grande interesse, até que resolvemos explora- 

lo ainda mais, depois deste projecto, gostaríamos de implementar o nosso serviço, em 

algum local. 

Para o futuro o nosso grande objectivo é implementar o nosso, serviço dentro de 

uma rede, para que muitos clientes possam utilizar, usando por exemplo vpns de 

maneira a distribuir por uma cadeia de Hipermercados. 


76 


7.Conclusões 

Conclusões 

7.1. Objectivos Futuros 

Este projecto, foi desenvolv desenvolvido ido durante muito tempo, despert despertou-nos muito 

interesse em tentar, melhora melhora-lo. lo. Contudo, traçamos alguns ojectivos, para melhorar este 

programa, tentando coloca--lo, 

numa rede. 

Para isso vamos tentar cria apenas um servidor que contenha o pro programa, depois 

iremos liga-lo a um equipamento de rrede 

nomeadamente meadamente um router, e a um switch se 

caso existisse muitos clientes. Depois teriamos que configurar o router de maneira abrir 

uma porta, para que os clientes tiv tivessem essem o acesso. Por ultimo configuravamos o player 

de acordo com o ip do servidor, de maneira a que ele fosse buscar, o projecto e exibi exibi-lo 

no tempo certo, como mostra o esquema sequinte. 



77 


7.Conclusões 

7.2. Apreciação Final 

Este projecto, foi bastante interessante de realizar, uma vez que é muito lúdico, e 

tem um grande carácter nos dias de hoje. Este tipo de projectos, desperta a atenção de 

saber sempre mais, para poder melhorar pequenas coisas, nomeadamente a maneira de 

como são exibidos os conteúdos. 

Contudo este projecto, não foi sempre perfeito, uma vez que encontramos vários 

problemas. Problemas estes que atrasam um pouco na elaboração do projecto, como por 

exemplo a falta de programas de digital signage em open source, é muito raro encontrar 

deste tipo de softwares, uma vez que os mais utilizados no mercado são a pagar. Outros 

problemas que encontramos foram na configuração do programa base, uma vez que 

temos que trabalhar com o código php, e com código sql. Conseguimos ultrapassar estes 

problemas recorrendo a manuais, e a ajuda e professores. 

Por fim o ultimo, e o maior, problema que encontramos, que foi a ligação entre o 

player e o servidor, onde o player, por razão desconhecida, não conseguia carregar o 

projecto, e o player dava erro e terminava o projecto. 


78 


8. Referencias 

Wikipédia [em linha] [Janeiro 2011] disponível em: 

• http://pt.wikipedia.org/wiki/Servidor 

• http://pt.wikipedia.org/wiki/XAMPP 

• http://pt.wikipedia.org/wiki/Adobe_Dreamweaver 

• http://pt.wikipedia.org/wiki/VMware 

• http://pt.wikipedia.org/wiki/Adobe_Photoshop 

• http://pt.wikipedia.org/wiki/Windows_XP 

• http://pt.wikipedia.org/wiki/PhpMyAdmin 

• http://pt.wikipedia.org/wiki/Digital_Signage 

• http://pt.wikipedia.org/wiki/Rede_de_computadores 

• http://pt.wikipedia.org/wiki/Rede_de_longa_dist%C3%A2ncia 

• http://pt.wikipedia.org/wiki/Rede_de_%C3%A1rea_local 

• http://pt.wikipedia.org/wiki/Rede_de_%C3%A1rea_metropolitana 

• http://pt.wikipedia.org/wiki/Redes_Mesh 

• http://pt.wikipedia.org/wiki/Virtual_Private_Network 

• http://pt.wikipedia.org/wiki/Topologia_em_estrela 

• http://pt.wikipedia.org/wiki/Rede_em_estrela 

• http://pt.wikipedia.org/wiki/Rede_em_anel 

• http://pt.wikipedia.org/wiki/Rede_de_%C3%A1rea_pessoal 

Xibo; wiki xibo [em linha][Fevereiro 2011] disponível em: 

• http://xibo.org.uk/ 

• http://wiki.xibo.org.uk/wiki/Manual:TOC 

• http://wiki.xibo.org.uk/images/5/52/Introduction_and_Basic_Operation.pdf 

• http://wiki.xibo.org.uk/wiki/Howto_Install_Xibo_Server 

• https://launchpad.net/xibo/1.2/1.2.0 


79 


Portal Digital Signage [em linha] [Fevereiro 2011] disponível em: 

• http://www.portaldigitalsignage.com.br/aplicacoes.php 

• http://www.portaldigitalsignage.com.br/historia.php 

• http://www.portaldigitalsignage.com.br/beneficios.php 

Wixmax [em linha] [Fevereiro 2011] disponível em: 

• http://www.wimax.alojamentogratuito.com/index.php?option=com_content&vie 

w=article&id=63&Itemid=67 

• http://www.wimax.alojamentogratuito.com/index.php?option=com_content&vie 

w=article&id=62&Itemid=66 

Kioskea [em linha] [Fevereiro 2011] disponível em: 

• http://pt.kioskea.net/contents/initiation/lan.php3 

• http://pt.kioskea.net/contents/surete-fonctionnement/san.php3 

Wikiversity [em linha] [Fevereiro 2011] disponível em: 

• http://pt.wikiversity.org/wiki/Introdu%C3%A7%C3%A3o_%C3%A0s_Redes_d 

e_Computadores/Defini%C3%A7%C3%B5es_das_Redes_de_Computadores 

Digital Signage [em linha] [Fevereiro 2011] disponível em: 

• http://www.digitalsignage.com/software/features/ 

Adobe [em linha] [Fevereiro 2011] disponível em: 

• http://www.adobe.com/products/dreamweaver.html 

• http://help.adobe.com/pt_BR/Photoshop/10.0/ 

Apache Friends [em linha] [Fevereiro 2011] disponível em: 

• http://www.apachefriends.org/en/xampp.html 


80 


Vmware [em linha] [Março 2011] disponível em: 

• http://www.vmware.com/products/workstation/ 

Microsoft [em linha] [Março 2011] disponível em: 

• http://windows.microsoft.com/en-US/windows/help/windows-xp 

PHP My Admin [em linha] [Março 2011] disponível em: 

• http://www.phpmyadmin.net/home_page/index.php 

Invasão [em linha] [Março 2011] disponível em: 

• http://www.invasao.com.br/2009/01/31/topologia-de-redes-vantagens-e- 

desvantagens/ 

Aisa [em linha] [Março 2011] disponível em: 

• http://www.aisa.com.br/oquee.html 

Hardware [em linha] [Março 2011] disponível em: 

• http://www.hardware.com.br/termos/topologia-de-barramento 

Redes de computadores [em linha] [Março 2011] disponível em: 

• http://redescomputadores.no.sapo.pt/lanmanwan.htm 

Fatos Digitais [em linha] [Março 2011] disponível em: 

• http://fatosdigitais.wordpress.com/2007/07/24/redes-wan-basico/ 

ESGT [em linha] [Março 2011] disponível em: 

• http://www.esgt.ipt.pt/download/disciplina/324__redes.pdf 


81 


Zetes [em linha] [Março 2011] disponível em: 

• http://www.zetes.pt/pt/fiches/corporate/technologies-products/technologies- 

generic/networking.cfm 

Pefonline [em linha] [Maio 2011] disponível em: 

• http://www.pefonline.pefproductions.com/comunicacao_de_dados/modulo2/top 

ologia_fisica_em_espinha_dorsal.html 

Comunicação de Dados[em linha] [Maio 2011] disponível em: 

• http://comdados.fabioepo.com/index.php?option=com_content&view=article&i 

d=153&Itemid=58 


82 


9. Anexos 

9.1. Código fonte de alguns ficheiros 

9.1.1. Ficheiro Install.php 

$fault = false; 

83 


$xibo_step = Kit::GetParam('xibo_step',_POST,_INT,'0'); 

if (!isset($xibo_step) || $xibo_step == 0) { 

# Primeiro passo do processo de instalação 

# Mostra uma mensagem de boas vindas e depois um butão a dizer Seguinte 

?> 

 

 

 

 

 

 

> 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


84 


 

> 

 

 

 

 

 

> 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


85 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


86 


 

 

 

 

 

 

 

87 


reportError("3", __("Nao foi possivel criar a base de dados devido aos detalhes do 

administrador, por favor verifique e tente de novo") . "" . "MySQL Error:" . "" 

. mysql_error()); 

} 

# Escelhe a base de dados do MySQL para criar um utiloizador 

@mysql_select_db("mysql", $db); 

# Fazer com que $db_host seja em letras minusculas para que combine com o "localhost" 

$db_host = strtolower($db_host); 

?> 

 

88 


$db = @mysql_connect($db_host,$db_user,$db_pass); 

if (! $db) { 

reportError("4", __("Não foi possivel ligar ao MySQL com os detalhes da conta do utilizador 

BS. Por favor verifique e tente de novo.") . "" . __("MySQL Error:") . "" . 

mysql_error()); 

} 

@mysql_select_db($db_name,$db); 

?> 

Populating the database 

 

Loading from 

89 


$fh = fopen("settings.php", 'wt'); 

if (! $fh) { 

reportError("0", __("impossivel escrever no ficheiro settings.php, este ficheiro ja possuiu 

valores.")); 

} 

settings_strings(); 

$settings_content = '$dbhost = \'' . $db_host . '\';' . "\n"; 

$settings_content .= '$dbuser = \'' . $db_user . '\';' . "\n"; 

$settings_content .= '$dbpass = \'' . $db_pass . '\';' . "\n"; 

$settings_content .= '$dbname = \'' . $db_name . '\';' . "\n\n"; 

$settings_content .= 'define(\'SECRET_KEY\',\'' . gen_secret() . '\');' . "\n"; 

if (! fwrite($fh, $settings_header . $settings_content . $settings_footer)) { 

reportError("0", __("impossivel escrever no ficheiro settings.php, este ficheiro ja possuiu 

valores.")); 

} 

fclose($fh); 

?> 

 

 

 

 

 

> 

 

 

 

 

 

 

 

 

 

 

 

> 

 


90 


91 


## server_key 

?> 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

> 

 

92 


} 

else { 

$stats="Off"; //Ararnjo 

} 

// Verifica se library_location já existe 

if (! is_dir($library_location)) { 

if (is_file($library_location)) { 

reportError("8", __("Existe um ficheiro com o nome atribuido a libraria, dentro da pasta. 

Por favor escolha outra localizacao")); 

} 

// A directoria nao existe. Tentaviva de criar 

// Usar mkdir recursivelmente, para que tente criar uma directoria 

// Pastas intermédias são necessárias 

if (! mkdir($library_location,0755,true)) { 

reportError("8", __("Nao se poe criar a localizacao da directoria da libraria para ti. Por 

favor, esteja seguro que o servidor web tem permissoes para criar uma pasta nesta localizacao 

ou crias a pasta manualmente e dar permissoes a pasta para o servidor web poder escrever 

nela")); 

} 

} 

// Aqui pergunta se a library_location gravavel? 

if (! is_writable($library_location)) { 

// Senao, a da um erro a dizer que a directoria nao é gravavel. 

reportError("8", __("A localizacao da libraria nao e gravavel por o servidor web. Por favor 

arranje as permissoes e tente novamente.")); 

} 

// Aqui pergunta se a library_location está vazia? 

if (count(ls("*",$library_location,true)) > 0) { 

reportError("8", __("A pasta da libraria nao esta vazia. Por favor esvazie a pasta ou entao 

coloque outra directoria.")); 

} 

// Corfirma se o utilizador criou uma barra final 

// Senao, adiciona-se uma 

if (!((substr($library_location, -1) == '/') || (substr($library_location, -1) == '\\'))) { 

$library_location = $library_location . '/'; 

} 

include('settings.php'); 

$db = @mysql_connect($dbhost,$dbuser,$dbpass); 

if (! $db) { 


93 


reportError("8", __("Não se conseguiu conectar com o MySQL com os detalhes da conta do 

Broadcast ServerCould gravados em settings.php. Por favor confirm e tente outra vez") . "" . __("MySQL Error:") . "" . mysql_error()); 

} 

@mysql_select_db($dbname,$db); 

$SQL = sprintf("UPDATE `setting` SET `value` = '%s' WHERE `setting`.`setting` = 

'LIBRARY_LOCATION' LIMIT 1", 

mysql_real_escape_string($library_location)); 

if (! @mysql_query($SQL, $db)) { 

reportError("8", __("Um erro ocorreu ao mudar a directoria da libraria.") . "" . 

__("MySQL Error:") . "" . mysql_error()); 

} 

$SQL = sprintf("UPDATE `setting` SET `value` = '%s' WHERE `setting`.`setting` = 'SERVER_KEY' 

LIMIT 1", 

mysql_real_escape_string($server_key)); 


reportError("8", __("Um erro ocorreu ao mudar a chave do servidor.") . "" . 


} 


'defaultTimezone' LIMIT 1", 

mysql_real_escape_string(date_default_timezone_get())); 


reportError("8", __("Um erro ocorreu devido ao fuso horario.") . "" . 


} 


'PHONE_HOME' LIMIT 1", 

mysql_real_escape_string($stats)); 


reportError("8", __("Um erro ocorreu com as estatisticas anonimas.") . "" . 


} 

$SQL = "UPDATE `setting` SET `value` = '" . md5(uniqid(rand(), true)) . "' WHERE 

`setting`.`setting` = 'PHONE_HOME_KEY' LIMIT 1"; 


reportError("8", __("Um erro ocorreu com as estatisticas anonimas.") . "" . 


} 

@mysql_close($db); 

?> 

 


94 


 

 

 

 

> 

 

 

 

 

 

 

95 


# Verificar se o PHP tem o modulo do JSON instalado 

return extension_loaded("json"); 

} 

function checkGd() { 

# Verificar se o PHP tem o modulo do Gd instalado 

return extension_loaded("gd"); 

} 

function checkCal() { 

# Verificar se o PHP tem o modulo do JSON instalado 

return extension_loaded("calendar"); 

} 

function reportError($step, $message, $button_text="< Back") { 

?> 

 

 

 

 

96 


* Esta função vai correr todos os ficheiros padrão da pasta recursivamente se necessário e 

voltar á lista de ficheiros nessa pasta 

* Link : http://www.bin-co.com/php/scripts/filesystem/ls/ 

* License : BSD 

* Arguments : $pattern - Padrao para procurar [OPTIONAL] 

* $folder - O caminho da drectoria de que queremos [OPTIONAL] 

* $recursivly - Esta função corre os ficheiros se for verdade. O padrao é falso 

[OPTIONAL] 

* $options - Um valor de arrays 'return_files' ou 'return_folders' ou ambos 

* Returns : Uma lista limpa de ficheiros com o caminho de todos os ficheiros(nao pastas) 

que se iguala ás condições dadas. 

*/ 

function ls($pattern="*", $folder="", $recursivly=false, 

$options=array('return_files','return_folders')) { 

if($folder) { 

$current_folder = realpath('.'); 

if(in_array('quiet', $options)) { // Se quiet estiver activo, vamos suprimir o erro 'no such 

folder' 

if(!file_exists($folder)) return array(); 

} 

} 

if(!chdir($folder)) return array(); 

$get_files = in_array('return_files', $options); 

$get_folders= in_array('return_folders', $options); 

$both = array(); 

$folders = array(); 

// Ter todos os ficheiros e pastas na directoria correcta 

if($get_files) $both = glob($pattern, GLOB_BRACE + GLOB_MARK); 

if($recursivly or $get_folders) $folders = glob("*", GLOB_ONLYDIR + GLOB_MARK); 

//Se um padrao é predefinido, te a certeza que as pastas são iguais a esse padrao 

$matching_folders = array(); 

if($pattern !== '*') $matching_folders = glob($pattern, GLOB_ONLYDIR + GLOB_MARK); 

//Obter os ficheiros simplesmente eliminando as pastas desses ficheiros 

$all = array_values(array_diff($both,$folders)); 

if($recursivly or $get_folders) { 

foreach ($folders as $this_folder) { 

if($get_folders) { 

//Se um padrao é predefinido, te a certeza que as pastas são iguais a esse padrao 

if($pattern !== '*') { 

if(in_array($this_folder, $matching_folders)) array_push($all, $this_folder); 

} 

else array_push($all, $this_folder); 


} 

} 

} 

} 

97 


if($recursivly) { 

// Vai chamar esta função para todas as pastas 

$deep_items = ls($pattern, $this_folder, $recursivly, $options); # 

foreach ($deep_items as $item) { 

array_push($all, $this_folder . $item); 

} 

} 

if($folder) chdir($current_folder); 

return $all; 

function gen_secret() { 

# Genera uma palabra aleatoria com 12 caracteres para usar como salt 

mt_srand((double)microtime()*1000000); 

$key = ""; 

for ($i=0; $i < 12; $i++) { 

$c = mt_rand(0,2); 

if ($c == 0) { 

$key .= chr(mt_rand(65,90)); 

} 

elseif ($c == 1) { 


} 

else { 


} 

} 

return $key; 

} 

function checkPHP() 

{ 

return (version_compare("5.2.4",phpversion(), "

} 

98 


if (CheckGettext()) 

{ 

return _($string); 

} 

else 

{ 

return $string; 

} 

function settings_strings() { 

global $settings_header; 

global $settings_footer; 

$settings_header =

99 


9. Anexos 


9.2.1. Ficheiro Include.php 

} 

} 

100 


return $value; 

$_POST = array_map('stripslashes_deep', $_POST); 

$_GET = array_map('stripslashes_deep', $_GET); 

$_COOKIE = array_map('stripslashes_deep', $_COOKIE); 

$_REQUEST = array_map('stripslashes_deep', $_REQUEST); 

/* 

* Antes de fazer qualquer coisa verifica-se se tem o ficheiro settings.php 

* Sem este ficheiros podesse deduzir que o tem 

* a) Porque foi instalado a primeira vez 

* b) É um ficheiro corrompido ou uma instalação falhada 

*/ 

if (!file_exists("settings.php")) 

{ 

Kit::Redirect("install.php"); 

die(); 

} 

if (file_exists("upgrade.php")) 

{ 

Kit::Redirect("upgrade.php"); 

die(); 

} 

// Unir settings.php 

Config::Load(); 

// criar a classe na base de dados 

$db = new database(); 

if (!$db->connect_db($dbhost, $dbuser, $dbpass)) 

{ 

die('Broadcast Server tem um erro de coneccao com a base de dados.'); 

} 

if (!$db->select_db($dbname)) 

{ 

die('Broadcast Server tem um erro de coneccao com a base de dados.'); 

} 

date_default_timezone_set(Config::GetSetting($db, "defaultTimezone")); 

// Erro (requere um manipulador para a coneccção á base de dados) 

set_error_handler(array(new Debug(), "ErrorHandler")); 

// Definir as versão 


101 


Config::Version($db); 

// Verifica se a versão é igual á versão do codigo 

if (DBVERSION != '25') 

die(sprintf('Versao de base de dados incompativel. Por favor confirme se as versoes da base 

de dados e do website sao iguais. Tem a versao %d e do website para %d', DBVERSION, 25)); 

// Qual é o modo de producção do servidor 

if(Config::GetSetting($db, "SERVER_MODE")=="Test") ini_set('display_errors', 1); 

// Debugging? 

if(Config::GetSetting($db, "debug")=="On") error_reporting(E_ALL); 

TranslationEngine::InitLocale($db); 

// Cria um sistema de login 

require_once('modules/' . Config::GetSetting($db, "userModule")); 

$user = new User($db); 

$session = new Session($db); 

// OAuth 

// TODO: Desliga devido aos cabeçalhos mandarem codigo utf8 que descontrola tudo 

//require_once('lib/oauth.inc.php'); 

// Variavel da pagina definida? Senao padroniza como index 

$page = Kit::GetParam('p', _REQUEST, _WORD, 'index'); 

// Liga a pagina com o nome da sessao 

$session->set_page(session_id(), $page); 

// Cria a pagina 

$pageManager = new PageManager($db, $user, $page); 

$pageManager->Authenticate(); 

$pageManager->Render(); 

die(); 

?> 


102 


9. Anexos 


9.3.1. Ficheiro services.php 

WSDL(); 

// O XRDS está a ser requerido 

if (isset($_GET['xrds'])) 

$serviceResponse->XRDS(); 

if (defined('XMDS')) 

$service = 'soap'; 

// Verifica se estamos a usar o serviço errado (se esta a usar o xmds.php entao vamos usar 

sempre o serviço SOAP) 

if (defined('XMDS') || $method != '') 

{ 

// Cria um serviço para arranjar um novo método 

switch ($service) 

{ 

case 'soap': 

Kit::ClassLoader('xmdssoap'); 

try 

{ 

$soap = new SoapServer($serviceLocation . '?wsdl'); 

$soap->setClass('XMDSSoap'); 

$soap->handle(); 


103 


} 

catch (Exception $e) 

{ 

$serviceResponse->ErrorServerError('Unable to create SOAP Server'); 

} 

break; 

/* Codificado / Desactivar IN 1.1 

case 'oauth': 

Kit::ClassLoader('ServiceOAuth'); 

$oauth = new ServiceOAuth(); 

if (method_exists($oauth, $method)) 

$oauth->$method(); 

else 

$serviceResponse->ErrorServerError('Unknown Request.'); 

break; 

case 'rest': 

// OAuth authorization. 

if (OAuthRequestVerifier::requestIsSigned()) 

{ 

try 

{ 

$request = new OAuthRequestVerifier(); 

$userID = $request->verify(); 

if ($userID) 

{ 

// Cria o login no sustema de controlo 

$userClass = Config::GetSetting($db, 'userModule'); 

$userClass = explode('.', $userClass); 

} 

Kit::ClassLoader($userClass[0]); 

// Cria um utlizador 

$user = new User($db); 

// Faz o login com este utilizador 

if (!$user->LoginServices($userID)) 

{ 

$serviceResponse->ErrorServerError('Unknown User.'); 

} 


104 


else 

{ 

$serviceResponse->ErrorServerError('No user id.'); 

} 

} 

catch (OAuthException $e) 

{ 

$serviceResponse->ErrorServerError('Request signed but Unauthorized.'); 

} 

} 

else 

{ 

// Só serviços que estao logados é que vao ser pedidos 

$serviceResponse->ErrorServerError('Not signed.'); 

} 

// Autenticação com OAuth. 

Kit::ClassLoader('Rest'); 

// Detetar o tipo de resposta 

switch ($response) 

{ 

case 'json': 

Kit::ClassLoader('RestJson'); 

} 

$rest = new RestJson($db, $user, $_POST); 

break; 

case 'xml': 

Kit::ClassLoader('RestXml'); 

$rest = new RestXml($db, $user, $_POST); 

break; 

default: 

$serviceResponse->ErrorServerError('Unknown response type'); 

// Corre o método criado 

if (method_exists($rest, $method)) 

$serviceResponse->Success($rest->$method()); 

else 

$serviceResponse->ErrorServerError('Unknown Method'); 

break; 

*/ 


} 

exit; 

105 


default: 

$serviceResponse->ErrorServerError('Not implemented.'); 

} 

// Nenhum metodo foi executado entao deslga a pagina / documento XDMS 

?> 

 

 

Xmds 

 

 

XMDS 

 

 


106 


9. Anexos 


9.4.1. Ficheiro settings.php

2011 - Escola Europeia de Ensino Profissional

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?