Widgets

554 views
503 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
554
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Widgets

  1. 1. Dispositius p daccés als serveis. WidgetsMontse Ortega. Unitat de desenvolupament d’aplicacions SIG i WEB
  2. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  3. 3. 3Què és un widget? Widget/Gadget = g g G y GinyUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  4. 4. 4Què és un widget? Programa senzill, amb una interfície gràfica dusuari especialitzada i consultable des de lescriptori de lordinador o des duna 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. 5Tipus 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. pUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  6. 6. 6Widgets 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ísticaUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  7. 7. 7Arquitectura d’unwidget Funcionalitat bàsica en forma de Script Informació d’un host remot Presentació en forma de CSS i imatges gUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  8. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  9. 9. 9Widget del ggeocodificadorUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  10. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  11. 11. 11Widget per web 1. Accedir a la pàgina de personalització del widget 2. Copiar el codi html generat en una pàgina htmlUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  12. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  13. 13. 13Gadget 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  14. 14. 14Gadget 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. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  16. 16. 16Gadget per Windows g7 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. 17Gadget per Windows g7 (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. 18Gadget per Windows g7 (3) 4. Ens apareixerà una pantalla amb els gadgets disponibles i un dells és el del geocodificador:Usuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  19. 19. 19Gadget per Windows g7 (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. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  21. 21. 21Widget 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. 22Widget 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 HTMLUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  23. 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 iGoogleUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  24. 24. 24Gadget 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.xmlUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012
  25. 25. 25Gadget 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. 26Dispositius daccés Institut Cartogràfic gals 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.catUsuaris avançats dels geoserveis de l’ ICC 5 de juliol de 2012

×