SlideShare a Scribd company logo
GeoSharing – Mashup
Autor: Iorgoni Ovidiu Claudiu
AN 3, CTI
An universitar 2014-2015
Universitatea "Politehnica" Timişoara
Facultatea de Automatica şi Calculatoare
Proiect Programare Web
API-uri utilizate
 Pentru realizarea Mashup-ului “GeoSharing” am
utilizat urmatoarele API-uri:
 Google Maps API
 Geolocation API
 OpenWeatherMap API
Descriere API-uri
 Google Maps API reprezinta defapt o colectie mai
vasta de API-uri ce pun la dispozitia utilizatorului o
multime de facilitati cum ar fi:
 alegerea tipului de harta(Google Places, Static Maps,
Street View Image)
 plasarea de marcare
 Trasarea pe harta, etc.
Cea mai importanta functie oferita de Google Maps
APIs o reprezinta insa inserarea une harti dinamice in
cadrul unei pagini web, sau a diferitor aplicatii.
 OpenWeatherMap contine la randul sau 6 API-
uri. Cel utilizat de catre mine se numeste “Curent
Weather Data”. Motivul pentru care am utilizat
acest API il reprezinta posibilitatea oferita de a
putea obtine date termice pentru o locatie data
prin coordonatele sale geografice.
 Asadar acest API se imbina perfect cu
functionalitatile oferite de API-urile de la Google
Maps.
Funcţionatitate Mashup
 Mashup-ul creat de mine combina cele 3 API-uri
descrise anterior pentru a realiza urmatoarele
functii:
 Inserarea in pagina HTML realizata a unei harti
interactive
 Plasarea pe harta deja inserata de markere
printr-un singur click. Aceste markere au fiecare
atasata cate o fereasta de informatii(info
windows) ce contine coordonatele locatiei
respective.
 Ascunderea si reafisarea acestor markere prin
 O alta facilitate pe care o gasesc importanta este
aflarea locatiei curente a utilizatorului prin aparitia
pe harta a unui marker animat ce contine
coordonatele obtinute prin Geolocation API
(spefic HTML5).
 In fine, Mashup-ul mai contine butonul Get
Weather care odata apasat afiseaza temperatura,
viteza vantului, numele si tara pentru locatia
curenta.
 Aceste informatii sunt obtinute in urma unei cereri
facute catre API-ul oferit de OpenWeatherMap
care returneaza un fisier Json din care extrag
doar informatiile dorite.
Screenshots
Sintaxa funcţiilor
Cursuri MOOC urmate:
http://www.codecademy.com/en/tracks/soundclou
d
http://www.w3schools.com/js/default.asp
Resurse
http://www.programmableweb.com/
https://developers.google.com/maps/documentati
on/javascript/tutorial
http://www.w3schools.com/js/default.asp

More Related Content

Viewers also liked

Mini proyect
Mini proyectMini proyect
Ruby on rails work sample
Ruby on rails work sampleRuby on rails work sample
Ruby on rails work sample
Hernán Velásquez
 
Mídias Globais
Mídias GlobaisMídias Globais
Mídias Globais
Filipe Fernandes
 
6.shockblood transfusion)
6.shockblood transfusion)6.shockblood transfusion)
6.shockblood transfusion)
nazimjat
 
Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...
Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...
Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...
Arthur Guan
 
Active management
Active managementActive management
Active management
Arthur Guan
 

Viewers also liked (6)

Mini proyect
Mini proyectMini proyect
Mini proyect
 
Ruby on rails work sample
Ruby on rails work sampleRuby on rails work sample
Ruby on rails work sample
 
Mídias Globais
Mídias GlobaisMídias Globais
Mídias Globais
 
6.shockblood transfusion)
6.shockblood transfusion)6.shockblood transfusion)
6.shockblood transfusion)
 
Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...
Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...
Wachovia wells fargo presentation Jian Arthur Guan, Jan Lam Wong, and Tip Piu...
 
Active management
Active managementActive management
Active management
 

Similar to GeoSharing - Mashup

Pw
PwPw
Locations from chisineu cris
Locations from chisineu crisLocations from chisineu cris
Locations from chisineu cris
Dema Gabi
 
Locations from chisineu cris
Locations from chisineu crisLocations from chisineu cris
Locations from chisineu cris
demagabriel
 
Prezentare zbircea miron_pw
Prezentare zbircea miron_pwPrezentare zbircea miron_pw
Prezentare zbircea miron_pw
Cătălin Miron
 
Prezentare zbircea miron
Prezentare zbircea mironPrezentare zbircea miron
Prezentare zbircea miron
Cătălin Miron
 
Proiect PW Chelu Marius
Proiect PW Chelu MariusProiect PW Chelu Marius
Proiect PW Chelu MariusMarius Chelu
 
Tourist map-helper
Tourist map-helperTourist map-helper
Tourist map-helperFirefly_
 
Tourist map-helper
Tourist map-helperTourist map-helper
Tourist map-helper
Firefly_
 

Similar to GeoSharing - Mashup (10)

Pw
PwPw
Pw
 
Locations from chisineu cris
Locations from chisineu crisLocations from chisineu cris
Locations from chisineu cris
 
Locations from chisineu cris
Locations from chisineu crisLocations from chisineu cris
Locations from chisineu cris
 
Prezentare zbircea miron_pw
Prezentare zbircea miron_pwPrezentare zbircea miron_pw
Prezentare zbircea miron_pw
 
Prezentare zbircea miron
Prezentare zbircea mironPrezentare zbircea miron
Prezentare zbircea miron
 
Proiect PW Chelu Marius
Proiect PW Chelu MariusProiect PW Chelu Marius
Proiect PW Chelu Marius
 
Google maps api
Google maps apiGoogle maps api
Google maps api
 
Tourist map-helper
Tourist map-helperTourist map-helper
Tourist map-helper
 
Tourist map helper
Tourist map helperTourist map helper
Tourist map helper
 
Tourist map-helper
Tourist map-helperTourist map-helper
Tourist map-helper
 

Recently uploaded

Raport proiect transnațional România-Moldova
Raport proiect transnațional România-MoldovaRaport proiect transnațional România-Moldova
Raport proiect transnațional România-Moldova
nadiusha12345
 
Raport proiect transfrontalier „Educație online fără hotare”
Raport proiect transfrontalier „Educație online fără hotare”Raport proiect transfrontalier „Educație online fără hotare”
Raport proiect transfrontalier „Educație online fără hotare”
SemenNicoleta
 
Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.
Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.
Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.
mihalasolga1
 
proiect Transfrontalier Mai.pptx simbiolurile primaverii
proiect Transfrontalier Mai.pptx simbiolurile primaveriiproiect Transfrontalier Mai.pptx simbiolurile primaverii
proiect Transfrontalier Mai.pptx simbiolurile primaverii
auraortacu
 
Raport parteneriat transfrontalier "Emoții de Prichindel".pptx
Raport parteneriat transfrontalier "Emoții de Prichindel".pptxRaport parteneriat transfrontalier "Emoții de Prichindel".pptx
Raport parteneriat transfrontalier "Emoții de Prichindel".pptx
OlgaCasareci
 
Proiect transfrontalier Grecu Larisa .pptx
Proiect transfrontalier Grecu Larisa  .pptxProiect transfrontalier Grecu Larisa  .pptx
Proiect transfrontalier Grecu Larisa .pptx
AlexandrinaCn
 
Raport narativ-Pâine, Carte, Dumnezeu -Trohin Nadejda
Raport narativ-Pâine, Carte, Dumnezeu -Trohin NadejdaRaport narativ-Pâine, Carte, Dumnezeu -Trohin Nadejda
Raport narativ-Pâine, Carte, Dumnezeu -Trohin Nadejda
NadejdaTrohin1
 
Elemente geometrice din portul popular,,
Elemente geometrice din portul popular,,Elemente geometrice din portul popular,,
Elemente geometrice din portul popular,,
OlgaFalca
 
Românismul de la Mihai Eminescu la Grigore Vieru
Românismul de la Mihai Eminescu la Grigore VieruRomânismul de la Mihai Eminescu la Grigore Vieru
Românismul de la Mihai Eminescu la Grigore Vieru
inachirilov
 
Raport " Talentele copiilor de pretutindeni "
Raport " Talentele copiilor de pretutindeni "Raport " Talentele copiilor de pretutindeni "
Raport " Talentele copiilor de pretutindeni "
AndreeaChelaru7
 
Energia e viata! O explorare interdisciplinară prin prisma activităților de t...
Energia e viata! O explorare interdisciplinară prin prisma activităților de t...Energia e viata! O explorare interdisciplinară prin prisma activităților de t...
Energia e viata! O explorare interdisciplinară prin prisma activităților de t...
CarmenAmoraritei
 

Recently uploaded (11)

Raport proiect transnațional România-Moldova
Raport proiect transnațional România-MoldovaRaport proiect transnațional România-Moldova
Raport proiect transnațional România-Moldova
 
Raport proiect transfrontalier „Educație online fără hotare”
Raport proiect transfrontalier „Educație online fără hotare”Raport proiect transfrontalier „Educație online fără hotare”
Raport proiect transfrontalier „Educație online fără hotare”
 
Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.
Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.
Sistemul-limbic.pptMMMLLLȘDȘETJȘEțjȚețjȚEUJȚLEȚ.J/E:șdTHȘȚTEȘȚJLȘ.NYEȘF.
 
proiect Transfrontalier Mai.pptx simbiolurile primaverii
proiect Transfrontalier Mai.pptx simbiolurile primaveriiproiect Transfrontalier Mai.pptx simbiolurile primaverii
proiect Transfrontalier Mai.pptx simbiolurile primaverii
 
Raport parteneriat transfrontalier "Emoții de Prichindel".pptx
Raport parteneriat transfrontalier "Emoții de Prichindel".pptxRaport parteneriat transfrontalier "Emoții de Prichindel".pptx
Raport parteneriat transfrontalier "Emoții de Prichindel".pptx
 
Proiect transfrontalier Grecu Larisa .pptx
Proiect transfrontalier Grecu Larisa  .pptxProiect transfrontalier Grecu Larisa  .pptx
Proiect transfrontalier Grecu Larisa .pptx
 
Raport narativ-Pâine, Carte, Dumnezeu -Trohin Nadejda
Raport narativ-Pâine, Carte, Dumnezeu -Trohin NadejdaRaport narativ-Pâine, Carte, Dumnezeu -Trohin Nadejda
Raport narativ-Pâine, Carte, Dumnezeu -Trohin Nadejda
 
Elemente geometrice din portul popular,,
Elemente geometrice din portul popular,,Elemente geometrice din portul popular,,
Elemente geometrice din portul popular,,
 
Românismul de la Mihai Eminescu la Grigore Vieru
Românismul de la Mihai Eminescu la Grigore VieruRomânismul de la Mihai Eminescu la Grigore Vieru
Românismul de la Mihai Eminescu la Grigore Vieru
 
Raport " Talentele copiilor de pretutindeni "
Raport " Talentele copiilor de pretutindeni "Raport " Talentele copiilor de pretutindeni "
Raport " Talentele copiilor de pretutindeni "
 
Energia e viata! O explorare interdisciplinară prin prisma activităților de t...
Energia e viata! O explorare interdisciplinară prin prisma activităților de t...Energia e viata! O explorare interdisciplinară prin prisma activităților de t...
Energia e viata! O explorare interdisciplinară prin prisma activităților de t...
 

GeoSharing - Mashup

  • 1. GeoSharing – Mashup Autor: Iorgoni Ovidiu Claudiu AN 3, CTI An universitar 2014-2015 Universitatea "Politehnica" Timişoara Facultatea de Automatica şi Calculatoare Proiect Programare Web
  • 2. API-uri utilizate  Pentru realizarea Mashup-ului “GeoSharing” am utilizat urmatoarele API-uri:  Google Maps API  Geolocation API  OpenWeatherMap API
  • 3. Descriere API-uri  Google Maps API reprezinta defapt o colectie mai vasta de API-uri ce pun la dispozitia utilizatorului o multime de facilitati cum ar fi:  alegerea tipului de harta(Google Places, Static Maps, Street View Image)  plasarea de marcare  Trasarea pe harta, etc. Cea mai importanta functie oferita de Google Maps APIs o reprezinta insa inserarea une harti dinamice in cadrul unei pagini web, sau a diferitor aplicatii.
  • 4.  OpenWeatherMap contine la randul sau 6 API- uri. Cel utilizat de catre mine se numeste “Curent Weather Data”. Motivul pentru care am utilizat acest API il reprezinta posibilitatea oferita de a putea obtine date termice pentru o locatie data prin coordonatele sale geografice.  Asadar acest API se imbina perfect cu functionalitatile oferite de API-urile de la Google Maps.
  • 5. Funcţionatitate Mashup  Mashup-ul creat de mine combina cele 3 API-uri descrise anterior pentru a realiza urmatoarele functii:  Inserarea in pagina HTML realizata a unei harti interactive  Plasarea pe harta deja inserata de markere printr-un singur click. Aceste markere au fiecare atasata cate o fereasta de informatii(info windows) ce contine coordonatele locatiei respective.  Ascunderea si reafisarea acestor markere prin
  • 6.  O alta facilitate pe care o gasesc importanta este aflarea locatiei curente a utilizatorului prin aparitia pe harta a unui marker animat ce contine coordonatele obtinute prin Geolocation API (spefic HTML5).  In fine, Mashup-ul mai contine butonul Get Weather care odata apasat afiseaza temperatura, viteza vantului, numele si tara pentru locatia curenta.  Aceste informatii sunt obtinute in urma unei cereri facute catre API-ul oferit de OpenWeatherMap care returneaza un fisier Json din care extrag doar informatiile dorite.
  • 8.