U školskoj godini 2025./2026. Katolička osnovna škola uključila se u projekt Vibe Coding liga Hrvatske, nacionalni projekt Instituta za razvoj i inovativnost mladih (IRIM) kojim se učenike potiče na razvoj digitalnih rješenja za stvarne potrebe škole i zajednice uz podršku umjetne inteligencije.
Tema ovogodišnjeg natjecanja bila je „Od ideje do aplikacije“, a zadatak učenika bio je prepoznati stvaran problem iz svoje okoline te uz pomoć AI alata osmisliti i razviti funkcionalno rješenje koje će imati konkretnu primjenu.
Kako je nastala ideja?
Ideja za projekt nastala je tijekom rada u izvannastavnoj aktivnosti DesignLab kroz razgovor učenika o mogućim projektima za Vibe Coding ligu Hrvatske. Prvotnu ideju predložila je učenica Lolla C. Ž., koja je predložila izradu digitalne školske trgovine u kojoj bi se na jednom mjestu mogli pregledavati, predstavljati i rezervirati proizvodi koje izrađujemo u DesignLabu.
Proizvodi su se do sada predstavljali putem smotri ili izložbi, društvenih mreža i usmene komunikacije, što je otežavalo pregled ponude, zaprimanje narudžbi i organizaciju proizvodnje.
Prijedlog je naišao na pozitivan odaziv članova tima te smo počeli razrađivati mogućnosti koje bi takva aplikacija mogla imati. Kroz razgovore i planiranje postupno su nastajale nove ideje vezane uz personalizaciju proizvoda, prikaz 3D proizvoda, upravljanje narudžbama, evidenciju zaliha, praćenje statusa narudžbi i komunikaciju s kupcima.
Iz početne ideje i stvarnih potreba DesignLaba postupno je nastala aplikacija KOŠ.STORE – digitalna školska trgovina koja objedinjuje katalog proizvoda, personalizaciju, rezervacije, upravljanje narudžbama, komunikaciju s kupcima i administraciju sadržaja u jedinstven sustav prilagođen stvarnom radu škole.
Projekt je razvijan metodom vibe codinga, pri čemu su učenici i mentorica pomoću prirodnog jezika opisivali željene funkcionalnosti, analizirali prijedloge umjetne inteligencije, testirali rješenja, uočavali nedostatke te postupno nadograđivali aplikaciju novim mogućnostima. Umjesto učenja pojedinačnih programskih naredbi, naglasak je bio na prepoznavanju problema, osmišljavanju rješenja, kritičkom promišljanju i suradnji između učenika i AI alata.
Tijekom razvoja aplikacija je prošla brojne faze planiranja, testiranja i nadogradnje. Od početne verzije s osnovnim prikazom proizvoda postupno je razvijen složen sustav koji danas podržava personalizaciju proizvoda, upravljanje bojama za 3D ispis, automatske e-mail obavijesti, praćenje narudžbi sigurnosnim kodom, upravljanje zalihama, recenzije proizvoda, administraciju sadržaja i niz drugih funkcionalnosti potrebnih za svakodnevni rad DesignLaba.
U nastavku je prikazan razvoj projekta od prvih ideja do završne funkcionalne aplikacije.
Analiza potreba i planiranje funkcionalnosti
Prije početka razvoja analizirali smo način rada DesignLaba, proces naručivanja proizvoda, komunikaciju s korisnicima i potrebe učeničke zadruge. Tijekom analize prepoznati su izazovi vezani uz predstavljanje proizvoda, upravljanje personalizacijama, evidenciju narudžbi, organizaciju proizvodnje i komunikaciju s kupcima. Na temelju prikupljenih potreba izrađen je plan funkcionalnosti koje će aplikacija postupno dobivati tijekom razvoja.
Prva verzija aplikacije
Razvoj projekta započeo je prvim upitom i izradom osnovne verzije aplikacije koja je imala zadatak omogućiti pregled proizvoda i zaprimanje rezervacija. Već u početnoj fazi bilo je jasno da cilj nije izraditi jednostavnu aplikaciju, nego stvoriti sustav koji će dugoročno podržavati rad DesignLaba i omogućiti digitalnu prezentaciju proizvoda koje učenici izrađuju kroz razne kreativne, tehničke i poduzetničke aktivnosti.
Prva verzija aplikacije sadržavala je početni katalog proizvoda s fotografijama, nazivima i cijenama te mogućnost pregleda pojedinačnog proizvoda. Korisnici su mogli pregledavati ponudu i upoznati se s proizvodima koje izrađuju učenici, dok je administracija omogućavala osnovno upravljanje sadržajem.
Već tijekom prvih testiranja uočeno je kako postoji potreba za mnogo većim brojem funkcionalnosti. Osim samog prikaza proizvoda, bilo je potrebno omogućiti pretraživanje, filtriranje, personalizaciju proizvoda, upravljanje fotografijama, evidenciju zaliha, praćenje narudžbi, komunikaciju s kupcima, upravljanje bojama za 3D proizvode te sustav koji bi podržavao cijeli proces od rezervacije proizvoda do njegovog preuzimanja.
Zbog toga je početna verzija poslužila kao temelj za daljnji razvoj aplikacije, a kroz brojne nadogradnje postupno je prerasla u cjeloviti sustav za upravljanje proizvodima, personalizacijom, narudžbama i administracijom rada DesignLaba.
Razvoj kataloga proizvoda i korisničkog sučelja
Nakon izrade početne verzije aplikacije započeo je razvoj detaljnog kataloga proizvoda koji će kupcima omogućiti jednostavno pronalaženje i pregled proizvoda. Cilj je bio stvoriti pregledno, moderno i intuitivno korisničko sučelje koje će biti jednako funkcionalno na računalima, tabletima i mobilnim uređajima.
Na naslovnici su prikazani logo škole i logo DesignLaba koji su ujedno i poveznica za naslovnu stranicu, naziv aplikacije i katalog proizvoda organiziran kroz kartični prikaz. Svaki proizvod prikazuje fotografiju, naziv, cijenu i osnovne informacije potrebne za brzi pregled ponude.
Kako je broj proizvoda rastao, uveden je sustav kategorizacije kojim su proizvodi podijeljeni na 3D proizvode i proizvode s otiskom. Time je korisnicima omogućeno lakše snalaženje u ponudi te brže pronalaženje željene vrste proizvoda.
Razvijen je sustav pretraživanja u stvarnom vremenu koji omogućuje pretragu prema nazivu proizvoda, šifri proizvoda, kategoriji i sadržaju opisa. Rezultati se prikazuju odmah tijekom upisivanja pojmova bez potrebe za ponovnim učitavanjem stranice.
Uz pretraživanje implementirani su filtri i sortiranje proizvoda. Korisnici mogu pregledavati proizvode prema odabranoj kategoriji te ih sortirati prema nazivu, cijeni i dostupnosti. Posebna pažnja posvećena je tome da pretraživanje, filtriranje i sortiranje rade zajedno kako bi korisničko iskustvo bilo što jednostavnije.
Za svaki proizvod razvijena je zasebna stranica s detaljnim informacijama. Uz osnovne podatke poput naziva i cijene prikazuju se šifra proizvoda, opis, dimenzije, sastav materijala, dostupnost, procijenjeno vrijeme izrade, napomene te druge informacije važne kupcu prije slanja narudžbe.
Velika pažnja posvećena je vizualnom prikazu proizvoda. Razvijen je sustav galerija fotografija koji omogućuje prikaz glavne fotografije i više dodatnih fotografija. Korisnici mogu pregledavati slike u punoj veličini, koristiti povećanje fotografija, listati galeriju te detaljno pregledati proizvod prije rezervacije.
Kako bi administracija mogla jednostavno uređivati sadržaj, razvijen je sustav upravljanja galerijama fotografija. Administrator može dodavati nove fotografije, odabrati glavnu fotografiju proizvoda te mijenjati redoslijed prikaza fotografija metodom povlačenja i ispuštanja (drag-and-drop).
Tijekom razvoja dodane su i oznake proizvoda poput „Novo“, „Najprodavanije“ i „Proizvod mjeseca“ koje omogućuju dodatno isticanje pojedinih proizvoda i poboljšavaju preglednost kataloga.
Na taj je način jednostavan početni prikaz proizvoda prerastao u cjelovit katalog koji kupcima omogućuje brz pregled ponude, jednostavno pronalaženje proizvoda i detaljno upoznavanje s proizvodima prije narudžbe.
Administracijsko sučelje i upravljanje sadržajem
Kako se broj proizvoda, fotografija i narudžbi povećavao, pojavila se potreba za razvojem zasebnog administracijskog sustava koji će omogućiti jednostavno upravljanje svim sadržajem aplikacije bez potrebe za izmjenama programskog koda.
Administracijsko sučelje potpuno je odvojeno od korisničkog dijela aplikacije te je dostupno isključivo nakon prijave administratora. Na taj način osigurana je zaštita podataka i spriječen pristup funkcijama koje nisu namijenjene kupcima.
Jedan od glavnih ciljeva razvoja administracije bio je omogućiti da se svi sadržaji mogu uređivati kroz grafičko sučelje. Administrator tako može samostalno dodavati nove proizvode, uređivati postojeće, mijenjati cijene, opise, fotografije, kategorije, dostupnost proizvoda i stanje zaliha bez potrebe za programerskim znanjem.
Za svaki proizvod moguće je definirati šifru proizvoda, naziv, kategoriju, cijenu, opis, dimenzije, sastav materijala, procijenjeno vrijeme izrade, upute za održavanje, dodatne napomene, oznake proizvoda te mogućnost personalizacije.
Posebna pažnja posvećena je upravljanju fotografijama proizvoda. Administrator može dodavati nove fotografije, uklanjati postojeće, određivati glavnu fotografiju proizvoda te mijenjati redoslijed prikaza fotografija unutar galerije. Time je omogućeno jednostavno održavanje vizualnog sadržaja bez potrebe za vanjskim alatima.
Kako bi se olakšao rad s većim brojem proizvoda, implementirano je pretraživanje unutar administracije te sortiranje proizvoda prema šifri proizvoda. Na taj način moguće je brzo pronaći željeni proizvod i izvršiti potrebne izmjene.
Administracija omogućuje i upravljanje dostupnošću proizvoda. Proizvod se može aktivirati ili deaktivirati ovisno o tome nalazi li se u aktualnoj ponudi. Neaktivni proizvodi ne prikazuju se kupcima, ali ostaju spremljeni u sustavu radi kasnijeg korištenja ili ponovne aktivacije.
Kako bi se spriječio slučajni gubitak podataka, proizvodi se mogu trajno ukloniti tek nakon deaktivacije. Time se smanjuje mogućnost nenamjernog brisanja proizvoda koji su još uvijek dostupni kupcima.
Osim proizvoda, administracijsko sučelje omogućuje upravljanje logotipima škole i DesignLaba, sadržajem stranice Uvjeti narudžbe, popisom članova DesignLaba, podacima za kontakt te ostalim sadržajem koji se prikazuje korisnicima aplikacije.
Sustav je razvijen s ciljem da svakodnevno korištenje bude što jednostavnije te da administratori mogu samostalno upravljati cjelokupnim sadržajem aplikacije bez potrebe za dodatnim tehničkim znanjem ili intervencijama u izvornom kodu.
Sustav proizvoda i galerija fotografija
Jedan od najvažnijih dijelova aplikacije predstavlja sustav upravljanja proizvodima. Od samog početka cilj nije bio prikazati samo osnovne informacije o proizvodima, već omogućiti detaljan pregled svih podataka koji kupcima mogu pomoći pri odabiru proizvoda i donošenju odluke o narudžbi.
Za svaki proizvod moguće je definirati jedinstvenu šifru proizvoda, naziv, kategoriju, cijenu, opis, dimenzije, sastav materijala, procijenjeno vrijeme izrade, upute za održavanje, dodatne napomene te oznake kojima se proizvod dodatno ističe unutar trgovine. Time je omogućen standardiziran prikaz svih proizvoda bez obzira na vrstu proizvoda ili način izrade.
Kako bi administracija mogla jednostavnije uređivati sadržaj, implementiran je editor opisa koji omogućuje uređivanje teksta bez poznavanja programiranja. Na taj način svaki proizvod može sadržavati detaljne informacije važne kupcima, a sadržaj se može jednostavno ažurirati kada se promijene karakteristike proizvoda.
Velika pažnja posvećena je fotografijama proizvoda jer upravo one predstavljaju prvi kontakt kupca s proizvodom. Svaki proizvod može sadržavati glavnu fotografiju i neograničen broj dodatnih fotografija koje zajedno čine galeriju proizvoda.
Kupcima je omogućen pregled fotografija u punoj veličini, povećavanje detalja proizvoda te jednostavno listanje između fotografija. Time se omogućuje kvalitetniji prikaz proizvoda i bolji uvid u izgled, boje i detalje izrade.
Administracijsko sučelje omogućuje jednostavno upravljanje galerijama fotografija. Fotografije se mogu dodavati, uklanjati i reorganizirati bez potrebe za dodatnim alatima. Posebno je implementirana mogućnost određivanja glavne fotografije koja se prikazuje u katalogu proizvoda te promjene redoslijeda fotografija metodom povlačenja i ispuštanja (drag-and-drop).
Za proizvode je implementiran i sustav dostupnosti. Administrator može odrediti radi li se o proizvodu koji je odmah dostupan na zalihi ili se izrađuje po narudžbi. Sustav prati stanje zaliha i prikazuje odgovarajuće informacije kupcima tijekom pregledavanja proizvoda.
Posebna funkcionalnost omogućuje isticanje pojedinih proizvoda oznakama poput „Novo“, „Najprodavanije“ i „Proizvod mjeseca“. Na taj način moguće je dodatno promovirati određene proizvode i usmjeriti pozornost kupaca na nove ili posebno zanimljive artikle.
Razvojem sustava proizvoda i galerija fotografija stvoren je detaljan katalog koji omogućuje kvalitetnu prezentaciju učeničkih radova te kupcima pruža sve informacije potrebne za odabir i rezervaciju željenog proizvoda.
Personalizacija proizvoda i EDUCanva integracija
Jedna od najvažnijih funkcionalnosti razvijenih tijekom projekta odnosi se na personalizaciju proizvoda. Budući da velik dio proizvoda koje izrađuje DesignLab nastaje prema željama kupaca, bilo je potrebno omogućiti jednostavan način dostave dizajna i komunikacije vezane uz personalizaciju.
Za proizvode kod kojih je omogućena personalizacija kupac može odabrati jedan od nekoliko načina dostave grafičkog rješenja. Prva mogućnost je učitavanje vlastitog dizajna u JPG, PNG ili PDF formatu. Na taj način kupci mogu koristiti vlastite fotografije, ilustracije, logotipe ili druge grafičke elemente koje žele prenijeti na proizvod.
Druga mogućnost je korištenje EDUCanva predložaka. Kako bi se olakšala izrada dizajna korisnicima bez grafičkog iskustva, za različite vrste proizvoda izrađeni su unaprijed pripremljeni EDUCanva predlošci. Kupci mogu otvoriti predložak, prilagoditi ga vlastitim željama te poveznicu na izrađeni dizajn unijeti u aplikaciju prilikom narudžbe.
Predlošci su pripremljeni za različite vrste proizvoda poput šalica, majica, bodija, kasica, torbi, cekera, gym ruksaka, sklopivih torbi i podloga za miš. Time je korisnicima omogućena jednostavna izrada personaliziranih proizvoda bez potrebe za korištenjem profesionalnih grafičkih alata.
Treća mogućnost namijenjena je korisnicima koji nemaju vlastiti dizajn ili im je potrebna pomoć pri izradi. U tom slučaju kupac može zatražiti pomoć DesignLaba te opisati željeni izgled proizvoda, ideju, tekst, motive ili druge zahtjeve koje želi uključiti u dizajn. Članovi DesignLaba zatim koriste dostavljene informacije kao polazište za izradu grafičkog rješenja.
Kako bi se spriječile nepotpune narudžbe, razvijen je sustav provjere unosa kod personaliziranih proizvoda. Takav proizvod nije moguće dodati u košaricu bez učitanog dizajna, unesene EDUCanva poveznice ili zahtjeva za pomoć DesignLaba. Na taj način osigurava se da svaka narudžba sadrži sve informacije potrebne za izradu proizvoda.
Uz personalizaciju dodane su i tehničke informacije koje korisnicima olakšavaju pripremu kvalitetnih grafičkih materijala. Za pojedine proizvode moguće je prikazati preporučene dimenzije dizajna, rezoluciju ispisa i podržane formate datoteka kako bi konačni rezultat bio što kvalitetniji.
Prilikom slanja narudžbe svi podaci vezani uz personalizaciju automatski se spremaju u sustav te postaju dostupni administratoru tijekom obrade narudžbe. Na taj način DesignLab ima pristup svim potrebnim datotekama, poveznicama i uputama bez dodatne komunikacije s kupcem.
Razvojem sustava personalizacije aplikacija je dobila mogućnost izrade proizvoda prema individualnim željama kupaca, čime je značajno proširena ponuda i povećana praktična vrijednost cijelog sustava.
Sustav boja i upravljanje 3D proizvodima
Budući da je za veliki dio proizvoda moguće odabrati boju, tijekom razvoja aplikacije posebna pažnja posvećena je upravljanju bojama i prilagodbi narudžbi željama kupaca.
U početnim verzijama aplikacije informacije o bojama bile su unesene unutar opisa proizvoda, što je otežavalo održavanje podataka i njihovo ažuriranje. Kako bi se pojednostavio rad administracije, razvijena je centralna baza boja koja omogućuje upravljanje svim dostupnim bojama na jednom mjestu.
Administrator može dodavati nove boje, aktivirati i deaktivirati ih, uređivati postojeće, mijenjati njihove nazive ili trajno ukloniti iz sustava. Za svaku boju moguće je definirati naziv i pripadajući prikaz boje kako bi korisnici mogli jednostavno prepoznati željenu nijansu tijekom naručivanja.
Kako bi upravljanje većim brojem boja bilo jednostavnije, implementirani su pretraživanje i sortiranje unutar baze boja. Time je omogućeno brzo pronalaženje željenih boja te jednostavno održavanje baze tijekom vremena.
Svakom 3D proizvodu moguće je dodijeliti samo određene boje koje su za taj proizvod dostupne. Na taj način kupci ne vide sve boje iz baze, nego samo one koje je administrator odobrio za pojedini proizvod. Time se sprječava odabir kombinacija koje nije moguće izraditi ili koje trenutno nisu dostupne.
Prilikom rezervacije kupac može odabrati željenu boju proizvoda. Odabrana boja automatski se sprema uz narudžbu te je vidljiva administratoru tijekom obrade. Time se eliminira potreba za dodatnim upisivanjem boja u napomene ili naknadnom komunikacijom s kupcima.
Sustav automatski prikazuje samo aktivne boje koje su dostupne za odabrani proizvod. Deaktivirane ili obrisane boje više nisu vidljive kupcima, čime se osigurava da se u narudžbama mogu odabrati samo aktualne opcije.
Osim odabira boja, razvijen je i sustav upravljanja dostupnošću proizvoda. Administrator može definirati izrađuje li se proizvod po narudžbi ili postoji na zalihi, a sustav prati količine i prikazuje odgovarajuće informacije kupcima tijekom pregledavanja proizvoda.
Zalihe su povezane sa sustavom narudžbi te se količine automatski ažuriraju nakon preuzimanja proizvoda. Kada količina proizvoda dosegne nulu, sustav može automatski promijeniti status proizvoda u „Izrada po narudžbi“, čime kupci dobivaju točne informacije o dostupnosti proizvoda.
Razvojem sustava boja i upravljanja 3D proizvodima omogućena je jednostavnija organizacija proizvodnje, preciznije zaprimanje narudžbi i veća prilagodba proizvoda željama kupaca, što je posebno važno kod proizvoda koji se izrađuju individualno za svakog korisnika.
Košarica, količinski popusti i sustav rezervacija
Kako bi proces naručivanja bio što jednostavniji i pregledniji, razvijen je sustav košarice koji omogućuje kupcima prikupljanje više proizvoda unutar jedne narudžbe. Umjesto slanja zasebnih zahtjeva za svaki proizvod, korisnici mogu odabrati željene proizvode, prilagoditi količine i poslati jedinstvenu rezervaciju.
Prilikom dodavanja proizvoda u košaricu sustav automatski provjerava sve potrebne podatke. Kod personaliziranih proizvoda provjerava se postoji li učitan dizajn, EDUCanva poveznica ili zahtjev za pomoć DesignLaba, dok se kod 3D proizvoda provjerava odabir boje ako je ona obavezna za određeni proizvod.
Košarica prikazuje fotografiju proizvoda, naziv, količinu, pojedinačnu cijenu, ukupnu cijenu za odabranu količinu te sve dodatne podatke povezane s personalizacijom ili odabirom boje. Kupci mogu povećavati ili smanjivati količine proizvoda, uklanjati proizvode iz košarice te u svakom trenutku vidjeti promjene ukupnog iznosa narudžbe.
Posebna funkcionalnost razvijena je za automatski obračun količinskih popusta. Sustav prati ukupan broj proizvoda u košarici i automatski izračunava ostvareni popust prema unaprijed definiranim pravilima. Kupac pritom vidi cijenu prije popusta, iznos popusta i konačnu cijenu koju će platiti prilikom preuzimanja proizvoda.
Kako bi korisnici lakše ostvarili povoljnije uvjete kupnje, aplikacija prikazuje i informaciju o tome koliko još proizvoda nedostaje do sljedeće razine popusta. Time se korisnike potiče na pregled dodatnih proizvoda i istovremeno povećava preglednost cijelog procesa naručivanja.
Nakon završetka odabira proizvoda kupac ispunjava obrazac za rezervaciju. Sustav prikuplja podatke potrebne za obradu narudžbe te ih povezuje sa svim odabranim proizvodima, količinama, bojama, personalizacijama i napomenama.
Za razliku od klasičnih internetskih trgovina, KOŠ.STORE koristi model rezervacije proizvoda umjesto online plaćanja. Ovakav pristup prilagođen je radu škole i učeničke zadruge te omogućuje jednostavnije upravljanje proizvodnjom i preuzimanjem proizvoda.
Nakon slanja rezervacije aplikacija automatski generira jedinstveni broj narudžbe i sigurnosni kod. Broj narudžbe služi za identifikaciju rezervacije, dok sigurnosni kod omogućuje sigurno praćenje statusa bez potrebe za korisničkim računom ili prijavom u sustav.
Svi podaci o rezervaciji automatski se spremaju u bazu podataka te postaju dostupni administratoru kroz administracijsko sučelje. Time se osigurava da niti jedna narudžba ne bude izgubljena te da svi podaci potrebni za proizvodnju i preuzimanje budu pohranjeni na jednom mjestu.
Razvojem košarice, sustava popusta i rezervacija aplikacija je dobila funkcionalnost koja povezuje pregled proizvoda s konkretnim procesom naručivanja te predstavlja središnji dio svakodnevnog rada korisnika i administratora.
Sustav narudžbi, automatske e-mail obavijesti i praćenje statusa
Nakon što kupac pošalje rezervaciju, aplikacija automatski pokreće proces obrade narudžbe. Cilj razvoja ovog sustava bio je omogućiti jednostavno praćenje cijelog životnog ciklusa narudžbe, od prvog zahtjeva pa sve do preuzimanja gotovog proizvoda.
Prilikom zaprimanja rezervacije sustav automatski generira jedinstveni broj narudžbe i sigurnosni kod za praćenje. Time svaka narudžba dobiva vlastiti identifikator koji omogućuje jednostavno pronalaženje i obradu unutar administracijskog sustava.
Odmah nakon uspješnog slanja rezervacije automatski se šalju e-mail obavijesti. Kupac prima potvrdu o zaprimanju narudžbe zajedno s brojem narudžbe, sigurnosnim kodom i poveznicom za praćenje statusa. Istovremeno DesignLab prima detaljnu obavijest sa svim podacima potrebnima za obradu i izradu proizvoda.
Administratorska obavijest sadrži podatke o kupcu, odabranim proizvodima, količinama, cijenama, odabranim bojama, personalizacijama, EDUCanva poveznicama, učitanim datotekama dizajna i dodatnim napomenama. Time su svi podaci potrebni za proizvodnju dostupni odmah nakon zaprimanja narudžbe.
Kako bi se olakšalo upravljanje proizvodnjom, razvijen je sustav statusa narudžbi. Svaka narudžba prolazi kroz unaprijed definirane faze obrade koje administrator može mijenjati ovisno o napretku izrade proizvoda.
Implementirani statusi narudžbi su:
- Zahtjev zaprimljen
- Čeka uplatu
- Uplaćeno – u izradi
- Spremno za preuzimanje
- Preuzeto
- Otkazano
Ovakav sustav omogućuje jasan pregled svih aktivnih narudžbi i jednostavno praćenje njihovog trenutnog stanja.
Administrator tijekom obrade može evidentirati uplatu, promijeniti status narudžbe, dodati datum preuzimanja te pratiti cjelokupnu povijest promjena. Sve izmjene automatski se spremaju u sustav kako bi uvijek postojao pregled tijeka obrade svake narudžbe.
Posebna pažnja posvećena je prikazu narudžbi unutar administracije. Narudžbe se mogu pregledavati kroz centralnu nadzornu ploču koja omogućuje brz pristup svim informacijama potrebnima za organizaciju proizvodnje i komunikaciju s kupcima.
Kupcima je omogućen zaseban sustav praćenja narudžbi bez potrebe za registracijom ili prijavom u aplikaciju. Dovoljno je unijeti broj narudžbe i sigurnosni kod kako bi se prikazao trenutni status narudžbe i informacije o njezinoj obradi.
Prilikom praćenja narudžbe kupac može vidjeti broj narudžbe, trenutni status, datum zaprimanja narudžbe, datum posljednje promjene statusa te procijenjeni datum preuzimanja. Time korisnik u svakom trenutku ima uvid u napredak izrade proizvoda bez potrebe za dodatnim upitima DesignLabu.
Razvojem sustava narudžbi, automatskih obavijesti i praćenja statusa uspostavljen je organiziran proces koji povezuje kupca, DesignLab i administraciju te omogućuje učinkovito upravljanje svim fazama proizvodnje i preuzimanja proizvoda.
Upravljanje zalihama i dostupnošću proizvoda
Kako bi aplikacija mogla podržavati stvaran proces proizvodnje i prodaje proizvoda, razvijen je sustav upravljanja zalihama i dostupnošću proizvoda. Cilj ovog dijela projekta bio je omogućiti točan prikaz dostupnosti proizvoda kupcima te istovremeno administraciji olakšati praćenje količina i planiranje proizvodnje.
Za svaki proizvod moguće je definirati stanje zaliha i način dostupnosti. Administrator može odrediti nalazi li se proizvod trenutno na zalihi ili se izrađuje po narudžbi. Time kupci odmah dobivaju informaciju o tome mogu li proizvod preuzeti odmah ili je potrebno pričekati njegovu izradu.
U administracijskom sučelju moguće je ručno povećavati ili smanjivati količine proizvoda te pratiti trenutno stanje zaliha za svaki proizvod pojedinačno. Na taj način administratori imaju stalan pregled raspoloživih količina bez potrebe za dodatnim evidencijama izvan aplikacije.
Posebna pažnja posvećena je povezivanju zaliha sa sustavom narudžbi. Količina proizvoda ne smanjuje se odmah nakon slanja rezervacije jer se rezervacija može otkazati ili ostati nepreuzeta. Umjesto toga, zalihe se automatski ažuriraju tek kada administrator označi narudžbu kao preuzetu.
Takav način rada omogućuje preciznije praćenje stvarnog stanja proizvoda i sprječava netočne podatke o raspoloživim količinama. Time se osigurava da stanje zaliha uvijek odgovara stvarno preuzetim proizvodima.
Razvijena je i zaštita od višestrukog umanjivanja količina. Ako administrator više puta promijeni status iste narudžbe, sustav prepoznaje da su zalihe već obrađene te sprječava ponovno smanjivanje količine proizvoda.
Kada količina određenog proizvoda dosegne nulu, sustav može automatski promijeniti njegov status dostupnosti u „Izrada po narudžbi“. Na taj način kupci i dalje mogu rezervirati proizvod, ali odmah dobivaju informaciju da se proizvod trenutno ne nalazi na zalihi te da će biti izrađen nakon zaprimanja narudžbe.
Osim automatskih promjena dostupnosti, administrator u svakom trenutku može ručno prilagoditi status proizvoda ovisno o organizaciji rada, dostupnosti materijala ili drugim okolnostima vezanima uz proizvodnju.
Sustav upravljanja zalihama posebno je važan za proizvode koji se izrađuju u manjim serijama ili prema individualnim zahtjevima kupaca jer omogućuje bolju organizaciju rada, preciznije planiranje proizvodnje i točnije informacije o dostupnosti proizvoda.
Povezivanjem zaliha, dostupnosti proizvoda i statusa narudžbi stvoren je jedinstven sustav koji administraciji omogućuje učinkovitije upravljanje proizvodima, a kupcima pruža pouzdane informacije tijekom pregledavanja i rezervacije proizvoda.
Sigurnost podataka i zaštita privatnosti
Tijekom razvoja aplikacije posebna pažnja posvećena je sigurnosti podataka i zaštiti privatnosti korisnika. Budući da sustav obrađuje podatke potrebne za izradu i preuzimanje proizvoda, bilo je važno osigurati da kupci imaju pristup samo informacijama koje su im zaista potrebne.
Jedna od ključnih funkcionalnosti razvijenih s ciljem zaštite privatnosti je sustav praćenja narudžbi pomoću broja narudžbe i sigurnosnog koda. Umjesto otvaranja korisničkih računa i pohrane dodatnih podataka za prijavu, kupac nakon slanja rezervacije dobiva jedinstveni broj narudžbe i sigurnosni kod koji koristi za provjeru statusa.
Prilikom provjere statusa prikazuju se samo podaci potrebni za informiranje kupca o tijeku obrade narudžbe. Korisnik može vidjeti broj narudžbe, trenutačni status, datum zaprimanja, datum posljednje promjene statusa te procijenjeni datum preuzimanja.
Osobni podaci kupca nisu vidljivi u sustavu za praćenje narudžbi. Također se ne prikazuju podaci o proizvodima, količinama, cijenama, napomenama niti drugi interni podaci koji nisu potrebni za praćenje statusa. Na taj način spriječena je mogućnost pristupa podacima drugih korisnika.
Administracijsko sučelje potpuno je odvojeno od javnog dijela aplikacije te je dostupno isključivo nakon uspješne prijave administratora. Kupci nemaju pristup administracijskim funkcijama, podacima o drugim narudžbama, zalihama, internim postavkama sustava niti alatima za upravljanje sadržajem.
Posebna pažnja posvećena je i zaštiti administratorskog pristupa. Administratorska lozinka nije pohranjena unutar izvornog koda aplikacije… Time se smanjuje mogućnost neovlaštenog pristupa i povećava sigurnost sustava.
Sigurnost je primijenjena i kod sustava recenzija. Kupci mogu ocjenjivati proizvode tek nakon što je narudžba označena kao preuzeta, čime se osigurava da recenzije ostavljaju stvarni korisnici proizvoda. Sustav dodatno sprječava višestruko ocjenjivanje istog proizvoda iz iste narudžbe.
Prilikom slanja narudžbi i komunikacije putem elektroničke pošte koriste se samo podaci potrebni za obradu zahtjeva i organizaciju proizvodnje. Time se smanjuje količina obrađenih podataka i osigurava jednostavnije upravljanje privatnošću korisnika.
Primjenom ovih mjera razvijen je sustav koji omogućuje jednostavno korištenje aplikacije uz istovremeno očuvanje privatnosti korisnika i zaštitu podataka potrebnih za rad DesignLaba i obradu narudžbi.
Sustav recenzija i korisničkih povratnih informacija
Kako bi kupci mogli podijeliti svoja iskustva s proizvodima, a budući korisnici dobiti dodatne informacije prije rezervacije, razvijen je sustav recenzija i ocjenjivanja proizvoda.
Cilj ove funkcionalnosti nije bio samo omogućiti ostavljanje komentara, već stvoriti pouzdan sustav povratnih informacija temeljen na stvarnim iskustvima korisnika. Zbog toga recenzije ne može ostaviti bilo koji posjetitelj stranice, već isključivo kupac koji je naručio i preuzeo proizvod.
Nakon što administrator označi narudžbu statusom „Preuzeto“, kupcu se omogućuje ostavljanje recenzije za proizvode iz te narudžbe. Time se osigurava da recenzije ostavljaju stvarni korisnici koji su imali priliku koristiti proizvod.
Recenzija se sastoji od brojčane ocjene od jedne do pet zvjezdica te tekstualnog komentara. Kupac može opisati svoje zadovoljstvo proizvodom, kvalitetu izrade, izgled proizvoda, iskustvo personalizacije ili druge dojmove koje želi podijeliti s budućim korisnicima.
Sve recenzije prikazuju se uz pripadajući proizvod zajedno s datumom objave. Sustav automatski izračunava prosječnu ocjenu proizvoda i prikazuje ukupan broj zaprimljenih recenzija, čime kupci dobivaju dodatne informacije koje im mogu pomoći pri odabiru proizvoda.
Posebna pažnja posvećena je zaštiti od zlouporabe sustava recenzija. Jedan proizvod iz iste narudžbe moguće je ocijeniti samo jednom, čime se sprječava višestruko ocjenjivanje i umjetno povećavanje ili smanjivanje ocjena proizvoda.
Ako narudžba sadrži više različitih proizvoda, kupac može ostaviti zasebnu recenziju za svaki proizvod koji još nije ocijenio. Time je omogućeno preciznije vrednovanje pojedinačnih proizvoda unutar iste narudžbe.
Prilikom prikaza recenzija ne objavljuju se osobni podaci kupaca. Sustav prikazuje samo informacije potrebne za prikaz ocjene i komentara, čime se dodatno štiti privatnost korisnika.
Osim što kupcima pružaju dodatne informacije, recenzije predstavljaju važan alat za razvoj proizvoda. Kroz komentare i ocjene članovi DesignLaba mogu dobiti povratne informacije o kvaliteti proizvoda, prepoznati područja za poboljšanje te bolje prilagoditi buduće proizvode potrebama korisnika.
Uvođenjem sustava recenzija aplikacija je dobila završnu fazu korisničkog iskustva koja povezuje rezervaciju, izradu, preuzimanje i vrednovanje proizvoda u jedinstven proces te omogućuje kontinuirano unaprjeđenje kvalitete proizvoda i usluga.
Dodatni sadržaji aplikacije i podrška radu DesignLaba
Tijekom razvoja projekta pažnja nije bila usmjerena isključivo na proizvode i narudžbe. Cilj je bio izraditi cjelovitu digitalnu platformu koja će korisnicima pružiti sve informacije potrebne za upoznavanje s radom DesignLaba, načinom naručivanja proizvoda i mogućnostima suradnje.
Zbog toga su u aplikaciju postupno dodavani dodatni sadržaji koji nadopunjuju osnovne funkcionalnosti trgovine i omogućuju jednostavniju komunikaciju između škole, DesignLaba i korisnika.
Jedna od razvijenih funkcionalnosti je stranica Uvjeti narudžbe. Sadržaj ove stranice moguće je uređivati kroz administracijsko sučelje bez potrebe za izmjenama programskog koda. Na taj način administratori mogu jednostavno ažurirati pravila naručivanja, informacije o plaćanju, preuzimanju proizvoda i ostale važne obavijesti za korisnike.
U aplikaciju su dodani i službeni podaci za kontakt kako bi korisnici mogli jednostavno stupiti u kontakt s DesignLabom u slučaju dodatnih pitanja, prijedloga ili zahtjeva vezanih uz proizvode i personalizaciju.
Posebna pažnja posvećena je predstavljanju rada DesignLaba. Razvijen je sustav prikaza članova DesignLaba koji omogućuje pregled učenika uključenih u aktivnosti. Popis članova organiziran je po razredima te se može uređivati kroz administracijsko sučelje. Time aplikacija ne služi samo kao trgovina, nego i kao mjesto predstavljanja rada učenika koji sudjeluju u projektu.
Dodane su i informacije o radnom vremenu kako bi korisnici znali kada mogu preuzeti proizvode, postaviti pitanja ili zatražiti dodatne informacije vezane uz narudžbe i personalizaciju proizvoda.
Kako bi aplikacija zadržala prepoznatljiv vizualni identitet škole i aktivnosti DesignLab, razvijen je sustav upravljanja logotipima. Administrator može jednostavno ažurirati logotip škole i DesignLaba te osigurati da se promjene odmah prikazuju na svim dijelovima aplikacije.
Posebna pažnja posvećena je preglednosti korisničkog sučelja. Svi dodatni sadržaji organizirani su tako da budu lako dostupni korisnicima, ali da pritom ne ometaju pregled proizvoda i proces naručivanja. Na taj način postignuta je ravnoteža između informativnog sadržaja i funkcionalnosti same trgovine.
Stečena znanja
Projekt KOŠ.STORE započeo je kao ideja nastala kroz sudjelovanje u projektu Vibe Coding liga Hrvatske, a tijekom razvoja prerastao je u funkcionalnu web aplikaciju koja objedinjuje katalog proizvoda, personalizaciju, rezervacije, upravljanje narudžbama, evidenciju zaliha, komunikaciju s korisnicima, sustav recenzija i administraciju sadržaja.
Razvoj aplikacije omogućio je učenicima upoznavanje s cijelim procesom nastanka digitalnog proizvoda – od prepoznavanja problema i osmišljavanja rješenja do testiranja, nadogradnje i završne primjene u stvarnom okruženju. Tijekom rada učenici su sudjelovali u analizi potreba korisnika, planiranju funkcionalnosti, osmišljavanju korisničkog sučelja, testiranju rada aplikacije te predlaganju novih mogućnosti koje su postupno ugrađivane u sustav.
Posebna vrijednost projekta bila je primjena umjetne inteligencije tijekom razvoja aplikacije. Umjesto klasičnog programiranja, učenici su učili kako jasno definirati zahtjeve, postavljati precizne upute, analizirati rezultate koje predlaže umjetna inteligencija, prepoznavati nedostatke i postupno poboljšavati dobivena rješenja. Na taj način razvijali su vještine koje postaju sve važnije u suvremenom digitalnom okruženju.
Projekt je učenicima omogućio stjecanje znanja iz područja digitalnog dizajna, razvoja web aplikacija, organizacije podataka, korisničkog iskustva, sigurnosti podataka, poduzetništva i timskog rada. Tijekom razvoja bilo je potrebno donositi odluke, testirati različita rješenja i prilagođavati funkcionalnosti stvarnim potrebama korisnika.
Važan dio projekta predstavljalo je povezivanje tehnologije s konkretnim potrebama škole. Umjesto izrade demonstracijske aplikacije bez stvarne primjene, razvijeno je rješenje koje može podržati svakodnevni rad DesignLaba, promociju učeničkih proizvoda i organizaciju procesa rezervacije i preuzimanja proizvoda.
Sudjelovanjem u projektu učenici su imali priliku iskusiti kako izgleda razvoj stvarnog digitalnog proizvoda koji se kontinuirano nadograđuje, prilagođava korisnicima i koristi za rješavanje konkretnih izazova iz svakodnevnog života škole.
KOŠ.STORE danas predstavlja primjer kako se kreativnost, poduzetništvo, digitalne tehnologije i umjetna inteligencija mogu povezati u jedinstven projekt koji učenicima omogućuje razvoj znanja i vještina primjenjivih u stvarnim životnim situacijama.
Daljnji razvoj projekta
Iako aplikacija KOŠ.STORE već sada omogućuje upravljanje proizvodima, personalizacijom, rezervacijama, zalihama, recenzijama i komunikacijom s korisnicima, razvoj projekta ovdje ne završava. Tijekom rada prepoznate su brojne mogućnosti za daljnje nadogradnje koje bi dodatno unaprijedile funkcionalnost sustava i proširile njegovu primjenu unutar škole.
Jedan od glavnih ciljeva budućeg razvoja je uključivanje drugih izvannastavnih aktivnosti, školskih projekata i učeničkih skupina. Aplikacija je razvijena tako da može podržavati različite vrste proizvoda i aktivnosti, zbog čega postoji mogućnost da u budućnosti postane zajednička digitalna platforma za predstavljanje rada učenika cijele škole.
Na taj način učenici uključeni u različite izvannastavne aktivnosti mogli bi predstavljati svoje projekte, kreativne radove, edukativne materijale, suvenire, promotivne proizvode ili druge rezultate rada kroz jedinstven sustav. Time bi se dodatno potaknula suradnja među učenicima, razmjena ideja i razvoj poduzetničkih kompetencija.
Planira se i proširenje ponude proizvoda te dodavanje novih kategorija koje će pratiti razvoj aktivnosti DesignLaba i buduće potrebe škole. Budući da je aplikacija razvijena modularno, nove funkcionalnosti moguće je dodavati bez potrebe za potpunom izmjenom postojećeg sustava.
Jedna od mogućih budućih nadogradnji je implementacija online plaćanja, čime bi se proces naručivanja dodatno pojednostavio i prilagodio korisnicima izvan školskog okruženja. Trenutna verzija koristi model rezervacije i plaćanja u školi, što je prilagođeno postojećem načinu rada učeničke zadruge.
U planu je i razvoj dodatnih statističkih prikaza koji bi omogućili analizu narudžbi, pregled najtraženijih proizvoda, praćenje interesa korisnika te planiranje buduće proizvodnje na temelju stvarnih podataka.
Razmatra se i uvođenje dodatnih korisničkih uloga kako bi učenici mogli aktivnije sudjelovati u administraciji pojedinih dijelova aplikacije, uređivanju sadržaja i praćenju projekata u kojima sudjeluju.
Posebnu vrijednost projekta predstavlja činjenica da je aplikacija nastala kao odgovor na stvarnu potrebu škole te da je razvijena za svakodnevnu uporabu. Upravo zbog toga KOŠ.STORE nije zamišljen kao jednokratni natjecateljski projekt, nego kao sustav koji će se nastaviti koristiti, nadograđivati i prilagođavati novim idejama učenika i potrebama škole.
Sudjelovanje u projektu Vibe Coding liga Hrvatske pokazalo je kako učenici uz mentorstvo i podršku umjetne inteligencije mogu razviti složena digitalna rješenja koja imaju stvarnu primjenu. KOŠ.STORE predstavlja tek prvi korak prema stvaranju šire digitalne platforme koja će i u budućnosti povezivati kreativnost, tehnologiju, poduzetništvo i rad učenika Katoličke osnovne škole.
Nastavljamo s nadogradnjama…
Iako je natjecateljski dio projekta završen i aplikacija uspješno predana, razvoj KOŠ.STORE-a ovdje ne staje. Tijekom rada nastale su brojne nove ideje i prijedlozi za poboljšanja pa smo odlučili nastaviti razvijati aplikaciju i nakon završetka projekta.
Nova verzija aplikacije nastavlja se razvijati kao stvaran sustav koji koristimo u radu DesignLaba i učeničke zadruge „Školjka“. Dodaju se novi proizvodi, unapređuju postojeće funkcionalnosti te razvijaju nova rješenja koja će olakšati rad učenicima, mentorima i kupcima.
Posjetite aktualnu verziju aplikaciju i pregledajte proizvode učenika DesignLaba
