Zajem zaslona

Zajem zaslona

Za zajem zaslona sem se odločil, da bom pokazal zelo enostaven postopek, ki je uporaben za vse začetnike operacijskega sistema Mac OS X. In sicer na posnetku je prikazano, kako pridemo do informacij o vašem računalniku, bolj natančno, koliko RAM pomnilnika imamo in kako je razporejen v računalniku (npr. ali sta zasedeni dve reži ali samo ena).

Postopek izdelave:
Zajem zaslona sem izdelal s programom QuickTime Player, ki ga imamo že privzeto nameščenega na Mac OS X operacijskem sistemu. Snemalnik zaslona najdemo tako, da odpremo QuickTime Player in v
zavihku "File" kliknemo na "New Screen Recording".

Odpre se nam novo okno:

V tem oknu samo kliknemo na rdeč gumb v sredini in program nam ponudi dve opciji: "Klikni, če želiš snemati cel zaslon"in "Označi polje na zaslonu, ki ga želiš snemati". V mojem primeru sem izbral prvo opcijo, torej snemanje celotnega zaslona. Ko program začne snemati, se nam tisti rdeč krogec, ki smo ga prej kliknili za pričetek snemanja, spremeni v siv kvadratek. Ko se odločimo končati snemanje, samo pritisnemo ta siv kvadratek in QuickTime Player nam odpre naš posnetek, ki ga lahko potem shranimo na določeno mesto, ali pa ga zavržemo. Shranimo ga lahko tudi v več različnih formatih.

Moj izdelek se nahaja tukaj: http://www.youtube.com/watch?v=hof-mfM-Vdk

Scratch

V tej objavi bom predstavil preprosto igro, ki sem jo izdelal v Scratchu. Igra je sestavljena iz treh vprašanj na temo pomnilnik. Če bo igralec pravilno odgovoril, mu bo naš lik izrisal eno črko. Če igralec na vprašanje odgovori napačno, ima možnost ponovnega odgovarjanja, dokler ne najde pravilnega odgovora. Na začetku nam naš lik pove navodila. Za nadaljevanje ali potrditev našega odgovora vedno pritisnemo tipko "enter".
Mislim, da je ta igrica uporabna, saj bi jo lahko uporabil za utrjevanje znanja iz teme "pomnilnik", lahko pa bi jo uporabil tudi pri programiranju, da bi otrokom pokazal kako lahko na preprost način tudi oni izdelajo podobno igrico.

Spletna stran

V tej objavi bom predstavil kako narediti preprosto spletno stran z uporabo HTML in CSS. Ko se malo navadimo kode, je postopek za izdelavo zelo hiter in preprost. Na spletni strani je na kratko predstavljenih nekaj informacij o pomnilniku in varnosti na spletu. Kodo sem pisal v programu "TextWrangler".

Postopek izdelave:

Pri moji spletni strani sem uporabil 3 različne "strani", zato sem najprej izdelal 3 html dokumente, ki sem jih poimenoval "index.html", "pomnilnik.html" in "dodatno.html". Na vrhu sem s pomočjo CSS izdelal tudi 3 gumbe, ki služijo kot navigacija po spletni strani. CSS koda se nahaja v datoteki "design.css". Koda za izdelavo gumbov zgleda tako:

HTML koda moje začetne strani pa zgleda takole: 

Ostali dve strani sta narejeni zelo podobno kot "index.html", le da je spremenjena vsebina.

Spletna stran se nahaja na naslovu: http://breza.pef.uni-lj.si/~zigas/

Animacija in miselni vzorec

Animacija

Za izdelavo animacije, sem se odločil, da bom uporabil program PhotoScape. Najprej odpremo program PhotoScape in v njem odpremo jeziček "Animated GIF". Nato v največje polje v programu, povlečemo sliko, ki bo prva v naši animaciji. To zgleda nekako takole.

Ker sem se odločil, da bom tej sliki dodajal določene elemente, jo bom sedaj odprl v Slikarju in tam dodajal elemente in sproti posodabljal mojo animacijo.

Obdelava slike v Slikarju - dodajanje elementov

Trenutno naša animacija zgleda takole:

Dodal bom še nekaj elementov in sproti dopolnjeval mojo animacijo.
Za vsak dodan element, sem shranil sliko in jo dodal v PhotoScape.
Ko so vse slike dodane, v programu naša animacija zgleda tako:

Naš končni izdelek pa izgleda takole:

Miselni vzorec

S pomočjo spletnega orodja Mindomo, sem izdelal miselni vzorec na temo "pomnilnik". Program je zelo preprost za uporabo in z njim lahko v relativno kratkem času naredimo precej zanimiv miselni vzorec.


Postopek izdelave mojega miselnega vzorca:

Odpremo spletno stran www.mindomo.com in se prijavimo. Na levi strani kliknemo gumb "Create". Odpre se nam okno, v katerega napišemo ime našega miselnega vzorca. Potem kliknemo na gumb "Ok"in odpre se nam okno, v katerem bomo izdelali miselni vzorec.

Če želimo, si lahko poljubno spremenimo temo in obliko miselnega vzorca.
V rdeč kvadratek najprej napišemo naslov.

Na spodnjem delu kvadratka v katerem imamo napisan naslov, vidimo nekakšno modro puščico. Iz te puščice lahko povlečemo ven novo temo.

 Iz te nove temo lahko na isti način povlečemo ven novo podtemo.

Seveda lahko iz vsake teme povlečemo več podtem.

Moj končni izdelek zgleda tako:

Lahko pa si ga ogledate tudi tukaj:  http://www.mindomo.com/view.htm?m=0b98e5264d30489280a1ce9990640279

Uporaba v šolstvu:

Animacije in miselni vzorci so po mojem mnenju dovolj uporabni, saj mislim, da si učenci z večjim zanimanjem ogledajo kakšno animacijo, kakor pa le neko statično sliko. Učna ura je zato bolj zanimiva, in učenci so bolj motivirani za delo.

Miselne vzorce bi v šolstvu lahko uporabil tako, da bi npr. učencem dal za domačo nalogo, da izdelajo miselni vzorec na računalniško temo, ki bi jim jo prej določil in jo naslednjo uro na kratko predstavijo sošolcem. Tako bi se naučili uporabljati programe za miselne vzorce, poleg tega pa bi se seznanili z določeno računalniško temo.

Rastrska in vektorska grafika

Rastrska grafika

Odločil sem se, da bom v programu GIMP združil dve sliki na tematiko "pomnilnik". 

Prva je simbolična slika človekovih možganov, torej kjer se pri človeku shranjujejo podatki in pa druga je slika dejanske računalniške komponente pomnilnika. Iz prve slike sem nato odstranil še en element in to je bil moj končni izdelek.

Postopek izdelave:

1. Odpremo program GIMP.

2. Odpremo sliki s katerimi bomo imeli opravka.

3. Izberemo orodje "Fuzzy select tool" in na sliki, kjer je pomnilnik, izberemo del, ki ni bel in ta del prilepimo k drugi sliki, kar potem izgleda približno tako.

4. Zmanjšamo sliko možganov in povečamo sliko pomnilnika, z uporabo orodja "Scale layer". Naša slika sedaj izgleda takole:

5. Odstranimo tri vprašaje iz prve slike pomočjo "Rectangle select 

tool-a."

6. Z desnim miškinim klikom kliknemo na našo sliko in pod "Image" izberemo "Merge visible layers" 

7. Napolnimo prazne dele z belo barvo z "Bucket fill tool-om", kjer si moramo v "Tool options" prej nastaviti, da nam zapolne dele s podobno barvo, torej pri "Affected Area" izberemo "Fill similar colors". 

8. Z desnim miškinim klikom kliknemo na sliko in pod "Image" kliknemo na "Fit Canvas to Layers"in sliko shranimo.

Naš končni izdelek izgleda tako:

Vektorska grafika

Odločil sem se, da bom v programu Inkscape pretvoril rastrsko sliko v vektorsko. Postopek je zelo hiter in enostaven.
To je naša začetna slika.

Ko jo približamo, vidimo, da so kvadratki zelo opazni.

Zato se bomo kar lotili predelave te rastrske slike v vektorsko.

1. Odpremo program Inkscape.

2. Odpremo sliko, ki jo želimo pretvoriti. To storimo tako, da kliknemo na "File" in potem "Open".

3. Odpre se nam okno, v katerem izberemo sliko, ki jo bomo pretvorili.

4. Kliknemo na gumb "Open" in potem še gumb "Ok".

5. Sedaj imamo sliko odprto v programu Inkscape. Kliknemo na sliko, samo da je izbrana. Nadaljujemo tako, da v zavihku "Path" izberemo "Trace Bitmap".

6. Kliknemo na "Colors" in odkljukamo "Smooth". V polje "Scans" napišemo koliko različnih barv je na naši sliki. V mojem primeru je kar veliko barv, zato sem v polje vpisal kar 50.

7. Tako, dobili smo vektorsko sliko. Če sedaj pogledamo obe sliki povečani, vidimo, da pri vektorski ne opazimo nikakršnih kvadratkov, zato je slika bolj kvalitetna.

Uporaba v šolstvu

Sliki bi lahko v šolstvu uporabil kot primer, da bi učencem pokazal razliko med vektorsko in rastrsko grafiko. Predstavil bi jim tudi oba programa, katera sem uporabljal za obdelavo slik. Pri tem bi jim zagotovo omenil, da lahko vidijo, da se z brezplačnimi programi prav tako da narediti zelo veliko uporabnih in zanimivih stvari.

Prva uporaba bloga.