Proiect Programare Web

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.

7. Screenshots

9. Sintaxa funcţiilor

10. Cursuri MOOC urmate:
http://www.codecademy.com/en/tracks/soundclou
d
http://www.w3schools.com/js/default.asp

11. Resurse
http://www.programmableweb.com/
https://developers.google.com/maps/documentati
on/javascript/tutorial
http://www.w3schools.com/js/default.asp