Pripomoček Srp 0.1
0;0,0,0,0;0,0,0,0;
iconLogo.png
Srp 0.1


Spletno orodje:
  • za izdelavo spletnih prosojnic
    namenjenih za projekcijo na platno ali tablo,
  • izdelane so v obliki snopiča z več listi / prosojnicami,
  • vsebina posamezne prosojnice je vidna na zaslonu,
  • možnost ločenega prikaza vsebine in opisa,
  • prikazovanje multimedijskih in dinamičnih vsebin,
  • omogočeno je zastiranje vsebine,
  • pregledovanje s tipkami, ikonami ali kazalom.
Pritisni tipko Enter ali klikni na ikono Opis.
© Vojko Žagar, 2012, Creative Commons, Priznanje avtorstva-Nekomercialno-Brez predelave 2.5 Slovenija

Z orodjem je možno izdelati spletne prosojnice, namenjene učiteljem za kratko podporo pri pouku. Vsebina je podana v preprosti obliki, za motivacijo na začetku ure ali pa za podporo v razlagi učne vsebine. Običajno je podana z multimedijskimi (slike, zvoki, filmi) in dinamičnimi (javanske konstrukcije, svg in html5 animacije) gradniki. Besedila je običajno malo, če že potem so to oporne točke. Podrobnejši besedilni opis, ki dopolnjuje vsebino, se po potrebi pripravi v posebnem opisu. Ta se prikaže s pritiskom na tipko Enter ali pa z klikom na ikono Opis.

Z ozirom na osnovni namen uporabe so prosojnice pripravljene v stalni velikosti 1024×768 točk. To se ujema z osnovno ločljivostjo projektorjev, ki se trenutno uporabljajo v šolah. Na večjih računalniških zaslonih je prosojnica prikazana na sredini, po potrebi pa še sosednji prosojnici. Prosojnice se lahko v ogledovanju na večjih zaslonih povečajo z bližnjico Ctrl++.

Srp je spletno orodje, kar pomeni, da se nove prosojnice izdelujejo z zagonom orodja v spletnem brskalniku Firefox (4. ali več). Orodje mora biti nameščeno na spletnem strežniku. Delovanje je preverjeno na dveh vrstah strežnikov: lokalnem strežniku XAMPP in Arnesovem virtualnem strežniku.

Več o uporabi v pomoči (klik na ikono ali tipka F1) in na naslednjih prosojnicah v predstavitvi.
Osnovno besedilo
1;0,0,0,0;0,0,0,0;
Naslov 1 (gor3)
Naslov 2 (gor2)
Naslov 3 (gor1)

Običajno besedilo (bes0): "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim , quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. "

Opomba 1 (dol1): "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. "

Opomba 2 (dol2): "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. "

Opomba 3 (dol3): "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. "

Opomba 4 (dol4): "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. "

Opomba 5 (dol5): "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. "
Osnovno besedilo

Osnovno besedilo v predstavitvi in opisu se običajno pripravi z vnaprej pripravljenimi slogi.

Za naslove: gor1, gor2 in gor3,
za besedilo: bes0 in opis,
za opombe: dol1, dol2, dol3, dol4 in dol5.

Slogi se med sabo razlikujejo le v velikosti znakov, medtem ko so barva besedila, vrsta pisave in druge značilnosti določeni s predlogo. Vsi slogi so predstavljeni na prosojnici, v slogu "opis" pa je prikazano to besedilo.

Prosojnica se v orodju izdela z wysiwyg editorjem, zato so na razpolago tudi vse druge možnosti v slogovnem oblikovanju dela besedila na posamezni prosojnici.

Oblikovni slog predstavitve je odvisen od izbrane predloge. Vsi listi v predstavitvi imajo enak slog. Izdelanih je osem slogov/predlog: kovina, limona, ogenj, papir, travnik, voda, zrak in zemlja. Več o predlogah na devetem listu.

Obogateno besedilo
0;0,0,0,0;0,0,0,0;
Obogateno besedilo
Tabela kot ogrodje za:
  • običajo prosojnico,
  • z dvema oknoma:
    • eno za sliko,
    • drugo za besedilo,
kot je to v tem primeru,
ali pa tudi za kakšno drugačno prostorsko razdelitev prosojnice.

Kot gradnik za prikaz podatkov:

širina 1024 1200 1366 1600 1920
višina 768 900 768 900 1080
V tej celici ni fotografija, ker so na naslednji prosojnici,
je pa oštevilčeni seznam prednosti in slabosti spletne prosojnice v primerjavi z računalniško.

Prednosti:
  1. Dostopnost.
    Kjerkoli je omogočen dostop do interneta, lahko se zaganja tudi iz lokalnega diska. Uporabljajo jo vsi, ki jim koristi. Računalniška prosojnica je lahko nameščena v spletno učilnico, odpiranje pa je za računalnik velik zalogaj. Spletna prosojnica nima težav.
  2. Preprostost.
    Preprosta obliki omogoča dobro podporo razumevanja učne vsebine saj omogoča osredotočenje na pomembne elemente prosojnice, preprosto upravljanje pa ni motnja učitelju v podajanju učne vsebine.
Slabosti:
  1. Izdelava
    vsakega spletnega gradiva je zahtevno opravilo. Predvsem je zahtevna priprava in izdelava multimedijskih gradnikov (fotografije, risbe, galerije, dinamične risbe, zvoki, videi). Tu sta potrebna doslednost in natančnost. Tudi razpoložljiva spletna orodja se ne morejo primerjati z orodji za izdelavo računalniških prosojnic.
  2. Izgled in vizualni učinki
    so prav gotovo slabši od tistih v računalniških prosojnicah. Tega ne omogočajo razpoložljiva orodja, če bi pa bili vgrajeni, bi bilo oteženo nalaganje/odpiraje spletne prosojnice. Se pa lahko dobri vizualni učinki vgradijo v SVG in Javanske risbe (RiŠ, Geogebra) in v prihodnosti v HTML5 risbe.
Sklep:
Prednosti je malo. Za nekatere avtorje bo dostopnost na spletu dovolj. Mogoče še predstavitev in prepoznavnost v širšem okolju.
Velja pa žal že sedaj: česar ni na svetovnem spletu, tega ni.
Obogateno besedilo

Prikazana je uporaba tabele kot ogrodja za prosojnico in kot preglednica podatkov.

Seznami (besedilo v alinejah) je prikazano v obeh osnovnih oblikah (oštevilčeno in neoštevilčeno), prikazani so podseznami in različni primeri označevanja alinej.

Vključijo se lahko še druge oblike: definicije, citati, kode, izrazi (matematični, fizikalni, kemijski ...), vse, kar omogočajo spletne strani.
Slike, risbe in povezave
0;0,0,0,0;0,0,0,0;
Slike, risbe in povezave
Slike so fotografije in skeniranja.
  • Običajno jih naredimo v formatu A4.
  • To so datoteke v zapisu .jpg.
  • Vgradimo lahko slike z:
    • največjo širino 960px,
    • največjo višino 720px.
  • Manjše slike pripravimo v velikosti,
    v kateri so prikazane.
 Risbe so narejene z grafičnim orodjem.
  • To so datoteke v zapisu
    .gif ali .png.
  • Naredimo jih v velikosti,
    v kateri so prikazane.
  • Risbe iz spleta lahko prikažemo pomanjšane.
  • Običajno imajo prosojno ozadje.
Povezave na druge spletne sestave.
Slike, risbe in povezave


Zvok in film
0;0,0,0,0;0,0,0,0;
Zvok in film

Harry Belafonte: Day-O

  • Pripravi se lahko z Audacity-jem.
  • Izdelan zvok je treba preoblikovati v zapisa .ogg in .mp3.
  • Uporabi se lahko kakšno spletno orodje ali program FormatFactory.
  • Nalaganje obeh zapisov na strežnik.
 Peugeot 107

  • Pripravi se lahko z Movie Maker-jem.
  • Izdelan film je treba preoblikovati v zapisa .ogg in .mp4.
  • Uporabi se lahko kakšno spletno orodje ali program FormatFactory.
  • Nalaganje obeh zapisov na strežnik.
HTML 5
  • Najnovejše izvedbe brskalnikov.
  • Predvajanje brez vtičnikov.
  • Firefox predvaja zapis .ogg in .wav
    Internet Explorer .mp3 in .mp4
    Chrome pa vse te.
  • Nalaganje obeh zapisov na strežnik.
  • Pričakovane so izboljšave.
Zvok in film

Nov standard v pripravi spletnih strani HTML 5 poskuša urediti zmedo pri uporabi multimedijskih gradiv (glasba, filmi, animacije, igrice). Ne potrebujemo več vtičnikov kot so: Flash Player, QuickTime player, Real player, Silverlight in ... Postavlja pa nove zahteve do brskalnikov. Izdelovalci so se zopet razšli na prvem možnem razpotju. Tokrat je treba te večpredstavnostne gradnike pripraviti v različnih formatih, da je ogled naših spletnih strani neodvisen od brskalnika.

Audio (zvoki, glasba) datoteke lahko izdelamo v svojem najljubšem orodju. Audacity je še vedno dobro orodje za naše potrebe. Izdelek moramo shraniti v .mp3 formatu. Z uporabo programa FormatFactory ali kašnega spletnega konverterja naredimo še zapis v formatu .ogg.

Video (filmčki) datoteke lahko izdelamo v svojem najljubšem orodju. Movie Maker je še vedno dobro orodje za naše potrebe. Izdelek shranimo v formatu, ki ga orodje podpira. Z uporabo programa FormatFactory ali kašnega spletnega konverterja naredimo še zapisa v formatu .ogg in .mp4.

Animacije (risbe) v HTML 5 so še precej redke, zato uporabljamo še vedno starejše možnosti.
Prikazovanje Java risb narejenih z orodjema RiŠ (tudi CarMetal) in GeoGebra je vključeno v pripomoček Srp (primer na listu 7), druge je treba vključiti ob uporabi.
SVG risbe delujejo v vseh novejših brskalnikih (primer na listu 8).

V izdelavi teh gradiv je, tako kot pri slikah, potrebna precejšnja pozornost, ker so ti izdelki v velikih datotekah.
Opis in zastirke
1;0,22,72,0;0,0,0,0;

Reševanje algebraične enačbe

xx+5+2x-1x-5-3x2-1x2-25=0
xx+5+2x-1x-5-3x2-1(x-5)(x+5)=0
x(x-5)(x+5)x+5+(2x-1)(x-5)(x+5)x-5-(3x2-1)(x-5)(x+5)(x-5)(x+5)=0
x(x-5)+(2x-1)(x+5)-(3x2-1)=0
(x2-5x)+(2x2-x+10x-5)-(3x2-1)=0
x2-5x+2x2-x+10x-5-3x2+1=0
x2+2x2-3x2-5x-x+10x-5+1=0
4x-4=0
4x=4
x=1


razčleni
/ · (x-5)(x+5)
krajšaj
zmnoži
odpravi oklepaje
uredi
seštej
/ + 4
/ : 4
Opis in zastirke

Opis je dodatno okno na prosojnici. V njem so na vrhu nadzorne ikona, pod njimi pa nek dodatni opis k vsebini na prosojnici. Ob prikazu prosojnice je opis običajno skrit, lahko pa je tudi prikazan, odvisno od nastavitve posamezne prosojnice.

Zastirke so štiri okna, ki jih kot roleto potegnemo iz vsakega roba. Ko je zastirka odprta ji lahko spreminjamo obliko in jo premikamo. Pri odpiranju prosojnice lahko nastavimo koliko % posamezne zastirke na prosojnici je odprte. S tipko Esc, se vse zastirke zaprejo, s ukazom Osveži pa postavijo v začetno stanje. Levo zastirko lahko na začetku postavimo kamorkoli nad prosojnico v kakršnikoli velikosti.

MathML je predpis za prikazovanje matematično-naravoslovno-tehničnih zapisov. Vključimo lahko izraze v ASCIIMathML zapisu (kot je to v tem primeru), lahko tudi zapise v LaTex-u. Priprava izrazov je omogočena v wysiwyg editorju, deluje pa žal le v Firefox-u. Ni pa omejitev pri vključevanju izrazov zapisanih v MathML predpisu.

Reševanje enačbe na prosojnici je primer uporabe spodnje in desne zastirke. Najprej skrijemo to okno z opisom, nato pa: z desno zasrtirko prikazujemo in skrivamo naslednje korake (dejavnosti/operacije), z spodnjo zastirko pa odkrivamo dobljene rezultate v posameznih korakih.
SVG risba
0;0,0,0,0;0,0,0,0;
Trikotnik je ravninski lik,
ki ga omejujejo tri daljice.



Poljuben trikotnik načrtamo tako, da z daljicami povežemo tri točke, ki ne ležijo na isti premici.

•  



Točke imenujemo oglišča trikotnika. Označimo jih z velikimi črkami. Običajno s črkami A, B in C. Označevanje začnemo v spodnjem levem oglišču in okrog v pozitivni smeri.
•  


Daljice (zveznice) med oglišči imenujemo stranice trikotnika. Označujemo jih z malimi črkami. Nasprotno stranico oglišču A označimo z a.
•  

Premice, na katerih ležijo stranice trikotnika, imenujemo nosilke stranic trikotnika.
•  
Trikotnik je ploskovni del ravnine.
S klikom na oznako se sproži naslednje prikazovanje.
Ponovitev prikzovanja je omogočeno z osvežitvijo spletne strani .
RiŠ risba
0;0,0,0,0;0,0,0,0;
Uporaba:
Kadar je podan kot, stranica na kraku kota in višina iz vrha kota.

Znani podatki: (c,va,α) in c > va

1. korak
•  načrtamo podani kot {α} z vrhom v točki A

2. korak
•  načrtamo stranico AB v dolžini {c}

3. korak
•  načrtamo točko D, razpolovišče daljice AB,
•  načrtamo krožnico s središčem v D
   in polmerom do A
•  načrtamo lok s središčem v A in polmerom {va}
•  skozi presečišče E načrtamo poltrak BE
•  v presečišču s krakom kota je točka C
•  iz točke A do točke E načrtamo višino va

4. korak
•  načrtamo stranici AC in CB

Težavnost III, načrtovanja na podoben način:
(c,va,α), (a,vb,β), (c,vb,β),
(a,vc,γ), (a,vc,γ), (b,va,α)

 Rešljivost: stranica > višine

S prestavljanjem točk ◊ v risbi si spremenimo trikotnik.
Z nadzornimi ikonami si ogledamo načrtovanje po korakih.
Oblikovne predloge
0;0,0,0,0;0,0,0,0;

papir
voda

zrak
zemlja
Oblikovne predloge

Predloge za ogled na spletu.
Pomembna je všečnost, da pozornost pritegne tudi vsebina. Primera za to sta desni predlogi.

Predloge za projekcijo.
Pomembna je razvidnost. Vsebina mora biti vidna tudi iz zadnje klopi. Primera za to sta levi predlogi.

Vključitev predlog.
Ob izdelavi spletne predstavitve se določi osnovna predloga in tiste, ki jo lahko nadomestijo. Uporabnik izbira predloge iz seznama pripravljenih, z orodjem srpSlog pa si izdela tudi predloge po svojem okusu in potrebah.

Menjava predlog.
Ob izvajanju ali pregledovanju predstavitve si lahko predlogo v oknu Pomoč spremenimo. Izbiramo lahko med predlogami, ki jih je izdelovalec vključil v seznam razpoložljivih.

Delovanje in izdelava
0;0,0,0,0;0,0,0,0;
Delovanje in izdelava
Delovanje spletnih prosojnic
Na manjših zaslonih z ločljivostjo 1024×768 in pri projekciji na platno ali interaktivno tablo, je treba s tipko F11 vključiti celozaslonski prikaz.

Delovanje je preverjeno v brskalnikih; Firefox, Chrome, Opera, Safari, SeaMonkey in Maxthon. Uporabljajte čim novejše izvedbe teh brskalnikov.

Pri prikazovanju vsebine z javanski programčki (RiŠ, GeoGebra ...) mora biti nameščen vtičnik Java RTE.

Spreminjanje izgleda

Med prikazovanjem je možno v pomoči spremeniti začetne nastavitve prikazovanja.
Nadzorne ikone so na listu prikazane (privzeto) ali pa ne. Vedno so v opisu.
Podobno je z dodatnim opisom. V privzeti nastavitvi je prikazanih na tistih listih, pri katerih je to zahtevano. Lahko pa se določi začetni prikaz na vseh listih.
Zastirke so običajno skrite, razen na listih, kjer zapirajo neko vsebino. Prikažejo jih lahko na vseh listih v minimalni velikosti.
Sosednja lista se prikazujeta na dovolj širokih zaslonih. Če tega ne želimo, jih lahko skrijemo.
Omogočeno je tudi menjavanje izgleda predstavitve. Vendar le tiste predloge, ki so bile navedene med izdelavo.
Izdelava spletnih prosojnic.
Orodje Srp je treba namestiti na strežnik.

Lokalni strežnik XAMPP na osebnem računalniku.
 V Windows-u je namestitev tega strežnika in orodja Srp zelo preprosta. Z ikonama na namizju je preprost tudi zagon okolja in orodja. Vse izdelane prosojnice so shranjene na osebnem računalniku. Za uporabo v internetu je potrebna namestitev na pravi spletni strežnik.
Arnesov virtualni strežnik. Namestitev ni zahtevna
(FTP in ureditev pravic). Uporaba je enostavna, priporočen je dostop/povezava iz spletne zbornice v Moodlovi spletni šoli. Orodje lahko uporabljajo vsi člani zbornice (učitelji). Ker posegajo člani v isti prostor, je potreben dogovor/protokol o uporabi orodja. Izdelana predstavitev lahko ostane na mestu samem, lahko se pa prenese na drugo spletno mesto (www2.arnes.si/~ucitelj/... ali xxx.gvs.arnes.si/... ali na vaši spletni domeni).
Zakup virtualnega strežnika. Ponudnik vam na strežniku mora zagotavljati podpro PHP (vsaj 5.3). Namestitev ni zahtevna (FTP in ureditev pravic).

Avtorske pravice

Avtorji prosojnic navedejo ob izdelavi ime, priimek in leto izdelave. Kadar avtorjev več, se vpišejo vsi. Seznam tako opisanih avtorjev je prikazan v pomoči. Lahko pa se avtorske pravice navedejo tudi na listu ali v opisu. Običajno so izdelki te vrste zaščiteni s licenco Creative Commons (CC) by-nc-sa.
Delovanje in izdelava:

Zgradba orodja:
Programi:
  • srpStog za določitev delovne mape
  • srpSnop za izdelavo predstavitve
  • srpSlog za izdelavo nove predloge.
Mape:
  • _kasca skupna delovna mapa
  • _izvor viri za izdalvo predstavitev
  • _zrnje viri za izvajanje predstavitev
  • mape s predstavitvami.

Nameščena javanska orodja:
  • RiŠ, CaR ali ZuL, René Grothmann
  • CaRMetal, Eric Hakenholz
  • GeoGebra, Austrian GeoGebra-Institut
  • Geometry Applet, David E. Joyce.

Uporabljena javascriptna orodja:
  • Xinha 0.96.1, wysiwyg editor
  • DragResize 1.0, Angus Turnbull, premični in spremenljivi gradniki
  • ASCIIMathML 2.1, Peter Jipsen,
    prikaz matematičnih in drugih izrazov.

Delovanje v brskalnikih:
  • Uporabljajte najnovejše izvedbe brskalnikov
  • V Firefoxu deluje vse.
  • V Chromeu, Operi, Safariju ne deluje AsciiMathML.
  • Interner Explorer je neuporaben.