Vežbanka za školarce

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

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)

Vežbanka

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

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

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

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

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

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 ;)

Ovaj unos je objavljen pod Projekti. Zabeležite stalnu vezu.

47 komentar na zapis Vežbanka za školarce

  1. Sinisa Bobic kaže:

    Nek je sa srecom :) pa da vidimo i prirodu i drustvo u buducnosti :)

  2. Vule kaže:

    Prelepo i korisno. Aleksandre, nikad me neces razocarati svojim idejama. BRAVO!

  3. Eniac kaže:

    Ti si kralj, toliko od mene!

  4. Mladen Drobnjakoivic kaže:

    Svaka čast na ideji i uloženom trudu!

  5. Suske kaže:

    Moja deca će biti oduševljena, a imamo i neke prijatelje prvake ;)
    Tebi svaka čast! :)

  6. Linga kaže:

    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 :)

  7. Deda kaže:

    ALi uvek me prijatno iznenadis!!!
    Fenomenalno i prelepo, a funkcionalno.
    Moj prvacic ce sigurno koristiti ovu vezbanku. Hvala !!!

  8. Škrabalica kaže:

    I onom prvom verzijom bila oduševljena. Sada je k’o bombona!
    Svaka čast Aleksandre!

  9. momsab kaže:

    ODLIČNO!

    Nego, sredi 500 Internal Server Error, da se prikazuje nešto drugo kad je preopterećen sistem :)

  10. Petar kaže:

    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!

  11. Djura Jaksic kaže:

    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…

  12. Ljubomir Kurij kaže:

    Uh, pa meni baš i ne radi? Mada ja koristim Vatrenog lisca 2.0.0.18 (ala će da padne instalacija novog slakvera).

  13. Aleksandar kaže:

    @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 :D 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? :D

  14. Petar kaže:

    Uf, izgleda da jesu, ali kod „Za uraditi“ sam dobio tikove i prestao dalje da čitam, a počeo da pišem komentar :D 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š…

  15. Aleksandar kaže:

    @Petar: Da li ja to vidim prvog konkretnog saradnika na projektu (koji će donirati svoj glas i izgovor engleskih reči)? ;)

  16. Petar kaže:

    Sve je moguće :)

  17. Ivana kaže:

    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 :)

  18. Aleksandar kaže:

    @Petar: Onda te držim za reč! ;)

    @Ivana: Hvala! Izgleda da se sa ovim više igraju mame i tate nego deca :)

  19. Firstname Lastname kaže:

    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!

  20. Ljubomir Kurij kaže:

    Radi samo pozadina!

  21. Aleksandar kaže:

    @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)?

  22. Petar kaže:

    Tja, CSS validator tvrdi da ti je CSS validan. Dakle, z-index ;)

  23. Gaga kaže:

    Fenomenalno! Čim mi se bude vratio sin iz škole, pokazaću mu, verujem da će da bude oduševljen.

  24. Povratni ping: OnLine Vežbanka | Walter.rs

  25. Charolija kaže:

    Fantastično, bravo majstore i hvala. :D

  26. Ljubomir Kurij kaže:

    @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.

  27. Aleksandar kaže:

    @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 ;)

  28. rada kaže:

    Sjajno Urke, genijalno uvek stiže s tvoje strane!! Da ti pozavide mnogobrojni ,,velikani,, . Čestitke! Podeliću link deci-kamperima pod hitno.

  29. rada kaže:

    F11 , sjajno radi!

  30. rada kaže:

    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.

  31. Sinisa Bobic kaže:

    Ja predlazem da pokrijes celu osnovnu skolu po predmetima :) da uvedes lekcije/testove itd :)

  32. Ivan Starčević kaže:

    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.

  33. vilenjakženski kaže:

    sjajno, care

  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.

  35. kdr kaže:

    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.

  36. Aleksandar kaže:

    @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?

  37. ti uvek odgovaraš na sve komentare i ja to smatram pravom blogerskom pristojnošču – a ovoga puta si samo mene preskočio :( :( :(

  38. Aleksandar kaže:

    @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? ;)

  39. Slavica i Anja kaže:

    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

  40. Aleksandar kaže:

    @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 :)

  41. Damir kaže:

    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.

  42. Aleksandar kaže:

    @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.

  43. Darija kaže:

    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?

  44. Pre desetak minuta sam naišao na vežbanku i…
    SVE ČESTITKE!!!

  45. Aleksandar kaže:

    @Nenad S. Lazić: Hvala Nenade! Ujedno, Vaš blog sa uputstvima za Inkskejp je odličan.

  46. LUKA ILIC kaže:

    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!