Exam text content
MAT-80000 Johdatus hypermediaan - 19.12.2014
Exam text content
The text is generated with Optical Image Recognition from the original exam file and it can therefore contain erroneus or incomplete information. For example, mathematical symbols cannot be rendered correctly. The text is mainly used for generating search results.
Original examMAT-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.