1. Kaj je zaklepanje datotek in zakaj je pomembno, še posebej pri spletnih aplikacijah? (5 točk)● Sočasen dostop do datoteke

○ sočasno pisanje !!!○ sočasno branje in pisanje !○ Vsak proces, ki dostopa do datoteke in vanjo piše jo dejansko za ta čas zaklene.

V primeru, da tega ne stori, lahko sočasno na isto mesto v datoteko pišeta dva procesa in rezultat je nepredvidljivo končno stanje datoteke. Zato se v ta namen v phpju uporabi flock funkcija, ki poskrbi preko nižjih sistemskih implementacij za čakalno vrsto za zapisovanje datoteke. Paziti moramo, da v celotni aplikaciji konsistentno uporabljamo ta ukaz in nikjer ne dostopamo do datotek neposredno.

2. Na katerih treh tipičnih mestih se lahko nahaja CSS definicija? Za kakšno rabo je vsako od njih najbolj primerno? (15 točk)

● zunanji CSS - (Primerno za določanje stila večim stranem; Seveda mora biti datoteka “mojstil.css“ pravilno narejena in dostopna)

● notranji CSS (v glavi) - (Primerno za določanje stila posamezne strani.)● vrstični CSS - (a tip vstavljanja izničuje prednosti CSS → uporabljajmo le za izjeme;

kadar želimo povoziti prejšnja modela in kadar želimo samo drugačno vsebino v samo točno določenem odseku v dokumentu)

3. Navedite primer uporabe formularja pri katerem je potrebno uporabiti GET ukaz HTTP protokola in en primer uporabe, kjer uporaba GET ni primerna. (5 točk)GET METODA:Najbolj pogosta metoda za pridobitev vsebine datoteke. Pri zajemu podatkov z obrazca.Omejena velikost. Posredovanje podatkov z URL nizom (query string, sledi znaku ?). Vidno v vrstici, Formular z GET metodo se običajno uporablja pri iskalnih formularjihPOST Podobno kot GET, samo da je telo zahtevka vsebuje podatke ki jih želimo sporočiti strežniku.Neomejena velikost podatkov. Nevidno. Varno. Pri transakcijskih, ko recimo plačujemo položnico ali kaj podobnega pa je uporaba get metode neprimerna, ker preko URLja razkriva občutljive podatke.

4. Kaj je značilno za rastrski in kaj za vektorski format slikovnih datotek? Navedite en konkreten format (ime, oz. kratico) prvega in en konkreten format drugega tipa. (10 točk)Rastrski (bitni) zapis (izgubna: jpeg, brezizgubna: png):

- osnovni element slike je pika (točka, piksel), vsak piksel ima barvno globino- za vsako piko zapišemo podatek o barviima končno dimenzijo

Vektorski (objektni) zapis (svg, wmf, cdr, ai): - osnovni element slike je objekt, - za vsak objekt na sliki zapišemo podatke o velikosti, legi, orientaciji, barvi, vrsti (tipu)

objekta, ...

Vektorska slika je sestavljena iz točk, linij in poligonov, ki imajo koordinate, barvo linije in polnila. Vektorske slike lahko povečujemo ali pomanjšujemo brez izgube kvalitete, medtem ko rastrske ne, ker je potrebno za takšne operacije piksle interpolirati, s tem pa se izgublja kvaliteta ali vsebina slike.

5. Pristop, ki se mu popularno reče AJAX ima precej prednosti, na predavanjih pa smo omenili tudi pet slabosti. S po enim stavkom navedite tri od teh slabosti. (15 točk)

● Nove vsebine ni v zaznamkih● Iskalniki ne zajamejo vse vsebine● Težave pri uporabi „offline“ ali pri slabi povezavi● Veliko prometa zaradi pogostih izmenjav majhnih količin podatkov● Dodatna zapletenost aplikacije

● Bolj komplicirano programiranje strani v javascriptu.● Slabša prepoznavnost za iskalnike, ker vsebina ni vedno del same strani ampak se polni

preko javascript klicev.● Veliko klicev z majhno količino podatkov lahko upočasni stran.

Ajax (asinhroni JavaScript in XML) je skupina medsebojno povezanih spletnih razvojnih tehnik,

uporabljenih za ustvarjanje interaktivnih spletnih aplikacij. Z Ajaxom si lahko spletne aplikacije izmenjujejo

podatke s strežnikom asinhrono v ozadju, brez potrebe po ponovnem nalaganju strani.

S tem je mogoče tekoče in hitrejše spremljanje ter spreminjanje vsebine na spletni strani. Podatki se

prenašajo s pomočjo objektov XMLHttpRequest ali s pomočjo Remote Scriptinga (v starejših brskalnikih,

ki ne podpirajo tehnologije Ajax).

> Tole je bilo za VS program. Pri UNI programu sta bili 2. in 3. naloga> popolnoma identični; medtem, ko je 1. naloga vsebovala DOCTYPE deklaracijo,> 4. naloga je bil en kompleksen izpis - programska koda JavaScript, zadnja,> 5. naloga pa je bilo dedovanje templatov.

DOCTYPE = Informacija, zapis na začetku html dokumenta, ki pove brskalniku, v kateri verziji HTML standarda je dokument napisan. Vpliva lahko na obliko in interpretacijo dokumenta v brskalniku.

1. Kaj je HTTP? (v stavku ali dveh pojasnite kaj to je, ne zgolj navesti kaj predstavlja kratica)http = Hyper text transfer protocol, protokol izmenjave hypertext (HTML) dokumentov med dvema ali več napravami. Optimiziran za prenos teksta, vsebuje več procedur (GET,POST,PUT,DELETE). Deluje v okviru TCP/IP protokola. Temelj spleta, kot ga poznamo danes

2. Navedite dve prednosti uporabe CSS.CSS = Oblikovanje ločeno od vsebine, prihranek dela zaradi ponavljanja oblikovanja za določene elemente

3. Obkrožite pravilen odgovor Ukaze jezika PHP izvaja:(a) strežnik(b) brskalnik 4. Pojasnitev pomen atributov action, onsubmit in method v spletnih formularjih. Spodaj je prikazan primer formularja na katerega lahko navežete svoje pojasnilo.<form name="input" action="akcija.php" onsubmit="onsub(this)" method="get"><p>Vzdevek:</P><input type="text" name="ime"><p>Mnenje: </p><textarea rows="10" cols="40">Prostor za tekst... </textarea><input type="sumbit" value="Submit"></form>

Action = URL na katerega se bo poslala vsebina formularjaMethod = tip http metode (post, get), s katero bo zahtevek poslan (get = parametri v url-ju, post = parametri v telesu zahtevka)Onsubmit = javascript event hook, zgodi se ob pošiljanju forme. Nanj lahko obesimo svojo lastno funkcijo, ki mora v tem specifične primeru vračati spremenljivko tipa boolean. V primeru da je ta false, se prekine privzeto delovanje brskalnika in ta ne pošlje vsebine formularja, če je true se akcija pošiljanja izvede. Uporabno za formalno preverjanje vsebine formularja, npr. obvezna polja, številke ipd…

5. Kaj je piškotek? (v kontekstu spletnega programiranja seveda, ne v kontekstu kulinarike)piškotek = tekstovna datoteka na računalniku uporabnika spleta, ustvarjena v okviru brskalnika ter povezana z določeno domeno, imenom strežnika. Služi za manjšo lokalno hrambo podatka na računalniku uporabnika. Običajno so to podatki, povezani z zgodovino obiska določene domene. Ob vsakem zahtevku se vsebina piškotka prenese tudi na strežnik. Piškotek ima daljšo življenjsko dobo od seje, ki se prekine ob vsakem odhodu iz domene. Življenjska doba piškotka je nastavljiva.

2. Zapišite HTML kodo, ki jo prejme brskalnik od strežnika kot odgovor na zahtevo po spodaj navedeni PHP datoteki.<html><title>Naslov</title><body><?phpfunction obdelaj($a){ $n=4; $a=$a+$n; echo "<p>$a</p>";}?><p>Izpis</p><?php $a=3; #n=6; obdelaj($a); echo "<p>$a</p>";?></body></html>

Izpis brskalnik:Izpis73

IZPIS HTML:<html> <title>Naslov</title> <body> <p>Izpis</p> <p>7</p> <p>3</p> </body></html>

SEMANTIKA: namesto klasičnih <div> so posebni: <header>, <footer>, <articel>, …Namenjeno lažjemu pregledu strani, pobiranja podatkov s strani

JavaScrip:Skriptni programski jezik, “lahkoten”, Interpretiran (izvaja se vrstica po vrstici), Običajno vključen v spletno stran. JavaScript ni strogo tipiziran jezik. - tip določi glede na vrednost (če je x = 5, potem je številka; x = “Marjan”, potem je string)- tip se lahko spremeni glede na kontekst!Primitivni tipi:- string (niz) x=”dober dan”; number (število) x=3.14; boolean (logični) x=falseKompleksni tipi (prenos po referenci)- array (tabela) x = new Array(10)- object (objekt) x = new Object()Koda v glavi, v telesu, v datoteki.

DOM (Document Object Model)DOM (Document Object Model) je standard, ki je neodvisen od jezika in platforme in opisuje objektni model za predstavitev XHTML in XML dokumentov.V DOM se XHTML elementi obravnavajo kot objekti. Lastnosti XHTML elementov so lastnosti teh DOM objektov. S pomočjo Javascripta lahko lastnosti in vsebino XHTML objektov dinamično spreminjamo.HTML dokument je v DOM predstavljen z drevesno (objektno) strukturo