Sei sulla pagina 1di 58

UNIVERSIDADE FEDERAL DE

UBERLNDIA
FACULDADE DE ENGENHARIA
ELTRICA - FEELT

LASEC
FEELT

BEAGLEBONE BLACK COMO


WEB SERVER

ltima Atualizao 10/08/2015

1 Edio 04/2015

Sumrio
Criando um SD Card bootvel com Debian................................................................. 3
BeagleBone Black como Web Server ......................................................................... 5
Etapa 1: Instalao do Servidor Apache .................................................................. 8
Etapa2: Criando Pginas Web e Scripts Web .......................................................... 8
Etapa 3: Instalao do PHP (Personal Home Page) .............................................. 10
Etapa 4: Lendo o Valor de Temperatura fornecida por um sensor LM35............... 14
Etapa5: BeagleBone Black e Streaming de Vdeo ................................................. 19
Etapa6: Endereo de IP Esttico ........................................................................... 23
Etapa7: Pgina de Streaming ( ipcamera.php ) ..................................................... 25
Etapa8: Inicializar o MJPG-streamer durante o boot.............................................. 27
Etapa9: Acesso em Rede Local via PC e Smartphone .......................................... 29
Etapa10: Acesso em Redes Metropolitanas e de Longa Distncia via PC e
Smartphone ........................................................................................................... 32
Precaues para o acesso de redes MAN e WAN................................................. 47
Tabela de Acentos e Caracteres Especiais ............................................................... 56

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 2

1 Edio 04/2015

Criando um SD Card bootvel com Debian


Primeiro passo:
Utilize o link abaixo para BeagleBone com memria eMMC de 2GB:
https://mega.co.nz/#!d5VHiIxb!-4DhU-1C4L7hHcv-fl8gES5FDWAmdXCLjG4IxLWhdv4

BBB-eMMC-flasher-debian-7.5-2014-05-14-2gb.img.xz

ATENO!!!
Verses de BBB-eMMC-flasher-debian entre 7.5-2014-05-14-2gb e 7.8-lxde-4gb-armhf2015-03-01-4gb esto apresentando problemas.
BBB-eMMC-flasher-debian-7.8-lxde-4gb-armhf-2015-03-01-4gb.img.xz
(Problems related to Device Tree)
OBS: Isto no significa que j no tenham reparado o problema no
arquivo disponvel para download.
OBS: Para descompactar arquivos do tipo xz utilize o 7-Zip:
http://www.7-zip.org/download.html

ou utilize o seguinte link:


https://mega.co.nz/#F!wkVzwQqC!7LEZUQCB_sNRqWSEchP41Q

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 3

1 Edio 04/2015

A segunda opo fazer o download no site:


Link: http://beagleboard.org/latest-images
OBS: Verses mais recentes da imagem eMMC-flasher do Debian podem no funcionar
direito. Se isso ocorrer, faa o download da imagem fornecida.
Para finalizar o primeiro passo, descompacte o arquivo baixado.

Segundo passo: Instale o software Image Writer for Windows. Realize o download utilizando
o link:
https://mega.co.nz/#!90EyQI4I!trMDE3okHYcbmSjaQIoOAxn3iZSVLDBVa68gY7ingzE
ou o link do repositrio sourceforce, que constantemente atualizado com as verses mais
recentes:
http://sourceforge.net/projects/win32diskimager/files/latest/download

Terceiro passo: Insira o microSD Card em um adaptador SD e introduza o conjunto no PC.


Para gravar a imagem, execute o software Image Writer for Windows
(Win32DiskImager.exe), carregue a imagem denominada BBB-eMMC-flasher-debian-7.52014-05-14-2gb.img e pressione Write para gravar o microSD Card, conforme indicado na
Erro! Fonte de referncia no encontrada.:
OBS: Ateno!!! Verifique se o dispositivo ( Device ) selecionado realmente de seu SD
Card.

Quando a gravao terminar, insira o SD Card gravado na BeagleBone Black e alimente o kit
por meio de uma fonte de alimentao ( 5V e no mnimo 1A ). A gravao inicia com todos os
LEDs acesos e termina com todos eles apagados. Somente quando todos os LEDs
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 4

1 Edio 04/2015
permanecerem apagados, retire a fonte de alimentao e o SD Card. Em seguida, conecte a
BeagleBone Black ao PC por meio do cabo USB (miniUSB to USB Type A Cable).

BeagleBone Black como Web Server


Um servidor um sistema de computao centralizada que fornece servios a uma rede de
computadores. As redes permitem a comunicao entre diversos computadores, e, com o
crescimento destas, surgiu a ideia de dedicar alguns computadores para prestar algum servio
rede, enquanto outros se utilizariam destes servios. Os servidores ficariam responsveis pela
primeira funo.
Esses servios podem ser de natureza diversa, como por exemplo, arquivos, sensoriamento
remoto, correio eletrnico, dentre outros servios. Os computadores que acessam os servios
de um servidor so chamados clientes. As redes que utilizam servidores so do tipo clienteservidor.
A imagem do sistema operacional Debian para BeagleBone Black, j vem com o servidor
Apache instalado, porm, para atualiz-lo, siga os seguintes passos:
Conecte o Kit BeagleBone Black (BBB) por meio do cabo USB no notebook, pois no Linux
no necessrio instalar drivers.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 5

1 Edio 04/2015
Em seguida, capture a entrada USB onde o BBB est conectado em VM -> Removable Devices
-> Linux Foundation BeagleBoneBlack -> Connect (Disconnect from Host)

Aps a conexo do cabo, uma mensagem de Conexo Local dever surgir e desaparecer pouco
tempo depois. Se estiver realizando boot por meio da memria eMMC, a conexo costuma
ocorrer sem problemas.

Em seguida, realize uma conexo ssh com a BeagleBone Black, como mostrado a seguir:
ufu@SE:~$ ssh -X root@192.168.7.2
Caso a seguinte mensagem aparea:
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!
Someone could be eavesdropping on you right now (man-in-the-middle attack)!
It is also possible that a host key has just been changed.
The fingerprint for the RSA key sent by the remote host is
45:79:10:4a:2c:3c:ff:be:92:d5:18:f7:e2:41:80:8e.
Please contact your system administrator.
Add correct host key in /home/ufu/.ssh/known_hosts to get rid of this message.
Offending RSA key in /home/ufu/.ssh/known_hosts:1
remove with: ssh-keygen -f "/home/ufu/.ssh/known_hosts" -R 192.168.7.2
RSA host key for 192.168.7.2 has changed and you have requested strict checking.
Host key verification failed.
Execute o comando proposto:
ufu@se:~$ ssh-keygen -f "/home/ufu/.ssh/known_hosts" -R 192.168.7.2
# Host 192.168.7.2 found: line 1 type RSA
/home/ufu/.ssh/known_hosts updated.
Original contents retained as /home/ufu/.ssh/known_hosts.old
ufu@se:~$
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 6

1 Edio 04/2015
Ento, tente a conexo novamente:
ufu@SE:~$ ssh -X root@192.168.7.2
The authenticity of host '192.168.7.2 (192.168.7.2)' can't be established.
RSA key fingerprint is 45:79:10:4a:2c:3c:ff:be:92:d5:18:f7:e2:41:80:8e.
Are you sure you want to continue connecting (yes/no)? yes
Warning: Permanently added '192.168.7.2' (RSA) to the list of known hosts.
root@192.168.7.2's password:
root@beaglebone:~#
OBS: Responda yes e pressione <Enter> e pressione <Enter> novamente quando a
password for solicitada
Com a conexo estabelecida, para que o kit BeagleBone Black possa acessar a internet atravs
do PC ao qual ele est conectado, execute os seguintes comandos:
No prompt de comando da BBB, execute os comandos:
root@beaglebone:~# route add default gw 192.168.7.1
root@beaglebone:~# echo "nameserver 8.8.8.8" > /etc/resolv.conf
No prompt de comando do PC, execute os comandos:

OBS: Utilize <Ctrl+C> para copiar e <Shift + Insert> para colar no prompt.
root@SE:/home/ufu# echo 1 > /proc/sys/net/ipv4/ip_forward
root@SE:/home/ufu# iptables -A POSTROUTING -t nat -j MASQUERADE
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 7

1 Edio 04/2015

Etapa 1: Instalao do Servidor Apache


Para instalar o Servidor Apache, execute os seguintes Comandos:
root@beaglebone:~# dpkg --get-selections|grep apache
root@beaglebone:~# apt-get update
root@beaglebone:~# apt-get install apache2
Na imagem da BeagleBone Black, o servidor Apache est, por padro, configurado na porta
8080. Configurar uma porta para um determinado programa importante porque numerosos
programas TCP/IP podem ser executados simultaneamente. Cada um destes programas
trabalha com um protocolo, contudo o computador deve poder distinguir as diferentes fontes de
dados durante o processo de envio e recebimento.
Assim, para facilitar este processo, cada uma destas aplicaes recebe um endereo nico na
mquina, codificada em 16 bits: uma porta que a combinao do endereo IP + porta.
Esta combinao , ento, um endereo nico no mundo, denominado de socket).
Para listar os servios que esto escutando as portas na BeagleBone Black, utilize o commando
netstat, como mostrado a seguir:
root@beaglebone:~# netstat -tlpn

Deste modo, quando uma requisio de rede recebida pela porta 8080, ela direcionada para
a aplicao de servidor Apache2.

Etapa2: Criando Pginas Web e Scripts Web


Para criar uma pgina web simples em HTML para o servidor da BeagleBone Balck, utilize o
editor nano, crie um arquivo chamado index.html na pasta /var/www, como mostrado a
seguir:
root@beaglebone:~# cd /var/www
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 8

1 Edio 04/2015
root@beaglebone:/var/www# nano index.html

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Cdigo do arquivo index.html
<HTML>
<TITLE>P&aacutegina da BeableBone Black</TITLE>
<BODY>
<H1> Primeira p&aacutegina da BeagleBone Black</H1>
P&aacutegina de teste da BeagleBone Black.
</BODY>
</HTML>

Para acessar a pgina, abra o Navegador Web Iceweasel e acesse o endereo


192.168.7.2:8080, como exemplificado a seguir:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 9

1 Edio 04/2015

Etapa 3: Instalao do PHP (Personal Home Page)


Para a implementao de pginas mais sofisticadas que utilizam banco de dados e necessitam
de segurana (contra ataques via manipulao de URL, por exemplo) uma alternativa usar o
script PHP do lado do servidor.
O PHP um script leve, de cdigo aberto e possui sintaxe parecida com a linguagem de
programao C que pode ser escrito diretamente nas pginas HTML.
PHP (um acrnimo recursivo para PHP: Hypertext Preprocessor, originalmente Personal
Home Page).
Para instalar o PHP e utiliz-lo no servidor Apache, execute os seguintes comandos:
root@beaglebone:~# apt-get install apache2 apache2-utils
root@beaglebone:~# apt-get install php5 curl php5-curl php5-json
root@beaglebone:~# service apache2 restart
O Servidor Bone101 (servio bonescript) proporciona informaes valiosas para quem deseja
comear a utilizar o BeagleBone Black, entretanto ele ocupa o endereo padro 80, que
reservado para servidores web.
Para confirmar se o Servidor Bone101 est ativo, utilize o seguinte comando:
root@beaglebone:~# systemctl list-units -t service |grep bonescript
bonescript-autorun.service loaded active running

Bonescript autorun

Uma vez verificado que ele est ativo, para interromper o servio bonescript e utilizar a porta
80 para um determinado servidor customizado, utilize os seguintes comandos:
root@beaglebone:~# systemctl stop bonescript.socket
root@beaglebone:~# systemctl stop bonescript.service
root@beaglebone:~# systemctl disable bonescript.socket
root@beaglebone:~# systemctl disable bonescript.service
OBS:
Se desejar desabilitar a interface grfica do usurio (GUI), execute:
root@beaglebone:~# apt-get remove lightdm
Para habilitar novamente, execute:
root@beaglebone:~# apt-get install lightdm

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 10

1 Edio 04/2015
Para configurar o servidor Apache2 para usar a porta 80, edite o arquivo ports.conf e altere a
porta 8080 para 80, como exemplificado a seguir:
root@beaglebone:~# cd /etc/apache2
root@beaglebone:/etc/apache2# nano ports.conf
root@beaglebone:/etc/apache2#

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Se desejar confirmar as alteraes, utilize o comando:
root@beaglebone:/etc/apache2# more ports.conf | grep 80
NameVirtualHost *:80
Listen 80
Edite o arquivo 000-default, localizado em /etc/apache2/sites-enabled$, e altere a porta 8080
para 80, como exemplificado a seguir:
root@beaglebone:~# cd /etc/apache2/sites-enabled/
root@beaglebone:/etc/apache2/sites-enabled# nano 000-default
Para confirmar as alteraes utilize o seguinte comando:
root@beaglebone:/etc/apache2/sites-enabled# more 000-default | grep 80
<VirtualHost *:80>
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 11

1 Edio 04/2015

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Por fim, reinicie o servidor Apache2, utilizando o comando a seguir:
root@beaglebone:/etc/apache2/sites-enabled# systemctl restart apache2.service
Para verificar se o servidor est operando corretamente, acesse a pasta /var/www e crie um
programa php denominado ip.php, como mostrado a seguir:
root@beaglebone:/etc/apache2/sites-enabled# cd /var/www
root@beaglebone:/var/www# nano ip.php

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 12

1 Edio 04/2015

Cdigo do arquivo ip.php


<html>
<head>
<title>Seu IP</title>
</head>
<body>
<h1>Oi da BeagleBone Black!</h1>
<p><h1>Seu endere&ccedilo de IP &eacute: <?php echo $_SERVER['REMOTE_ADDR'];?> </h1></p>
</body>
</html>

Para acessar a pgina, abra o Navegador Web Iceweasel e acesse o endereo


192.168.7.2/ip.php, como exemplificado a seguir:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 13

1 Edio 04/2015

Etapa 4: Lendo o Valor de Temperatura fornecida por um sensor


LM35
O exemplo a seguir mostra como ler a temperatura fornecida por um sensor de preciso LM35
ligado a entrada analgica AIN0. Para que o pino P9_39 possa ser utilizado como entrada
analgica AIN0, necessrio carregar o Device Tree com as devidas configuraes. Para que
estas configuraes sejam carregadas durante a inicializao, execute os seguintes passos:

Em seguida, para que o device tree do conversor analgico digital possa ser carregado durante
a inicializao, acrescente seguinte cdigo ao final do arquivo uEnv.txt:
optargs=quiet drm.debug=7 capemgr.enable_partno=BB-ADC

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 14

1 Edio 04/2015

OBS: necessrio reinicializar a BeagleBone Black para que as configuraes tenham efeito!
O sensor LM35 um sensor linear de temperatura cuja tenso de sada varia 10mV/C. Ele
mede temperatura na faixa de 55C 150C e quando submetido a temperatura de 25 C,
fornece tenso de 250mV na sada.
O LM35 alimentado de 4 a 20V, drena apenas 60A, seu auto-aquecimento de
aproximadamente 0.1C ao ar livre, e no necessita de qualquer calibrao externa ou
trimming para fornecer com exatido, valores temperatura com variaes de C ou at
mesmo C dentro da faixa de temperatura de -55C 150C.
A figura a seguir mostra como o LM35 pode ser ligado ao kit BeagleBone Black.

5V
3

P9.1 ou P9.2

P9.5 ou P9.6

LM35

P9

P8

eMMC

am3359
Vista de Baixo

HDMI

3
P9.39

PIN1 de 4V at 20V
PIN2 Vout
PIN3 GND

45 46

USB

45 46

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 15

1 Edio 04/2015

A seguir apresentado um programa em C que l o valor de tenso disponibilizada no pino 2


do LM35, realiza a converso para grau Celsius e disponibiliza somente o valor da temperatura
de modo que este valor possa ser exibido no servidor web implementado at o momento.
root@beaglebone:/var/www# cd
root@beaglebone:~# mkdir LM35sensor
root@beaglebone:~# cd LM35sensor/
root@beaglebone:~/LM35sensor# nano LM35.c

Link para download do arquivo LM35.c:


https://mega.co.nz/#F!chlWVIzD!pI0zmAheB7NrsgR3MW6ojw
OBS: Utilize <Ctrl+C> para copiar o contedo do arquivo LM35.c.txt e <Shift + Insert>
para colar no editor nano.

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
root@beaglebone:~/LM35sensor# gcc LM35.c -o LM35
root@beaglebone:~/LM35sensor# cp LM35 /usr/local/bin

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 16

1 Edio 04/2015

Cdigo do arquivo LM35.c


#include <stdio.h>
#include <fcntl.h>
#define SYSFS_ADC_DIR "/sys/bus/iio/devices/iio:device0"
#define MAX_BUF 64
int main(int argc, char* argv[])
{
int ain = 0;
if (argc > 1)
{
ain = atoi(argv[1]);
}
int fd;
int ADvalue=0;
float currentVoltage=0;
float degreesCelsius=0;
char buf[MAX_BUF];
char channel[5];
snprintf(buf, sizeof(buf), SYSFS_ADC_DIR "/in_voltage%d_raw", ain);
fd = open(buf, O_RDONLY);
read(fd, channel, 4);
ADvalue = atoi(channel);
//printf("%d\n", ADvalue); //print A/D value
currentVoltage = ADvalue * (1.80f/4096.0f);
//printf("%f\n", currentVoltage); //print current voltage
degreesCelsius = (25.0f/0.25f)*currentVoltage;
//printf("%f\n", degreesCelsius); //print degree in celsius
printf("%f", degreesCelsius); //print raw data (degree in celsius)
close(fd);
return 0;
}

Em seguida, acesse a pasta /var/www e crie um programa php denominado LM35.php, como
mostrado a seguir:
root@beaglebone:~# cd /var/www
root@beaglebone:/var/www# nano LM35.php
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 17

1 Edio 04/2015

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Cdigo do arquivo LM35.php
<?php $temperature = shell_exec('/usr/local/bin/LM35 0'); ?>
<html>
<head>
<title>Seu IP e Temperatura na BBB</title>
</head>
<body>
<h1>Oi da BeagleBone Black!</h1>
<p><h1>Seu endere&ccedilo de IP &eacute: <?php echo $_SERVER['REMOTE_ADDR'];?> </h1></p>
<p><h1>A temperatura na BBB &eacute de: <?php echo $temperature ?> &#176C</h1></p>
</body>
</html>

Para acessar a pgina, abra o Navegador Web Iceweasel e acesse o endereo


192.168.7.2/LM35.php, como exemplificado abaixo:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 18

1 Edio 04/2015

Etapa5: BeagleBone Black e Streaming de Vdeo


Streaming (fluxo de mdia) uma forma de distribuio de dados, geralmente de multimdia
em uma rede atravs de pacotes. Neste exemplo, o software MJPG-streamer ser utilizado
para realizar o streaming das imagens fornecidas por uma webcam da Logitech HD720p.
O software MJPG-streamer foi desenvolvido para ser utilizado no sistema Linux-UVC1 para
receber imagens JPGs de webcams , cmeras digitais, arquivos de sistema ou outros plugins de
entrada e transmiti-las no formato M-JPEG, atravs de conexo HTTP em webbrowsers.
Se o kit BeagleBone Black foi reinicializado, configure-o novamente para acessar a internet:
No prompt de comando da BBB, execute os comandos:
root@beaglebone:~# route add default gw 192.168.7.1
root@beaglebone:~# echo "nameserver 8.8.8.8" > /etc/resolv.conf
No prompt de comando do PC, execute os comandos:

OBS: Utilize <Ctrl+C> para copiar e <Shift + Insert> para colar no prompt.
root@SE:/home/ufu# echo 1 > /proc/sys/net/ipv4/ip_forward
root@SE:/home/ufu# iptables -A POSTROUTING -t nat -j MASQUERADE

UVC significa (USB Video Class) e define streaming de vdeo no barramento USB

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 19

1 Edio 04/2015
Para instalar o MJPG-streamer na BeagleBone Black, execute os seguintes comando:
root@beaglebone:~# apt-get install build-essential
root@beaglebone:~# apt-get install g++ curl pkg-config libv4l-dev libjpeg-dev buildessential libssl-dev vim cmake
Copiar o comando a partir do quadro a seguir, pois no pode haver quebra de linha:
apt-get install g++ curl pkg-config libv4l-dev libjpeg-dev build-essential libssl-dev vim cmake

root@beaglebone:~# apt-get install subversion


root@beaglebone:~# apt-get install imagemagick
root@beaglebone:~# wget --no-check-certificate
streamer/raw/master/mjpg-streamer.tar.gz

https://github.com/shrkey/mjpg-

Copiar o comando a partir do quadro a seguir, pois no pode haver quebra de linha:
wget --no-check-certificate https://github.com/shrkey/mjpg-streamer/raw/master/mjpg-streamer.tar.gz

root@beaglebone:/var/www# cd
root@beaglebone:~# tar -xvf ./mjpg-streamer.tar.gz
root@beaglebone:~# cd mjpg-streamer
root@beaglebone:~/mjpg-streamer# make
root@beaglebone:~/mjpg-streamer# make install
Em seguida, conecte o cabo USB da webcam Logitech HD720p na interface USB da
BeagleBone Black.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 20

1 Edio 04/2015
Execute o MJPG-streamer, como exemplificado a seguir:
root@beaglebone:~/mjpg-streamer# ./mjpg_streamer -i "./input_uvc.so -n -f 25 -r 640x480"
-o "./output_http.so -n -w ./www"
Copiar o comando a partir do quadro a seguir, pois no pode haver quebra de linha:
./mjpg_streamer -i "./input_uvc.so -n -f 25 -r 640x480" -o "./output_http.so -n -w ./www"

MJPG Streamer Version: svn rev:


i: Using V4L2 device.: /dev/video0
i: Desired Resolution: 640 x 480
i: Frames Per Second.: 15
i: Format............: MJPEG
o: www-folder-path...: ./www/
o: HTTP TCP port.....: 8080
o: username:password.: disabled
o: commands..........: disabled
Para acessar a pgina, abra o Navegador Web Iceweasel e acesse o endereo
192.168.7.2:8080, como exemplificado na figura abaixo:

Tente tambm as opes Stream, Javascript e VideoLAN.


Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 21

1 Edio 04/2015
Em seguida, acesse a pasta /var/www e crie um programa php denominado camera.php,
como mostrado a seguir:
root@beaglebone:~# cd /var/www
root@beaglebone:/var/www# nano camera.php

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Cdigo do arquivo camera.php

<meta http-equiv="refresh" content="1;http://192.168.7.2:8080/?action=stream" />

Neste exemplo, o link http://192.168.7.2:8080/?action=stream ser executado

automaticamente aps 1 segundo, conforme especificado no comando content="1;


Para acessar a pgina, abra o Navegador Web Iceweasel e acesse o endereo
192.168.7.2/camera.php, como exemplificado abaixo:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 22

1 Edio 04/2015

Etapa6: Endereo de IP Esttico


A BeagleBone Black usa por padro o protocolo de configurao dinmica de host (Dynamic
Host Configuration Protocol - DHCP) para alocao do endereo IP em redes com ou sem fio.
Os roteadores geralmente executam um servidor DHCP que aloca um endereo IP aos
dispositivos que esto conectados na rede. No entanto, este processo no eficiente quando se
deseja fazer um dispositivo ficar visvel fora de um firewall domstico por meio de
redirecionamento de portas2 (port forwarding). Isto ocorre porque os dispositivos que utilizam
o DHCP podem receber endereos de IP diferentes cada vez que eles inicializam.
Assim, o redirecionamento de portas permite que dispositivos (neste exemplo, a BeagleBone
Black) fiquem visveis para o mundo. Por isso, muitos roteadores e firewalls exigem que o
dispositivo tenha um IP esttico para que o redirecionamento de portas possa ser configurado.
Para alocar um endereo IP esttico na BeagleBone Black, basta especificar manualmente o
endreo, mscara de rede e gateway no arquivo /etc/network/interfaces, como mostrado a
seguir:
root@beaglebone:~# cd /etc/network
root@beaglebone:/etc/network# nano interfaces

O redirecionamento de portas abre certas portas em sua rede domstica ou empresarial,


geralmente bloqueadas pelo roteador, para a Internet. Abrir portas especficas pode permitir que
jogos, servidores, clientes de BitTorrent e outros aplicativos passem pela segurana do seu
roteador que de outra forma no permite conexes a estas portas.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 23

1 Edio 04/2015
Cdigo do arquivo /etc/network/interfaces
# This file describes the network interfaces available on your system
# and how to activate them. For more information, see interfaces(5).
# The loopback network interface
auto lo
iface lo inet loopback
# The primary network interface
auto eth0
iface eth0 inet static
address 192.168.1.102
netmask 255.255.255.0
gateway 192.168.1.1
dns-nameservers 8.8.8.8
dns-nameservers 8.8.4.4

# The secondary network interface


#auto eth1
#iface eth1 inet dhcp
# WiFi Example
#auto wlan0
#iface wlan0 inet dhcp
# wpa-ssid "essid"
# wpa-psk "password"
# Ethernet/RNDIS gadget (g_ether)
# ... or on host side, usbnet and random hwaddr
# Note on some boards, usb0 is automaticly setup with an init script
iface usb0 inet static
address 192.168.7.2
netmask 255.255.255.0
network 192.168.7.0
gateway 192.168.7.1

OBS: A partir destas configuraes, se o kit BeagleBone Black for conectado ao roteador
por meio de um cabo RJ-45 10/100 e alimentado por uma fonte (recomenda-se uma fonte
de 5V/1A estabilizada), o kit BBB poder ser acessado remotamente por meio de conexo
ssh, atravs do IP que foi configurado (198.168.1.102). Exemplo:
ufu@SE:~$ ssh -X root@192.168.1.102
Se precisar reinicializar o kit BBB remotamente, utilize o comando reboot.
root@beaglebone:~# reboot

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 24

1 Edio 04/2015

Etapa7: Pgina de Foto e de Streaming


Para poder visualizar o streaming em uma pgina web, crie um arquivo denominado
ipcamera.php na pasta /var/www com o seguinte cdigo:
root@beaglebone:~# cd /var/www
root@beaglebone:/var/www# nano ipcamera.php

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Cdigo do arquivo ipcamera.php
<meta http-equiv="refresh" content="1;http://192.168.1.102:8080/?action=stream" />

Para poder visualizar uma foto (a static snapshot) em uma pgina web, crie um arquivo
denominado foto.php na pasta /var/www com o seguinte cdigo:
root@beaglebone:~# cd /var/www
root@beaglebone:/var/www# nano foto.php

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 25

1 Edio 04/2015

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Cdigo do arquivo ipcamera.php
<meta http-equiv="refresh" content="1;http://192.168.1.102:8080/?action=snapshot" />

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 26

1 Edio 04/2015

Etapa8: Inicializar o MJPG-streamer durante o boot


Para inicializar o MJPG-streamer automaticamente durante a inicializao da BeagleBone
Black, realize os seguintes passos:
root@beaglebone:/var/www# cd
root@beaglebone:~# nano startup

Link para o cdigo dos arquivos startup e run-mjpgstreamer


https://mega.co.nz/#F!chlWVIzD!pI0zmAheB7NrsgR3MW6ojw

Em seguida, transforme o arquivo startup em um executvel:


root@beaglebone:~# chmod +x startup
root@beaglebone:~# nano run-mjpgstreamer

Em seguida, salve o arquivo pressionando as teclas (Ctrl + O), depois pressione <Enter> e
para sair pressione (Ctrl + X).
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 27

1 Edio 04/2015
Cdigo do arquivo run-mjpgstreamer
#!/bin/bash
sleep 15 # Aguarda 15 segundos aps a BBB ser ligada
cd /root/mjpg-streamer
./mjpg_streamer -i "./input_uvc.so -n -f 15 -r 640x480" -o "./output_http.so -n -w ./www"
root@beaglebone:~# chmod +x run-mjpgstreamer
root@beaglebone:~# ./startup add run-mjpgstreamer /root/run-mjpgstreamer
ln
-s
'/lib/systemd/system/run-mjpgstreamer.service'
user.target.wants/run-mjpgstreamer.service'

'/etc/systemd/system/multi-

Processo adicionado com sucesso. Na prxima vez que o sistema for inicializado ele ser
automaticamente executado.
root@beaglebone:~# ./startup list
Os seguintes processos foram adicionados por voc (usuario root):
run-mjpgstreamer
root@beaglebone:~#

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 28

1 Edio 04/2015

Etapa9: Acesso em Rede Local via PC e Smartphone


LAN Rede Local:
A Rede Local (acrnimo de Local Area Network - LAN) interliga computadores presentes
dentro de um mesmo espao fsico. Isso pode acontecer dentro de uma empresa, de uma escola
ou dentro da sua prpria casa.
Neste exemplo, o kit BeagleBone Black est conectado a um roteador, por meio de um cabo
RJ-45 10/100 e alimentado por uma fonte de 5V/1A estabilizada.

Para visualizar as imagens registradas pela webcam, abra o navegador Firefox e utilize o
endereo http://192.168.1.102/ipcamera.php
OBS: Os navegadores Chrome e Internet Explorer provavelmente no iro funcionar sem
configuraes adicionais.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 29

1 Edio 04/2015

Para visualizar as imagens em um smartphone Android, acesse a Google play e instale o


Firefox para Android e utilize o endereo http://192.168.1.102/ipcamera.php, como mostrado
a seguir:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 30

1 Edio 04/2015

Para visualizar a temperatura lida pelo sensor LM35, abra outra aba do navegador Firefox e
acesse o endereo http://192.168.1.102/LM35.php, como exemplificado abaixo:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 31

1 Edio 04/2015

Etapa10: Acesso em Redes Metropolitanas e de Longa Distncia via


PC e Smartphone
WAN Rede de Longa Distncia:
As Redes de Longa Distncia (Wide Area Network - WAN) so redes de computadores que
abrangem uma grande rea geogrfica como um pas ou um continente.
MAN Rede Metropolitana:
As Redes Metropolitanas (Metropolitan Area Network - MAN) conectam diversas Redes
Locais dentro de algumas dezenas de quilmetros. Imaginemos, por exemplo, que uma empresa
possui dois escritrios em uma mesma cidade e deseja que os computadores permaneam
interligados.
Nos exemplos apresentados, a BeagleBone Black est executando um Servidor Apache que
possibilita o acesso remoto do dispositivo e, consequentemente, o desenvolvimento de
aplicaes do tipo acionamento e monitoramento remoto.
No entanto, o acesso a dispositivos que possuem servidores a partir de longas distncias no
uma tarefa simples. Isto ocorre porque os dispositivos podem estar conectados a redes privadas
que possuem Roteadores com NAT3 ou firewalls4. Esta situao ocorre principalmente com
dispositivos conectados rede e que so utilizados em automao residencial, comercial e
industrial que no possuem um IP vlido (pblico) e que esto atrs de um roteador com NAT.
At mesmo dispositivos conectados a redes GSM/GPRS ou UMTS, muitas vezes, no possuem
um IP pblico e, portanto, no podem ser acessados diretamente.
Algumas das solues para este problema so Virtual Private Networks (VPNs) ou NAT port
forwarding com DNS dinmico, contudo, so solues de difcil configurao e operao. Alm
3
A tecnologia NAT foi desenvolvida para oferecer uma soluo temporria para a escassez de
endereos IPv4. O nmero de endereos IPv4 nicos disponveis globalmente (ou seja, pblicos)
pequeno demais para acomodar o nmero crescente de computadores que precisa acessar a Internet.
Embora j exista uma soluo a longo prazo o desenvolvimento de endereos IPv6 IPv6 ainda
no amplamente adotado. Deste modo, um Roteador com a tecnologia NAT permite aos
computadores de uma Rede LAN ou PAN usar endereos privados reutilizveis para conectar a
computadores com endereos pblicos na Internet.
4
Firewall um software ou um hardware que verifica informaes provenientes da Internet ou de uma

rede, e as bloqueia ou permite que elas cheguem ao seu computador, dependendo das configuraes
do firewall.
Ademais, um firewall pode ajudar a impedir que hackers ou softwares mal-intencionados (como worms)
obtenham acesso ao seu computador atravs de uma rede ou da Internet. Um firewall tambm pode
ajudar a impedir o computador de enviar software mal-intencionado para outros computadores.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 32

1 Edio 04/2015
disso, um problema adicional que resulta da soluo NAT port forwarding a comunicao no
segura.

Apesar de tudo, o acesso remoto e seguro a um servidor web implementado em um dispositivo


uma das principais caractersticas da Internet das Coisas5.
Neste sentido, uma das solues apresentadas denomina-se my-devices.net. Esta soluo
possibilita acesso remoto e seguro, mesmo se o dispositivo estiver localizado atrs de um
Roteador com NAT, firewall ou mesmo que no possua um endereo de IP pblico.

A Internet das Coisas (Internet of Things - IoT) se refere a uma revoluo tecnolgica que tem como
objetivo conectar os itens usados do dia a dia rede mundial de computadores.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 33

1 Edio 04/2015
Para acessar seu dispositivo por meio do my-devices.net, acesse http://www.my-devices.net/ e
clique em GET STARTED, como mostrado a seguir:

Neste exemplo, o navegador web utilizado o Iceweasel, disponvel na distribuio Debian.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 34

1 Edio 04/2015
Fazer o download do software que inicia a conexo entre o kit BeagleBone Balck e o Reflector
Server)

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 35

1 Edio 04/2015
Utilize a opo SIGN IN para fazer o LOGIN ou criar uma conta no site my-devices.net,
como exemplificado a seguir:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 36

1 Edio 04/2015

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 37

1 Edio 04/2015

Aps acessar sua conta, clique sobre seu email no canto superior direito do navegador.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 38

1 Edio 04/2015
Faa o download do arquivo executvel de configurao, denominado de
WebTunnelAgent.properties, que ser utilizado pelo Agente de Conexo Tnel
(WebTunnelAgent). Este arquivo de configurao deve ficar na mesma pasta que o arquivo
executvel WebTunnelAgent.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 39

1 Edio 04/2015

Aps o download, abra o Gerenciador de Arquivos


mostrado a seguir:

e acesse a pasta Downloads, como

Considerando que o kit BeagleBone Black est conectado no PC6, abra um terminal e execute
os comandos que esto em amarelo:
ufu@SE:~$ cd Downloads/
ufu@SE:~/Downloads$ psftp
psftp: no hostname specified; use "open host.name" to connect
psftp> open root@192.168.7.2
Using username "root".
Debian GNU/Linux 7
BeagleBoard.org BeagleBone Debian Image 2014-05-14
Support/FAQ: http://elinux.org/Beagleboard:BeagleBoneBlack_Debian
6

Se o kit BeagleBone Black estiver conectado na rede por meio de um cabo RJ-45 10/100 e se estiver
sendo alimentado por uma fonte (recomenda-se uma fonte de 5V/1A estabilizada), o kit BBB poder
ser acessado remotamente por meio de conexo ssh, atravs do IP esttico que foi configurado
(198.168.1.102). Exemplo:
ufu@SE:~$ ssh -X root@192.168.1.102
Se precisar reinicializar o kit BBB remotamente, utilize o comando reboot.

root@beaglebone:~# reboot

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 40

1 Edio 04/2015
Remote working directory is /root
psftp> put WebTunnelAgent
local:WebTunnelAgent => remote:/root/WebTunnelAgent
psftp> put WebTunnelAgent.properties
local:WebTunnelAgent.properties => remote:/root/WebTunnelAgent.properties
psftp> exit
ufu@SE:~/Downloads$ ssh -X root@192.168.7.2
Debian GNU/Linux 7
BeagleBoard.org BeagleBone Debian Image 2014-05-14
Support/FAQ: http://elinux.org/Beagleboard:BeagleBoneBlack_Debian
Last login: Thu May 15 02:23:33 2014 from se.local
root@beaglebone:~# ls
LM35sensor WebTunnelAgent.properties mjpg-streamer.tar.gz startup
WebTunnelAgent

mjpg-streamer

run-mjpgstreamer

root@beaglebone:~# chmod +x WebTunnelAgent


root@beaglebone:~#

Para que o kit BeagleBone Black se conecte automaticamente com o Reflector Server
(servidor responsvel por receber e manter a conexo como kit), execute os seguintes
comandos:
root@beaglebone:~# cd
root@beaglebone:~# nano init-WebTunnelAgent

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 41

1 Edio 04/2015

Cdigo do arquivo init-WebTunnelAgent


#!/bin/bash
sleep 20
./root/WebTunnelAgent

root@beaglebone:~# chmod +x init-WebTunnelAgent


root@beaglebone:~# ./startup add init-WebTunnelAgent /root/init-WebTunnelAgent

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 42

1 Edio 04/2015

root@beaglebone:~# cd /var/www
root@beaglebone:/var/www# ls
LM35.php camera.php index.html ip.php ipcamera.php
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 43

1 Edio 04/2015
Neste exemplo, quando o dispositivo
foi
acessado, somente a pgina denominada index.html foi exibifa. Para que os arquivos php
possam ser visualizados, apague o arquivo index.html ou reescreva o arquivo index.html de
modo possibilite ao acesso as outras pginas php.
A seguir, o arquivo index.html ser apagado para que as outras pginas php possam ser
acessadas diretamente pelo navegador web.
necessrio apagar o histrico para que as outras pginas possam ser acessadas.
root@beaglebone:/var/www# rm index.html
root@beaglebone:/var/www# reboot

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 44

1 Edio 04/2015

Clique sobre o arquivo LM35.php para execut-lo, como exemplificado abaixo:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 45

1 Edio 04/2015
Clique sobre o arquivo ipcamera.php para execut-lo, como exemplificado abaixo:

OBS: O streaming de vdeo em navegadores no muito estvel. Se desejar streaming de


vdeo estvel utilize softwares do tipo VLC media player que aceita streaming de vdeo. O
VLC pode ser utilizado tanto no PC quanto no smartphone Android.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 46

1 Edio 04/2015

Precaues para o acesso de redes MAN e WAN


O dispositivo (kit BeagleBone Black) ir se conectar ao Reflector Server e para enviar
informaes para ele estar limitado a banda de upload de usa rede.

Deste modo, dependendo da conexo que estiver utilizando, necessrio fazer ajustes nos
frames por segundo - fps7 (frame rate, em ingls) e na resoluo da imagem que ser transmitida
pela rede. Para realizar os ajustes edite o arquivo denominado run-mjpgstreamer e altere os
valores dos flags -f e -r, como mostrado abaixo:

Neste exemplo, o valor dos fps ( -f 1 ) foi ajustado para um frame por segundo e a resoluo de
cada frame de ( -r 320x240 ) 320x240 pixels.
OBS: Considerando que o streaming de vdeo necessita de transferncia de muitos dados
por segundo, a soluo do tipo reflector server, oferecida gratuitamente pelo site mydeveces.net, no garantida.
Significa o nmero de imagens que tal dispositivo registra, processa ou exibe por unidade de
tempo.
7

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 47

1 Edio 04/2015
Acesso via Smartphone:

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 48

1 Edio 04/2015

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 49

1 Edio 04/2015

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 50

1 Edio 04/2015

Acionamento Remoto
Em muitas ocasies, no ramo da automao de residncias, comrcios e indstrias, se faz
necessrio acionar equipamentos remotamente. Neste sentido, a seguir apresentado um
exemplo de como utilizar o servidor apache instalado na BeagleBone Black para acionar um
dispositivo remotamente.
O projeto apresentado a seguir composto por um script que utilizado para configurar os
GPIOs8 desejados e uma pgina php de interface com usurio.

OBS: Cdigos apresentados neste exemplo esto disponveis em:


https://mega.co.nz/#F!chlWVIzD!pI0zmAheB7NrsgR3MW6ojw

Para implementar o cdigo da pgina php, execute os seguintes comandos:


ufu@SE:~$ ssh -X root@192.168.7.2
root@beaglebone:~# cd /var/www
root@beaglebone:/var/www# nano GPIOctrl.php

General Purpose Input/Output (GPIO) so basicamente portas programveis de entrada e sada


de
dados.
So
utilizadas
para
prover
uma
interface
entre
osperifricos
e
os microcontroladores/microprocessadores.

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 51

1 Edio 04/2015

O cdigo completo da pgina de interface com o usurio apresentado a seguir:


GPIOctrl.php
<html>
<head>
<title>LEDs</title>
<style type="text/css">
h2 {color:red;}
h3 {color:blue;}
h3 { display: table-cell; }
button { width: 150px; margin: 8px auto; }
</style>
<?php
if (isset($_GET['port']) && isset($_GET['onOff']))
{
$port = $_GET['port'];
$onOff = $_GET['onOff'];
exec("/bin/echo \"$onOff\" > /sys/class/gpio/gpio$port/value");
}
?>
</head>
<body>
<div style="width: 400px; margin: 0px auto;">
<div style="width: 200px; float: left;">
<h3>LED1:</h3>
<button type="button"
onclick="location.href='GPIOctrl.php?port=60&onOff=1'"><h2>Liga</h2></button>
<button type="button"
onclick="location.href='GPIOctrl.php?port=60&onOff=0'"><h2>Desliga</h2></button>
</div>
<div sytle="width: 200px; margin-left: 200px;">
<h3>LED2:</h3>
<button type="button"
onclick="location.href='GPIOctrl.php?port=51&onOff=1'"><h2>Liga</h2></button>
<button type="button"
onclick="location.href='GPIOctrl.php?port=51&onOff=0'"><h2>Desliga</h2></button>
</div>

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 52

1 Edio 04/2015
Para que o comando exec() possa ser utilizado para alterar o valor (value) do GPIO desejado,
necessrio exportar o GPIO, configurar a direo e a permisso do arquivo value, para que
possua permisso de leitura e de gravao.
Estas operaes sero realizadas por um script que ser executado durante o processo de
inicializao (boot) do microprocessador am335x do kit BeagleBone Black. Os comandos
utilizados para a criao do script e configurao do mesmo para que seja executado durante a
inicializao, so mostrados a seguir:
root@beaglebone:~# cd
root@beaglebone:~# nano gpio-config

Cdigo do arquivo gpio-config


#!/bin/bash
echo 60 > /sys/class/gpio/export
echo out > /sys/class/gpio/gpio60/direction
chmod 666 /sys/class/gpio/gpio60/value
echo 51 > /sys/class/gpio/export
echo out > /sys/class/gpio/gpio51/direction
chmod 666 /sys/class/gpio/gpio51/value

root@beaglebone:~# chmod +x gpio-config


root@beaglebone:~# ./startup add gpio-config /root/gpio-config
Para reiniciar o kit sem que seja necessrio desconectar e conectar novamente o cabo USB,
execute o seguinte comando:
root@beaglebone:~# reboot
Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 53

1 Edio 04/2015
Aps a reinicializao do kit, para acessar a pgina criada, abra o browser e utilize o endereo
192.168.7.2/GPIOctrl.php, como mostrado abaixo:

Para verificar se o programa est operando adequadamente, ligue um LED aos pinos P9.1 e
P9.12 e o outro aos pinos P9.2 e P9.16, conforme indicado na figura abaixo:

5V
P9 .1

P9

P8

560
560

eMMC
P9 .1 2
GPIO 6 0
P9 .1 6
GPIO 5 1

am3359

HDMI

45 46

USB

4546

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 54

1 Edio 04/2015
De acordo com a figura apresentada, o anodo de um LED foi ligado ao pino P9.12 (GPIO60)
e o catodo ao pino P9.1 (DGND) e o anodo do outro LED foi ligado ao pino P9.16 (GPIO51)
e o catodo ao pino P9.2 (DGND).

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 55

1 Edio 04/2015

Tabela de Acentos e Caracteres Especiais


Se quisermos garantir que a acentuao das pginas web sejam universalmente entendidas,
devemos usar as entities, como especificado nas tabelas a seguir:
Tabela de Acentos e Caracteres Especiais em HTML usando entities
&Aacute;

&Egrave;

&ocirc;

&Ccedil;

&aacute;

&egrave;

&Ograve;

&ccedil;

&Acirc;

&Euml;

&ograve;

&acirc;

&euml;

&Oslash;

&Ntilde;

&Agrave;

&ETH;

&oslash;

&ntilde;

&agrave;

&eth;

&Otilde;

&Aring;

&otilde;

&Yacute;
&yacute;

&aring;

&Iacute;

&Ouml;

&Atilde;

&iacute;

&ouml;

&atilde;

&Icirc;

&Auml;

&icirc;

&Uacute;

< &lt;

&auml;

&Igrave;

&uacute;

> &gt;

&AElig;

&igrave;

&Ucirc;

& &amp;

&aelig;

&Iuml;

&ucirc;

&iuml;

&Ugrave;

&reg;

&ugrave;

&copy;

&Oacute;

&Uuml;

&THORN;

&oacute;

&uuml;

&thorn;

&Eacute;

&eacute;

&Ecirc;

&ecirc;

&Ocirc;

" &quot;

&szlig;

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 56

1 Edio 04/2015
Existem ainda outros caracteres usando o cdigo ASCII precedido de &#. A tabela a seguir
mostra os cdigos e seus respectivos caracteres.
Tabela ASCII em HTML
&#33; !

&#65; A

&#97; a

&#163;

&#195;

&#227;

&#34; "

&#66; B

&#98; b

&#164;

&#196;

&#228;

&#35; #

&#67; C

&#99; c

&#165;

&#197;

&#229;

&#36; $

&#68; D

&#100; d

&#166;

&#198;

&#230;

&#37; %

&#69; E

&#101; e

&#167;

&#199;

&#231;

&#38; &

&#70; F

&#102; f

&#168;

&#200;

&#232;

&#39; '

&#71; G

&#103; g

&#169;

&#201;

&#233;

&#40; (

&#72; H

&#104; h

&#170;

&#202;

&#234;

&#41; )

&#73; I

&#105; i

&#171;

&#203;

&#235;

&#42; *

&#74; J

&#106; j

&#172;

&#204;

&#236;

&#43; +

&#75; K

&#107; k

&#173;

&#205;

&#237;

&#44; ,

&#76; L

&#108; l

&#174;

&#206;

&#238;

&#45; -

&#77; M

&#109; m

&#175;

&#207;

&#239;

&#46; .

&#78; N

&#110; n

&#176;

&#208;

&#240;

&#47; /

&#79; O

&#111; o

&#177;

&#209;

&#241;

&#48; 0

&#80; P

&#112; p

&#178;

&#210;

&#242;

&#49; 1

&#81; Q

&#113; q

&#179;

&#211;

&#243;

&#50; 2

&#82; R

&#114; r

&#180;

&#212;

&#244;

&#51; 3

&#83; S

&#115; s

&#181;

&#213;

&#245;

&#52; 4

&#84; T

&#116; t

&#182;

&#214;

&#246;

&#53; 5

&#85; U

&#117; u

&#183;

&#215;

&#247;

&#54; 6

&#86; V

&#118; v

&#184;

&#216;

&#248;

&#55; 7

&#87; W

&#119; w

&#185;

&#217;

&#249;

&#56; 8

&#88; X

&#120; x

&#186;

&#218;

&#250;

&#57; 9

&#89; Y

&#121; y

&#187;

&#219;

&#251;

&#58; :

&#90; Z

&#122; z

&#188;

&#220;

&#252;

&#59; ;

&#91; [

&#123; {

&#189;

&#221;

&#253;

&#60; <

&#92; \

&#124; |

&#190;

&#222;

&#254;

&#61; =

&#93; ]

&#125; }

&#191;

&#223;

&#255;

&#62; >

&#94; ^

&#126; ~

&#192;

&#224;

&#256;

&#63; ?

&#95; _

&#161;

&#193;

&#225;

&#64; @

&#96; `

&#162;

&#

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 57

1 Edio 04/2015

Universidade Federal de Uberlndia


Faculdade de Engenharia Eltrica
Disciplina de Sistemas Embarcados
www.omegaflix.com

Prof. Fbio V. R. da Silva

Faculdade de Engenharia Eltrica Universidade Federal de Uberlndia Pgina 58

Potrebbero piacerti anche