Page 64 - Locaweb - Edição 38
Basic HTML Version
lw
programação
64
locaweb
HUGEpic
colocar em sua página a imagem da
obra “O Jardim das Delícias Terrenas”,
que tem identificação “725d7cb30”,
basta adicionar o seguinte código em
seu HTML:
<iframe width="800" height="400"
src="http://hugepic.io/725d7cb30/3/70.0/0.0?
embedded=1" frameborder="0"></iframe>
Isso criará um frame de 800 x 400
pixels e a imagem será exibida nele
centralizada e sem zoom. Existem
outras configurações que podem
ser vistas no site
.
io/embed/725d7cb30
, que permite
observar em tempo real o resultado de
algumas delas, como o nível de zoom, a
região da imagem que vai ser exibida
e o tamanho do frame. Além disso,
há a opção de mostrar anotações na
imagem e também ver um contador
de quanto de download foi realizado
durante a navegação na imagem.
Usando seu
próprio servidor
Se apesar de toda essa facilidade
você ainda deseja usar o seu próprio
servidor, prepare-se, a tarefa exige
bastante conhecimento técnico.
Todo código do site HUGEpic está
disponível no GitHub no projeto Tiler.
Ele foi feito em Python e é open source.
O código do servidor foi criado com
o Tornado, versão de código aberto
do servidor web e das ferramentas do
FriendFeed. Além disso, são usados
dois bancos de dados, o MongoDB para
o armazenamento principal e o Redis
para a realização de cache. Então, além
de configurar, é necessário conectar
os bancos de dados ao servidor,
que deve ser feito com o Motor. As
filas de solicitações e processos são
gerenciadas pela biblioteca RQ.
Já a parte do cliente, é feita em
HTML e usando a famosa biblioteca
Javascript para mapas interativos
Leaflet, que permite um uso agradável
em dispositivos móveis. Os detalhes
mais técnicos podem ser lidos em uma
introdução feita pelo próprio Peter
Bengtsson em:
plog/introducing-hugepic.io
.
Conclusão
O HUGEpic tem visual que
impressiona e é fácil de usar. As
aplicações vão além de simples
visualizadores de obras de arte
e mapas, podendo ser usadas de
maneiras criativas, como ocorre no
jogo Around The World. Como todo o
código está disponível e a tecnologia
usada é bem difundida, vale a pena
também investir em melhorar o
HUGEpic e inovar seus projetos.
Página do Leaflet: projeto open source de mapas
interativos é um exemplo de uso do aplicativo
No site PeterBe, você vê detalhes técnicos
de como implementar o app HUGEpic
Toda a documentação e licença de uso
do sistema está disponível na web
Todo o código
do site HUGEpic
está disponível
no GitHub, no
projeto Tiler.
Ele foi feito
em Python e é
open source
