{"id":247,"date":"2023-05-24T14:57:35","date_gmt":"2023-05-24T14:57:35","guid":{"rendered":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/?post_type=chapter&#038;p=247"},"modified":"2023-12-19T09:15:18","modified_gmt":"2023-12-19T09:15:18","slug":"interaktiivse-raamatu-postri-prototuup","status":"publish","type":"chapter","link":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/chapter\/interaktiivse-raamatu-postri-prototuup\/","title":{"rendered":"Raamatu interaktiivse postri protot\u00fc\u00fcp"},"content":{"raw":"<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Peat\u00fckk annab \u00fclevaate<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<ul>\r\n \t<li>mis on protot\u00fc\u00fcp,<\/li>\r\n \t<li>mida kujutab endast Genial.ly keskkond,<\/li>\r\n \t<li>tutvustab interaktiivse raamatu postri protot\u00fc\u00fcbi valmistamise juhiseid.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Definitsioon: Protot\u00fc\u00fcp<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<p style=\"text-align: justify\"><strong>Protot\u00fc\u00fcp<\/strong> on algne versioon s\u00fcsteemist, mida kasutatakse disaini v\u00f5imaluste katsetamiseks ja ideede n\u00e4itamiseks. Protot\u00fc\u00fcpe v\u00f5ib kasutada erinevatel arendusetappidel. N\u00e4iteks n\u00f5uete anal\u00fc\u00fcsi etapis kasutatakse neid n\u00f5uete leidmiseks ja kontrollimiseks ning disaini etapis erinevate valikute uurimiseks ja kasutajaliidese kavandamiseks.<\/p>\r\n\r\n<\/div>\r\n<\/div>\r\n<p style=\"text-align: justify\">Digiloovt\u00f6\u00f6 protsessis on etten\u00e4htud kaks protot\u00fc\u00fcpi, esimene on <strong>paberprotot\u00fc\u00fcp<\/strong> ja teine on <strong>f\u00fc\u00fcsiline protot\u00fc\u00fcp.<\/strong><\/p>\r\n\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Definitsioon: paberprotot\u00fc\u00fcp<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n<p style=\"text-align: justify\"><strong>Paberprotot\u00fc\u00fcp\u00a0<\/strong>on odav ja kiire viis kontrollida, kas toode sobib kasutajatele visuaalsemalt kui kasutajalood v\u00f5i stsenaariumid. On oluline meeles pidada, et protot\u00fc\u00fcp p\u00f5hineb eelnevate disainisammude alusel.<\/p>\r\n\r\n<\/div>\r\n<\/div>\r\n<p style=\"text-align: justify\">Elava raamatukogu projektis paberprotot\u00fc\u00fcbi etapis meeskond otsustas, millist infot on vaja raamatut tutvustavale plakatile vaja leida ja m\u00f5tles, kuidas kogu seda infot plakatile paigaldada, et plakat ei oleks liiga kirju ja kribu.<\/p>\r\n<p style=\"text-align: justify\">Nagu nimigi vihjab, toimub peaaegu kogu protsess paberil. M\u00f5nikord kasutatakse digitaalseid vahendeid protot\u00fc\u00fcbi ettevalmistamisel, n\u00e4iteks erinevaid malle erinevate ekraanisuuruste jaoks, mis abistavad paberi peale printimist. Alustatakse paberi suurusest, mis on umbes sama suur kui tegelik ekraan. Tavaliselt kasutatakse A4 suuruses paberit, mis vastab levinuimale ekraanisuurusele, nagu s\u00fclearvutil. Kui disainitakse vaateid v\u00e4iksematele ekraanidele, nagu telefon v\u00f5i kell, suurendatakse vaateid \u00fcleelusuuruseks, et joonistamine ja protot\u00fc\u00fcbi testimine oleks lihtsam.<\/p>\r\n<p style=\"text-align: justify\">Kui paberprotot\u00fc\u00fcp valmis, asus meeskond uurima ja katsetama erinevaid Genial.ly keskkonnas olevaid malle, kuni leiti k\u00f5igi meeskonnaliikmete jaoks sobiv lahendus, mille alusel tehti interaktiivse raamatut tutvustava plakati f\u00fc\u00fcsiline protot\u00fc\u00fcp.<\/p>\r\n\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Definitsioon: f\u00fc\u00fcsiline protot\u00fc\u00fcp<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\n<strong>F\u00fc\u00fcsiline protot\u00fc\u00fcp<\/strong>\u00a0kajastab kavandatud disaini funktsiooni ja v\u00e4limust, kuigi see v\u00f5ib olla loodud erinevate tehnikatega ja isegi erineva ulatusega l\u00f5plikust disainist.\r\n\r\n<\/div>\r\n<\/div>\r\nF\u00fc\u00fcsilise protot\u00fc\u00fcbi valmistamise etapid:\r\n<ul>\r\n \t<li><strong>Tutvuge Genial.ly rakendusega:<\/strong> Avage oma arvutis v\u00f5i nutiseadmes Genial.ly rakendus ning \u00f5ppige tundma selle erinevaid funktsioone ja v\u00f5imalusi.<\/li>\r\n<\/ul>\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Interaktiivse pildi loomise juhend Genial.ly keskkonnas<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\"><a href=\"https:\/\/view.genial.ly\/590072e02c0c6c3bd0efa70a\/interactive-content-untitled-genially\">Uuri l\u00e4hemalt kuidas Genial.ly keskkonnas luua interaktiivne pilt.<\/a><\/div>\r\n<\/div>\r\n<ul>\r\n \t<li style=\"text-align: justify\"><strong style=\"font-size: 1em\">Koguge teavet raamatu kohta:<\/strong><span style=\"font-size: 1em\"> Uurige intervjuu k\u00e4igus, millist lisateavet raamatu kohta vajavad \u00f5pilased, raamatukoguhoidja ja kirjanduse\u00f5petaja. Otsige raamatu kohta vajalikku teavet. Raamatu kohta teave kogumiseks <\/span><span style=\"font-size: 1em\">v\u00f5ite kasutada endale sobivat keskkonda, antud n\u00e4ites oleme kasutanud Google Sheets vahendit. Lisage plakatile autori elulugu, foto, raamatu kaanepilt, l\u00fchike sisukokkuv\u00f5te ja huvitavad faktid autori v\u00f5i raamatu kohta.<\/span><\/li>\r\n<\/ul>\r\n[caption id=\"attachment_659\" align=\"aligncenter\" width=\"1024\"]<img class=\"wp-image-659 size-large\" src=\"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-1024x161.png\" alt=\"\" width=\"1024\" height=\"161\" \/> <strong>Joonis 1.<\/strong> N\u00e4ide tabelist, millesse tuleb koguda raamatu kohta k\u00e4iv teave.[\/caption]\r\n<ul>\r\n \t<li><strong style=\"font-size: 1em\">Lisa interaktiivsed elemendid:<\/strong><span style=\"font-size: 1em\"> Kasutage Genial.ly rakenduse t\u00f6\u00f6riistu, et luua interaktiivsed elemendid oma plakatile. Lisage linke filmidele, multikatele v\u00f5i heliraamatutele, mis on seotud raamatuga. Samuti saate lisada linke viktoriinidele, kus saavad osaleda teised \u00f5pilased.<\/span><\/li>\r\n \t<li><strong style=\"font-size: 1em;text-align: initial\">Kontrollige ja salvestage plakat:<\/strong><span style=\"font-size: 1em;text-align: initial\"> Enne l\u00f5pliku tulemuse salvestamist veenduge, et olete k\u00f5ik vajalikud elemendid lisanud ja k\u00f5ik lingid t\u00f6\u00f6tavad. Seej\u00e4rel salvestage oma plakat.\u00a0<\/span><\/li>\r\n \t<li style=\"text-align: justify\"><strong>Jagage plakatit teistega:<\/strong>\u00a0Kui olete oma plakati salvestanud, saate seda jagada teistega.<\/li>\r\n \t<li style=\"text-align: justify\"><strong style=\"text-align: initial;font-size: 1em\">N\u00e4idake seda<\/strong> oma klassikaaslastele, \u00f5petajale ja isegi teistele koolikaaslastele, et nad saaksid uurida ja \u00f5ppida rohkem raamatust, millest te plakati tegite.<\/li>\r\n<\/ul>\r\n<div class=\"textbox textbox--examples\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Interaktiivse plakati protot\u00fc\u00fcp<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\"><a href=\"https:\/\/view.genial.ly\/6274eeb36b4590001b2a6b71\">Interaktiivne plakat Astrid Lindgreni raamatu \"R\u00f6\u00f6vlit\u00fctar Ronja\" ainetel, valmistatud Genial.ly keskkonnas.<\/a><\/div>\r\n<\/div>\r\n<div style=\"width: 100%\">\r\n<p style=\"text-align: justify\">Peale f\u00fc\u00fcsilise protot\u00fc\u00fcbi valmimist peaks seda valideerima, ehk siis laskma seda hinnata kooliraamatukoguhoidjal, \u00f5pilasel ja kirjanduse\u00f5petajal. F\u00fc\u00fcsilise protot\u00fc\u00fcbi hindamise aluseks on algsetele ootustele vastavus, visuaalne esitlus, kasutamise mugavus. Juhul kui hindamise k\u00e4igus tuleb muudatuse ettepanekuid, tuleb need sisse viia.<\/p>\r\n\r\n<\/div>","rendered":"<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Peat\u00fckk annab \u00fclevaate<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<ul>\n<li>mis on protot\u00fc\u00fcp,<\/li>\n<li>mida kujutab endast Genial.ly keskkond,<\/li>\n<li>tutvustab interaktiivse raamatu postri protot\u00fc\u00fcbi valmistamise juhiseid.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Definitsioon: Protot\u00fc\u00fcp<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p style=\"text-align: justify\"><strong>Protot\u00fc\u00fcp<\/strong> on algne versioon s\u00fcsteemist, mida kasutatakse disaini v\u00f5imaluste katsetamiseks ja ideede n\u00e4itamiseks. Protot\u00fc\u00fcpe v\u00f5ib kasutada erinevatel arendusetappidel. N\u00e4iteks n\u00f5uete anal\u00fc\u00fcsi etapis kasutatakse neid n\u00f5uete leidmiseks ja kontrollimiseks ning disaini etapis erinevate valikute uurimiseks ja kasutajaliidese kavandamiseks.<\/p>\n<\/div>\n<\/div>\n<p style=\"text-align: justify\">Digiloovt\u00f6\u00f6 protsessis on etten\u00e4htud kaks protot\u00fc\u00fcpi, esimene on <strong>paberprotot\u00fc\u00fcp<\/strong> ja teine on <strong>f\u00fc\u00fcsiline protot\u00fc\u00fcp.<\/strong><\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Definitsioon: paberprotot\u00fc\u00fcp<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p style=\"text-align: justify\"><strong>Paberprotot\u00fc\u00fcp\u00a0<\/strong>on odav ja kiire viis kontrollida, kas toode sobib kasutajatele visuaalsemalt kui kasutajalood v\u00f5i stsenaariumid. On oluline meeles pidada, et protot\u00fc\u00fcp p\u00f5hineb eelnevate disainisammude alusel.<\/p>\n<\/div>\n<\/div>\n<p style=\"text-align: justify\">Elava raamatukogu projektis paberprotot\u00fc\u00fcbi etapis meeskond otsustas, millist infot on vaja raamatut tutvustavale plakatile vaja leida ja m\u00f5tles, kuidas kogu seda infot plakatile paigaldada, et plakat ei oleks liiga kirju ja kribu.<\/p>\n<p style=\"text-align: justify\">Nagu nimigi vihjab, toimub peaaegu kogu protsess paberil. M\u00f5nikord kasutatakse digitaalseid vahendeid protot\u00fc\u00fcbi ettevalmistamisel, n\u00e4iteks erinevaid malle erinevate ekraanisuuruste jaoks, mis abistavad paberi peale printimist. Alustatakse paberi suurusest, mis on umbes sama suur kui tegelik ekraan. Tavaliselt kasutatakse A4 suuruses paberit, mis vastab levinuimale ekraanisuurusele, nagu s\u00fclearvutil. Kui disainitakse vaateid v\u00e4iksematele ekraanidele, nagu telefon v\u00f5i kell, suurendatakse vaateid \u00fcleelusuuruseks, et joonistamine ja protot\u00fc\u00fcbi testimine oleks lihtsam.<\/p>\n<p style=\"text-align: justify\">Kui paberprotot\u00fc\u00fcp valmis, asus meeskond uurima ja katsetama erinevaid Genial.ly keskkonnas olevaid malle, kuni leiti k\u00f5igi meeskonnaliikmete jaoks sobiv lahendus, mille alusel tehti interaktiivse raamatut tutvustava plakati f\u00fc\u00fcsiline protot\u00fc\u00fcp.<\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Definitsioon: f\u00fc\u00fcsiline protot\u00fc\u00fcp<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p><strong>F\u00fc\u00fcsiline protot\u00fc\u00fcp<\/strong>\u00a0kajastab kavandatud disaini funktsiooni ja v\u00e4limust, kuigi see v\u00f5ib olla loodud erinevate tehnikatega ja isegi erineva ulatusega l\u00f5plikust disainist.<\/p>\n<\/div>\n<\/div>\n<p>F\u00fc\u00fcsilise protot\u00fc\u00fcbi valmistamise etapid:<\/p>\n<ul>\n<li><strong>Tutvuge Genial.ly rakendusega:<\/strong> Avage oma arvutis v\u00f5i nutiseadmes Genial.ly rakendus ning \u00f5ppige tundma selle erinevaid funktsioone ja v\u00f5imalusi.<\/li>\n<\/ul>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Interaktiivse pildi loomise juhend Genial.ly keskkonnas<\/p>\n<\/header>\n<div class=\"textbox__content\"><a href=\"https:\/\/view.genial.ly\/590072e02c0c6c3bd0efa70a\/interactive-content-untitled-genially\">Uuri l\u00e4hemalt kuidas Genial.ly keskkonnas luua interaktiivne pilt.<\/a><\/div>\n<\/div>\n<ul>\n<li style=\"text-align: justify\"><strong style=\"font-size: 1em\">Koguge teavet raamatu kohta:<\/strong><span style=\"font-size: 1em\"> Uurige intervjuu k\u00e4igus, millist lisateavet raamatu kohta vajavad \u00f5pilased, raamatukoguhoidja ja kirjanduse\u00f5petaja. Otsige raamatu kohta vajalikku teavet. Raamatu kohta teave kogumiseks <\/span><span style=\"font-size: 1em\">v\u00f5ite kasutada endale sobivat keskkonda, antud n\u00e4ites oleme kasutanud Google Sheets vahendit. Lisage plakatile autori elulugu, foto, raamatu kaanepilt, l\u00fchike sisukokkuv\u00f5te ja huvitavad faktid autori v\u00f5i raamatu kohta.<\/span><\/li>\n<\/ul>\n<figure id=\"attachment_659\" aria-describedby=\"caption-attachment-659\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img class=\"wp-image-659 size-large\" src=\"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-1024x161.png\" alt=\"\" width=\"1024\" height=\"161\" srcset=\"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-1024x161.png 1024w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-300x47.png 300w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-768x120.png 768w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-1536x241.png 1536w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-2048x321.png 2048w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-65x10.png 65w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-225x35.png 225w, https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-content\/uploads\/sites\/3\/2023\/05\/Tabel-350x55.png 350w\" \/><figcaption id=\"caption-attachment-659\" class=\"wp-caption-text\"><strong>Joonis 1.<\/strong> N\u00e4ide tabelist, millesse tuleb koguda raamatu kohta k\u00e4iv teave.<\/figcaption><\/figure>\n<ul>\n<li><strong style=\"font-size: 1em\">Lisa interaktiivsed elemendid:<\/strong><span style=\"font-size: 1em\"> Kasutage Genial.ly rakenduse t\u00f6\u00f6riistu, et luua interaktiivsed elemendid oma plakatile. Lisage linke filmidele, multikatele v\u00f5i heliraamatutele, mis on seotud raamatuga. Samuti saate lisada linke viktoriinidele, kus saavad osaleda teised \u00f5pilased.<\/span><\/li>\n<li><strong style=\"font-size: 1em;text-align: initial\">Kontrollige ja salvestage plakat:<\/strong><span style=\"font-size: 1em;text-align: initial\"> Enne l\u00f5pliku tulemuse salvestamist veenduge, et olete k\u00f5ik vajalikud elemendid lisanud ja k\u00f5ik lingid t\u00f6\u00f6tavad. Seej\u00e4rel salvestage oma plakat.\u00a0<\/span><\/li>\n<li style=\"text-align: justify\"><strong>Jagage plakatit teistega:<\/strong>\u00a0Kui olete oma plakati salvestanud, saate seda jagada teistega.<\/li>\n<li style=\"text-align: justify\"><strong style=\"text-align: initial;font-size: 1em\">N\u00e4idake seda<\/strong> oma klassikaaslastele, \u00f5petajale ja isegi teistele koolikaaslastele, et nad saaksid uurida ja \u00f5ppida rohkem raamatust, millest te plakati tegite.<\/li>\n<\/ul>\n<div class=\"textbox textbox--examples\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Interaktiivse plakati protot\u00fc\u00fcp<\/p>\n<\/header>\n<div class=\"textbox__content\"><a href=\"https:\/\/view.genial.ly\/6274eeb36b4590001b2a6b71\">Interaktiivne plakat Astrid Lindgreni raamatu &#8220;R\u00f6\u00f6vlit\u00fctar Ronja&#8221; ainetel, valmistatud Genial.ly keskkonnas.<\/a><\/div>\n<\/div>\n<div style=\"width: 100%\">\n<p style=\"text-align: justify\">Peale f\u00fc\u00fcsilise protot\u00fc\u00fcbi valmimist peaks seda valideerima, ehk siis laskma seda hinnata kooliraamatukoguhoidjal, \u00f5pilasel ja kirjanduse\u00f5petajal. F\u00fc\u00fcsilise protot\u00fc\u00fcbi hindamise aluseks on algsetele ootustele vastavus, visuaalne esitlus, kasutamise mugavus. Juhul kui hindamise k\u00e4igus tuleb muudatuse ettepanekuid, tuleb need sisse viia.<\/p>\n<\/div>\n","protected":false},"author":4,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"part":233,"_links":{"self":[{"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/chapters\/247"}],"collection":[{"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/wp\/v2\/users\/4"}],"version-history":[{"count":46,"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/chapters\/247\/revisions"}],"predecessor-version":[{"id":886,"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/chapters\/247\/revisions\/886"}],"part":[{"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/parts\/233"}],"metadata":[{"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/chapters\/247\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/wp\/v2\/media?parent=247"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/pressbooks\/v2\/chapter-type?post=247"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/wp\/v2\/contributor?post=247"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/informaatika\/digiloovtoo\/wp-json\/wp\/v2\/license?post=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}