SVEUČILIŠTE JOSIPA JURJA STROSSMAYERA U OSIJEKU FAKULTET ELEKTROTEHNIKE, RAČUNARSTVA I INFORMACIJSKIH TEHNOLOGIJA Sveučilišni studij APLIKACIJA ZA DOH
|
|
|
- Lena Милић
- пре 5 година
- Прикази:
Транскрипт
1 SVEUČILIŠTE JOSIPA JURJA STROSSMAYERA U OSIJEKU FAKULTET ELEKTROTEHNIKE, RAČUNARSTVA I INFORMACIJSKIH TEHNOLOGIJA Sveučilišni studij APLIKACIJA ZA DOHVAT I POHRANU ZEMLJOPISNIH KOORDINATA Završni rad Anna-Maria Dragić Osijek, 2017.
2 SADRŽAJ 1. UVOD Zadatak završnog rada KORIŠTENE TEHOLOGIJE HTML CSS JavaScript PHP Google Maps API PRVA REALIZACIJA APLIKACIJE Prikaz mape i rezultata korisniku Dohvaćanje podataka sa Google mape i ispis tih podataka Prikaz funkcioniranja prve realizacije aplikacije DRUGA REALIZACIJA APLIKACIJE Prikaz tražilice i ispis rezultata Kreiranje baze podataka Spremanje podataka u bazu Prikaz funkcioniranja druge realizacije aplikacije DIZAJN ZAKLJUČAK LITERATURA SAŽETAK ABSTRACT ŽIVOTOPIS PRILOZI... 29
3 1. UVOD U današnje vrijeme kada se jako puno putuje, vrlo je važno i korisno znati zemljopisne koordinate adrese na koju se zaputimo kako bismo što brže i lakše došli na željenu adresu. Uz pomoć nekih web tehnologija može se realizirati aplikacija za dohvat zemljopisnih koordinata pomoću koje bi korisnik mogao saznati podatke o željenoj lokaciji. Upravo takvu aplikaciju ćemo relizirati u ovom radu. Aplikacija je temeljena na web tehnologijama kao što su JavaScript, HTML, CSS, PHP i sl. koje su detaljnije pojašnjene u sljedećem poglavlju. Zadatak završnog rada je dohvat podataka (zemljopisnih koordinata) te njihovo spremanje u bazu podataka. Izvršava se dohvaćanje podataka (zemljopisnih koordinata) od Google karte (Google maps) koristeći pri tome Geocoding Api. Aplikacija je izvedena na dva načina, prva realizacija koja je objašnjena u poglavlju 3 funkcionira na način da kada korisnik klikne bilo gdje na mapi, prikazat će mu se zemljopisne koordinate i nadmorska visina odabrane lokacije. Druga realizacija (opisana u poglavlju 4) je takva da je korisniku omogućeno upisivanje adrese za koju želi dobiti podatke, te potom ga aplikacija odvodi do te adrese na mapi i ispisuje mu zemljopisne koordinate te lokacije. Kod druge realizacije aplikacije ostvareno je i spremanje dohvaćenih podataka pri čemu je prvobitno kreirana baza podataka i tablica u koju spremamo rezultate. Korisnik ima opciju spremanja podataka ukoliko klikne na tipku Pošalji, a ukoliko ne klikne na tipku podatci neće biti spremljeni. Dakle, nakon klika na Pošalji u bazu se spremaju adresa koju je korisnik unio te zemljopisna dužina i širina i tip te lokacije. Potom je u radu prikazano po koracima kako funkcioniraju obadvije realizacije Zadatak završnog rada Zadatak završnog rada je realizirati web aplikaciju koja će vršiti dohvat zemljopisnih koordinata bilo koje lokacije na svijetu koju korisnik izabere, te će potom dohvaćene podatke spremati u unaprijed kreiranu bazu podataka. 1
4 2. KORIŠTENE TEHOLOGIJE Prilikom razvoja aplikacije korištene su web tehnologije, kao što su JavaScript, HTML, CSS,PHP. Također korištena je i Google Maps API pomoću koje su se dohvaćali podatci tj. zemljopisne koordinate. Potrebno je prvo objasniti korištene tehnologije kako bi poslije u radu i kodu bili razumljivi korištene oznake i pricip rada HTML HTML je standradni prezentacijski jezik za izradu web stranica. Kratica HTML znači Hyper Text Markup Language. Web dokument je tekstualni dokument i kao takav može se uređivat u bilo kojem tekst editoru. Sadržaj se piše unutar oznaka (engl. tag). Sadržaj koji se unosi određuje koja će se oznaka koristiti. HTML oznake označavaju dijelove sadržaja kao što su "naslov", "odlomak", "tablica" itd. Internet preglednik prilikom učitavanja web dokumenta interpretira tagove pa se sukladno tome uređuje njihov sadržaj. HTML oznake (tags) su nazvi elemenata okruženi kutnim zagradama. HTML oznake su većinom u parovima,kao što su <p> i </p>. Prva oznaka u paru je početna oznaka, druga oznaka je krajnja oznaka. Početnu oznaku također se zovemo oznaka za otvaranje, a krajnju oznaku završna oznaka. Deklaracija <!DOCTYPE html> predstavlja tip dokumenta i pokaže web pregledniku da ispravno prikaže web stranicu. Pojavljuje se samo jednom, na početku koda prije bilo koje HTML oznake. Svaki HTML dokument mora početi s tom deklaracijom. Sam HTML dokument počinje s <html> i završava s </ html>. Vidljivi dio HTML dokumenta je između oznaka <body> i </body>. HTML naslovi su definirani oznakama <h1> do <h6>. <h1> definira najvažniji naslov, dok <h6> definira najmanje važan naslov. <p> oznaka definira paragraf. HTML tablica definirana je oznakom <table>. Svaki redak tablice definiran je oznakom <tr>. Zaglavlje tablice definirano je s oznakom <th>. Prema zadanim postavkama zaglavlja tablice su podebljana i usmjerena. Tablica podataka / ćelija definirana je oznakom <td>. HTML veze su hiperveze. Možete kliknuti vezu i otići(skočiti) na drugi dokument. Svaki web dokument ima svoj URL (engl. Uniform Resource Locator), odnosno jedinstveni identifikator lokacije po kojem se razlikuje od klasičnih elektronskih dokumenata. U HTML-u veze su definirane pomoću <a> oznake: <a href="url">link text</a> [1]. 2
5 2.2. CSS CSS je meta-jezik kojim se uređuje i definira izgled dokumenta kreiranih bilo kojim markup jezikom. Kratica CSS označava Cascading Style Sheets. Uređivanje i izgled dokumenata moguće je definirati u bilo kojem od tekstualnih editora. CSS se koristi za definiranje stilova za web stranice, uključujući dizajn, izgled i varijacije na zaslonu za različite uređaje i veličine zaslona. Izgled web dokumenata dobiva se tako da se elementima ili grupama elemenata dodjeljuju stilovi kao što su: boja, pozicija na stranici, font, visina,... Pri tome se prezentacija stranice odvaja od njezinog sadržaja, a HTML kod postaje neusporedivo čitkiji i manji. CSS je donio čitav niz načina na koje je uređivanje prikaza podataka koji dotada nisu postojali u HTML-u. S CSS-om je moguće jednostavnom promjenom nekoliko parametara promijeniti cjelokupni izgled stranice. CSS štedi puno posla. On može kontrolirati izgled više web stranica odjednom. CSS se može dodati HTML-u elementima na 3 načina: Inline(u redu) - pomoću atributa stila u HTML elementima Interno - pomoću elementa <style> u odjeljku <head> Vanjski - pomoću vanjske CSS datoteke Najčešći način dodavanja CSS-a jest zadržavanje stilova u zasebnim CSS datotekama. Inline CSS se koristi za primjenu jedinstvenog stila u jedan HTML element. Npr.: <h1 style="color:blue;">this is a Blue Heading</h1> Interni CSS koristi se za definiranje stila za jednu HTML stranicu. Unutarnji CSS definiran je u <head> dijelu HTML stranice unutar elementa <style>. Vanjski stilski obrazac koristi se za definiranje stila za mnoge HTML stranice. Vanjskom stilskom listom može se promijeniti izgled cjelokupne web sjedišta promjenom jedne datoteke. Svaki dokument u sjedištu mora sadržavati referencu na datoteku vanjskog stila unutar <link> elementa. Element <link> ide unutar <head> odjeljka: <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 3
6 CSS svojstvo boja (color) određuje boju teksta koja će se koristiti. CSS font-family svojstvo definira font koji će se koristiti. CSS veličina fontova (font-size) određuje veličinu teksta koja će se koristiti. Stilski list (Style sheet) u CSS-u sastoji se od nekoliko pravila. Svako pravilo sastoji se od birača (selector) i deklaracijskog bloka. Birač označava dio markup-a na koji se primjenjuje stil. Birač može biti: svi elementi istog tipa, npr. svi h2 elementi elementi određenog id ili class atributa: o id: jedinstven element o class: može obuhvaćati više od jednog elementa elementi u odnosu na druge elemente u DOM-u. Deklaracijski blok su vitičaste zagrade unutar kojih se nalaze deklaracije. Svaka deklaracija sastoji se od svojstva, dvotočke (:) i vrijednosti. Između svake dvije uzastopne deklaracije mora se nalaziti točka zarez (;). Vrijednosti mogu biti ključne riječi poput "center" (sredina) i "inherit" (naslijedi), brojčane vrijednosti poput 100 (debljina fonta), 200px (200 piksela), 50vw (50 % širine viewporta) ili 80% (80 % širine prozora). Vrijednosti boja mogu biti ključne riječi (npr. "red" za crveno), heksadecimalne vrijednosti (npr. #FF0000 ili #F00), RGB vrijednosti od 0 do 255 (npr. rgb(255, 0, 0)), RGBA vrijednosti koje uključuju i alpha prozirnost (npr. rgba(255, 0, 0, 0.8)) ili HSL/HSLA vrijednosti (npr. hsl(000, 100%, 50%), hsla(000, 100%, 50%, 80%)). CSS također omogućava izradu responzivnih internetskih stranica. Taj način izrade stranice je u novije vrijeme posebno zastupljen budući da uređaji kojima je moguće povezivanje na internet dolaze u različitim veličinama [2] JavaScript JavaScript je skriptni jezik Zapanjujuća većina modernih web stranica koristi JavaScript, i svi moderni web preglednici - na računalima, igraćim konzolama, tabletima i pametnim telefonima - uključuju JavaScript interpretere, čineći JavaScript najviše sveprisutnim programskim skriptnim jezikom u povijesti. JavaScript je dio trojca tehnologija koje svi Web programeri moraju naučiti: 4
7 HTML kako bi se odredio sadržaj internetskih stranica, CSS kako bi se odredio izgled internetskih stranica, i JavaScript kako bi se odredilo ponašanje internetskih stranica. JavaScript je jezik za skriptiranje koji omogućuje izradu interaktivnih web stranica kroz integraciju s HTML-om. Korišten je kao posrednik pri slanju podataka iz obrazaca administratorskog sučelja, te u svrhu interaktivne izmjene poveznica dodijeljenih nekoj liniji. U HTML-u JavaScript kôd mora biti umetnut između oznaka <script> i </ script>. HTML dokument može sadržavati proizvoljan broj skripti. Skripte se mogu postaviti u <body> ili u <head> dijelu HTML stranice ili u oba. JavaScript može promijeniti HTML sadržaj, može promjeniti HTML atribute, HTML stil (CSS), može sakriti HTML elemente, te prikazati HTML elemente [3] PHP PHP je skriptni jezik na strani poslužitelja namijenjen prvenstveno za razvoj web stranica, ali se također koristi kao programski jezik opće namjene. Izvorno ga je stvorio Rasmus Lerdorf godine, no PHP-u referentnu implementaciju sada proizvodi PHP-ov razvojni tim. Skraćenica za PHP je Hypertext Preprocessor. PHP je posebno pogodan za web razvoj. PHP kod može biti ugrađen u HTML ili HTML5 ili se može koristiti u kombinaciji s raznim sustavima za upravljanje web sadržajem i web okvirom. PHP skripte izvršavaju se na poslužitelju, te je zbog svoje jednostavnosti pogodan za početnike kao njihov prvi jezik koji se izvršava na strani poslužitelja. PHP kod se izvršava na poslužitelju, a rezultat se može vratiti u preglednik kao običan HTML. PHP datoteke mogu sadržavati tekst, HTML, CSS, JavaScript i PHP kod, te imaju proširenje.php [4]. Dva su načina na koje klijentski preglednik može slati informacije web poslužitelju: GET metoda POST metoda GET metoda šalje korisničku informaciju priloženu zahtjevu stranice. Stranica i podatci odvajaju se? oznakom. GET metoda je ograničena samo na slanje do 1024 znakova. GET se ne može koristiti za slanje binarnih podataka, kao što su slike ili tekstni dokumenti, na poslužitelj. Podatcima poslanim metodom GET može se pristupiti pomoću QUERY_STRING varijable. PHP daje $_GET asocijativni niz za pristup svim poslanim podacima pomoću GET metode. 5
8 Metoda POST prenosi informacije putem HTTP zaglavlja. Informacije su kodirane kako je opisano u slučaju GET metode i stavljene u zaglavlje pod nazivom QUERY_STRING. POST metoda nema ograničenja na veličinu podataka koja se šalje. POST metoda može se koristiti za slanje ASCII kao i binarnih podataka. Podatci poslani POST metodom prolaze kroz HTTP zaglavlje tako da sigurnost ovisi o HTTP protokolu. Korištenjem Secure HTTP može se osigurati da vaši podaci budu sigurni. PHP pruža $ _POST asocijativno polje za pristup svim poslanim podacima pomoću POST metode. PHP pruža razne mogućnosti koje su korisne pri razvoju jedne web stranice. PHP može generirati dinamički sadržaj stranice, može stvoriti, otvoriti, čitati, pisati, brisati i zatvoriti datoteke na poslužitelju. Također, može prikupljati podatke iz datoteka, može dodavati, brisati i mijenjati podatke u bazi podataka. Ovaj programski jezik se može koristiti za kontrolu pristupa korisnika, te može šifrirati podatke. S PHP-om niste ograničeni na HTML izlaz. Izlaz mogu biti slike, PDF datoteke, pa čak i Flash filmovi. Između ostalog, PHP je dobro koristiti jer se izvodi na različitim platformama (Windows, Linux, Unix, Mac OS X itd.), on je kompatibilan s gotovo svim poslužiteljima koji se danas koriste (Apache, IIS, itd.), te podržava širok raspon baza podataka [5] Google Maps API Google Maps je tehnologija besplatnih digitalnih mrežnih karata, koje čine osnovu mnogih servisa i usluga, od pregledavanja satelitskih snimaka, planiranja rute putovanja (plana kretanja), lociranje traženih mjesta, itd. Dopušta jednostavnu implementaciju na različite web stranice, kombiniranje s drugim aplikacijama, razvoj dodataka i prilagođavanje specifičnim potrebama. Zasnovana na istoj tehnologiji postoji i kao zasebna aplikacija namijenjena instaliranju i korištenju na pojedinim osobnim računalima sa vezom na internet, Google Earth. API (Application Programming Interface) je skup određenih pravila i specifikacija koje programeri slijede tako da se mogu služiti uslugama ili resursima operacijskog sustava ili nekog drugog složenog programa kao standardne biblioteke rutina (funkcija, procedura, metoda), struktura podataka, objekata i protokola. Prilikom izrade ovog rada korišten je Google Maps JavaScript API [6]. 6
9 Prije izrade aplikacije koja će koristiti API te kako bi bilo moguće koristiti Google API potrebno je zatražiti ključ s kojim će se dobiti dopuštenje korištenja svih mogućnosti koje API pruža. Ključ se dobiva nakon što se korisnik koji ga želi prijavi sa svojim Google računom, zatraži ključ (tu će biti potrebno navesti naziv projekta na kojem će se koristiti) i nakon toga kada se zatraženi ključ dobije korisnik ga unosi na za to predviđeno mjesto u izvornom kodu aplikacije. Dobiveni ključ vidljiv je na sljedećoj slici (Sl ): Sl Ključ za korištenje podataka od Google karti 7
10 3. PRVA REALIZACIJA APLIKACIJE Aplikacija je izvedena na dva načina. Prvi način, koji će biti objašnjen u ovom poglavlju je prikaz korisniku zemljopisnih koordinata i nadmorske visine prilikom klika bilo gdje na mapi svijeta Prikaz mape i rezultata korisniku Korišten je Bootstrap, najpopularniji okvir za HTML, CSS i JavaScript za razvoj responzivnih web stranica i web aplikacija. Sadrži HTML i CSS temeljene dizajnirane predloške za tipografiju, oblike, gumbe, navigaciju i ostale komponente sučelja, kao i dodatna JavaScript proširenja. Kreiran je dokument pointer.php u kojem je omogućen prikaz mape i rezultata korisniku. Prije svega bilo je potrebno definirati i neke detalje. Postavljen je utf-8 standard za znakove, time je omogućeno da aplikacija kodira bio koji znak koji se unese, tj. da prepozna sve znakove uključujući znakove hrvatskog jezika kao što su č,ć,š,ž,đ. Također, omogućena je kompatibilnost sa internet explorerom (IE). Te, osigurano je da se aplikacija prilagodi uređaju tj. veličini uređaja koji joj pristupa (laptop, mobitelni uređaj, tablet). Ove tri navedene stavke tj. ove tri navedene oznake moraju doći prve u zaglavlju (head), bilo koji drugi sadržaj u zaglavlju mora ići nakon njih. Dalje u kodu je definiran izgled aplikacije, između ostalog postavljen je naslov ove aplikacije, zbog jednostavnosti izabran je naslov App Maps, te je postavljena visina mape na 500px. Sl Omogućavanje prikaza mape i rezultata korisniku Potom se pomoću elemnta script definirala klijentova stranu skripte. Bilo je potrebno povezanti ovu datoteku pointer.php sa JavaScript datotekom kordinate.js u kojoj se obavlja dohvaćanje 8
11 podataka sa Google Maps-a i ispis tih podataka. Također ispisan je red koda koji sadrži ključ za provjeru identifikacije kod Google Maps-a koji je dobiven prijavom na Google Maps API, taj ključ Google provjerava prilikom zahtjeva za pristup njihovom serveru i ukoliko je ključ ispravan zahtjev će biti odobren te ćemo dobiti podatke koje tražimo. Sl Povezivanje datoteke sa Javascript datotekom i omogućavanje dohvata podataka od Google karti pomoću dobivenog ključa 3.2. Dohvaćanje podataka sa Google mape i ispis tih podataka Kako bi se omogućilo dohvaćanje podataka kreiran je JavaScript dokument pod nazivom kordinate.js. U ovom dokumentu prvenstveno je kreirana varijabla map preko čijeg id-a se dohvaćaju elementi. Također, konfiguriran je prikaz mape pri čemu je postavljeno da centar bude u Osijeku na zemljopisnim koordinatama Fakulteta elektrotehnike,računarstva i informacijskih tehnologija. Ovaj dio aplikacije funkcionira na način da se s klikom miša bilo gdje na mapi korisniku prikažu rezultati u informativnom okviru, što je kao i gore navedene stavke definirano u sljedećim linijama koda: Sl Konfiguriranje prikaza mape i omogućavanje da se prilikom klika miša prikaže informativni okvir 9
12 Kada su definirane osnovne stvari za dohvat podataka, potrebno je omogućiti ispis tih istih podataka. Kreirana je funkcija koja ispisuje podatke u već spomenutom informativnom okviru (infowindow). Toj funkciji se predaju podatci, te se provjerava da li su ti podatci uredu tj. da li postoje traženi podatci za traženu lokaciju. Podatci koje predajemo toj funkciji su upravo ključni podatci koji se trebaju prikazati; lokacija i visina, te informativni okvir u kojem se prikazuju prethodna dva podatka. Ukoliko postoje podatci za traženu lokaciju, provjerava se da li je nadmorska visina veća od 0. Ako je nadmorska visina veća od nule ispisuje se kao visina, a ukoliko je manja od 0 ispisuje se kao dubina. U protivnom, ispisuje se da nema rezultata ili da se dogodila pogreška (error). Sl Ispis podataka 3.3. Prikaz funkcioniranja prve realizacije aplikacije Prva realizacija aplikacije funkcionira na vrlo jednostavan način; kada korisnik klikne mišem bilo gdje na mapi, ispisuju mu se zemljopisne koordinate i nadmorska visina te lokacije. Na sljedećim slikama može se vidjeti kada korisnik klikne na tlo ispiše se koordinate i visina, a ako klikne na morsku površinu ispiše se koordinate i dubina. 10
13 Sl.3.5. Funkcioniranje aplikacije ukoliko kliknemo na zemlju Sl.3.6. Funkcioniranje aplikacije ukoliko kliknemo na vodenu površinu 11
14 4. DRUGA REALIZACIJA APLIKACIJE Kao što je već pomenuto, drugi dio aplikacije je realiziran na način da korisnik ima mogućnost upisivanja u tražilicu (Search Box) adrese, te ga aplikacija odvede na željenu lokaciju i ispiše mu adresu koju je unio i njene koordinate, te može stisnuti tipku Pošalji ukoliko te podatke želi poslati tj. spremiti u bazu podataka Prikaz tražilice i ispis rezultata Kreiran je dokument trazilica.php za realizaciju ovog dijela aplikacije. Prvo je potrebno, kao i u prvoj realizaciji aplikacije, omogućiti prikaz mape korisniku. U kodu je utf-8 standardom osigurano da aplikacija prepoznaje znakove hrvatskog jezika, također postavljena je visina i margine mape koja će se prikazati. Definirana su svojstva informativnog okvira u kojemu će se ispisati rezultati), to su između ostalih vrsta i veličina fonta. Omogućeno je dodavanje okvira za upis željene adrese ili tražilice (u kodu je nazvan Search Box). U taj okvir korisnik može unijeti bilo koju lokaciju na svijetu koju želi, te dobiti listu ponuđenih lokacija koje imaju isti ili sličan naziv između kojih korisnik odabire željenu adresu. Te osim svojstava informativnog okvira, definirana su i svojstva tražilice (Search Box). Sl Definiranje svojstava mape, informativnog okvira i tražilice 12
15 Sl Definiranje svojstava mape, informativnog okvira i tražilice Sl Definiranje svojstava mape, informativnog okvira i tražilice 13
16 Nakom što se definiraju svojstva mape i njenih dijelova, kreirana je varijabla map preko čijeg ida se dohvaćaju elementi. Također, kao i pri prvoj realizaciji aplikacije, konfiguriran je prikaz mape pri čemu je postavljeno da centar bude u Osijeku na zemljopisnim koordinatama Fakulteta elektrotehnike,računarstva i informacijskih tehnologija. Potom nakon varijable map, kreirana je varijabla input preko koje pomoću ugrađene funkcije dohvaćamo vrijednost koju je korisnik unio u tražilicu. Kreirana je varijabla searchbox i postavljeno je da se nalazi u gornjem lijevom kutu. Sl Konfiguracija prikaza mape i kreiranje tražilice (varijable searchbox) Varijabla marker je varijabla u koju se spremi korisnikov upit kada ga unese u tražilicu tj. za vrijeme kada se dohvaćaju podatci o željenoj adresi. Prije svakog novog upita brišu se svi prethodni podatci iz te varijable. Sl Varijabla marker iz koje se brišu podatci prije svakog novog upita 14
17 Za svaku adresu koju korisnik unese osigurano je da ima ikonu koja pokazuje gdje se nalazi ta adresa na mapi, dohvate se ime i zemljopisne koordinate (zemljopisna širina i dužina). Sl Dohvaćanje podataka za svaki upit Nakon što je obavljen dohvat navedenih podataka i osiguran prikaz informativnog okvira potrebno je ispisati podatke u njega. Dakle, ispisuju se koordinate, adresa lokacije koja je unešena te tip lokacije (cesta, fakultet, zdravstvena ustanova itd). Također, u informativnom okviru će biti prikazana tipka Pošalji pomoću koje korisnik može poslati tj. spremiti dobivene rezultate u bazu podataka. To je osigurano pomoću forme u kojoj se nalaze četiri skrivena polja sa varijablama koja se šalju preko POST metode na dokument spremi.php. Sl Slanje podataka putem POST metode 15
18 Kao i pri prvoj realizaciji aplikacije, i ovdje je bilo potrebno definirati kako će mapa biti prikazana korisniku u ovisnosti na kakvom je uređaju tj. u ovisnosti o veličini ekrana korisnikovog uređaja. I na kraju, ključno je bilo ispisati red koda koji koji sadrži ključ za provjeru identifikacije kod Google Maps-a koji je dobiven prijavom na Google Maps API, taj ključ Google provjerava prilikom zahtjeva da se pristupi njihovom serveru i ukoliko je ključ ispravan zahtjev će biti odobren te će se dobiti traženi podatci. Sl Prilagodba apilikacije korisnikovom ekranu i omogućavanje dohvata podataka od Google mapsa pomoću dobivenog ključa 4.2. Kreiranje baze podataka Na stranici phpmyadmin kreirana je baza podataka pod nazivom zavrsni_rad. Baza podataka je neophodna za spremanje rezultata koji se dobiju na izlazu aplikacije. Nakon toga unutar te baze kreirana je tablica u koju će se spremati željene rezultate, tablica je nazvana adrese te sadrži id, širinu, visinu, lokaciju i tip lokacije. Kojeg su tipa navedeni podatci može se vidjeti na slici: Sl Kreirana tablica 16
19 Kada su baza podataka i tablica za spremanje podataka kreirane, mogu se slati rezultati u bazu i spremati ih Spremanje podataka u bazu U dokumentu trazilica.php je već omogućeno slanje dohvaćenih podataka preko POST metode na dokument spremi.php. Spremi.php je dokument u kojem se primaju podatci s POST metodom i spremaju se u bazu. Da bi smo spremili dohvaćene podatke na bazu, prvo je potrebno spojiti se na bazu, kreiraju se varijable za serverovo ime, korisničko ime, lozinku,te ime baze podataka i definiraju se njihovi nazivi. Potom se ostvaruje konekcija predajući funkciji mysqli gore navedene podatke. Neophodno je provjerili da li je konekcija uspješna, ukoliko nije poništavamo ju naredbom die. Sl Spajanje na bazu Tablica u koju će se slati podatci nazvana je adrese a podatci koji će se slati u nju su zemljopisna širina, dužina, lokacija tj. unešena adresa te tip lokacije. Ovi podatci poprimaju vrijednosti podataka koji su primljeni putem POST metode iz doukumenta trazilica.php. Nakon što su podatci poslani u bazu, provjerava se da li je upit (query) ispravan. Ukoliko jest, ispisuje se poruka da je željena radnja uspješno obaviljena. U protivnom ispisuje se da se dogodila pogreška. Tese na kraju u kodu zatvara konekicija prema bazi. 17
20 Sl Dohvaćanje podataka Kako bi se na kraju usavršila aplikacija te uljepšao ispis gore navedenog rađeno je na dizajnu, te je uljepšan ispis podataka omogućen sljedećim linijama koda koje su prikazane na slici a izgled ispisa podataka koje se dobije na slici Sl Omogućavanje ispisa dohvaćenih podataka Sl Ispis dohvaćenih podataka 18
21 4.4. Prikaz funkcioniranja druge realizacije aplikacije U tražilicu se unosi adresa, te kada se dobije padajući izbornik s više rezultata odabire se željena lokacija: Sl Unos željene lokacije u tražilicu Nakon što se izabre lokacija, aplikacija odvodi do te lokacije i ispisuje njene koordinate,naziv i tip lokacije,te ukoliko korisnik želi spremiti tu lokaciju treba pritisnuti tipku Pošalji. Sl Prikaz rezultata na mapi Nakon što korisnik pritisne tipku Pošalji ispiše se ukoliko je uspješno spremljeno. 19
22 Sl Ispis rezultata upita Na kraju se može provjeriti u bazi podataka da li se željeni podatci nalaze u tablici adrese. Sl Dohvaćeni podatci spremljeni u bazu podataka Ukoliko se u tražilicu upiše pojam koji se nalazi na više lokacija u svijetu ili državi, na mapi će se dobiti prikaz svih tih lokacija. Npr. ukoliko korisnik upiše pojam Hrvatska pošta koja se nalazi na mnogo mjesta diljem Republike Hrvatske za rezultat će se dobiti lokacije svih pošta u državi: Sl Ukoliko se u tražilivu upiše Hrvatska pošta 20
23 5. DIZAJN Odabran je odgovarajući gotov predložak za dizajn web stranice tre prilagođen potrebama ove aplikacije. Ulaskom na web stranicu aplikacije omogućenoje korisniku odabir koju realizaciju želi koristiti, da li želi prvu realizaciju koja je nazvana Pokazivač ili drugu koja je nazvana Tražilica. Postavljene su dvije ikone sa različitim animiranim slikama i odgovarajućim tekstom tekstom ispod ikone. Sve to je definirano u dokumentu index.php. Sl Omogućenje korisniku izbora realizacije koju želi koristiti Na slici 5.2. je prikazana izmjena animirane slike ukoliko korisnik odabere prvu realizaciju tj. Pokazivač. Sl Izbor prve realizacija-pokazivač 21
24 Na sljedećoj slici je prikazano što se dogodi ukoliko korisnik izabere drugu realizaciju aplikacije. Sl Izbor druge realizacije- TRAŽILICA Za boju slova i okvira ikone odabrana je roza, medjutim korisnik može promjeniti boju ukoliko bude želio. Padajući izbornik sa ponuđenim bojama prikazan je u lijevom kutu slike 5.4, a kod kojim je ovo omogućeno na slici 5.5. Sl Padajući izbornik s ponuđenim bojama 22
25 Sl Dio koda koji omogućuje listu boja 23
26 6. ZAKLJUČAK Uz pomoć neophodnih korištenih tehnologija HTML, CSS, JavaScript i PHP ostvareno je uspješno rješenje zadatka završnog rada. Svaka tehnologija sa svojim pogodnostima i mogućnostima pomogla da se uspješno ostvari dohvat podataka sa Google Maps-a, te ispis podataka i na kraju spremanje tih podataka u bazu podataka. Također, korišten je Bootstrap-okvir za HTML, CSS i JavaScript za razvoj responzivnih web stranica i web aplikacija koji je bio koristan za definiranje prikaza mape korisniku. Kako je aplikacija izvedena na dva načina, svaki od njih ima svoje pogodnosti. Prva realizacija aplikacije je izvedena u vidu igrice gdje korisnik može vidjeti koordinate i nadmorsku visinu bilo koje lokacije na svijetu koju odabere klikom miša na mapi. Međutim, nedostatak je što mora željenu lokaciju tražiti po mapi što dovodi do većeg utroška vremena. Dakle, prva realizacija aplikacije je pogodna za ljude koji žele istražiti mapu i zanimaju ga neke pojedinosti država i lokacija koje vidi na mapi. U drugoj realizaciji aplikacije je olakšano korisniku s tim što ima tražilicu u koju unosi željenu adresu i dobiva podatke točno za tu adresu. Ova realizacija je pogodna za osobe koje zanimaja točno određena lokacija ili više lokacija koje pronađe pomoću tražilice i spremi u bazu, te spremljene podatke može vidjeti i koristiti u budućnosti. Može se zaključiti da je na jednostavan način uz poznate tehnologije kreirana vrlo jednostavna i praktična aplikacija. 24
27 LITERATURA [1] w3schools, ( ) [2] w3schools, (21.5, 2017) [3] w3schools, ( ) [4] Smith, N.: PHP Essentials, The History of PHP; An Overwiev of PHP, Playload Media, 2010 [5] tutorialspoint, ( ) [6] Google Developers, ( ) 25
28 SAŽETAK Zadatak završnog rada je bio realizirati aplikaciju za dohvat i pohranu zemljopisnih koordinata. Realizacija rada je ostavarena uz pomoć Google Maps API-a pri čemu smo dobili ključ pomoću kojeg smo dohvaćali podatke od Google Maps-a. Uz pomoć web tehnologija kao što su HTML, CSS, JavaScript i PHP aplikacija je realizirana na dva načina. Prva realizacija aplikacije omogućava korisniku da pri kliku mišem bilo gdje na mapi svijeta dobije ispisane zemljopisne koordinate i nadmorsku visinu te lokacije. Druga realizacija rada je nešto složenija, te ona omogućava korisniku da unese željenu adresu. Nakon unosa adrese u tražilicu aplikacija korisniku prikaže na mapi gdje se nalazi željena lokacija i ispiše mu zemljopisne koordinate. Pri drugoj realizaciji korisnik ima mogućnost dohvaćene podatke spremiti u unaprijed kreiranu bazu podataka. Nakon uspješnog ostvarenja obadvije realizacije aplikacije radili smo na dizajnu kako bi korištenje aplikacije bilo što jednostavnije i zanimljivije. Ključne riječi: Google Maps API, web tehnologije, zemljopisne koordinate 26
29 ABSTRACT APPLICATION FOR RETRIEVAL AND STORAGE OF GEOGRAPHIC COORDINATES The task of final work was to realize the application for retrieval and storage of geographic coordinates. Work execution is omitted using the Google Maps API, where we have the key to retrieve data from Google Maps. With the help of web technologies such as HTML, CSS, JavaScript and PHP applications is realized in two ways. The first realization of the application allows the user to click with a mouse anywhere on the map of the world to get printed geographic coordinates and altitude of that location. The second implementation of the final work is somewhat more complicated and it allows the user to enter the desired address. After entering the address in the application search engine, the application shows the location where the desired adress is located and displays the geographic coordinates. In the second realization, the user has the ability to save the retrieved data into the database. After successful implementation of both realizations of application, we worked on the design to make application easier and more interesting for use. Keywords: Google Maps API, web techology, geographic coordinates 27
30 ŽIVOTOPIS Anna-Maria Dragić rođena je u Bad-Honnefu u Njemačkoj. U Odžaku u Bosni i Hercegovini je pohađala osnovnu i srednju školu. Srednja škola koju je pohađala je Tehničar za računarstvo, te je tijekom školovanja u 2. i 3. razredu srednje škole obavljala praksu u informatičkoj tvrtci Eurocompany u trajanju od 80 sati. Srednju školu završava 2014., te upisuje Elektrotehnički fakultet u Osijeku, preddiplomski studij smjer Komunikacije i informatika. Trenutno je završna godina preddiplomskog studija Komunikacije i informatika na Fakultetu elektrotehnike, računarstva i informacijskih tehologija u Osijeku. Osim hrvatskog jezika, studentica se koristi i engleskim jezikom. Anna-Maria Dragić 28
31 PRILOZI CD - rad u.doc i.pdf formatu - datoteka s kodom aplikacije 29
Smjernice za korištenje sustava online prijava Ukoliko imate pristupno korisničko ime i lozinku ili ste navedeno dobili nakon zahtjeva za otvaranje no
Smjernice za korištenje sustava online prijava Ukoliko imate pristupno korisničko ime i lozinku ili ste navedeno dobili nakon zahtjeva za otvaranje novog korisničkog računa (poslati zahtjev na javnipoziv.opp@havc.hr
Web programiranje i primjene - Osnovni pojmovi WEB tehnologije korišteni u kolegiju
Osnovni pojmovi WEB tehnologije korišteni u kolegiju Ivan Vazler Odjel za matematiku Sveučilište u Osijeku 16. listopada 2013. WWW - World Wide Web World Wide Web (WWW) svjetska mreža računala s izvorima
PuTTY CERT.hr-PUBDOC
PuTTY CERT.hr-PUBDOC-2018-12-371 Sadržaj 1 UVOD... 3 2 INSTALACIJA ALATA PUTTY... 4 3 KORIŠTENJE ALATA PUTTY... 7 3.1 POVEZIVANJE S UDALJENIM RAČUNALOM... 7 3.2 POHRANA PROFILA KORISNIČKIH SJEDNICA...
CARNET Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za nadzor razrednih knjiga tel: fax: mail:
Sadržaj... 1 1. Predgovor... 2 2. Prijava u sustav... 2 3. Postavke... 3 4. Kreiranje zahtjeva za nadzorom razrednih knjiga... 4 5. Pregled razredne knjige... 6 5.1 Dnevnik rada... 7 5.2 Imenik... 11 5.3
eredar Sustav upravljanja prijavama odjelu komunalnog gospodarstva 1 UPUTE ZA KORIŠTENJE SUSTAVA 1. O eredar sustavu eredar je sustav upravljanja prij
eredar Sustav upravljanja prijavama odjelu komunalnog gospodarstva 1 UPUTE ZA KORIŠTENJE SUSTAVA 1. O eredar sustavu eredar je sustav upravljanja prijavama koje građani mogu slati Upravnom odjelu za komunalno
KORISNIČKE UPUTE APLIKACIJA ZA POTPIS DATOTEKA
KORISNIČKE UPUTE APLIKACIJA ZA POTPIS DATOTEKA SADRŽAJ 1. UVOD... 3 1.1. Cilj i svrha... 3 1.2. Područje primjene... 3 2. POJMOVI I SKRAĆENICE... 4 3. PREDUVJETI KORIŠTENJA... 5 4. PREGLED APLIKACIJE...
Često postavljana pitanja u programu OBRT 1. Kako napraviti uplatu u knjizi tražbina i obveza? 2. Kako odabrati mapu/disk za pohranu podataka? 3. Kako
Često postavljana pitanja u programu OBRT 1. Kako napraviti uplatu u knjizi tražbina i obveza? 2. Kako odabrati mapu/disk za pohranu podataka? 3. Kako instalirati (novi) finin certifikat? 4. Kako ispisati
SVEUČILIŠTE JOSIPA JURJA STROSSMAYERA U OSIJEKU FAKULTET ELEKTROTEHNIKE, RAČUNARSTVA I INFORMACIJSKIH TEHNOLOGIJA Sveučilišni studij WEB APLIKACIJA ZA
SVEUČILIŠTE JOSIPA JURJA STROSSMAYERA U OSIJEKU FAKULTET ELEKTROTEHNIKE, RAČUNARSTVA I INFORMACIJSKIH TEHNOLOGIJA Sveučilišni studij WEB APLIKACIJA ZA EVIDENCIJU POSUDBE KNJIGA U KNJIŽNICI Završni rad
MultiBoot Korisnički priručnik
MultiBoot Korisnički priručnik Autorsko pravo 2006., 2007. Hewlett- Packard Development Company, L.P. Informacije sadržane u ovom dokumentu podložne su promjenama bez najave. Jedina jamstva za HP-ove proizvode
8 2 upiti_izvjesca.indd
1 2. Baze podataka Upiti i izvješća baze podataka Na početku cjeline o bazama podataka napravili ste plošnu bazu podataka o natjecanjima učenika. Sada ćete izraditi relacijsku bazu u Accessu o učenicima
Slide 1
OSNOVNI POJMOVI Naredba je uputa računalu za obavljanje određene radnje. Program je niz naredbi razumljivih računalu koje rješavaju neki problem. Pisanje programa zovemo programiranje. Programski jezik
Slide 1
Kako jednostavnije preći na višu verziju Formsa Ivan Lovrić, Vedran Latin 14.10.2009. Sadržaj prezentacije Predmet migracije Razlozi za migraciju Infrastruktura potrebna za migraciju Pilot migracija Migracija
Document ID / Revision : 0419/1.1 ID Issuer Sustav (sustav izdavatelja identifikacijskih oznaka) Upute za registraciju gospodarskih subjekata
ID Issuer Sustav (sustav izdavatelja identifikacijskih oznaka) Upute za registraciju gospodarskih subjekata Gospodarski subjekti Definicija: U skladu s Direktivom 2014/40/EU gospodarski subjekt svaka
CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za administratore tel: fax: mail: url:
Sadržaj... 1 1. Predgovor... 2 2. Sučelje administracije škole... 2 3. Korisnici... 3 3.1 Ovlasti... 3 3.2 Uređivanje postojećih i dodavanje novih... 3 3.3 Dodavanje i uklanjanje tokena... 5 4. Odabir
Microsoft Word - KORISNIČKA UPUTA za pripremu računala za rad s Fina potpisnim modulom_RSV_ doc
Uputa za pripremu računala za rad s Fininim potpisnim modulom Zagreb, lipanj 2019. Sadržaj: 1. UVOD... 3 2. POJMOVI I SKRAĆENICE... 3 3. TEHNIČKI PREDUVJETI KORIŠTENJA... 3 4. PODEŠAVANJE INTERNET PREGLEDNIKA
Upute - JOPPD kreiranje obrasca
Verzija uputa: 1.0 - JOPPD obrazac IPIS-PLAĆE, IPIS-UGOVORI O DJELU Ove upute će se još nadopunjavati, pa molim korisnike da redovito provjere da li imaju zadnje upute. Verzija uputa prikazana je na početku!
Sveučilište u Zagrebu PMF Matematički odsjek Mreže računala Vježbe 10 Zvonimir Bujanović Luka Grubišić Vinko Petričević
Sveučilište u Zagrebu PMF Matematički odsjek Mreže računala Vježbe 10 Zvonimir Bujanović Luka Grubišić Vinko Petričević JavaScript JavaScript je programski jezik prvenstveno namijenjen za davanje dinamičnosti
Test ispravio: (1) (2) Ukupan broj bodova: 21. veljače od 13:00 do 14:00 Županijsko natjecanje / Osnove informatike Osnovne škole Ime i prezime
Test ispravio: () () Ukupan broj bodova:. veljače 04. od 3:00 do 4:00 Ime i prezime Razred Škola Županija Mentor Sadržaj Upute za natjecatelje... Zadaci... Upute za natjecatelje Vrijeme pisanja: 60 minuta
Microsoft Word - privitak prijedloga odluke
Informatički sustav za prikupljanje, simulaciju i prikaz podataka o cijenama javnih komunikacijskih usluga (dalje: Sustav e-tarife) Zagreb, HRVATSKA AGENCIJA ZA POŠTU I ELEKTRONIČKE KOMUNIKACIJE Roberta
NIAS Projekt e-građani KORISNIČKA UPUTA za aplikaciju NIAS Verzija 1.1 Zagreb, srpanj 2014.
Projekt e-građani KORISNIČKA UPUTA za aplikaciju Verzija 1.1 Zagreb, srpanj 2014. Naslov: Opis: Korisnička uputa za aplikaciju Dokument sadrži upute korisnicima aplikacije u sustavu e-građani Ključne riječi:
Smjernice za korištenje HAVC portala Modul AV djela 1
Smjernice za korištenje HAVC portala Modul AV djela 1 Sadržaj Često postavljena pitanja (ČPP)... 3 1. Pregled i unos AV djela... 4 2. Pravila za unos AV djela... 6 Produkcijska kuća (Glavni producent)...
Upute za instaliranje WordPressa 1.KORAK Da biste instalirali Wordpress, najprije morate preuzeti najnoviju verziju programa s web stranice WordPressa
1.KORAK Da biste instalirali Wordpress, najprije morate preuzeti najnoviju verziju programa s web stranice WordPressa koju možete pronaći na sljedećem linku: http://wordpress.org/download/ Kliknite na
Microsoft Word - InveoP_01.docx
0 INVEO-P Inveo-P je jedinstveno rješenje na tržištu razvijeno upravo za paušalne obrte i jedino koje paušalnim obrtima omogućava potpuni pregled poslovanja. Razvijen je kao integrirano poslovno rješenje
kriteriji ocjenjivanja - informatika 8
8. razred Nastavne cjeline: 1. Osnove informatike 2. Pohranjivanje multimedijalnih sadržaja, obrada zvuka 3. Baze podataka - MS Access 4. Izrada prezentacije 5. Timska izrada web stranice 6. Kritički odnos
Fra Serafina Schoena Rijeka MB: MBO: Žiro račun: kod RBA d.d. GSM:
EKLIPS MINI CMS upute za korištenje v1.0 1. Sadržaj isporuke i opće informacije EKLIPS MINI CMS sustav napravljen je pomoću sljedećih open source tehnologija Java JDK 1.5 - http://java.sun.com/javase/downloads/index_jdk5.jsp
Ministarstvo poljoprivrede Portal gospodarskog ribarstva Registracija prvih kupaca Uputa za korisnike
Ministarstvo poljoprivrede Portal gospodarskog ribarstva Registracija prvih kupaca Uputa za korisnike 1. Uvod Ova uputa namijenjena je korisnicima koji se žele registrirati kao prvi kupci na Portalu gospodarskog
INTEGRIRANI KNJIŽNIČNI SUSTAV Sustav za podršku Upute za instalaciju: Aleph v22 ZAG
INTEGRIRANI KNJIŽNIČNI SUSTAV Sustav za podršku Upute za instalaciju: Aleph v22 ZAG INTEGIRANI KNJIŽNIČNI SUSTAV Upute za instalaciju: Aleph v22 ZAG Nacionalna i sveučilišna knjižnica u Zagrebu Ul. Hrvatske
VMC_upute_MacOS
Upute za instaliranje VODAFONE MOBILE CONNECT softvera na Apple Macintosh računalima Page 1 of 10 last saved on: 24.07.2007 ...3 Podržane podatkovne kartice...3 Upute za instaliranje Vodafone Mobile Connect
P R O G R A M I R A N J E Z A I N T E R N E T Lab. vježba 2 PROGRAMIRANJE ZA INTERNET Upute za laboratorijske vježbe (izradio: Marin Bugarić, Frano Re
P R O G R A M I R A N J E Z A I N T E R N E T Lab. vježba 2 PROGRAMIRANJE ZA INTERNET Upute za laboratorijske vježbe (izradio: Marin Bugarić, Frano Rezo) Uvod u HTML 1 Općenito o HTML-u HTML - Hyper Text
Upute za korištenje EasyChair konferencijskog sustava HRO CIGRE 2019 Prijava referata Ako ste već koristili EasyChair na 13. Savjetovanju ili prije ta
Upute za korištenje EasyChair konferencijskog sustava HRO CIGRE 2019 Prijava referata Ako ste već koristili EasyChair na 13. Savjetovanju ili prije tada ne trebate otvoriti račun. Za one koji se prvi put
Daljinski upravljiva utičnica
Zvonimir Miličević;Martin Berić SEMINARSKI RAD - SPVP Projekt u sklopu Pametna kuća Poznavanje ugradbenih računalnih sustava Načini upravljanja na daljinu 14. lipnja 2018 Sažetak Svakome se dogodilo da
УПУТСТВО ЗА КОРИСНИКА Приступ локацији часописа Српски архив за целокупно лекарство добија се преко internet adrese: Након
УПУТСТВО ЗА КОРИСНИКА Приступ локацији часописа Српски архив за целокупно лекарство добија се преко internet adrese: http://www.srpskiarhiv.rs/ Након тога се на екрану појављује форма за пријаву на часопис
JMBAG Ime i Prezime Mreže računala Završni ispit 16. veljače Na kolokviju je dozvoljeno koristiti samo pribor za pisanje i službeni šalabahter.
Mreže računala Završni ispit Na kolokviju je dozvoljeno koristiti samo pribor za pisanje i službeni šalabahter. Predajete samo papire koje ste dobili. Rezultati, uvid u ispit i upis ocjena:... Zadatak
UPUTA za uvođenje JOPPD - prva faza
UPUTA ZA UVOĐENJE OBRASCA JOPPD PRVA FAZA Prva faza uvođenja obrasca JOPPD uključuje slijedeće aktivnosti: 1. Instalacija nove verzije 2. Punjenje šifarnika potrebnih za JOPPD obrazac a. Oznake stjecatelja
Za formiranje JOPPD obrasca neophodno je točno popuniti šifre u osnovama primitaka. Svaka osnova primitka ima propisane šifre u prilozima JOPPD
Za formiranje JOPPD obrasca neophodno je točno popuniti šifre u osnovama primitaka. Svaka osnova primitka ima propisane šifre u prilozima 2.- 4. JOPPD obrasca i za svaku kombinaciju šifri su propisana
OpenDNS Family Shield CERT.hr-PUBDOC
OpenDNS Family Shield CERT.hr-PUBDOC-2019-6-381 Sadržaj 1 UVOD... 3 2 INSTALACIJA USLUGE OPENDNS FAMILY SHIELD... 5 2.1 KONFIGURACIJA NA OPERACIJSKOM SUSTAVU WINDOWS 10... 5 2.2 KONFIGURACIJA NA KUĆNOM/UREDSKOM
CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za administratore tel: fax: mail: url:
Sadržaj... 1 1. Predgovor... 2 2. Sučelje administracije škole... 2 3. Korisnici... 3 3.1 Ovlasti... 3 3.2 Uređivanje postojećih i dodavanje novih... 3 3.3 Dodavanje i uklanjanje tokena... 5 4. Odabir
Upute za rad
LOKALNI IZBORI 2017. Upute za rad Podsustav Pomoćna aplikacija za oblikovanje prijedloga kandidacijskih lista SADRŽAJ 1. INSTALACIJSKA UPUTA... 3 1.1 MINIMALNI ZAHTJEVI ZA INSTALACIJU NA RAČUNALO... 3
CARNET Webmail Upute za korištenje
CARNET Webmail https://webmail.carnet.hr Upute za korištenje Sadržaj O Webmailu... 2 Prijava u sustav... 3 Korisničko sučelje... 5 Nova poruka... 5 Pregled poštanskog sandučića... 8 Pregled sadržaja poruke...
Приручник о полагању матурског испита у образовном профилу Електротехничар информационих технологија - оглед ВЕБ ДИЗАЈН У следећим задацима заокружите
ВЕБ ДИЗАЈН У следећим задацима заокружите број испред траженог одговора 35. Инернет као глобална мрежа светског система умрежених рачунарских мрежа настао је:. Интернет је настао деведесетих година након
OpenVPN GUI CERT.hr-PUBDOC
OpenVPN GUI CERT.hr-PUBDOC-2019-7-384 Sadržaj 1 UVOD... 3 2 INSTALACIJA ALATA OPENVPN GUI... 5 3 KORIŠTENJE ALATA OPENVPN GUI... 17 4 ZAKLJUČAK... 27 Ovaj dokument izradio je Laboratorij za sustave i signale
Recuva CERT.hr-PUBDOC
Recuva CERT.hr-PUBDOC-2019-5-379 Sadržaj 1 UVOD... 3 2 INSTALACIJA ALATA RECUVA... 4 3 KORIŠTENJE ALATA RECUVA... 7 4 ZAKLJUČAK... 13 Ovaj dokument izradio je Laboratorij za sustave i signale Zavoda za
Osnovne upute za korištenje administracije
demo.webstranica.net: brze upute za korištenje administracije Posebna napomena za korištenje administracije: Preporučujemo Vam da za administraciju koristite jedan od sljedećih internet preglednika: Mozilla
Trimble Access Software Upute za korištenje V2.0 Geomatika-Smolčak d.o.o.
Trimble Access Software Upute za korištenje V2.0 Geomatika-Smolčak d.o.o. 1. Uvod Ove upute su pisane s ciljem da se kroz rad na konkretnom primjeru omogući brži početak korištenja Trimble Access Software-a.
PowerPoint Template
e-račun upute za slanje e-računa iz softwera dataline 1 S A D R Ž A J 1. UVOD 1.1. DATA BIRO d.o.o., Buzet 1.2. E-račun 2. PODEŠAVANJE PARAMETARA ZA RAD 2.1. Matični podaci poduzeća 2.2. Matični podaci
Ime i prezime učenika
UPUTE ZA KORIŠTENJE TABLETA GIMNAZIJA ŽUPANJA VELIKI KRAJ 42, ŽUPANJA Škola za život U sklopu eksperimentalnog programa Škola za život, čiji je nositelj Ministarstvo znanosti i obrazovanja, svaki učenik
Korisničke upute za podnošenje zahtjeva za rješavanje spora (žalbe)
Korisničke upute Verzija 2.0 HRVATSKA REGULATORNA AGENCIJA ZA MREŽNE DJELATNOSTI Roberta Frangeša Mihanovića 9, 10000 Zagreb / OIB: 87950783661 / Tel: (01) 7007 007, Fax: (01) 7007 070 / www.hakom.hr Sadržaj
Microsoft PowerPoint - vjezba_03_0809_WWWBR (1) [Compatibility Mode]
![Microsoft PowerPoint - vjezba_03_0809_WWWBR (1) [Compatibility Mode]](/thumbs/99/139935717.jpg "Microsoft PowerPoint - vjezba_03_0809_WWWBR (1) [Compatibility Mode]")
SVEUČILIŠTE U ZADRU Odjel za promet i pomorstvo Agenda Primjena računala Vježba 3 Web preglednici Internet i internet protokoli Klijentsko poslužiteljska arhitektura WWW WEB preglednici Osnove rada Mozilla
УПУТСТВО ЗА КОРИСНИКА Приступ локацији часописа Српски архив за целокупно лекарство добија се преко internet adrese: Након
УПУТСТВО ЗА КОРИСНИКА Приступ локацији часописа Српски архив за целокупно лекарство добија се преко internet adrese: http://www.srpskiarhiv.rs/ Након тога се на екрану појављује форма за пријаву на часопис
4. Веза између табела практичан рад 1. Повежите табеле Proizvodi и Proizvođači у бази података Prodavnica.accdb везом типа 1:N. 2. Креирајте табелу St
4. Веза између табела практичан рад 1. Повежите табеле Proizvodi и Proizvođači у бази података Prodavnica.accdb везом типа 1:N. 2. Креирајте табелу Stavke_računa која ће разрешити проблем везе типа N:N
Microsoft Word - 6. RAZRED INFORMATIKA.doc
Kriteriji ocjenjivanja i vrednovanja INFORMATIKA - 6. razred Nastavne cjeline: 1. Život na mreži 2. Pletemo mreže, prenosimo, štitimo, pohranjujemo i organiziramo podatke 3. Računalno razmišljanje i programiranje
Microsoft Word - PLC na Ethernet mrezi.doc
E-mail i WEB servisi na PLC-u Goran Malčić dip.ing. Tehničko veleučilište u Zagrebu Elektrotehnički odjel goran.malcic@tvz.hr Bilo je samo pitanje vremena kada će neki od proizvođača industrijske opreme
Sveučilište u Zagrebu Fakultet prometnih znanosti Zavod za inteligentne transportne sustave Katedra za primijenjeno računarstvo Vježba: #7 Kolegij: Ba
Sveučilište u Zagrebu Fakultet prometnih znanosti Zavod za inteligentne transportne sustave Katedra za primijenjeno računarstvo Vježba: #7 Kolegij: Baze podataka Tema: Osnovna SELECT naredba Vježbu pripremili:
R u z v e l t o v a 5 5, B e o g r a d, t e l : ( ) , m a i l : c o n t a c p s i t. r s, w w w. p s i t. r s
UPUTSTVO ZA BRZO UMREŽAVANJE PROGRAMA MPP2 Da bi program MPP2 radio u mrežnom okruženju po sistemu klijent-server, potrebno je da se na računarima koji su mrežno povezani instalira: serverska verzija programa
Ovaj fajl ima 5 stranica. Prvi i drugi domaći zadatak iz Internet tehnologija, Svi css fajlovi su u folderu css a sve slike su u folderu i
Ovaj fajl ima 5 stranica. Prvi i drugi domaći zadatak iz Internet tehnologija, 08.03.2018. Svi css fajlovi su u folderu css a sve slike su u folderu images. Sve slike, osim onih koje se koriste u prvom
KAKO POHRANITI SVOJ RAD U REPOZITORIJ
KAKO POHRANITI SVOJ RAD U REPOZITORIJ? POHRANJIVANJE ZAVRŠNIH I DIPLOMSKIH RADOVA Upute za studente Ove su upute rezultat rada članova Radne skupine za edukaciju i podršku sustava Dabar u sastavu: Ivana
Microsoft PowerPoint - podatkovni promet za objavu.pptx
1 2 3 Što je složaj protokola (protocol suite)? Pojedini protokol se odnosi samo na jedno pitanje koje omogućava komunikaciju. Kada se kombinira više protokola, grupa protokola koja je rezultat takve kombinacije
Prijava projektnih prijedloga putem ems-a Zoran Kalinić, IT MA Interreg Interreg IPA IPA CBC CBC HR-BA-ME HR-RS Informat
Prijava projektnih prijedloga putem ems-a Zoran Kalinić, IT Manager @ MA Interreg Interreg IPA IPA CBC CBC HR-BA-ME HR-RS 2014-2020 2014-2020 Informativna Informativna Informativna radionica radionica
PROGRAMIRANJE Program je niz naredbi razumljivih računalu koje rješavaju neki problem. Algoritam je postupak raščlanjivanja problema na jednostavnije
PROGRAMIRANJE Program je niz naredbi razumljivih računalu koje rješavaju neki problem. Algoritam je postupak raščlanjivanja problema na jednostavnije korake. Uz dobro razrađen algoritam neku radnju ćemo
Gdin Nikola Kovač
Intranet za izdavatelje Korisnički priručnik Uvod Intranet za izdavatelje je usluga Zagrebačke burze namjenjena unosu financijskih izvještaja i vijesti od strane izdavatelja vrijednosnih papira uvrštenih
SVEUČILIŠTE U ZADRU Odjel za promet i pomorstvo Primjena računala Vježba 3 Web preglednici Agenda Internet i internet protokoli Klijentsko
SVEUČILIŠTE U ZADRU Odjel za promet i pomorstvo Primjena računala Vježba 3 Web preglednici Agenda Internet i internet protokoli Klijentsko poslužiteljska arhitektura WWW WEB preglednici Osnove rada Mozilla
Funkcionalna specifikacija za provođenje elektroničkog glasovanja
1/19 Stranica 1 2/19 Sadržaj 1. Lista skraćenica... 3 2.... 4 2.1 Pristup glasačkoj aplikaciji... 4 2.1.1 Prava pristupa... 4 2.1.2 Pristup uvodnom ekranu sustava evote... 5 2.1.3 Informacije o sustavu
CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za nastavnike tel: fax: mail: url: carn
Sadržaj... 1 1. Predgovor... 2 2. Prijava u sustav... 2 3. Promjena PIN-a i odjava... 3 4. Kombinirane grupe učenika... 5 5. Odabir razredne knjige... 5 6. Elementi ocjenjivanja... 6 7. Ocjenjivanje učenika...
CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za nastavnike tel: fax: mail: url: carn
Sadržaj... 1 1. Predgovor... 2 2. Prijava u sustav... 2 3. Postavke... 4 4. Kombinirane grupe učenika... 6 5. Odabir razredne knjige... 6 6. Elementi ocjenjivanja... 7 7. Ocjenjivanje učenika... 8 7.1
CARNET Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za nastavnike tel: fax: mail: url: carn
Sadržaj... 1 1. Predgovor... 2 2. Prijava u sustav... 2 3. Postavke... 4 3.1 Suglasnost za obradu podataka opcija za ravnatelje... 6 4. Kombinirane grupe učenika... 7 5. Odabir razredne knjige... 7 6.
Korisničko uputstvo mobilne aplikacije Digitalni Kiosk 1
Korisničko uputstvo mobilne aplikacije Digitalni Kiosk 1 Sadržaj Opis mobilne aplikacije Digitalni Kiosk... 3 Pokretanje aplikacije... 3 Registracija/Kreiranje novog korisničkog naloga... 3 Dodavanje platne
i pernica v3.qxp
Sadržaj: 1 Uvod... 2 2 Prijava u sustav... 2 3 Webmail... 3 3.1 Direktoriji: Pristigle poruke... 3 3.2 Sastavi poruku... 5 3.3 Pročitaj poruku... 6 3.4 Odgovori na poruku... 7 3.5 Odgovori svima... 7 3.6
DRŽAVNO IZBORNO POVJERENSTVO REPUBLIKE HRVATSKE e-learning upute UPUTE ZA REGISTRACIJU ZA E-LEARNING TEČAJ Zagreb, 03. svibanj 2019.
DRŽAVNO IZBORNO POVJERENSTVO REPUBLIKE HRVATSKE e-learning upute UPUTE ZA REGISTRACIJU ZA E-LEARNING TEČAJ Zagreb, 03. svibanj 2019. Sadržaj 1. UVOD... 1 2. POSTUPAK REGISTRACIJE... 2 2.1 POPUNJAVANJE
broj 54 studeni Uvid u stanje nepovezanih uplata obveznog mirovinskog osiguranja II. stupa i obrazaca JOPPD (R-S/R-Sm/) Kroz Sustav elektronički
broj 54 studeni 2017. Uvid u stanje nepovezanih uplata obveznog mirovinskog osiguranja II. stupa i obrazaca JOPPD (R-S/R-Sm/) Kroz Sustav elektroničkih usluga ENA, REGOS svim poslodavcima, odnosno obveznicima
Korisnicke upute za uslugu "Moj e-racun"
USLUGA ZA INVESTITORE "Moj e-račun" -korisnička uputa- Stranica 1 Obim usluge Uslugom se nudi uvid investitorima koji imaju otvoren račun u sustavu Središnje Depozitarne Agencije (u daljnjem tekstu: Agencije)
UNION Banka DD Sarajevo Tel.: Dubrovačka br Sarajevo, Bosna i Hercegovina Fax:
UNION Banka DD Sarajevo Tel.: +387 33 561 074 Dubrovačka br.6 +387 33 561 062 71000 Sarajevo, Bosna i Hercegovina Fax: +387 33 219 201 www.unionbank.ba E-mail: unionnet@unionbank.ba UPUTSTVO ZA KORIŠTENJE
PDO
PDO Marijan Šuflaj FER, 2018 Sadržaj PDO Osnove Izvršavanje upita Ranjivosti Dohvaćanje rezultata upita PDO - PHP Data Objects Jednostavno i konzistetno sučelje za pristup bazama podataka iz PHP-a Isti
e-škole pilot DIGKOMP U1 UPUTA: ZADACI ZA ISPITIVANJE DIGITALNIH KOMPETENCIJA UČENIKA Ovim zadacima ispituju se tvoje vještine korištenja digita
UPUTA: ZADACI ZA ISPITIVANJE DIGITALNIH KOMPETENCIJA UČENIKA Ovim zadacima ispituju se tvoje vještine korištenja digitalnih tehnologija za različite potrebe u svakodnevnom životu. U nekim zadacima predviđeno
KONFIGURACIJA MODEMA THOMPSON SpeedTouch 500 Series (530/530i/510/510i)
KONFIGURACIJA MODEMA THOMPSON SpeedTouch 500 Series (530/530i/510/510i) Sadržaj Funkcionalnost lampica...3 Proces konfiguracije...5 Vraćanje modema na tvorničke postavke...5 Konfiguracija modema za routed
PROCES KUPNJE ULAZNICE NA PORTALU ULAZNICE.HR Početak kupovine... 2 Plaćanje Mastercard karticom... 5 Plaćanje Maestro karticom... 8 Plaćanje American
PROCES KUPNJE ULAZNICE NA PORTALU ULAZNICE.HR Početak kupovine... 2 Plaćanje Mastercard karticom... 5 Plaćanje Maestro karticom... 8 Plaćanje American Express karticom... 11 Plaćanje Diners karticom...
VALIDNOST CERTIFIKATA ZA PRISTUP INTERNET APLIKACIJAMA POREZNE UPRAVE FEDERACIJE BOSNE I HERCEGOVINE (npis I ejs)
VALIDNOST CERTIFIKATA ZA PRISTUP INTERNET APLIKACIJAMA POREZNE UPRAVE FEDERACIJE BOSNE I HERCEGOVINE (NPIS I EJS) POREZNA UPRAVA FEDERACIJE BOSNE I HERCEGOVINE Sektor za informacione tehnologije Sarajevo,
SELECT statement basic form
NAZIV OBJEKTA ZNANJA Uvod u JQuery PROLOG Autor * Katarina Kaplarski Klasifikacija * Težina * Osnovni nivo Ključne reči * Ko sluša * Student OAS Trajanje * Komentari autora SADRŽAJ Apstrakt Cilj * Uvodne
OBAVIJEST PZZ KORISNICIMA Poštovani korisnici programskog rješenja Last2000. Za Vas smo pripremili sljedeće novosti u programu: NOVOSTI
28.12.2016. - OBAVIJEST PZZ KORISNICIMA Poštovani korisnici programskog rješenja Last2000. Za Vas smo pripremili sljedeće novosti u programu: NOVOSTI U VERZIJI 16.1.19.0. Dodatno zdravstveno osiguranje
Državno natjecanje / Osnove informatike Srednje škole Zadaci U sljedećim pitanjima na odgovore odgovaraš upisivanjem slova koji se nalazi ispred
Zadaci. 8. U sljedećim pitanjima na odgovore odgovaraš upisivanjem slova koji se nalazi ispred točnog odgovora, u za to predviđen prostor. Odgovor Ako želimo stvoriti i pohraniti sliku, ali tako da promjenom
NAPOMENA: Studenti na ispit donose kod urađenog zadatka
Пројекат из предмета Интернет програмирање за августовски и септембарски испитни рок школске 2018/19. године Коришћењем PHP технологије, технологије AJAX и MySQL базе података, реализовати следећу веб
CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za nastavnike tel: fax: mail: url: carn
Sadržaj... 1 1. Predgovor... 2 2. Prijava u sustav... 2 3. Postavke... 4 4. Kombinirane grupe učenika... 6 5. Odabir razredne knjige... 6 6. Elementi ocjenjivanja... 7 7. Ocjenjivanje učenika... 8 7.1
Microsoft PowerPoint - 6. CMS [Compatibility Mode]
![Microsoft PowerPoint - 6. CMS [Compatibility Mode]](/thumbs/101/149331592.jpg "Microsoft PowerPoint - 6. CMS [Compatibility Mode]")
Visoka škola strukovnih studija za informacione i komunikacione tehnologije Beograd WEB TEHNOLOGIJE Drupal CMS(Content Managment System) Školska 2012/13. Marko M. Spasojević, spec. inž. Dr Nenad Kojić,
Slide 1
Web site development using MCMS 2002 Koncept Autori: Multiautorsko okruženje sa podijeljenim ulogama Autori ne moraju imati tehnička predznanja Veza sa MicrosoftWord Developeri: Integracija sa VS.NET Integracija
Projektna dokumentacija Boostowski - mobile
Projektna dokumentacija Boostowski - mobile OPIS BUDUĆEG PROCESA - MOBILNA APLIKACIJA 00 Dobrodošli Ekran dobrodošlice je prvi ekran koji se prikazuje nakon ulaska u mobilnu aplikaciju. Na njemu je ispisana
Golden 7 Classic HTML5 na stolnim računalima i mobilnim uređajima. Vrsta igre: Video slot PVI (povratak vrijednosti igraču): 95,00 % Golden 7 Classic
Golden 7 Classic HTML5 na stolnim računalima i mobilnim uređajima. Vrsta igre: Video slot PVI (povratak vrijednosti igraču): 95,00 % Golden 7 Classic tradicionalna je slot igra stare škole u kojoj nema
RAD SA PROGRAMOM
JOPPD obrazac Podešavanje programa Nakon prvog ulaska u program Obračun plaća 2014 potrebno je pokrenuti opciju Korekcije od 01.01.2014. godine. Program će pokušati ispravno povezati postojeće podatke
O Nanokinetik NeeS TOC Builder-u NeeS TOC Builder je aplikacija koja se koristi za kreiranje Tabele sadržaja (TOC) za elektronske podneske u NeeS form
O Nanokinetik NeeS TOC Builder-u NeeS TOC Builder je aplikacija koja se koristi za kreiranje Tabele sadržaja (TOC) za elektronske podneske u NeeS formatu. Ključne pojedinosti Nanokinetik NeeS TOC Builder-a:
Maxtv To Go/Pickbox upute
MAXTV TO GO UPUTE ZA KORIŠTENJE MAXTV TO GO UPUTE ZA KORIŠTENJE Detaljno objašnjenje funkcionalnosti..3 Upute za prijavu na aplikaciju...4 Što je to Preporučeno za vas....6 Preporučeno za vas..7 Dodavanje
Božo Online upute
Božo On-Line Upute za natjecanje Kako do zadataka, kako predati zadatke, kako pogledati rezultate Zagrebački računalni savez 2 Zagrebačka INFORMATIJADA Božo Težak Napomena Ovaj dokument sadrži neke slike
X PLATOON Pravila igre (v ) 1. PREGLED IGRE Cilj je osvojiti dobitnu kombinaciju na liniji za klađenje preko više rola. Podaci o igri :
X PLATOON Pravila igre (v 1.8 10.2.2016.) 1. PREGLED IGRE Cilj je osvojiti dobitnu kombinaciju na liniji za klađenje preko više rola. Podaci o igri : Tip Videoautomat Broj rola 5 Broj redaka 3 Broj linija
Microsoft Word - Uputstvo za koristenje aplikacije GIPKO
Aplikacija za elektronsko popunjavanje obrasca GIP-1022 i spašavanje podataka u datoteku u XML formatu GIPKO Verzija 1.2 Sadržaj Uvod... 3 Instalacija aplikacije... 4 Pokretanje aplikacije... 7 Meni aplikacije...
SDI Dopis 2014 v2.docx
OBAVIJEST SVIM KORISNICIMA (22.12.2016) PROMJENA POSLOVNE GODINE Poštovani korisnici programskog rješenja Last2000. Ovom obavijesti vam želimo pomoći da na jednostavan način učinite navedene izmjene i
KATALOG ZNANJA IZ INFORMATIKE
KATALOG ZNANJA IZ INFORMATIKE Nacionalni savjet za obrazovanje je na 27. sjednici održanoj 17. marta 2014. godine utvrdio izmjene predmetnoga programa INFORMATIKA za I razred gimnazije. Na zahtijev Pedagoško-psihološke
Kriteriji ocjenjivanja 6razred
Kriteriji ocjenjivanja 6razred Nastavne cjeline: 1. Obrada teksta 2. Računalne mreže 3. Internet 4. Multimediji 5. Izrada prezentacija 12 Nastavna cjelina: OBRADA TEKSTA Dobar (3) Dovoljan (2). prepoznaje
NSZ-GS7
Početni koraci SR Mrežni multimedijalni plejer NSZ-GS7 Slike ekrana, radnje i specifikacije su podložni promenama bez najave. Početni koraci: ON/STANDBY Uključivanje ili isključivanje plejera. Upravljanje
Laboratorija za termičku obradu Inženjerstvo površina Kratko uputstvo za obradu i analizu profila u programskom paketu SPIP Programski paket SPIP preu
Kratko uputstvo za obradu i analizu profila u programskom paketu SPIP Programski paket SPIP preuzmite sa sledećeg linka https://www.imagemet.com/products/spip/download/downloadspip/. Instalirajte softver,
Microsoft Word - WP_kolokvij_2_rjesenja.doc
Napomena WEB PROGRAMIRANJE I PRIMJENE DRUGI KOLOKVIJ vrijeme predviđeno za rješavanje kolokvija je 60 minuta kolokvij se sastoji od 15 pitanja, a ukupan broj bodova je 165 (uz svaki zadatak istaknut je
ELFI: UPUTSTVO ZA KORIŠTENJE
ELFI elearning sustav Uputstvo za instalaciju i korištenje Ivora škola informatike ELFI 2013 SADRŽAJ Sadržaj Poglavlje 1: Uvod... 2 1.1. ELFI... 2 1.2. Upute za instalaciju... 2 1.2.1. Sistemski zahtjevi
5.4. Dio D Tehnička sposobnost Za svaku organizaciju koju unesete u dijelove A i B, u dijelu D automatski će se pojaviti odgovarajući dio koji ćete morati ispuniti. 5.5. Dio E Provedba projekta / Kriteriji