Kako dodamo interaktivne točke na sliko z orodjem BookWidgets?

Z orodjem Bookwidgets lahko pripravimo raznolika učna gradiva. Eden izmed sklopov omogoča dodajanje interaktivnih elementov na slike, pripravo slik z dodanimi opisi ter zvočnimi in videoposnetki, primerjavo slik »prej in potem«, prikaz slik v določenem zaporedju, naključen prikaz slik, pripravo aktivnosti »klavir«, vdelavo videoposnetkov ter predvajanje 3D elementov. V namigu si bomo pogledali dodajanje interaktivnih točk na sliko.

Z obogatitvijo slik z interaktivnimi elementi spodbujamo aktivno učenje študentov, saj lahko raziskujejo, se učijo in s klikom na točke pridobivajo dodatne informacije, razlago ter naloge. S pomočjo interaktivnih točk lahko tudi izboljšamo razumevanje (abstraktnih) konceptov, saj lahko dodatno pojasnimo npr. določene dele grafov, kar omogoča povezovanje vizualnih elementov s teoretičnimi koncepti.

Z orodjem BookWidgets in aktivnostjo Hotspots lahko na sliko dodamo interaktivne točke, s klikom na katere se bo odprlo pojavno okno z besedilom, sliko ali videom, spletno pojavno okno, spletna povezava v (novem) zavihku ali zvočni posnetek. Kako to storimo si lahko ogledate spodaj ali direktno preko povezave: https://ior.ad/9FxX.

 

86 STEPS

1. V tem vodiču si bomo pogledali, kako dodajamo interaktivne točke na sliko v orodju BookWidgets znotraj spletne učilnice Moodle.

Step 1 image

2. Najprej vključimo urejanje.

Step 2 image

3. V želenem poglavju kliknemo na Dodaj dejavnost ali vir.

Step 3 image

4. Izberemo BookWidgets.

Step 4 image

5. Kliknemo na Izberi vsebino.

Step 5 image

6. Ustvarili bomo novo gradivo.

Step 6 image

7. Izberemo Hotspot Image.

Step 7 image

8. Vpišemo naslov gradiva s klikom na prazno polje. Naslov bo viden v seznamu vseh aktivnosti.

Step 8 image

9. Vpišemo naslov ter kliknemo enter.

Step 9 image

10. Nato napišemo še naslov, ki bo viden v gradivu.

Step 10 image

11. Sledi izbira slike za ozadje. Kliknili bomo na “Choose Image” ter sliko poiskali na računalniku.

Step 11 image

12. Interaktivno točko dodamo na zemljevid s klikom na Add Hotspot.

Step 12 image

13. Izbiramo lahko med pojavnim oknom z 1) besedilom, 2) sliko ali 3) videom, 4) spletnim pojavnim oknom, 5) spletno povezavo ali 6) zvočnim pojavnim oknom.

Step 13 image

14. Poglejmo si najprej 1) pojavno oknom z besedilom. Kliknemo na Text Popup.

Step 14 image

15. V razdelku Hotspot marker lahko izbiram, kako bo vidna dodana točka: lahko je skrita ali prikazana v obliki slike oz. nalepke. Izberimo npr. sliko.

Step 15 image

16. Prikaže se slika oznake.

Step 16 image

17. Naložili bi lahko tudi svojo.

Step 17 image

18. Sedaj moramo nastaviti, kje na zemljevidu bo vidna dodana oznaka.

Step 18 image

19. Oznaka se pojavi na sredini ekrana. Premaknemo jo lahko kamor želimo.

Step 19 image

19b. Drop

Step 19b image

20. Nato kliknemo na Done.

Step 20 image

21. V polje vpišemo besedilo, ki se bo prikazalo s klikom na oznako oz. interaktivno točko.

Step 21 image

22. Dodamo novo točko.

Step 22 image

23. Tokrat izberemo 2) pojavno okno s sliko.

Step 23 image

24. Sliko najprej izberemo.

Step 24 image

25. Spremenimo lahko način prikaza in izberemo nalepko (ang. Label).

Step 25 image

26. S klikom na sliko označimo, kje se bo oznaka prikazala.

Step 26 image

27. Oznako povlečemo na želeno mesto.

Step 27 image

27b. Drop

Step 27b image

28. Za izhod pritisnemo Done.

Step 28 image

29. Napišemo besedilo, ki se bo prikazalo na oznaki v obliki nalepke.

Step 29 image

30. Dodamo novo točko.

Step 30 image

31. Izberemo 3) video pojavno okno.

Step 31 image

32. Videoposnetek lahko naložimo iz Youtube/Vimea.

Step 32 image

33. V polje kopiramo povezavo do posnetka.

Step 33 image

34. Nastavimo lahko višino in širino pojavnega okna.

Step 34 image

35. Izberemo način prikaza oznake, poglejmo si možnost skrite oznake (ang. hidden hotspot).

Step 35 image

36. Kliknemo na sliko ozadja.

Step 36 image

37. Okno skrite oznake povlečemo na želeno mesto, npr. na Japonsko.

Step 37 image

38. Kliknemo Done.

Step 38 image

39. Dodajmo novo točko.

Step 39 image

40. Izberimo 4) spletno pojavno okno.

Step 40 image

41. Vnesemo povezavo do spletnega mesta.

Step 41 image

42. Določimo način prikaza oznake.

Step 42 image

43. Prikazano sliko bi lahko po želji spremenili.

Step 43 image

44. Odpremo zemljevid.

Step 44 image

45. Oznako damo na želeno mesto (ZDA) in kliknemo done.

Step 45 image

46. Dodajmo še eno točko.

Step 46 image

47. Sedaj bomo dodali 5) spletno povezavo.

Step 47 image

48. Ponovno zopet dodamo povezavo do spletnega mesta.

Step 48 image

49. Nastavimo lahko, da se povezava odpre v novem oknu.

Step 49 image

50. Odpremo zemljevid.

Step 50 image

51. Nastavimo mesto oznake in kliknemo Done.

Step 51 image

52. Sedaj bomo dodali še zadnjo interaktivno točko.

Step 52 image

53. Dodali bomo oznako v obliki 6) zvočnega pojavnega okna.

Step 53 image

54. Zvočno datoteko lahko poiščemo na računalniku, jo uvozimo iz Google Drive ali pa jo posnamemo. Poglejmo si zadnjo možnost.

Step 54 image

55. S snemanjem začnemo s klikom na rdeč krogec.

Step 55 image

56. Ko smo s snemanjem zaključili, kliknemo na črn kvadratek.

Step 56 image

57. Posnetek lahko predvajamo.

Step 57 image

58. Nato kliknemo na Accept.

Step 58 image

59. Tudi tokrat moramo na zemljevidu označiti, kje se bo točka prikazala.

Step 59 image

60. Skrito oznako nastavimo na Južno Ameriko.

Step 60 image

61. Kliknemo na Done.

Step 61 image

62. S klikom na Hotspots dostopamo do seznama vsen vnesenih interaktivnih točk.

Step 62 image

63. Točke lahko po želji urejamo ali jih izbrišemo.

Step 63 image

64. Dodamo lahko tudi novo.

Step 64 image

65. Oglejmo si sedaj, kako naše gradivo izgleda.

Step 65 image

66. Nad Evropo smo dodali 1) pojavno okno z besedilom, ki se odpre s klikom na sliko.

Step 66 image

67. Prikaz pojavnega okna z besedilo.

Step 67 image

68. Na Avstralijo smo dodali 2) pojavno okno s sliko, ki se odpre s klikom na nalepko.

Step 68 image

69. Pojavno okno s sliko.

Step 69 image

70. S klikom na Japonsko se odpre 3) video pojavno okno, kjer smo oznako skrili.

Step 70 image

71. Velikost pojavnega okna bi lahko povečali.

Step 71 image

72. Nad ZDA smo dodali 4) spletno pojavno okno, ki se odpre s klikom na sliko.

Step 72 image

73. Spletna stran se odpre v obliki pojavnega okna.

Step 73 image

74. Na vzhodni del ZDA smo dodali še eno točko, in sicer 5) spletno povezavo, ki se odpre s klikom na sliko.

Step 74 image

75. Nastavili smo, da se spletna stran odpre v novem zavihku.

Step 75 image

76. Zadnjo točko pa smo skrili nad Južno Ameriko, in sicer gre za 6) zvočno pojavno okno. Zvok se začne predvajati s klikom na označeni del slike.

Step 76 image

77. Za izhod iz predogleda kliknemo X.

Step 77 image

78. Preko levega menija bi lahko dodali še dodatna navodila za reševanje, nastavili jezik ter uredili naslovno sliko.

Step 78 image

79. Urejevalnik zapremo.

Step 79 image

80. Zapremo še obvestilo o pojavnem oknu.

Step 80 image

81. Ustvarjeno vsebino moramo sedaj izbrati.

Step 81 image

82. Kliknemo na interaktivne točke.

Step 82 image

83. Izberemo Choose.

Step 83 image

84. Obvezno polje za vpis imena aktivnosti se samodejno izpolni, lahko ga pa spremenimo.

Step 84 image

85. Na koncu aktivnost shranimo.

Step 85 image

86.

Step 86 image

Here’s an interactive tutorial

** Best experienced in Full Screen (click the icon in the top right corner before you begin) **

https://www.iorad.com/player/2304661/Bookwidgets—Hotspots

Dodaj odgovor

Vaš e-naslov ne bo objavljen. * označuje zahtevana polja

Naročite se na naše e-novice...

… in bodite prvi obveščeni o dogajanju v Centru UL za uporabo IKT v pedagoškem procesu.