Vežbanka za školarce

31. avgust 2009. · by Aleksandar · in Projekti

Pre nekoliko godina, kad je moj sin Mihailo išao u prvi razred osnovne škole i učio azbuku, bio sam „primoran“ da napravim jednostavnu veb aplikaciju koja će mu pomoći da upamti slova azbuke i pomogne mu u prepoznavanju slogova i učenju čitanja.

Koristio je nekoliko dana ali mu nije bilo preterano zanimljivo da se jedno te isto vrti po belom ekranu, pa je ta aplikacija ostala u zapećku.

Miki vežba matematiku

Pošto je moj sin Mihailo letnji raspust proveo u raznim slobodnim aktivnostima koje su podrazumevale i kompjuterske igre, ali bez ikakvih školskih aktivnosti, pred kraj raspusta sam došao na ideju da napravim nešto slično azbuci, samo za matematiku, kako bi „trenirao“ sabiranje, oduzimanje, množenje i deljenje sa brojevima prve desetice (da se malo podseti onoga što je učio prethodnih godina). A onda mi je na pamet pao i engleski jezik, pa sam napravio i aplikaciju za engleski.

Fuzija

Pošto sam sve tri aplikacije pojedinačno učinio dostupnim na vebu, palo mi je na pamet da ih ujedinim u okviru jednog veb mesta, sa prigodnim izgledom zanimljivim deci, i to pustim u pogon sa početkom nove školske godine.

Tako je nastala Vežbanka! (ovaj naziv i domen projekta pobedio je u Tviter anketi)

Koristio sam slobodne programe Inkscape i GIMP kako bih napravio elemente sučelja, i to oblačiće u stilu nekih koje sam našao na netu, nebo, travu sa cvetićima, tablu i dugmad. Za ispis naziva projekta „vežbanka“ upotrebio sam ćirilični pisani font Tesla (rekonstruisani rukpis Nikole Tesle).

Dolazna stranica vezbanka.com

Iz statistike sam video da Zapise najveći broj posetilaca čita na ekranima rezolucije 1024×768, te sam sučelje Vežbanke dizajnirao upravo za tu rezoluciju ekrana, s tim da je poželjno koristiti prikaz preko celog ekrana kako bi deca imala što bolji užitak i uživala u prijatnoj slici. Ukoliko pri dolasku na dolaznu stranicu mašina ustanovi da je visina unutrašnjeg prozora veb pregledača niža od 620 tačaka, preporučiće posetiocu da pritisne taster F11, što je ekvivalent naredbi za postavljanje prikaza preko celog ekrana.

Za sve funkcije aplikacija koristio sam JavaScript, koji u saradnji sa nešto PHP-a za organizaciju aplikacija proizvodi validan XHTML 1.1 i CSS 3 kôd.

Testirao sam funkcionalnost u programima Mozilla Firefox 3.0 i 3.5, Opera 10, Google Chrome 4, Apple Safari 4 i Internet Explorer 8, i proba je (neverovatno ) uspešno prošla!

Šta sve Vežbanka sadrži?

Vežbanka je skup veb aplikacija koje olakšavaju učenje i memorisanje slova azbuke, fonetskih parova suglasnik-samoglasnik i čitanje kratkih rečenica (Azbuka), rešavanje jednačina sa brojevima prve desetice (Matematika), te memorisanje ispravno napisanih reči engleskog jezika i prepoznavanje njihovog značenja (Engleski).

Simbolično, svaka od pomenute tri aplikacije (oblasti) ima tablu sa drugačijom teksturom – male i velike linije za azbuku, kvadratići za matematiku i velike linije za engleski.

Azbuka

U aplikaciji Azbuka postoji osam vežbica, i to:

Azbuka (po redu): slova azbuke od A do Š, veliko i malo slovo zajedno.
Azbuka (bez reda): nasumično izabrana mala ili velika slova azbuke.
Azbuka (par bez reda): nasumično izabrano malo i veliko slovo azbuke.
Samoglasnik: nasumičo izabrani samoglasnik, malo ili veliko slovo.
Slog (po redu): dvoslovni slogovi malim slovima, suglasnik i samoglasnik (a, e, i, o, u), u kombinacijama bez ponavljanja (ba, va, ga… ču, džu, šu).
Slog (bez reda): nasumično izabrani dvoslovni slog, suglasnik i samoglasnik, mešano mala i velika slova.
Rečenica (po redu): izabrane rečenice, jedna po jedna, iz bukvara za prvi razred osnovne škole.
Rečenica (bez reda): nasumično izabrana rečenica iz bukvara za prvi razre osnovne škole.

Osim osnovne statistike o broju pređenih zadataka i poziciji trenutno prikazanog zadatka u nizu, za azbuku trenutno ne postoji istorija rešenih zadataka.

Azbuka se koristi jednostavnim „kliktanjem“ na dugme sa željenim zadatkom.

Azbuka - dolazna stranica

Matematika

Matematika nudi mogućnost unosa rezultata brojevima, i to za operacije sabiranja, oduzimanja, množenja i deljenja. Ukoliko dete unese netačan rezultat, o tome će biti obavešteno. Takođe se obaveštava i kada unese tačan rezultat. Na dnu table ispisuje se aktuelna statistika sa brojem tačnih, brojem netačnih i ukupnim brojem rešenih zadataka.

Dugme „Istorija“ sa sličicom liste omogućava roditeljima uvid u spisak rešenih zadataka sa unetim rezultatima, kao i vremenskom oznakom kada je zadatak rešen. Na ovaj način roditelji lako mogu videti gde dete najčešće pravi greške.

Matematika - dolazna stranica

Engleski

Engleski trenutno nudi samo mogućnost unosa značenja engleske reči na sprskom jeziku, pri čemu je moguće uneti i sinonime (npr. pernica ili pribor za pencil-case). Za brojeve je pored broja slovima moguće ukucati samo broj (ciframa). Ako dete ne zna šta neka reč znači, može ukucati upitnik umesto reči i dobiće reč na srpskom. Na dnu table se ispisuje aktuelna statistika sa brojem tačnih, pogrešnih i ukupnim brojem datih odgovora. Pomoć za nepoznate reči se ne računa u odgovor.

I za engleski postoji istorija pređenih pojmova, s tim da se pored tačnih i pogrešnih odgovora beleži i pomoć za nepoznatu reč. naravno, vremenska oznaka je prisutna i za ovu istoriju.

Engleski - dolazna stranica

Domaći zadatak

Još uvek nije sve gotove, pa otuda markica „beta“ sa leve strane Vežbanke. Ostaje da napravim istoriju za azbuku, mogućnost izbora unosa značenja na srpskom ili unosa engleskih reči za aplikaciju Engleski, sličice predmeta za slova azbuke i eventualno sličice koje opisuju englesku reč u aplikaciji Engleski.

Imao sam ideju da pozdrav pri dlasku na Vežbanku i uputstvo za korišćenje izgovara glas (Mikijevi, moj, ili neki drugi), ali sam za početak to izbacio iz skorih unapređenja dok ne pronađem elegantno rešenje koje će raditi svuda.

Zahvale

Pre svega se zahvaljujem sinu Mihailu što me je indirektno (nesvesno) „naterao“ da napišem Azbuku, Matematiku i Engleski. Takođe se zahvaljujem Bobić Siniši na čijem serveru su hostovane aplikacije. I na kraju ostaje da se zahvalim ljudima koji su bili „beta testeri“ i dali neke predloge, a to su: Ivana, Vule, Krsto, Iris, Petar, Valter, Aco i svim tviterašima koji su glasali u anketi za naziv/domen projekta.

Ako sam nešto zaboravio da napomenem, ne zamerite. Pošto je Vežbanka nekomercijalni projekat, nema nikakvih reklama. Banere za Vežbanku ću napraviti u narednih nekoliko dana i biće dostupni na info stranici vežbanke, pa ćete moći i vi da „širite glas o Vežbanci“

Vizuelne mane

Više ljudi je primetilo da se Vežbanka baš vizuelno i ne uklapa na njihovim uobičajenim ekranima. Istina, ni na mom laptopu u rezoluciji 1280×800, i to u nekom prozoru koji je niži od visine koju sam ja „zamislio“ izgleda ovako:

Tabla preklopljena travom

Zaista izgleda „nedovršeno“, ali tako je zbog ideje da se Vežbanka gleda u režimu prikaza preko celog ekrana. Kao što sam gore i naveo, u Vežbanka najbolje izgleda na rezoluciji 1024×768 kada je prozor veb preglednika razvučen preko celog ekrana (eng. Full Screen). Svaka druga kombinacija „u prozoru“ stvara utisak nedorađenosti.

Znam da je retko ko navikao da surfuje u „fulskrinu“, al’ ovo je za decu, nije za nas matore

Tags: Apple, Chrome, firefox, gimp, Google, ie, inkscape, internet, javascript, Microsoft, mozilla, opera, safari, xhtml, azbuka, aplikacije, brojevi, deca, đak, engleski, igre, kompjuter, reči, srpski, tata, škola

47 Responses

Sinisa Bobic 31. avgust 2009. at 21:34 ·
Nek je sa srecom pa da vidimo i prirodu i drustvo u buducnosti
Vule 31. avgust 2009. at 21:57 ·
Prelepo i korisno. Aleksandre, nikad me neces razocarati svojim idejama. BRAVO!
Eniac 31. avgust 2009. at 22:03 ·
Ti si kralj, toliko od mene!
Mladen Drobnjakoivic 31. avgust 2009. at 22:03 ·
Svaka čast na ideji i uloženom trudu!
Suske 31. avgust 2009. at 22:09 ·
Moja deca će biti oduševljena, a imamo i neke prijatelje prvake
Tebi svaka čast!
Linga 31. avgust 2009. at 22:11 ·
Ovo je fenomenalno, moj naklon. Sjajan nacin da se spoji lepo i korisno u prici oko racunara i dece. Vidim i da bi mozda mogla sa http://www.roditelj.org da se napravi saradnja
Deda 31. avgust 2009. at 22:17 ·
ALi uvek me prijatno iznenadis!!!
Fenomenalno i prelepo, a funkcionalno.
Moj prvacic ce sigurno koristiti ovu vezbanku. Hvala !!!
Škrabalica 31. avgust 2009. at 22:20 ·
I onom prvom verzijom bila oduševljena. Sada je k’o bombona!
Svaka čast Aleksandre!
momsab 31. avgust 2009. at 22:44 ·
ODLIČNO!
Nego, sredi 500 Internal Server Error, da se prikazuje nešto drugo kad je preopterećen sistem
Petar 31. avgust 2009. at 23:13 ·
Pre negoli sam pročitao ovaj post, posetio sam stranicu da vidim da li si nešto usvojio od mojih predloga tako velikodušno i bez IP prava rasutih po Fejsu , ali ti samo promenio interfejs Međutim, moram reći da odlično izgleda, prosto mi dođe da vežbam matematiku… Aplikacija je genijalna u svojoj jednostavnosti i samoj činjenici da postoji, odn. da se neko ne samo setio već i potrudio da je napravi. Bravo!
Naravno, ja ne bih bio ja kada ne bih nešto njaoke, pa ću ti skrenuti da pažnju da kao autor vežbanke za srpski jezik, čijeg si pravilnog korišćenja u ćiriličnoj pismenoj izvedbi veliki proponent, ne bi trebalo da koristiš predlog ispred infinitiva za izražavanje namere (za uraditi, grave mistake), jer iza predloga može ići samo glagolska imenica… Od mene tol’ko, keep up the good work!
Djura Jaksic 31. avgust 2009. at 23:15 ·
Djura je bio najvredniji i prvi je „ukrao“ ceo post sa slikama, tekstom i linkovima….
Aleksandre, zahvaljujemo se sto ste nam dozvolili da preuzmemo u kompletu vas post, jer Vezbanka zaista zavredjuje posebnu paznju…
Hvala vam !!! Super ste…
Ljubomir Kurij 31. avgust 2009. at 23:25 ·
Uh, pa meni baš i ne radi? Mada ja koristim Vatrenog lisca 2.0.0.18 (ala će da padne instalacija novog slakvera).
Aleksandar 1. septembar 2009. at 00:22 ·
@Sinisa Bobic, @Vule, @Eniac, @Mladen Drobnjakoivic, @Suske, @Deda, @Škrabalica: Hvala! A sad, sklonite se od kompa i pustite decu nek vežbaju
@Linga: Hvala! Saradnja je dobro došla, kad god su klinci u pitanju.
@momsab: Hvala! Uleteo si u ternutku kad sam štelovao mod_rewrite Ima sad „okrečene“ i 403, i 404, a i 500
@Petar: Tvoji predlozi sa Fejsbuka su u „Domaćem zadatku“, čini mi se A za sotatak oko „Za uraditi“, vala si me uputio Dobro ovako kako je sada?
@Djura Jaksic: Pozdrav za Đurine đake prvake
@Ljubomir Kurij: Koji deo ne radi? (pošto kapiram da ono „baš i ne radi“ znači da nešto radi a nešto jok?
Petar 1. septembar 2009. at 00:39 ·
Uf, izgleda da jesu, ali kod „Za uraditi“ sam dobio tikove i prestao dalje da čitam, a počeo da pišem komentar Anyway, to ne umanjuje kvalitet tvoje zamisli, a još manje njene izvedbe… Kada nađeš eleganto rešenje koje će raditi svuda za reprodukciju zvuka, razmisli još jednom o mom predlogu da se prilikom prikaza reči reprodukuje izgovor, po mom skromnom mišljenju nešto što je većini učenika engleskog jezika u Srbiji, paradoksalno, najslabija tačka. Zajebo ne Vuk, šta mož da radiš…
Aleksandar 1. septembar 2009. at 00:52 ·
@Petar: Da li ja to vidim prvog konkretnog saradnika na projektu (koji će donirati svoj glas i izgovor engleskih reči)?
Petar 1. septembar 2009. at 01:12 ·
Sve je moguće
Ivana 1. septembar 2009. at 09:18 ·
Ja sam potpuno fascinirana, i širim glas na sve strane. Mamama se dopada
Preneću ti jedan ‘glas’ od mame koja živi na engleskom govornom području, da je Engleski odličan i za vežbanje srpskih reči
Aleksandar 1. septembar 2009. at 09:42 ·
@Petar: Onda te držim za reč!
@Ivana: Hvala! Izgleda da se sa ovim više igraju mame i tate nego deca
Firstname Lastname 1. septembar 2009. at 11:50 ·
WOW! Nista mi pametnije ne pada na pamet
Moje je dete prosle godine poslo u skolu. Ubila sam se trazeci ovako nesto na netu. Bezuspesno, naravno.
Hvala puno!
Ljubomir Kurij 1. septembar 2009. at 21:40 ·
Radi samo pozadina!
Aleksandar 2. septembar 2009. at 00:00 ·
@Firstname Lastname: Hvala Vama! Eto, sad dete ima čime da se igra i da vežba u isto vreme
@Ljubomir Kurij: Da pogađam razlog: Konqueror (iz nekog razloga izgleda da ne kapira z-index kako treba, ili sam negde omanuo sa CSS-om a ne znam gde)?
Petar 2. septembar 2009. at 00:17 ·
Tja, CSS validator tvrdi da ti je CSS validan. Dakle, z-index
Gaga 2. septembar 2009. at 08:15 ·
Fenomenalno! Čim mi se bude vratio sin iz škole, pokazaću mu, verujem da će da bude oduševljen.
OnLine Vežbanka | Walter.rs 2. septembar 2009. at 12:37 ·
[...] ove sjajne internet strane je genijalni Aleksandar @Urosevic koji je na svojim Zapisima objasnio kako i zašto je nastala Vežbanka. #Vezbanka je inče skup web aplikacija namenjna najmladjima da sa lakoćom savladaju početne [...]
Charolija 2. septembar 2009. at 13:16 ·
Fantastično, bravo majstore i hvala.
Ljubomir Kurij 2. septembar 2009. at 15:57 ·
@Aleksandar:
Pa nisam siguran kakve veze ima „Osvajač“ sa ovim, pošto koristim kao što sam već rekao „Vatrenog lisca“ (ako ima, daj molim te objasni, da znam za kasnije), doduše verzija je matora 2.0.0.18.
Aleksandar 2. septembar 2009. at 17:56 ·
@Petar i @Ljubomir Kurij: A ja se uhvatio Osvajača k’o pijan plota Dakle, u Osvajaču elementi nisu „klikabilni“ a u Fajerfoksu 2 nema ničega osim pozadine i travice! Zaista neverovatno i uopšte mi ne pada na pamet u čemu je fora (osim z-index-a i apsolutnog pozicioniranja, ali bi to trebalo da radi i u starijim pregledačima…).
@Gaga i @Charolija: Hvala devojke Sad pustite malo klince za komp, a vi spremite ručak za sutra
rada 4. septembar 2009. at 10:58 ·
Sjajno Urke, genijalno uvek stiže s tvoje strane!! Da ti pozavide mnogobrojni ,,velikani,, . Čestitke! Podeliću link deci-kamperima pod hitno.
rada 4. septembar 2009. at 11:24 ·
F11 , sjajno radi!
rada 4. septembar 2009. at 13:27 ·
Uvod za predlog i sugestije:
Pogledam raspored mog šestaka, nigde informatike. Kaže on: ma to će možda biti u drugom polugodištu, ali to i nije važno, ionako na informatici igramo igrice :O
A pro-po, pored da sam šokirana zapostavljanjem predmeta informatika u OŠ, a tutnjimo svi u IT, moj predlog je da se u tvojim aplikacijama, u dogledno vreme, naravno, nađe i informatika.
Sinisa Bobic 4. septembar 2009. at 15:12 ·
Ja predlazem da pokrijes celu osnovnu skolu po predmetima da uvedes lekcije/testove itd
Ivan Starčević 13. septembar 2009. at 21:14 ·
Aleksandre, vi me sve više i više oduševljavate. Svaka čast. Ovo će u mojoj školi veoma brzo da se pročuje. Mislim da će učiteljice kao i đaci biti prezadovoljni.
vilenjakženski 13. septembar 2009. at 23:17 ·
sjajno, care
Slavko Todorovic 20. septembar 2009. at 16:34 ·
Kao što Eniac reče „Ti si kralj“. I ja imam đaka prvaka kome je vežbanka i te kako okupirala pažnju. Nadam se da će tako biti i sa mlađom ćerkicom dogodine. Takođe se nadam daljem razvoju Vežbanke i možda ubacivanje još nekog od predmeta. Sve pohvale još jednom.
kdr 16. oktobar 2009. at 08:55 ·
Odličan sajt, mada imam jednu zamerku. Meni je dosta vremena trebalo da pročitam naslov „Vežbanka“. Pošto je meni nečitak, kako je tek deci! I još nešto, moj bratanac me je pitao šta znači „beta“, koja mu izbija oči. Kad sam mu objasnio da to znači da će se uskoro naći još mnogo-mnogo lepih stvari, više nije hteo da se igra na sajtu dok se ne pojave te nove mnogo-mnogo lepe stvari….
Možda da sklonite „beta“. Niti deca znaju šta to znači, niti moraju ljudi da znaju da niste završili posao. Možda da stavite „još uvek rastemo“ ili sl. A i crvena boja bode oči.
Aleksandar 16. oktobar 2009. at 10:40 ·
@kdr: Hvala za sugestiju oko „bete“, koja je uklonjena.
Što se tiče naslova „Vežbanka“ u oblacima, više sam ciljao na njega kao „kitnjasti“ detalj u oblacima koji bi deci svojim nepravilnim krivinama delovao opušteeno, nego kao „uštogljenom“ jasno čitljivom tekstu. U svakom slučaju, i ako bi font naslova bio promenjen, morao bi da bude promenjen u besplatan font koji sadrži slova pisane azbuke. Neki predlog?
kdr 16. oktobar 2009. at 10:54 ·
Ideja za naslov je dobra, samo je nečitljiva. Pogle ovde http://cirilica.com i http://groups.google.com/group/yu.comm.software/browse_thread/thread/8e8c217a58e120d7?pli=1
vilenjakženski 18. oktobar 2009. at 22:04 ·
ti uvek odgovaraš na sve komentare i ja to smatram pravom blogerskom pristojnošču – a ovoga puta si samo mene preskočio
Aleksandar 18. oktobar 2009. at 23:11 ·
@kdr: Imam ja veliki broj fontova sa pisanim slovima, i ove sa ćirilice, ali nisam uspeo da pronađem adekvatan a Tesla mi je u tom ternutku bio u glavi. No, svaki konkretan predlog je dobro došao!
@vilenjakženski: Pa, ne baš. Nisam odgovorio ni @Radi, ni @Siniši, ni @Slavku. Zato evo ispravljam grešku pa vam svima zahvaljujem na podršci Može?
Slavica i Anja 30. oktobar 2009. at 17:51 ·
Super vam je vezbanka i mnogo se lepo igramo. Hvala. Samo evo imamo već devedesetak tačnih odgovora iz matematike a i iz engleskog i ne znamo kad je kraj, kad smo pobedili ? malo nam sad dosadilo .. a mnogo sjadak sajt
Aleksandar 30. oktobar 2009. at 21:06 ·
@Slavica i Anja: Kada vam dosadi, napravite pauzu Ili postavite novi cilj – 50 tačnih odgovora, pa 70, pa 100, i tako dalje Ili, 30 tačnih bez pogrešnih — igrajte se
Damir 4. novembar 2009. at 21:27 ·
Super stvar. Ono što mislim da stvarno nedostaje jesu ilustracije – za svako slovo u azbuci po neka sličica, za svaku reč iz engleskog, pa i za matematiku (npr. 3 jabuke i jos 2 jabuke). Jesi li razmišljao o tome da otvoriš projekat? Tako bi lakše mogao i da se ostvari @Sinišin predlog da se pokrije više razreda.
Aleksandar 4. novembar 2009. at 21:38 ·
@Damir: Ilustracije naravno imam u planu da dodam, kao i audio komentare. Problem sa ilustracijama na koji sam naišao je to što nisam našao odgovarajuće ilustracije slobodne za upotrebu, a nemam dovoljno vermena (a da budem iskren, ni umetničkog umeća) da nacrtam ilustracije „od nule“. I to sa voćkama u matematici sam ugradio u jednu probnu verziju matematike, dok još nije bilo sve sjedinjeno u Vežbanku, ali sam iz istog razloga kao i za ilustracije to uklonio do daljnjeg.
Otvaranje projekta imam u planu ali tek kada sav softverski deo konvertujem u Ajax i jQuery, jer je trenutno previše „nabacano“ za moj ukus
Pomoć u izradi ilustracija je svakako dobro došla.
Darija 8. novembar 2009. at 13:31 ·
Aleksandre savaka čast! Moj prvak nije baš bio vičan u čitanju, a ovaj sajt nam je baš pomogao!!! Posebno ovaj deo sa slogovma! Inače imam jedan predleg, ustvari pitanje: da li bi moglo da se u rečenicama različitim bojama označe slogovi zbog lakšeg uočavanja radi lakšeg čitanja?
Nenad S. Lazić 29. novembar 2009. at 12:04 ·
Pre desetak minuta sam naišao na vežbanku i…
SVE ČESTITKE!!!
Aleksandar 30. novembar 2009. at 15:22 ·
@Nenad S. Lazić: Hvala Nenade! Ujedno, Vaš blog sa uputstvima za Inkskejp je odličan.
LUKA ILIC 24. maj 2011. at 10:55 ·
Hteo sam da kazem da ako mozes da napravis i za starije razrede i recimo za cetvrti nesto malo jace, ovo je bas za prvacice, drugacice… inace ipak, SVAKA CAST!