Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Widgets

666 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×