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