UNIVERSITETI I PRISHTINËS
FAKULTETI I INXHINIERISË ELEKTRIKE DHE KOMPJUTERIKE
Prof. Assoc. Lule Ahmedi
MSc. Labinot Bajraktari
MSc. Korab Rrmoku
Data
Provimi nga Interneti,
Data
Emri: ………
Mbiemri: ………..…………
Numri i dosjes: ……….……...
Vëni në dukje:
Shkruani emrin tuaj, si dhe numrin e dosjes në këtë fletë.
Sigurohuni se provimi është komplet.
Në rast nevoje për fleta shtesë të zbrazëta, duhet paraprakisht në çdo fletë të
siguroni nënshkrimin e kujdestarit të provimit në klasë, si dhe të shkruani emrin
dhe numrin tuaj të dosjes
Nuk lejohen kurrfarë vegla ndihmëse (libra, kalkulatorë, etj.)
Kohëzgjatja e provimit është 90 minuta.
Celularët duhet të jenë të çkyçur.
pikët
rezultati
detyra 1
7
detyra 2
5
detyra 3
3
detyra 4
6
detyra 5
7
detyra 6
6
detyra 7
3
detyra 8
6
detyra 9
6
∑
49
pikët
rezultati
detyra 10
5
detyra 11
10
detyra 12
4
detyra 13
4
detyra 14
5
detyra 15
6
detyra 16
10
detyra 17
7
∑
51
VEREJTJE: Keto jane disa nga afatet e kaluara dhe ne asnje menyre nuk
shpalosin perberjen apo strukturen e afateve te provimit ne te ardhmen!
1. (7 pikë) Sqaro se cilët protokolle përdoren për të kryer detyrat në vijim:
Detyra Protokolli Porti
Marrja e të dhënave nga serveri _____________ ____________ brenda ne kompani.
Konfigurimi i e-mail adresës _____________ ____________
Qasja në Ueb _____________ ____________
Nëse një faqe hapet vetëm me IP adresë dhe jo me url. Sqaro cili shërbim duhet të
rregullohet. ________________________________________________________________. 2. (5 pikë) Vendosni një link i cili bazohet saktësisht pjesët sipas rregullave sintaksore dhe
përmban elementet siç janë cekur më poshtë:
Shtegu : ___________________ Porti: _______________ Domeni: _____________________ Skema: _______________
Host-i: __________________ Emri i fajllit: _______________
3. (3 pikë) Nënvizo HTML tagjet formatuese (HTML Formating Tags). a. <b> b. <form> c. <strong> d. <mark> e.<p> f. <highlight> g. <em> h. <font> 4. (6 pikë) Është dhënë kodi në vazhdim:
<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 10px 10px 5px #888888;
}
</style>
a) Të komentohet kodi për secilën pjesë dhe të tregohet efekti që arrihet.
b) Të paraqitet vizuelisht ndikimi i këtij kodi, dhe të tregohet saktësisht se çfarë tregojnë vlerat 10px, 10px dhe 5px.
5. (7 pikë) Të shkruhet kodi që paraqet ndryshimin e margjinave për një tekst të caktuar. Për realizim të detyrës të përdoren 2 selektorë klasë: selek1 dhe bottommargin. Nga lart teksti të largohet për 3cm, kurse nga margjinat e fundme (poshtme) të largohet 50% nga pika e fundit. Gjithashtu, të paraqiten edhe vizualisht këto ndryshime.
6. (6 pikë) Tregoni dallimin mes inline-styles, internal style-sheet dhe external-sheet, duke
përfshirë edhe mënyrën e thirrjes në një HTML dokument.
7. (3 pikë) Nënvizoni modulet më të rëndësishme të (reja) CSSS3:
a. Komentet b. Ndërfaqja e përdoruesit (User Interface)
c. Kolonat e shumëfishta d. Animacionet
e. Listat f. Fontet
g. Të gjitha modulet e listuara h. Asnjë nga modulet e listuara
8. (6 pikë) Sqaroni efektin e kodit në vazhdim, duke dhënë shpjegim për secilin rresht. Paraqitni edhe vizuelisht ndikimin e kodit.
<style> #grad1 {
height:150px; width:200px;
background: -webkit-radial-gradient(red, green, blue);
-moz-gradient(red, green, blue); background: radial-gradient(red, green, blue);
}
</style>
9. (6 pikë) Të definohet një font i ri për përdorim me emrin ‘’Fonti_im. Të ceket edhe burimi (sourci) i fontit në kod (mund të jetë edhe emër fiktiv), si dhe pastaj ky font të deklarohet për përdorim brenda një HTML elementi <body>.
10. (5 pikë) Specifikoni disa nga karakteristikat dhe dallimet kryesore të SVG-së në HTML5, si dhe tregoni se çfarë paraqet kodi në vijim:
<svg height="210" width="500">
<line x1="0" y1="0" x2="200" y2="200"
style="stroke:rgb(255,0,0);stroke-width:2" /> </svg>
11. (10 pikë) Shkruani kodin për paraqitjen e formës në vijim, ku duhet të përdoren të gjitha elementet e HTML5.
Me rëndësi: Të gjitha fushat duhet të definohen në formatin HTML5 në përmbajtjen e
tyre. Data e lindjes të përcaktohet e tipit siç është paraqitur në figurë. Në pjesën e bashkangjitjes së dokumenteve, të jetë i pa limituar numri i dokumenteve që mund të bashkangjiten. Shiriti për vlerësim të jetë i përcaktuar që të ketë vlera në mes të 1 dhe 10.
Fushat “Emri” dhe “Mbiemri” duhet të jenë të validuara që gjithmonë duhet të jenë të mbushura (filled). Butoni ‘’submit’’ të jetë buton i cili në vete përmban një figurë dhe të jetë në kuadër të formës e cila pas ekzekutimit ridrejton në faqen demo_form.asp.
<!-- Shfrytezoni edhe pjesen prapa kesaj faqe per te shkruar kodin! -->
12. (4 pikë) Çka është ‘’Session Storage’’ dhe ‘’Local Storage’’ në HTML5. Tregoni me shembuj përdorimin e mundshëm të tyre.
13. (4 pikë) Për çka përdoret Application Cache Manifest fajllit në një HTML5 dokument?
14. (5 pikë) Krijoni një objekt në JavaScript i cili përdorë konstruktor për t’u krijuar. Objekti të quhet Lepuri. Kjo instancë e objektit duhet të përmbajë këto veti: Emri, Mosha, Shpejtesia vrapimit, viti i lindjes.
15. (6 pikë) Tregoni se çfarë do të shtypet pas ekzekutimit të këtij JS kodi.
<script language=javascript type="text/javascript"> x=1
document.writeln("<h3> Tabela e veprimit </h3>") while(x<=1)
{document.writeln("<h3>"+x+" tabela e veprimit</h3>") document.writeln("<ul>")
for(i=1;i<=4;i++)
document.writeln("<li>"+i+" veprim "+x+" = "+i*x) x++
document.writeln("</ul>")} </script>
16. (10 pikë) Të shkruhet kodi në Javascript i cili mundëson që secili anëtarë pozitiv vargut1 të shumëzohet me secilin anëtar pozitiv korrespodent nga vargu2 (të numëraur sipas indekseve) dhe më pas rezultati të kthen shumën e përgjithshme të këtyre shumëzimeve. Rezultati të ruhet në variabilen ku ruhet edhe vlera e shumës. Paraqitni edhe vlerën përfundimtare të rezultatit. Anëtarët: Vargu1 {2, 3, 4, -5} dhe Vargu2 = {4, -3, 3, 1}.
17. (7 pikë) Është dhënë DOM modeli në vijim. Shkruani një HTML document i cili i korespondon këtij modeli dhe më pas vendosin elementet e kodit në këtë skemë të DOM modeli (Shfrytëzoni faqen prapa për shkrimin e kodit).