Presentació realitzada a la jornada ICC sobre geoserveis (05/07/2012)

1. Dispositius
p
d'accés als
serveis.
Widgets
Montse Ortega. Unitat de desenvolupament d’aplicacions SIG i WEB

2. 2
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

3. 3
Què és un widget?
Widget/Gadget =
g g
G y
Giny
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

4. 4
Què és un widget?
Programa senzill, amb una interfície gràfica d'usuari
especialitzada i consultable des de l'escriptori de l'ordinador o des
d'una pàgina web, que proporciona informació diversa o accés
ràpid a determinades funcions d'ús freqüent.
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

5. 5
Tipus de widget
Es poden classificar en 2 tipus:
1. Incorporables: Només cal copiar el codi d’inserció del widget i
enganxar-lo
enganxar lo al codi HTML També es pot agregar a xarxes
HTML.
socials com Facebook, Twitter.
2. No incorporables: S’han d’executar en una plataforma del teu
equip. Windows i Mac ja incorporen aquesta característica. A
linux es poden instal·lar Screenlets.
p
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

6. 6
Widgets vs Gadgets
Utilitat
Widget Només cal copiar el codi
d’inserció del widget i enganxar-lo
g g
al codi HTML.
Gadget S’han d’executar en una
plataforma determinada com els
gadgets de iGoogle per exemple.
Gadget d’escriptori S’han d’executar en una
plataforma del teu equip.
Windows
Windo s i Mac ja incorporen
aquesta característica
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

7. 7
Arquitectura d’un
widget
Funcionalitat bàsica en forma de Script
Informació d’un host remot
Presentació en forma de CSS i imatges
g
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

8. 8
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

9. 9
Widget del
g
geocodificador
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

10. 10
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

11. 11
Widget per web
1. Accedir a la pàgina de personalització del widget
2. Copiar el codi html generat en una pàgina html
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

12. 12
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

13. 13
Gadget per iGoogle
1. Entrar a la pàgina de igoogle: www.google.es/ig
2. Seleccionar l’opció de “Afegeix gadgets”:
3. Apareix una pàgina amb el llistat de gadgets i cal seleccionar
l’opció “Afegeix un feed o un gadget”:
4. Posar la URL del fitxer iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

14. 14
Gadget per iGoogle
g g
(2)
5. Automàticament el gadget s’afegeix a la nostra pàgina de
iGoogle:
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

15. 15
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

16. 16
Gadget per Windows
g
7
1. Descarregar la carpeta del gadget
2. Copiar la carpeta a C:Program FilesWindows
SidebarGadgets:
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

17. 17
Gadget per Windows
g
7 (2)
3. Accedir a la galeria de Gadgets (Desktop Gadget Gallery):
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

18. 18
Gadget per Windows
g
7 (3)
4. Ens apareixerà una pantalla amb els gadgets disponibles i un
d'ells és el del geocodificador:
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

19. 19
Gadget per Windows
g
7 (4)
5. Un cop seleccionat ens apareixerà a l’escritori de Windows:
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

20. 20
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

21. 21
Widget per web
1. Accedir a la pàgina del vissir: http://www.icc.cat/vissir3
2. Seleccionar a la barra d’eines superior l’opció d’enllaçar:
3. Automàticament apareixerà la següent finestra:
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

22. 22
Widget per web (2)
4. Copiar el text de l’iframe :
<iframe width="425" height="350" frameborder="0"
scrolling="no" marginheight="0" marginwidth="0"
src="http://www.icc.cat/vissir3/embedded.html" ></iframe>
5. Inserir-ho en una pàgina HTML
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

23. 23
Índex
1. Definició de widgets i tipus de widgets
2. Widgets del geocodificador
2.1 . Widget per web
2.2. Gadget per iGoogle
2.3. Gadget per Windows 7
3. Widgets del visor de mapes
3.1
31. Widget
Wid t per web
b
3.2. Gadget per iGoogle
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

24. 24
Gadget per iGoogle
1. Entrar a la pàgina de igoogle: www.google.es/ig
2. Seleccionar l’opció de “Afegeix gadgets”:
3. Apareix una pàgina amb el llistat de gadgets i cal seleccionar
l opció Afegeix
l’opció “Afegeix un feed o un gadgets”:
gadgets :
4. Posar la URL del fitxer iGoogle del vissir:
g
http://www.icc.cat/cat/content/download/48482/334016/file/icc_
visualitzador.xml
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

25. 25
Gadget per iGoogle
g g
(2)
5. Automàticament apareixerà al vostre iGoogle:
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

26. 26
Dispositius d'accés Institut Cartogràfic
g
als serveis. Widgets de Catalunya
Parc de Montjuïc,
E-08038 Barcelona
41º22’12” N, 2º09’20” E (ETRS89)
Tel. (+34) 93 567 15 00
Gràcies per la vostra atenció! Fax (+34) 93 567 15 67
m.ortega@icc.cat
Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012