Klijent

Hrvatski športski muzej, Zagreb, Hrvatska

Hrvatski športski muzej Hrvatski športski muzej

Od nepovezanih alata do integrirane platforme: end-to-end sustav za Hrvatski športski muzej

Hrvatski športski muzej je trebao digitalno rješenje koje ne “krpa” pojedinačne točke procesa, nego uvodi jedinstvenu platformu koja povezuje sve: sadržaj, iskustvo posjetitelja, prodaju ulaznica, kontrolu ulaza i prodaju na lokaciji. U startu je problem bio tipičan za institucije koje rastu brže od svojih alata: više zasebnih sustava koji međusobno ne komuniciraju, različiti izvori podataka, dupliciranja i ručne provjere. Takvo stanje u praksi proizvodi tri kritične posljedice koje izravno pogađaju upravljanje:

  • Sporo i skupo upravljanje sadržajem u mobilnoj aplikaciji i na webu.
  • Ograničena kontrola operativnih procesa zbog nepovezanosti podataka.
  • Propuštene prilike za prihod i nedovoljna optimizacija korisničkog iskustva.

Iz tog razloga, klijentov primarni zahtjev nije bio samo puka “izrada aplikacije”, već cjelovita izrada poslovnih aplikacija i digitalnog ekosustava koji ujedinjuje operativne procese na više kanala istodobno. Stoga je RedCode izradio za klijenta poslovni sustav kojem je osnovni cilj bio: centralizirati upravljanje sadržajem, podići kvalitetu kroz razvoj mobilne aplikacije Android i iOS u obliku digitalnog vodiča te osigurati pouzdanu i fiskaliziranu naplatu kroz kanale online i izravne prodaje.

Organizacijski, bitni preduvjet bio je da sustavom mogu samostalno upravljati zaposlenici muzeja. Zato je u sam temelj postavljen zahtjev za integracijom CMS-a i mobilne aplikacije uz real-time sinkronizaciju podataka prema svim povezanim portalima. Na taj se način izbjegla tehnička ovisnost o razvoju za svaku svakodnevnu promjenu sadržaja.

Konačno, infrastrukturni element bio je presudan faktor: mrežna ograničenja u prostoru i specifični fiskalni zahtjevi muzeja izravno utječu na način na koji se provodi projektiranje poslovnih sustava i implementacija. Zato smo od početka arhitekturu postavili kao jedinstvenu platformu s centralnim izvorom podataka, jasnim ulogama i operativnim procesima koji rade pouzdano i predvidljivo — i u uvjetima svakodnevnog korištenja, i u vršnim periodima posjećenosti.

Tehnička arhitektura i end-to-end izrada poslovnih aplikacija

Projekt je realiziran kao greenfield isporuka: od inicijalne analize i projektiranja poslovnih sustava do produkcijske implementacije. Time smo izbjegli parcijalna rješenja i dobili stabilnu jezgru koja podržava više kanala i operativne zahtjeve muzeja.

Isporuka je obuhvatila UX/UI i dizajn mobilnih aplikacija, razvoj backend sloja i integracija, te razvoj klijentskih kanala (mobilno, web, kiosci/tableti) — kao dio jedinstvene arhitekture poslovnih sustava nad centralnom bazom podataka

Analiza i projektiranje poslovnih sustava visoke skalabilnosti

U projektima koji zahtijevaju istovremeni rad više različitih kanala – od mobilnih aplikacija i fizičkih kioska do web trgovine i POS blagajni – preskakanje ili ubrzavanje faze planiranja neizbježno vodi do fragmentiranih podataka. Za Hrvatski športski muzej, analiza i arhitektura poslovnih sustava bili su bitan korak u prevođenju muzejskih procesa u stabilan tehnološki okvir. Cilj je bio izgraditi sustav sposoban podnijeti visoka opterećenja i integracije trećih strana bez destabilizacije jezgre.

Proces projektiranja obuhvatio je sljedeće bitne korake:

  • Definiranje funkcionalnih i tehničkih zahtjeva: Prije pisanja koda, detaljno smo mapirali sve korisničke tokove (kako posjetitelja, tako i muzejskog osoblja) te identificirali tehnička ograničenja, poput specifičnosti lokalne mrežne infrastrukture.
  • Izrada cjelokupne sistemske arhitekture: Kreirali smo tehnički nacrt koji jasno definira interakciju između klijentskih aplikacija (frontend), serverske logike (backend) i vanjskih servisa, osiguravajući optimalan protok podataka bez uskih grla.
  • Modeliranje baze podataka: Dizajnirali smo normaliziranu relacijsku bazu koja služi kao centralizirani referentni izvor podataka, čime je u startu eliminirana mogućnost dupliciranja i neusklađenosti podataka na različitim platformama.
  • Sigurnosni model: Uspostavili smo strogi model kontrole pristupa temeljen na ulogama (Role-Based Access Control) koji precizno odvaja prava Superadmina, osoblje i krajnje korisnike.
  • Planiranje API komunikacije: Strukturirali smo API sloj koji funkcionira kao standardizirani most za komunikaciju između centralne baze i svih povezanih komponenti sustava, osiguravajući brzu i sigurnu razmjenu informacija.
  • Dizajn skalabilne infrastrukture: Arhitektura je od prvog dana projektirana tako da može pouzdano opsluživati istovremene zahtjeve s više klijentskih aplikacija u realnom vremenu, čak i tijekom vršnih opterećenja posjećenosti muzeja.

Na taj način dobili smo jasan inženjerski blueprint koji je smanjio rizike u programiranju i omogućio paralelan rad timova (mobilni, web i backend). Arhitektura je postavljena tako da se pravila i promjene provode centralno, a svi kanali ostaju konzistentni bez ručnih usklađivanja.

Dizajn mobilnih aplikacija i UX/UI strategija za višekanalno iskustvo

Kada se radi dizajn mobilnih aplikacija koje koriste i posjetitelji i muzejsko osoblje, korisničko iskustvo (UX) izravno diktira uspješnost cijelog projekta. Dizajn je morao pomiriti intuitivnu navigaciju za publiku s brzinom i efikasnošću koju zahtijeva svakodnevna administracija. Kompletan dizajn razvijen je od nule kako bi se kompleksna pozadinska logika prevela u jednostavno i vizualno usklađeno sučelje na svim dodirnim točkama.

Kroz strukturirani UX/UI proces osigurali smo da svaki ekran služi jasnoj svrsi, provodeći sljedeće korake:

  • Wireframe modeliranje: Precizno smo definirali putanje korisnika – od procesa online kupnje ulaznice i QR skeniranja, do navigacije kroz interaktivnu mapu muzeja – osiguravajući logičan i nesmetan protok informacija bez “slijepih ulica”.
  • Dizajn sučelja u Figmi: Kreirali smo sveobuhvatan vizualni jezik unutar alata Figma, uspostavljajući konzistentnost na svim platformama, a istovremeno poštujući zakonitosti i specifičnosti svakog pojedinog ekrana (mobitel, tablet, web).
  • Prilagodba vizualnim standardima naručitelja: Svaki element dizajna (boje, tipografija, ikonografija) pomno je usklađen s postojećim grafičkim standardima Hrvatskog športskog muzeja, čime je osigurano da digitalni kanali djeluju kao prirodan, brendirani produžetak fizičkog izložbenog prostora.
  • Optimizacija za višekanalno iskustvo: Dizajn je optimiziran za besprijekoran prikaz i interakciju na različitim tipovima uređaja i operativnih sustava – od uskih ekrana pametnih telefona, preko vodoravnih tablet sučelja, do velikih interaktivnih ekrana (kioska) s omjerima 16:9 i 9:16.
  • Izrada interaktivnog prototipa: Prije pisanja ijedne linije koda, razvili smo potpuno interaktivne, klikabilne prototipe. Ovo je omogućilo klijentu rano testiranje i validaciju funkcionalnosti iz perspektive krajnjeg korisnika.

Ovakvim iterativnim i temeljitim pristupom ostvaren je dvostruki cilj. S poslovne strane, posjetitelji su dobili digitalne alate koji obogaćuju njihov boravak u muzeju bez tehničkih frustracija, dok su zaposlenici dobili CMS i POS okruženje prilagođeno njihovim stvarnim operativnim procesima.

Iz inženjerske perspektive, isporuka testiranih, prototipiranih i odobrenih dizajnerskih rješenja u ranoj fazi značajno je ubrzala kasniju fazu programiranja, minimizirajući rizik od skupih prepravki na arhitekturi i kodu

Android i iOS aplikacija s backendom i centraliziranom poslovnom logikom

Da bi PostgreSQL baza i višekanalni sustav radili konzistentno, backend mora centralizirati poslovna pravila i sigurnosne provjere. U sustavima s više dodirnih točaka (mobilna aplikacija, web ticketing, POS, kiosci, CMS), najskuplja pogreška je dupliciranje logike po klijentima. Zato smo izgradili backend infrastrukturu koja djeluje kao jedinstveni “mozak” ekosustava i osigurava da se pravila, autorizacije i integracije izvršavaju centralno.

Razvoj ovog kritičnog sloja obuhvatio je sljedeće tehnološke koncepte i procese:

  • Kombinirana API arhitektura (Hasura i REST): Implementirali smo API sloj koji koristi najbolje od oba svijeta. Hasura (GraphQL) osigurava iznimno brz i standardiziran dohvat relacijskih podataka prema klijentskim aplikacijama, dok se klasična REST arhitektura koristi za specifične, kompleksne operacije i komunikaciju s vanjskim servisima.

  • Centralizirana poslovna logika (Node.js): Razvili smo namjenski servisni sloj temeljen na Node.js tehnologiji koji upravlja cjelokupnom logikom procesa. Bilo da se radi o validaciji ulaznica, obračunu cijena u košarici ili provjeri dostupnosti vremenskih slotova, sva se pravila izvršavaju centralno. Time je eliminiran rizik neusklađenosti između različitih aplikacija.

  • Autentifikacija i autorizacija korisnika: Ugrađeni su napredni sigurnosni mehanizmi koji precizno identificiraju tko pristupa sustavu (bilo da je riječ o posjetitelju, administratoru u CMS-u ili POS blagajniku). Sustav automatski dodjeljuje definirana prava pristupa, štiteći osjetljive podatke od neovlaštenih akcija.

  • Orkestracija i real-time sinkronizacija: Backend sloj kontinuirano i u stvarnom vremenu sinkronizira podatke između mobilnih aplikacija, web portala, CMS-a i blagajničkog (POS) sustava. Svaka transakcija ili izmjena sadržaja trenutno se obrađuje i propagira kroz cijeli ekosustav.

  • Integracije s vanjskim sustavima: Infrastruktura služi kao visoko osiguran most prema vanjskim servisima. Kroz backend su uspješno integrirani Stripe za sigurno procesiranje online plaćanja, Arges ERP za zakonsku fiskalizaciju i automatizirano izdavanje računa, te pouzdani autentifikacijski i notifikacijski (e-mail) servisi.

Ovakva arhitektura omogučila je sustav u kojem se poslovna pravila (cijene, dostupnost slotova, status ulaznica, prava pristupa) mijenjaju na jednom mjestu i odmah vrijede za sve kanale.

Time Android i iOS aplikacija s backendom, web portali i POS ostaju brzi i jednostavni za održavanje, dok se integracije (naplata i fiskalizacija) provode kroz kontrolirani backend sloj

Frontend razvoj: Izrada kompleksne poslovne aplikacije za web i mobilne uređaje

Dok backend infrastruktura predstavlja “mozak” ekosustava, frontend sloj je njegovo lice i jedina točka izravnog kontakta s korisnicima. U suvremenom muzejskom okruženju, posjetitelji i osoblje ne konzumiraju sadržaj putem samo jednog tipa uređaja. Interakcija se odvija kroz osobne pametne telefone, namjenske tablet uređaje, velike interaktivne ekrane u prostoru i klasična stolna računala. Najveći tehnički izazov u višekanalnom (omnichannel) razvoju je izbjeći fragmentaciju – situaciju u kojoj svaka platforma izgleda, reagira i funkcionira drugačije. Za Hrvatski športski muzej, razvili smo tehnološki usklađen frontend sloj koji osigurava konzistentno, brzo i besprijekorno korisničko iskustvo, bez obzira na specifični hardver koji se u tom trenutku koristi.

Razvoj klijentskih sučelja obuhvatio je sljedeće tehnološke procese i isporuke:

  • Razvoj mobilnih aplikacija (Flutter): Za pametne telefone posjetitelja razvili smo aplikacije za iOS i Android platforme koristeći napredni Flutter framework. Odabir ove tehnologije omogućio je korištenje jedinstvene kodne baze uz zadržavanje visokih performansi, glatkih tranzicija i nativnog osjećaja na oba operativna sustava.
  • Namjenska tablet aplikacija (Android .apk): Za potrebe samog muzejskog postava isporučena je strogo namjenska Android aplikacija u obliku zatvorene .apk instalacijske datoteke. Njen kod i navigacija specifično su optimizirani za rad na većim zaslonima muzejskih uređaja, eliminirajući nepotrebne pozadinske procese s osobnih uređaja.
  • Web aplikacije za kioske i online prodaju: Kroz moderne web tehnologije programirali smo dvije specijalizirane web aplikacije. Prva pokreće interaktivne kiosk sustave raspoređene kroz muzej (fokusirana na interakciju dodirom), dok je druga integrirana kao javni portal za online ticketing (fokusirana na visoku konverziju i siguran prolazak kroz proces kupnje).
  • Responzivno i adaptivno programiranje: Kompletan kod frontend sloja napisan je tako da automatski prepoznaje i fluidno se prilagođava najrazličitijim rezolucijama i specifičnim omjerima zaslona (uključujući vertikalne formate poput 9:16 za touch kioske).

Rezultat ovakvog višekanalnog razvoja je kohezivna digitalna prisutnost. Bilo da posjetitelj kupuje ulaznicu na prijenosnom računalu od kuće, pregledava multimediju na velikom ekranu unutar izložbe ili sluša audio vodič na vlastitom mobitelu, sustav reagira trenutno i poznato.

Iz inženjerske perspektive, objedinjavanje tehnološkog stacka (poput Fluttera) Hrvatskom športskom muzeju dugoročno osigurava znatno lakše održavanje, brže uvođenje novih modula i niži ukupni trošak vlasništva nad softverom.

Besprijekorna integracija CMS-a i mobilne aplikacije s vanjskim sustavima

Nijedan suvremeni digitalni ekosustav ne može funkcionirati kao izolirani otok. Prava poslovna vrijednost platforme leži u njenoj sposobnosti da besprijekorno komunicira s vanjskim financijskim, računovodstvenim i hardverskim sustavima. U projektima ovakvog opsega, naknadno “krpanje” integracija redovito rezultira operativnim uskim grlima, poput ručnog prepisivanja web prodaje u fiskalnu blagajnu. Za Hrvatski športski muzej, integracije su od prvog dana projektirane kao kritična komponenta arhitekture, osiguravajući da podaci o transakcijama, ulaznicama i uplatama automatski teku između različitih servisa u realnom vremenu.

Proces povezivanja s vanjskim uslugama i hardverom obuhvatio je sljedeće integracije:

  • Procesiranje online plaćanja (Stripe): Implementirali smo dubinsku integraciju sa Stripe platformom, omogućivši brzu, pouzdanu i visoko kriptiranu online naplatu ulaznica putem web portala.
  • Fiskalizacija i pozadinsko poslovanje (Arges ERP): Umjesto razdvajanja web prodaje i fizičke blagajne, cjelokupni sustav integriran je s Arges ERP-om. Ovime je osigurana automatska fiskalizacija i izdavanje zakonski usklađenih računa za apsolutno svaku transakciju, bilo online ili na lokaciji.
  • Automatizirana isporuka i notifikacije: Cijeli kupovni proces zaokružen je automatskim generiranjem digitalnih ulaznica koje sadrže jedinstveni QR kod. Sustav samostalno upravlja e-mail notifikacijama te u realnom vremenu šalje potvrde o kupnji i same ulaznice izravno na adrese posjetitelja.
  • Hardverska validacija na ulazu (Kartomat): Fizički ulaz u muzej izravno je povezan s digitalnom bazom putem namjenske kartomat aplikacije. Uređaj u stvarnom vremenu provodi QR validaciju ulaznica, komunicirajući s centralnim sustavom kako bi trenutno potvrdio ili odbio ulazak posjetitelja.

Na taj način ostvarena je potpuno zatvorena, automatizirana petlja operativnih procesa. Od trenutka kada posjetitelj izvrši plaćanje na web portalu, do trenutka kada uređaj na ulazu potvrdi njegov QR kod, a muzejsko računovodstvo dobije fiskalizirani račun u ERP-u – administrativna ljudska intervencija .

Sigurnost i stabilnost poslovne aplikacije

U sustavima koji istovremeno obrađuju financijske transakcije, prikupljaju osobne podatke korisnika i upravljaju fizičkom kontrolom ulaza, sigurnost i stabilnost prestaju biti isključivo tehnička pitanja i postaju temelj poslovnog povjerenja. Bilo kakav prekid rada ili sigurnosni propust u ovakvom okruženju ne znači samo IT problem, već izravan gubitak prihoda, operativni zastoj na ulazu u muzej i narušavanje reputacije institucije. Za Hrvatski športski muzej, sigurnosna arhitektura i mehanizmi osiguravanja kvalitete (QA) ugrađeni su u same temelje platforme, garantirajući neprekidan rad i neprobojnost podataka čak i u uvjetima najveće posjećenosti.

Proces osiguravanja stabilnosti i zaštite sustava obuhvatio je sljedeće komponente:

  • Enkriptirana HTTPS komunikacija: Sav prijenos podataka između klijentskih aplikacija (mobilnih uređaja, web portala, POS blagajni) i centralne baze odvija se isključivo putem sigurnih, kriptiranih HTTPS kanala, čime je u potpunosti onemogućeno presretanje osjetljivih informacija.
  • Granularna kontrola pristupa i korisničkih uloga: Implementiran je strogi sustav autorizacije temeljen na ulogama (Role-Based Access Control). Svakom djelatniku dodjeljuju se specifična prava pristupa i korisničke uloge unutar sustava, čime se sprječava neovlašteno mijenjanje izložbenog sadržaja ili neautoriziran pristup financijskim modulima.
  • Zaštita osobnih podataka sukladno GDPR-u: Arhitektura baze i procesi obrade podataka – uključujući registraciju, kupnju ulaznica i upravljanje korisničkim računima – u potpunosti su usklađeni s visokim GDPR zahtjevima i regulativama o zaštiti osobnih podataka.
  • Rigorozno testiranje performansi sustava: Prije puštanja u produkciju, cjelokupni ekosustav podvrgnut je opsežnom testiranju stabilnosti i performansi. Ovime je osigurano da platforma može istovremeno obrađivati velik broj online kupovina i QR skeniranja na ulaznim kartomatima bez usporavanja ili degradacije usluge.

Ovakvim pristupom implementirana je visoko pouzdana platforma koja muzeju jamči operativni mir. Djelatnici mogu upravljati prodajom i sadržajem unutar strogo zaštićenog okruženja, dok su osobni i financijski podaci posjetitelja maksimalno osigurani.

Zahvaljujući provedenim testiranjima performansi, isporučena platforma dokazala je svoju otpornost, osiguravajući kontinuirani protok posjetitelja bez rizika od pada sustava tijekom vršnih opterećenja i masovnih grupnih posjeta.

DevOps i implementacija

Kompleksni sustavi koji obuhvaćaju višekanalnu isporuku (mobilne aplikacije, web portali, zatvoreni kiosk sustavi, POS i ERP) ne puštaju se u rad jednostavnim “pritiskom na gumb”. Usklađivanje svih ovih komponenti zahtijeva rigorozan DevOps proces i kontroliranu implementaciju kako bi se izbjegli prekidi u radu ili neusklađenosti na dan otvorenja.

Za Hrvatski športski muzej, proces isporuke vođen je kroz strogo definirane faze, čime smo osigurali da rješenje koje savršeno funkcionira u razvojnom laboratoriju jednako besprijekorno radi i u stvarnom muzejskom okruženju, pod prstima stvarnih posjetitelja i djelatnika.

Proces implementacije i puštanja u rad obuhvatio je sljedeće kontrolne točke:

  • ** faza i validacija s naručiteljem**: Prije javnog lansiranja, ekosustav je prošao kroz strukturiranu beta fazu. Djelatnici muzeja aktivno su testirali administrativno sučelje, hardver i aplikacije u prostoru, provodeći tzv. User Acceptance Testing (UAT) na temelju stvarnih scenarija upotrebe.
  • Korekcije i optimizacije prije produkcije: Na temelju povratnih informacija prikupljenih iz beta faze, proveli smo završne iteracije, bugfix korekcije i dubinske optimizacije performansi kako bi sustav bio potpuno usklađen s očekivanjima i spreman za produkcijsko opterećenje.
  • Službena objava na javnim trgovinama (App Stores): Mobilne aplikacije namijenjene krajnjim posjetiteljima uspješno su prošle stroge procese recenzije (Apple i Google review) te su službeno objavljene i dostupne za preuzimanje na globalnim platformama Google Play i Apple App Store.
  • Interna distribucija namjenskih aplikacija (.apk): Za razliku od javnih aplikacija, softver razvijen za specifični muzejski hardver – tablet uređaji unutar postava i aplikacija za skeniranje na ulaznom kartomatu – isporučen je i distribuiran putem zatvorenih .apk instalacijskih paketa, osiguravajući muzeju potpunu kontrolu nad verzijama i instalacijama u prostoru.

Takav trukturirani pristup rezultirao je potpuno sinkroniziranim i nestresnim prelaskom u produkciju (tzv. Go-Live). Hrvatskom športskom muzeju isporučen je gotov digitalni proizvod koji je od prve minute otvorenja radio stabilno na svih šest različitih kanala.

Uspostavljeni DevOps procesi pritom ostaju trajna vrijednost platforme – oni osiguravaju da će se cjelokupni budući roadmap i kvartalni razvoj novih funkcionalnosti uvoditi glatko, bez tehničkih zastoja ili prekida u svakodnevnom radu muzeja.

Digitalni kanali: Razvoj mobilne aplikacije i web rješenja za posjetitelje

Dok backend infrastruktura osigurava stabilnost u pozadini, pravi doživljaj muzeja definiran je onime što posjetitelj vidi i dodiruje. Kako bismo bogatu povijest hrvatskog sporta približili različitim tipovima korisnika, razvili smo niz optimiziranih digitalnih kanala.

Bilo da korisnik istražuje postav putem vlastitog pametnog telefona, namjenskog tableta u rukama ili velikog interaktivnog ekrana na zidu, cilj je bio isporučiti jedinstveno, multimedijalno i intuitivno iskustvo koje se savršeno nadopunjuje s fizičkim prostorom.

Razvoj mobilne aplikacije za posjetitelje (Android i iOS)

U današnjem muzejskom okruženju, posjetitelji očekuju više od pasivnog promatranja eksponata; oni traže kontekst, interakciju i autonomiju u istraživanju. Za Hrvatski športski muzej, mobilna aplikacija nije zamišljena kao puki digitalni katalog, već kao centralni alat koji unapređuje cjelokupno iskustvo posjetitelja – prije, za vrijeme i nakon samog posjeta.

S poslovne strane, cilj nam je bio stvoriti platformu koja istovremeno služi kao prodajni kanal (m-commerce), osobni digitalni kustos i interaktivni edukator, a sve to unutar sučelja koje je intuitivno i prilagođeno širokom rasponu korisnika.

Kako bismo isporučili ovakvu razinu funkcionalnosti, u mobilnu aplikaciju implementirali smo sljedeće bitne module:

  • Strukturirano istraživanje postava: Aplikacija omogućuje detaljan pregled tematskih cjelina (poput Sportova, Sportaša, Trenera, Olimpizma, Hrvatskog sokola, Sporta osoba s invaliditetom te povijesnih događaja poput MI Split 1979. i UNI Zagreb 1987.). Svaka cjelina obogaćena je strukturiranim tekstovima, foto galerijama i video materijalima.
  • Prostorna orijentacija i interaktivna mapa: Kako bismo olakšali snalaženje u fizičkom prostoru, razvili smo interaktivnu mapu s jasno označenim točkama interesa. Klikom na pojedinu lokaciju posjetitelj dobiva detaljan opis, fotografije i dodatne informacije o tom dijelu muzeja.
  • Multimedijski audio vodič: Implementiran je napredni audio vodič koji funkcionira u pozadini, omogućujući korisnicima neometano kretanje kroz aplikaciju dok slušaju naraciju. Vodič uključuje potpune kontrole reprodukcije (play/pause, navigaciju kroz segmente i vremensku traku).
  • Gamifikacija kroz kviz sustav: Za dodatni edukativno-zabavni angažman, integriran je interaktivni kviz s više razina težine (Početnik, Stručnjak). Kviz u stvarnom vremenu generira pitanja povlačeći ih iz centralne baze podataka.
  • Integrirani m-commerce (Ticketing): Aplikacija posjeduje vlastiti sustav za online kupnju ulaznica integriran sa Stripe platformom. Korisnik može odabrati datum, vremenski slot i količinu ulaznica, proći kroz checkout proces i trenutno dobiti digitalnu ulaznicu s QR kodom , koju kasnije lako pronalazi u sekciji “Moje ulaznice”.
  • Upravljanje korisničkim računima i privatnošću: Sustav podržava potpunu registraciju, prijavu i upravljanje osobnim podacima. Sve funkcionalnosti, uključujući promjenu lozinke i brisanje računa, u potpunosti su usklađene sa strogim GDPR zahtjevima.
  • Servisne informacije i dvojezičnost: Aplikacija je od temelja dvojezična (HR/EN) te sadrži informativne stranice o muzeju, radnom vremenu, kontaktima i FAQ sekciju, čime se direktno rasterećuje informacijski pult muzeja.

Konačni rezultat ovog razvoja je snažan digitalni proizvod koji fizički prostor muzeja pretvara u prošireno, interaktivno iskustvo. S operativnog stajališta, sav sadržaj aplikacije dinamički se crpi iz centralnog CMS-a, čime je eliminirana potreba za ručnim održavanjem lokalnog sadržaja ili lansiranjem novih verzija na mobilnim trgovinama pri svakoj promjeni postava.

Izrada poslovnih aplikacija za tablet uređaje unutar muzeja

Nije svaki posjetitelj u mogućnosti ili želji koristiti vlastiti pametni telefon tijekom razgledavanja. Kako bismo osigurali da nitko ne ostane uskraćen za obogaćeno digitalno iskustvo, za Hrvatski športski muzej razvili smo namjensku tablet aplikaciju. Cilj ovog rješenja bio je stvoriti kontrolirano, sigurno i visoko optimizirano okruženje namijenjeno isključivo za korištenje na uređajima u vlasništvu muzeja, unutar samog izložbenog prostora.

Za razliku od javno dostupne mobilne aplikacije, tablet verzija morala je eliminirati sve administrativne prepreke, poput procesa registracije i prijave, te se fokusirati isključivo na besprijekornu konzumaciju sadržaja na većim zaslonima.

Tehnički i funkcionalni razvoj ovog specifičnog kanala obuhvatio je:

  • Optimizaciju sučelja za velike zaslone: Cjelokupni dizajn i navigacija arhitektonski su prilagođeni specifičnim omjerima i rezolucijama Android tablet uređaja, čime je značajno poboljšana preglednost tekstualnih opisa i multimedijskih materijala u odnosu na manje mobilne ekrane.
  • Fokusirani pristup sadržaju: Zadržan je potpuni pristup svim tematskim cjelinama, audio vodiču, interaktivnoj mapi i kvizu, no iz aplikacije su namjerno uklonjeni moduli za online kupnju ulaznica, pregled narudžbi i upravljanje osobnim postavkama, jer u ovom kontekstu ne donose vrijednost.
  • Unaprijed definirane korisničke račune: Kako bi se izbjeglo nepotrebno zadržavanje pri početku korištenja, sustav automatski koristi predodređene sistemske račune (npr. Muzej1, Muzej2). Posjetitelj preuzima tablet i odmah započinje s istraživanjem bez ikakvog unosa osobnih podataka.
  • Kontroliranu .apk distribuciju: Ovaj softver namjerno se ne distribuira putem javnih trgovina aplikacija. Isporučuje se u obliku zatvorene .apk instalacijske datoteke putem zaštićene veze, što muzejskom IT osoblju daje potpunu kontrolu nad instalacijama, verzijama i sigurnošću uređaja.
  • Rad u zatvorenom mrežnom okruženju: Sustav je testiran i optimiziran za stabilan rad unutar specifične, zatvorene WiFi infrastrukture samog muzeja, uz implementirane dodatne sigurnosne mjere za zaštitu same aplikacije i podataka na uređaju.

Ovakav namjenski razvoj rezultirao je pouzdanim digitalnim alatom koji muzeju omogućuje pružanje premium iskustva korisnicima na lokaciji, bez rizika koje donose javno dostupni uređaji. ablet uređaji funkcioniraju kao prozor u uvijek aktualnu bazu podataka muzeja.

Posjetiteljima je zajamčen uvid u najnovije informacije o postavu bez potrebe za ručnim tehničkim zahvatima na samom hardveru.

Aplikacija povezana s CMS-om za interaktivne kiosk uređaje

Veliki interaktivni ekrani (kiosci) unutar izložbenog prostora predstavljaju bitnu točku interakcije za posjetitelje koji žele dublje istražiti postav na samoj lokaciji. Za Hrvatski športski muzej, web portal za kiosk uređaje razvijen je kao web aplikacija namijenjena prikazu sadržaja na interaktivnim ekranima unutar muzeja.

Cilj nije bio samo preslikati mobilnu aplikaciju, već stvoriti sučelje koje maksimalno iskorištava velike formate ekrana i privlači pažnju posjetitelja. Ovo rješenje predstavlja integralni dio digitalne infrastrukture muzeja, osiguravajući interaktivno i multimedijalno iskustvo posjetiteljima unutar izložbenog prostora.

Razvoj ove specifične komponente obuhvatio je sljedeće tehničke i dizajnerske prilagodbe:

  • Adaptacija za velike formate: Sustav omogućuje posjetiteljima pregled tematskih cjelina i izložbi putem intuitivnog sučelja prilagođenog velikim zaslonima i različitim omjerima prikaza (npr. 16:9 ili 9:16).
  • Optimizacija za interakciju dodirom (Touch UI): Sučelje je optimizirano za jednostavnu navigaciju putem dodira, s jasnom hijerarhijom sadržaja i brzim pristupom bitnim informacijama.
  • Bogat multimedijski prikaz: Korisnicima je omogućen pregled popisa cjelina, detaljan prikaz pojedine cjeline te pristup multimedijskim sadržajima, uključujući tekstualne opise, fotografije, foto galerije, video zapise, animacije i audio snimke.
  • Ciljano (lokacijsko) upravljanje sadržajem: Sustav omogućuje identifikaciju pojedinog kiosk uređaja (npr. putem serijskog broja, lokacije ili jedinstvenog koda), čime je omogućeno ciljano upravljanje sadržajem po lokacijama unutar muzeja. Na taj način ekran pored izložbe o specifičnom sportu prikazuje isključivo multimediju vezanu uz taj dio postava.
  • Sigurnost i centralizacija: Web aplikacija dostupna je putem zaštićene (HTTPS) poveznice, a svi podaci i medijski sadržaji centralno se upravljaju putem CMS sustava.

Implementacijom ovog rješenja, Hrvatski športski muzej dobio je dinamične digitalne informativne točke koje ne zahtijevaju skupo i komplicirano održavanje.

Integracija osigurava kustosima potpunu uredničku slobodu - svaka tekstualna ili multimedijska nadopuna postava automatski je dostupna posjetiteljima na svim interaktivnim lokacijama.

Vremeplov - Interaktivne vitrine upravljane iz zasebnih kioska

Kako bismo fizičke artefakte pretvorili u vođeno, interaktivno iskustvo, unutar HŠM ekosustava razvijen je i modul Vremeplov - rješenje namijenjeno dvjema fizičkim vitrinama koje prikazuju sportske rekvizite i memorabilije povezane s ključnim događajima iz hrvatske sportske povijesti. Svaka vitrina ima vlastiti upravljački uređaj, što omogućuje potpuno neovisno upravljanje sadržajem i ponašanjem svake instalacije, bez preklapanja ili operativnih kompromisa.

Osnovna logika Vremeplova je jednostavna za korisnika, ali precizno kontrolirana u izvedbi: odabirom pojedinog izloška na ekranu, sustav prikazuje detalje odabranog predmeta, dok se svi ostali izlošci istovremeno “povlače u pozadinu” - vizualno se zamračuju - a fokus ostaje na aktivno odabranom izlošku. Time se postiže efekt digitalnog “reflektora” koji usmjerava pažnju posjetitelja i pretvara vitrinu iz statičnog prikaza u jasan narativni trenutak.

Ovakav način interakcije posebno je važan u muzejskom prostoru - posjetitelj dobiva trenutnu orijentaciju i kontekst, a kustosi alat kojim se sadržaj može strukturirati i voditi bez dodatnog osoblja ili ručnih intervencija na samoj instalaciji.

Ticketing, kontrola ulaza i integracija s ERP sustavom

Komercijalni uspjeh i operativna protočnost muzeja izravno ovise o tome kako se upravlja prodajom i ulaznim kapacitetima. Umjesto oslanjanja na fragmentirana vanjska rješenja, za Hrvatski športski muzej razvili smo potpuno integrirani prodajni lanac.

Ovaj segment ekosustava dizajniran je kako bi centralizirao monetizaciju, osigurao zakonsku i fiskalnu usklađenost te eliminirao uska grla na samom ulazu, spajajući online i offline poslovanje u jednu neraskidivu cjelinu.

Web portal za online kupnju ulaznica s automatiziranom naplatom

U industriji kulture i turizma, prodaja ulaznica često se oslanja na vanjske (third-party) platforme koje naplaćuju provizije i stvaraju izolirane silose podataka, otežavajući integraciju s računovodstvom i fizičkom blagajnom na lokaciji. Za Hrvatski športski muzej, takav kompromis nije bio prihvatljiv. Bilo je nužno razviti vlastiti ticketing sloj kao zaseban, ali potpuno integriran dio platforme.

Cilj ovog modula bio je dvostruk: posjetiteljima omogućiti besprijekoran i siguran proces kupnje iz udobnosti vlastitog doma, a muzeju osigurati moćan alat za monetizaciju i, što je jednako važno, operativnu kontrolu protoka posjetitelja kroz upravljanje kapacitetima postava.

Razvoj ovog prodajnog kanala obuhvatio je implementaciju sljedećih funkcionalnosti i integracija:

  • Samostalna i optimizirana web aplikacija: Portal je razvijen kao zasebna web aplikacija integrirana s glavnom web stranicom muzeja. Dostupan je putem službene poddomene te je dubinski optimiziran za korištenje na stolnim i mobilnim uređajima, osiguravajući visoku stopu konverzije (conversion rate).
  • Upravljanje kapacitetima (Vremenski slotovi): Portal omogućuje jasan pregled dostupnih vrsta ulaznica s pripadajućim opisima i cijenama te odabir željene količine. Bitna operativna prednost je obvezan izbor datuma i točnog vremena posjete, čime muzej aktivno sprječava gužve i osigurava kvalitetu doživljaja u prostoru.
  • Strukturirani checkout i fleksibilni modeli plaćanja: Korisnicima je na raspolaganju pregledna košarica i intuitivan proces koji podržava online plaćanje karticom, rezervaciju za blagajnu te uplatu na transakcijski račun.
  • Automatizirana isporuka i ERP fiskalizacija: Nakon uspješne kupnje, sustav generira digitalnu ulaznicu (QR kod). Zahvaljujući pozadinskoj integraciji, svaka se transakcija pritom automatski fiskalizira bez ikakve ljudske intervencije.

Konačni rezultat ovog razvoja je end-to-end prodajni alat u kojem muzej zadržava potpunu kontrolu nad svojim prihodima i podacima kupaca. Administrativno sučelje (CMS) omogućuje osoblju pregled svih izdanih računa, upravljanje rezervacijama, generiranje financijskih izvještaja te rješavanje eventualnih storniranja na jednom mjestu.

Budući da se svi podaci o cijenama i raspoloživosti upravljaju iz centralnog CMS-a , web portal je uvijek savršeno sinkroniziran s ostalim digitalnim komponentama te, što je najvažnije, izravno integriran s aplikacijom za skeniranje na samom ulazu u muzej.

Integracija blagajničkog (POS) sustava

Uspostavljeni POS sustav predstavlja izravno proširenje centralizirane platforme na fizičko prodajno mjesto muzeja. Ovakvim pristupom izbjegnuto je dvostruko vođenje zaliha i neusklađenost cjenika, što su česti izazovi kod dislociranih rješenja.

Razvili smo vlastiti blagajnički (POS) sustav kao zasebnu, ali duboko integriranu komponentu cjelokupnog ekosustava. Cilj je bio spojiti prodaju ulaznica, upravljanje suvenirnicom i zakonsku fiskalizaciju u jedan centralizirani, brzi operativni tok.

Razvoj i implementacija POS sustava obuhvatili su sljedeće module poslovanja:

  • Objedinjena prodaja roba i usluga: Sučelje blagajne dizajnirano je za maksimalnu brzinu rada, omogućujući osoblju istovremenu prodaju različitih vrsta usluga (ulaznica i stručnih vodstava) te fizičke robe (suveniri, publikacije, promotivni materijali).
  • Automatizirana fiskalizacija: Integrirano poslovanje osigurava trenutno izdavanje računa i besprijekornu usklađenost sa specifičnim regulatornim zahtjevima muzeja, čime se zatvara operativni krug na lokaciji.
  • Sveobuhvatno upravljanje zalihama i inventarom: Sustav nadilazi puku naplatu te obuhvaća napredno praćenje količina i financijske vrijednosti po vrstama (usluge naspram artikala). Integrirani su moduli za kreiranje primki, vođenje baze partnera, upravljanje katalozima artikala i usluga te provođenje redovitih inventura.
  • Financijska analitika i automatizirano izvještavanje: Sustav u pozadini vodi preciznu evidenciju prometa te automatski generira dnevne izvještaje i rekapitulacije, čime se eliminira potreba za ručnim zbrajanjem i drastično olakšava posao računovodstvenog odjela.

Rezultat implementacije vlastitog POS rješenja je potpuna eliminacija operativnih silosa. Budući da je blagajnički sustav izravno povezan s web portalom za online kupnju ulaznica i centralnim CMS-om, muzej ima jedinstven i točan pregled cjelokupne prodaje (kako online, tako i offline) u realnom vremenu.

Isti cjenici, tipovi ulaznica i logika raspoloživosti primjenjuju se automatski kroz cijeli ekosustav, bez potrebe za ručnim usklađivanjem. Time je stvorena platforma koja je operativno i regulatorno spremna podržati cjelokupno komercijalno poslovanje muzeja

Aplikacija za skeniranje ulaznica (kartomat)

Fizička kontrola ulaza predstavlja posljednju, ali operativno najosjetljiviju točku posjetiteljskog putovanja. Bez obzira na to koliko je proces prodaje ulaznica optimiziran, usko grlo na samom ulazu u muzej može trajno narušiti korisničko iskustvo i stvoriti sigurnosne probleme u prostoru. Korištenje generičkih skenera koji se samo periodično sinkroniziraju s bazom ostavlja prostor za zloupotrebe i višekratne ulaske s istom kartom.

Kako bismo to spriječili, za Hrvatski športski muzej razvili smo namjensku aplikaciju za skeniranje ulaznica, dizajniranu za instalaciju izravno na ulazne kartomatske uređaje. Cilj je bio stvoriti pouzdan, brz i potpuno automatiziran sustav validacije koji u stvarnom vremenu komunicira s ostatkom digitalnog ekosustava.

Razvoj i implementacija ovog modula za kontrolu pristupa obuhvatili su sljedeće tehničke značajke:

  • Razvoj namjenske Android aplikacije: Softver je ciljano programiran i prilagođen za rad na specijaliziranim kartomatskim uređajima opremljenima zaslonom do 10 inča, Android operativnim sustavom, WiFi povezivanjem i integriranim čitačem QR kodova. Aplikacija se distribuira i instalira u kontroliranim uvjetima putem .apk instalacijske datoteke.
  • Validacija ulaznica u realnom vremenu: Sustav omogućuje iznimno brzu i pouzdanu provjeru kako digitalnih (na zaslonu mobitela), tako i klasičnih tiskanih ulaznica jednostavnim skeniranjem QR koda. Kroz stalnu vezu s centralnom bazom, aplikacija trenutno provjerava status koda, čime se u startu onemogućuju prevare.
  • Vizualna signalizacija i kontrola statusa: Aplikacija posjetitelju i muzejskom osoblju jasno i nedvosmisleno signalizira status ulaska – odobravajući važeću ulaznicu te vizualno i zvučno blokirajući već iskorištenu ili nevažeću. U slučaju bilo kakve nepravilnosti (npr. oštećen QR kod ili pogrešan termin), sustav je dizajniran tako da omogući brzu intervenciju prisutnog muzejskog osoblja.
  • Automatizacija protoka posjetitelja: Kako bi se spriječilo stvaranje redova, implementirana je napredna funkcionalnost automatskog pokretanja sljedećeg skeniranja neposredno nakon uspješne provjere prethodnog posjetitelja. Ovo osigurava kontinuirani i glatki protok ljudi na ulazu, bez ikakve potrebe za ručnim resetiranjem uređaja od strane osoblja.

Isporukom ove aplikacije, Hrvatski športski muzej operativno je zatvorio cjelokupni prodajni i posjetiteljski krug. Kartomat ne funkcionira kao izolirani hardver, već je dubinski integriran s web portalom za online kupnju ulaznica, mobilnom aplikacijom posjetitelja i blagajničkim (POS) sustavom na lokaciji.

Ovakva arhitektura osigurava jedinstvenu, centraliziranu evidenciju svih važećih i iskorištenih ulaznica u realnom vremenu, čime uprava muzeja u svakom trenutku ima precizan uvid u broj posjetitelja u prostoru.

Operativno središte: Upravljanje sadržajem u mobilnoj aplikaciji i sustavu

Najveći izazov digitalne transformacije nije samo implementacija tehnologije, nego osigurati da klijent sustavom može samostalno upravljati dugoročno. Kako Hrvatski športski muzej ne bi postao ovisan o vanjskim IT resursima za svakodnevne promjene, bilo je nužno stvoriti centralno operativno okruženje iz kojeg muzejsko osoblje upravlja sadržajem, prodajom i administracijom platforme.

Administrativno sučelje (CMS): Centralizirana integracija CMS-a i poslovne aplikacije

Za dugoročnu održivost višekanalnog sustava muzeju je potrebno jedinstveno operativno središte. U praksi, institucije često postaju taoci vlastite tehnologije jer za svaku izmjenu sadržaja moraju angažirati vanjske izvođače.

Zato je administrativno sučelje (CMS) razvijeno kao centralni web sustav za upravljanje sadržajem i bitnim operativnim podacima — s ciljem da muzejsko osoblje može raditi svakodnevne izmjene brzo, sigurno i bez ovisnosti o razvoju.

Razvoj ovog upravljačkog centra obuhvatio je integraciju sljedećih modula i funkcionalnosti:

  • Sveobuhvatno upravljanje izložbenim sadržajem: Sustav omogućuje unos, uređivanje i organizaciju svih podataka koji se prikazuju u mobilnoj aplikaciji, tablet aplikaciji, kiosk web aplikaciji i web portalu za online kupnju ulaznica. To uključuje strukturirano upravljanje tematskim cjelinama kroz grupe, podgrupe, prostore i tekstualne opise, te distribuciju bogate multimedije poput fotografija, galerija, video zapisa i animacija.
  • Administracija edukativnih alata: Kroz CMS se direktno upravlja audio vodičima, definirajući njihov naziv, opis, trajanje i segmentaciju zapisa. Uz to, integrirano je i potpuno upravljanje kviz sustavom, što obuhvaća administraciju baze pitanja i odgovora, podešavanje razina težine i tematsku povezanost.
  • Kontrola prodaje i financijsko izvještavanje: Operativni modul omogućuje upravljanje ulaznicama – od definiranja vrsta i cijena do kontrole dostupnosti vremenskih slotova te pregleda kupnji i rezervacija. Sustav također omogućuje pregled izdanih računa, praćenje statusa ulaznica te administrativne radnje poput storniranja i generiranja izvještaja, a sve to u dubokoj integraciji s ERP sustavom.
  • Sigurnost i upravljanje pravima pristupa: Sučelje je dostupno isključivo putem sigurne web veze (HTTPS) i optimizirano je za rad u suvremenim web preglednicima. Kako bi se osigurala zaštita operativnih podataka, implementirana je stroga kontrola korisničkih uloga (Superadmin/Admin) i razina pristupa.
  • Sinkronizacija u stvarnom vremenu (Real-time): Najveća tehnološka i poslovna prednost ovog CMS-a leži u njegovoj arhitekturi. Sve izmjene unesene u CMS automatski se sinkroniziraju i postaju vidljive u svim povezanim aplikacijama i portalima. Time je u potpunosti eliminirana potreba za dodatnim tehničkim intervencijama ili čekanjem na objavu novih verzija aplikacija u trgovinama.

Administrativno sučelje predstavlja centralnu upravljačku točku digitalnog ekosustava muzeja. Rezultat je održiva platforma koja omogućuje samostalno upravljanje sadržajem od strane djelatnika, uz jasne uloge, sigurnu administraciju i konzistentnu distribuciju sadržaja prema mobilnim aplikacijama, kiosk uređajima, web ticketingu i POS sustavu.

Zaključak: Digitalna transformacija kroz razvoj poslovnih sustava i aplikacija

Digitalna transformacija kulturnih i sportskih institucija ne smije se svoditi na izolirane aplikacije. Za Hrvatski športski muzej isporučili smo integrirani sustav koji objedinjuje izradu poslovnih aplikacija, razvoj mobilne aplikacije Android i iOS, web ticketing, kontrolu ulaza i POS — nad jedinstvenim izvorom podataka i centralnom backend logikom. Bitna vrijednost projekta je kontrolirano upravljanje sadržajem i prodajom kroz CMS, uz pouzdane integracije naplate i fiskalizacije.

Kroz ovaj projekt postigli smo tri bitna poslovna cilja:

  • Centralizaciju kontrole: Sadržaj, cijene i korisnička prava upravljaju se s jednog mjesta (CMS), eliminirajući operativni kaos i ovisnost o vanjskim IT dobavljačima za svakodnevne izmjene.
  • Automatizaciju poslovanja: Integracijom Stripe naplate i Arges ERP fiskalizacije s POS-om i web portalom, stvoren je zatvoreni financijski ekosustav koji ne zahtijeva ručna usklađivanja.
  • Vrhunsko iskustvo posjete: Kroz interaktivne mape, audio vodiče i brzu QR validaciju na ulazu, posjetiteljima je osiguran doživljaj koji postavlja nove standarde u muzejskoj industriji.

Ako tražite partnera koji ima dokazani kapacitet isporučiti end-to-end platformu “od nule” – od kompleksne sistemske arhitekture i UX/UI dizajna, preko mobilnih i web kanala, do hardverskih integracija i dugoročnog modela održavanja – ovaj je projekt jasan pokazatelj naše tehničke širine i poslovne zrelosti. Rješenja koja gradimo nisu tu samo da “izgledaju dobro”; ona su dizajnirana da pouzdano upravljaju vašim procesima iz dana u dan.

U RedCodeu ne gradimo samo aplikacije – stvaramo digitalne ekosustave koji vašem poslovanju omogućuju rast.

Kontaktirajte nas i pretvorite svoju viziju u stabilnu digitalnu stvarnost.

Ključne značajke

Integrirani ekosustav
omnichannel pristup
Jedinstvena platforma za sve kanale
Automatizirana prodaja
ticketing i fiskalizacija
Zatvoren krug prodaje i naplate
Centralizirano upravljanje
custom CMS rješenje
Samostalno upravljanje digitalnim sadržajem
Napredna edukacija
multimedijski vodič
Interaktivno iskustvo i digitalna gamifikacija

Tehnologije

Figma
Figma
Hasura
Hasura
Flutter
Flutter

Projekti iz kategorije