SlideShare a Scribd company logo
1 of 14
Realizat de:
Zbîrcea Rareș
Miron Cătălin
Proiect Programare Web
2014-2015
În vederea realizării acestui proiect, am utilizat
următoarele API-uri:
 Google Maps API
 Geolocation API
 https://developers.google.com/maps/
 API dedicat pentru utilizarea hărților Google
în diverse aplicații
 HTML Geolocation este un API folosit pentru
identificarea poziției geografice a
utilizatorului
 Întrucât aceste date au un caracter privat,
poziția nu va fi afișată până în momentul în
care utilizatorul își oferă acordul
 Scopul acestei aplicații este de a vizualiza o
hartă a orașului Oradea
 În cadrul hărții sunt expuse opt markere,
reprezentând locații importante ale orașului
 Când mouse-ul e poziționat pe un marker, este
afișată denumirea locației
 Când se apasă click pe un marker, se va deschide
o nouă pagină web ce va include poze cu
respectiva locație aferentă marker-ului.
 În plus, la apăsarea click-ului pe un marker,
harta va fi centrată pe marker-ul respectiv
Aplicația dispune de două facilități:
 Un buton „Poziția ta”, prin care utilizatorul
poate să vadă pe o hartă nouă locul în care se
află
 Un link „Harta originala”, prin care utilizatorul
poate să revină la configurația inițială a hărții
 Se recomandă utilizarea browser-ului Mozilla
Firefox
 https://www.mooc-
list.com/course/javascript-basics-udacity -
MOOC ales de realizatori
 https://developers.google.com/maps/docum
entation/javascript/tutorial
 http://www.cirip.ro/docs/multimedia08/mod
ule/modulj1.html
 http://itouchmap.com/latlong.html

More Related Content

Viewers also liked

rbc_about_brochure
rbc_about_brochurerbc_about_brochure
rbc_about_brochureRyan Bevan
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled PresentationNod Patnaset
 
Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01
Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01
Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01Bernardete Guimaraes
 
muzey soldata
muzey soldatamuzey soldata
muzey soldatamaslaevv
 
Prezentare zbircea miron
Prezentare zbircea mironPrezentare zbircea miron
Prezentare zbircea mironCătălin Miron
 
музей солдата великой войны
музей солдата великой войнымузей солдата великой войны
музей солдата великой войныmaslaevv
 
Collegebound Report_2015
Collegebound Report_2015Collegebound Report_2015
Collegebound Report_2015Tyler Thompson
 

Viewers also liked (11)

rbc_about_brochure
rbc_about_brochurerbc_about_brochure
rbc_about_brochure
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01
Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01
Workingtogetherwithwwftoprotectpandas 140617084218-phpapp01
 
muzey soldata
muzey soldatamuzey soldata
muzey soldata
 
Anekdot 1
Anekdot 1Anekdot 1
Anekdot 1
 
netiquette
netiquettenetiquette
netiquette
 
Prezentare zbircea miron
Prezentare zbircea mironPrezentare zbircea miron
Prezentare zbircea miron
 
музей солдата великой войны
музей солдата великой войнымузей солдата великой войны
музей солдата великой войны
 
Anekdot 3
Anekdot 3Anekdot 3
Anekdot 3
 
Anekdot 2
Anekdot 2Anekdot 2
Anekdot 2
 
Collegebound Report_2015
Collegebound Report_2015Collegebound Report_2015
Collegebound Report_2015
 

Prezentare zbircea miron_pw

  • 1. Realizat de: Zbîrcea Rareș Miron Cătălin Proiect Programare Web 2014-2015
  • 2. În vederea realizării acestui proiect, am utilizat următoarele API-uri:  Google Maps API  Geolocation API
  • 3.  https://developers.google.com/maps/  API dedicat pentru utilizarea hărților Google în diverse aplicații
  • 4.  HTML Geolocation este un API folosit pentru identificarea poziției geografice a utilizatorului  Întrucât aceste date au un caracter privat, poziția nu va fi afișată până în momentul în care utilizatorul își oferă acordul
  • 5.  Scopul acestei aplicații este de a vizualiza o hartă a orașului Oradea  În cadrul hărții sunt expuse opt markere, reprezentând locații importante ale orașului
  • 6.  Când mouse-ul e poziționat pe un marker, este afișată denumirea locației  Când se apasă click pe un marker, se va deschide o nouă pagină web ce va include poze cu respectiva locație aferentă marker-ului.  În plus, la apăsarea click-ului pe un marker, harta va fi centrată pe marker-ul respectiv
  • 7. Aplicația dispune de două facilități:  Un buton „Poziția ta”, prin care utilizatorul poate să vadă pe o hartă nouă locul în care se află  Un link „Harta originala”, prin care utilizatorul poate să revină la configurația inițială a hărții  Se recomandă utilizarea browser-ului Mozilla Firefox
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.  https://www.mooc- list.com/course/javascript-basics-udacity - MOOC ales de realizatori  https://developers.google.com/maps/docum entation/javascript/tutorial  http://www.cirip.ro/docs/multimedia08/mod ule/modulj1.html  http://itouchmap.com/latlong.html