Izdelavainteraktivnihelementovspomočjopredlog ProjektE‐učbeniki,2012 Izdelava interaktivnih elementov poteka v naslednjih korakih: ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ 1 Izberete ustrezno predlogo Izpolnite vsa obvezna vnosna polja (za vsako predlogo je opis napisan v nadaljevanju) Kliknete na gumb Ustvari (1) Vmesnik vam izdela element na podlagi vaših vnosov. Dopolnite ali spremenite parametre in pritisnite Ustvari (1), dokler niste zadovoljni z rezultatom Kliknete gumb Prenesi zip (2) in shranite na znano mesto ponujeno datoteko (končnica jsx) V orodju execute na želeno mesto vstavite gradnik Java aplet Kliknete na Dodaj JSX datoteko (3) in kliknete Naloži V polje se prebere celotna koda in dodajo slike Ne pozabite na sliko apleta – lahko si pomagate z orodjem na administrativnem portalu ali pa uporabite orodje za PrintScreen Zaključite gradnik OPOMBA: Kadar uporabljate slike, morajo le‐te biti kvadratnih dimenzij, razen kadar je pri navodilih napisano drugače!! 2 3 4 Prelivanje slik Obvezno vstaviti vsa polja, označena z rdečo Sestavljanka (puzzle) Obvezno vstaviti ali sliko ali tekst v vsakem stolpcu Obvezno je potrebno prosojnost slik (med 0 in 1) podati število stolpcev v sestavljanki Diagram Obvezno izberite eno izmed opcij Povezovanje besedila s slikami K vsaki sliki je obvezno pripisati besedilo Obvezno je potrebno prosojnost slik (med 0 in 1) Igra spomin Če je izbrana samo slika v levem stolpcu, bo njen par enaka slika Obvezno je vpisati dimezije spomina. V primeru, da je parov več, se bodo pari naključno izbrali. Interaktivni izris funkcij Obvezno izberite eno izmed opcij Križanka Predloga ustvari križanko. Učenci jo rešujejo s premikom ustreznih znakov na tipkah na pravilna mesta v križanki. Skrbno izbrana gesla in kooridnate njihovih prvih črk, kjer je koordinata (1,1) levi zgornji kot. Ker se pri ustvarjanju predloge ne preverja pravilnost križanke, priporočamo,da si jo najprej narišete na list ali pa si pomagate z orodjem HotPotatoes Uredi zaporedje (pravilen vrstni red) Učenec mora slike postaviti v pravilen vrstni red (vodoravno ali navpično) Obvezno izberite eno izmed smeri, v katero se naj razporedijo slike. Dopolni in poveži Pri tej predlogi je potrebno k geslom na levi vpisati pomenljiva gesla (glede na navodilo v nalogi), nato pa z njimi povezati polja na desni strani. Vnos gesel je obvezen. Obvezno vstaviti ali sliko ali tekst v vsakem stolpcu Zapolni s tekstom Predloga ustvari »besedilo z luknjami« ‐ izbrane besede se v besedilu pojavijo kot črtice, na katere je potem potrebno prenesti pravilne besede iz spodnjega izbora. Vnos besedila je obvezen – pozor na pravilen zapis besedila. Če želite, da se rezultat preveri le na koncu (izpiše se le odziv ob pravilni rešitvi) izberite NE, če pa želite da se besedice sproti obarvajo zeleno ali rdeče ko so postaljene na svoje mesto, pa izberite DA. Opombe: Zaradi neznane količine podatkov se zna zgoditi, da bo v apletu ostalo preveč bele površine. V kratkem bomo pripravili tudi krajša navodila kako poskrbeti, da se temu belemu prostoru izognete. Lahko pa pišete tudi na podporo, kjer vam bomo z veseljem pomagali. Poveži s sliko Predloga omogoča pripravo apleta, kjer mora učenec na pravilen položaj na sliki prenesti pravilno geslo ali sliko. Priprava te predloge je posebna, saj jo je potrebno izvesti v dveh korakih. 1. Korak Izberite sliko za ozadje in OBVEZNO vpišite dimenzije slike. Če je širina večja od 450px, se bo samodejno prilagodila. Obvezen vnos dimenzij 2. Korak Po kliku na gumb »Naloži«, se pripravi vnosna forma, pod njo pa izbrana slika za ozadje. Na sliki kliknite mesto, kjer želite, da se prenese geslo/slika. Točko lahko tudi premikate. V tabeli zgoraj se bo pojavil nov vnos, ki ga morate dopolniti bodisi s tekstom, bodisi z sliko. Točka označuje SPODNJI LEVI kot končne pozicije! Dodate lahko tudi druga gesla/slike, da povečate izbor gesel/slik in povečate težavnost. V tem delu k vsaki točki dopišite geslo ali pa dodajte sliko V tem delu »naklikajte« in pravilno pozicionirajte končne točke (spodnji levi kot) Dodate lahko tudi dodatna gesla, ki jih ni možno nikamor povezati OPOMBA: Predloga je še v delu in boste o njeni dokončni funkcionalnosti posebej obveščeni!
© Copyright 2024