Tentin tekstisisältö
MAT-80000 Johdatus hypermediaan - 19.12.2014
Tentin tekstisisältö
Teksti on luotu tekstintunnistuksella alkuperäisestä tenttitiedostosta, joten se voi sisältää virheellistä tai puutteellista tietoa. Esimerkiksi matemaattisia merkkejä ei voida esitää oikein. Tekstiä käytetään pääasiassa hakutulosten luomiseen.
Alkuperäinen tenttiMAT-80000 Johdatus hypermediaan Juha Nurmi 19.12.2014 Oheismateriaalin käyttö on kielletty tentin aikana. Vastaa kaikkiin kysymyksiin. Pidä tenttipaperi. Onnea! 1) Selitä lyhyesti seuraavat opintojakson aiheisiin liittyvät käsitteet (1 piste/kohta). a) CSS b) sVG c) URL d) PNG e) HTTPS f) HIML 2) Vastaa seuraaviin kysymyksiin (3 pistettä/kohta). a) Yksinkertaistavassa kuvassa on kolme asiakas-palvelin-malliin liittyvää pääkomponenttia. Sijoita luontevimpaan kohtaan käsitteet HTTP, CGI, JavaScript, TCP, Python ja DOM kukin käsite yhden pääkomponentin alle. ASIAKAS (WWW-selainohjelma) PALVELIN (WWW-palvelinohjelma) TIETOLIIKENNEYHTEYS (Intemet) b) Mitä tarkoittavat internet ja WWW? Miten ne liittyvät toisiinsa? Kirjoita lyhyt esseevastaus. 3) Toimi seuraavien ohjeiden mukaan ja vastaa kysymyksiin (2 pistettä/kohta). Alla on esimerkki HTML-dokumentista: 1. <IDOCTYPE html> a) Laadi annetusta HTML- 2. <html> <head> <meta charset="utf-8"> dokumentista puumuotoinen 3. <title>Tenttisivu</title> jäsennys, josta käy ilmi elementtien 4. <script src="is/vendor/jguery.js"> </script> muodostama hierarkkinen rakenne. 5. <script src="is/app.js"></script> Merkitse kunkin elementin viereen 6. </head> sulkuihin myös sille määriteltyjen 7. <body> attribuuttien nimet. 8. <divid="logo">MyApp</div> 9. <divid="app-container"> b) Mitä protokollaa selain käyttää 10. <h1>My app</h1> tietojen noutamiseen palvelimelta? 11. <div> Mitä resursseja haetaan, kun sivu 12. <script type="text/javascript">ohjelma(;</script> avataan selaimella? 13. </div> </div> 14. </body> c) Minkälaisena moderni 15. </html> työpöytäselain näyttää sivun? 4) Tehtävän aiheena on JavaScript (2 pistettä/kohta). a) Kuvaa kaksi eri tapaa, jolla HTML-dokumenttiin voi liittää JavaScript-koodia. b) Fdellisen tehtävän HTML-dokumentissa kutsutaan ohjelma()-funktiota. Kirjoita tämä funktio siten, että se tekee jonkin näkyvän muutokset sivun ulkoasuun. Käytössäsi on myös jOuery- kirjasto, jota voit halutessasi käyttää. €) Selitä lyhyesti Ajax ja kuvaile sen käytöstä jokin esimerkki.