Your SlideShare is downloading. ×
Apps amb component GEO
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
694
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. APPS MARKET FORUM APPS AMB COMPONENT GEOObjectius del taller 1. Conèixer les opcions tecnològiques existents per fer una aplicació GEO per a mòbils. 2. Conèixer les opcions de cartografia disponibles com a mapa base de les app GEO. 3. Posar en pràctica una aplicació GEO a partir dalgunes de les opcions plantejades. © SIGTE 2012
  • 2. APPS MARKET FORUM APPS AMB COMPONENT GEOEines i recursos disponibles per a crear mapes endispositius mòbilsLLIBRERIES NATIVESFluïdesa i bon rendiment de les aplicacions.Específiques per cada plataforma.Possibilitats daccedir a totes les funcionalitats del terminal (Càmera, pantalla, GPS,...).Corba daprenentatge.Distribució a través dels “markets” de cada plataforma.Possibilitats de treballar “offline”. © SIGTE 2012
  • 3. APPS MARKET FORUM APPS AMB COMPONENT GEOGoogle Maps APIhttps://developers.google.com/maps/mobile-appsVersió per dispositius Android, IOS, Web.Cartografia base proporcionada per Google.Llicència:Es pot cobrar pels programes fets per Android si aquests es distribueixen a través deGoogle Play.Els límits dús [1] no són aplicables a les aplicacions natives per Android i/o Iphone. © SIGTE 2012
  • 4. APPS MARKET FORUM APPS AMB COMPONENT GEOEls "Google Maps API Web Services", per exemple el "Geocoding", si tenen límits dús.Hi han unes pautes dús: - No amagar els logotips de Google i ni dels proveïdors. - No es pot fer ús de “cache” dimatges. - ,...API key [2][1] https://developers.google.com/maps/faq?hl=ca#usagelimits[2] http://code.google.com/intl/ca/android/add-ons/google-apis/maps-api-signup.html © SIGTE 2012
  • 5. APPS MARKET FORUM APPS AMB COMPONENT GEOArcGIS Runtime SDKs for Smartphones and Tablets (Esri)http://www.esri.com/software/arcgis/smartphones/develop.htmlDispositius Android, IOS, Windows Phone.Disposa de molts recursos de cartografia com a mapa base.Es poden afegir mapes fets a ArcGis Online.Funcionalitats avançades: - Filtres. - Edició delements. - Navegació “offline”. © SIGTE 2012
  • 6. APPS MARKET FORUM APPS AMB COMPONENT GEOLlicència:http://resources.arcgis.com/node/agreement/android-sdk"ArcGIS Web SDKs (Flex, Silverlight, JavaScript) and ArcGIS Mobile SDKs (iOS,Android, Windows Phone 7) are available for no fee for application development.Deployment fees are required for commercial application deployment."http://events.esri.com/uc/QandA/index.cfm?fuseaction=answer&conferenceId=DD02CFE7-1422-2418-7F271831F47A7A31&questionId=3884 © SIGTE 2012
  • 7. APPS MARKET FORUM APPS AMB COMPONENT GEOMapQuesthttp://developer.mapquest.com/web/products/featured/android-maps-apiVersió per dispositius Android, IOS.Cartografia pròpia en base a OpenStreetmapAPI complementada amb serveis: - Routing - Geocoding (Resolució dadreces). - Overlays (Elements sobreposats). - Dades dOpenStreetMap. © SIGTE 2012
  • 8. APPS MARKET FORUM APPS AMB COMPONENT GEOExemples:http://developer.mapquest.com/web/products/featured/android-maps-api/documentationLlicència:"drop in replacements for the native Google mapping APIs." Es pot cobrar pelsprogrames."MapQuest key is used, licensed data and services will be used"No hi ha limit dús per "OSM tiles and other Open Services", si termes dús[3].Mapa base OpenStreetMapGeocoding mitjançant "Nominatim". © SIGTE 2012
  • 9. APPS MARKET FORUM APPS AMB COMPONENT GEOLicensed Data vs. Open Data[4][3]http://developer-stage.mapquest.com/web/tools/getting-started/terms-overview[4] http://developer.mapquest.com/web/tools/getting-started/platform/licensed-vs-open © SIGTE 2012
  • 10. APPS MARKET FORUM APPS AMB COMPONENT GEOOsmdroidhttp://code.google.com/p/osmdroid/Concebuda com una llibreria per interactuar amb dades dOpenStreetMap.Llicència:Software lliure - LGPLEns obliga a llicenciar la nostra aplicació com a LGPL © SIGTE 2012
  • 11. APPS MARKET FORUM APPS AMB COMPONENT GEOLLIBRERIES JAVASCRIPT PER ENTORNS WEBMúltiple plataforma.Molts Frameworks Javascript (Jquery Mobile, Sencha Touch,...)HTML5 i CSS3.Possibilitat dutilitzar llibreries habituals, i possibilitats de reutilització de codidaplicacions existents.Opció a crear aplicació híbrida (PhoneGap,...). © SIGTE 2012
  • 12. APPS MARKET FORUM APPS AMB COMPONENT GEOLimitacions:No van tant fluides com les aplicacions natives.En funció del sistema mòbil hi ha limitacions del navegador que no es poden superar(Multitouch, versió HTML,...).Les limitacions que té el navegador. No es pot accedir a les funcionalitats del terminalmòbil (Càmera, pantalla, GPS...).No es pot controlar el consum dels processos que generen.Per la localització es fa ús de la funcionalitat “Geolocation” de HTML5, però no potsinteractuar amb els proveïdors de localització.Requereixen estar sempre connectats. © SIGTE 2012
  • 13. APPS MARKET FORUM APPS AMB COMPONENT GEOGoogle Maps Javascript API v3https://developers.google.com/maps/documentation/javascript/Molt popular.Senzilla amb una corba daprenentatge baixa.Bona documentació i exemples.Difícil dextendre o afegir funcionalitats.La cartografia base és de Google, tot i que sen poden afegir daltres.Visualment ben acabada. © SIGTE 2012
  • 14. APPS MARKET FORUM APPS AMB COMPONENT GEOLlicència:Codi propietariLímits dús.[5]Les condicions dús han anat canviant.[5] https://developers.google.com/maps/faq?hl=ca#usagelimits © SIGTE 2012
  • 15. APPS MARKET FORUM APPS AMB COMPONENT GEOOpenLayershttp://openlayers.orgMolt completa, amb moltes més funcionalitats (el més complet).De fàcil afegir funcionalitats.Permet incorporar tot tipus de fonts de dades.Bona documentació i exemples.El suport per a dispositius mòbils sha incorporat amb la llibreria ja molt madura.Pesa bastant 891.42KB, i 325KB la versió per a mòbils. © SIGTE 2012
  • 16. APPS MARKET FORUM APPS AMB COMPONENT GEOLlicència:Codi lliure, BSD.Exemples:http://openlayers.org/dev/examples/Documentació:http://dev.openlayers.org/releases/OpenLayers-2.11/doc/apidocs/files/OpenLayers-js.html © SIGTE 2012
  • 17. APPS MARKET FORUM APPS AMB COMPONENT GEOLeaflethttp://leaflet.cloudmade.com/Llibreria molt nova. Pensada per entorns descriptori i mòbils.Utilitza HTML5 i CSS3 per moltes de les seves funcionalitats.Les funcionalitats simplementen de forma senzilla i fàcil.La llibreria es pot extendre molt fàcilment.Bona documentació i exemples.Pesa molt poc. 81KBVisualment més ben acabada que OpenLayers.Per visualitzar cartografia de Google sha dimplementar apart. © SIGTE 2012
  • 18. APPS MARKET FORUM APPS AMB COMPONENT GEOLlicència:Codi lliure.Exemples:http://leaflet.cloudmade.com/examples.htmlDocumentacióhttp://leaflet.cloudmade.com/reference.html © SIGTE 2012
  • 19. APPS MARKET FORUM APPS AMB COMPONENT GEOCARTOGRAFIAMapa que fem servir de base.Cal tenir present la llicencia i els límits dús.Moltes opcions:Àmbit mundial:GoogleMaps (Topogràfic, fotografia aèria,...).OpenStreet Maps (Topogràfic).Bing Maps (Topogràfic, fotografia aèria,...). © SIGTE 2012
  • 20. APPS MARKET FORUM APPS AMB COMPONENT GEOMapQuest (Topogràfic, fotografia aèria,...)....Àmbit nacional:PNOA (Instituto Geográfico Nacional)Institut Cartogràfic de Catalunya (ICC)... © SIGTE 2012
  • 21. APPS MARKET FORUM APPS AMB COMPONENT GEOGoogleMapsDiferents mapes: - Fotografia aèria. - Mapa de carrers. - Mapa terreny. - Hibrid entre Fotografia aèria i mapa de carrers.Cal tenir present la llicencia i els límits dús. - Cal fer servir la seva api. © SIGTE 2012
  • 22. APPS MARKET FORUM APPS AMB COMPONENT GEO - No es poden amagar els logotips i avisos de Google ni dels seu proveïdors. - Límits dús. - Per aplicacions comercials cal tenir una llicència “Premium“. (Excepció aplicacions que es distribueixin a "Google Play"). - Risc del canvi de llicència. - No es poden guardar les imatges en "cache".Llicència “Premium”, molt costosa: "The prices start at $10,000 per year" + cost percada x visitants.Els proveïdors de Google solen ser proveïdors de cartografia. © SIGTE 2012
  • 23. APPS MARKET FORUM APPS AMB COMPONENT GEOOpenStreetMap"...pensat per crear i proporcionar dades geogràfiques de manera lliure, com perexemple mapes de carrers i carreteres, a tothom qui ho desitgi."Projecte col·laboratiu amb una gran comunitat: - Dusuaris. - Col·laboradors. - Desenvolupadors - Integradors. © SIGTE 2012
  • 24. APPS MARKET FORUM APPS AMB COMPONENT GEONomés mapa topogràfic.Opció a escollir diferents proveïdors. - Cloudmade - MapQuest. - Servidor propi. © SIGTE 2012
  • 25. APPS MARKET FORUM APPS AMB COMPONENT GEOUna App GEO pas a pasFarem una aplicació on visualitzarem al damunt dun mapa llegendes de la ciutat deGirona.Entorn web, treballarem amb HTML, CSS, Javascript.Llibreries Javascript: JQuery Mobile i Leaflet. © SIGTE 2012
  • 26. APPS MARKET FORUM APPS AMB COMPONENT GEOJQuery MobileFramework Javascript per desenvolupar aplicacions mòbils amb dos objectius: - Ser solució vàlida per un nombre màxim de navegadors (diferents graus decompatibilitats). - Amb menys codi fer més coses.Podríem dir jQuery Mobile actua com un plugin per jQuery. (Fet sobre larquitectura dejQueryUI).Un conjunt deines que simplifiquen el procés de crear pàgines per a mòbils, tant en elcodi HTML, la maquetació amb CSS i la creació defectes amb Javascript. © SIGTE 2012
  • 27. APPS MARKET FORUM APPS AMB COMPONENT GEOCSS?Ens proporciona eines per la organització dels elements HTML i lestilització daquests.Incorpora varis temes, amb la possibilitat de crear el nostre propi tema.Desenvolupat per treballar amb HTML5.Preparat per treballar amb les característiques dels dispositius tàctils. Exemple: “Events”Touch, OrientationChange,..Lloc web:http://jquerymobile.com/ © SIGTE 2012
  • 28. APPS MARKET FORUM APPS AMB COMPONENT GEODocumentació i exemples:http://jquerymobile.com/demos/1.1.0/Elements que veurem:Pàgina / Estructura múltiple pàgina.http://jquerymobile.com/test/docs/pages/Botons / Botó simple.http://jquerymobile.com/test/docs/buttons/index.htmlLlistats / Llistat simple.http://jquerymobile.com/test/docs/lists/index.html © SIGTE 2012
  • 29. APPS MARKET FORUM APPS AMB COMPONENT GEOLeafletLlibreria per incorporar mapes en un aplicació web.Pensada per entorns descriptori i mòbils.Utilitza HTML5 i CSS3 per moltes de les seves funcionalitats.Fonts de dades:Ràster.Vectorial. © SIGTE 2012
  • 30. APPS MARKET FORUM APPS AMB COMPONENT GEOElements que veurem:Crear 1 mapa.Afegir la capa base.Afegir elements vectorials.Afegir “markers”.Exemples:http://leaflet.cloudmade.com/examples.htmlDocumentacióhttp://leaflet.cloudmade.com/reference.html © SIGTE 2012
  • 31. APPS MARKET FORUM APPS AMB COMPONENT GEOLLEGENDES DE GIRONADades:Mapa base: OpenStreetMapDades a representar: Llegendes de la ciutat de GironaExtretes amb modificacions de http://ca.wikiloc.com/wikiloc/view.do?id=1291848Funcionalitats de l’aplicació:Mapa ( Ruta i Punts dinterès ).Descripció de la llegenda.Esquema:pagina-mapapagina-contingut-llegenda © SIGTE 2012