CityCoin Tehnička dokumentacija Autor: Antonio Erdeljac Škola: Prva riječka hrvatska gminazija Mentor: Tamara Široka, prof. Vanjski mentor: Dino Ilić,

Слични документи
eOI Middleware Upute za instalaciju

Ime i prezime učenika

Iskustva suradnje s tvrtkom iz perspektive istraživačke institucije

Korisničko uputstvo mobilne aplikacije Digitalni Kiosk 1

VELEUČILIŠTE U BJELOVARU Upute za postavljanje Gmail računa Lipanj, 2018

Maxtv To Go/Pickbox upute

СТАРТ - СТОП АПЛИКАЦИЈА - КОРИСНИЧКО УПУТСТВО

PONUDA OGLASNIH PAKETA ZA AGENCIJE ZA NEKRETNINE U SRBIJI I CRNOJ GORI

NAPOMENA: Studenti na ispit donose kod urađenog zadatka

eredar Sustav upravljanja prijavama odjelu komunalnog gospodarstva 1 UPUTE ZA KORIŠTENJE SUSTAVA 1. O eredar sustavu eredar je sustav upravljanja prij

Microsoft Word - privitak prijedloga odluke

Ministarstvo poljoprivrede Portal gospodarskog ribarstva Registracija prvih kupaca Uputa za korisnike

UVJETI KORIŠTENJA INTERNETSKE STRANICE Korisnik posjetom web stranicama potvrđuje da je pročitao i da u cijelosti prihvaća o

KORISNIČKE UPUTE APLIKACIJA ZA POTPIS DATOTEKA

m-intesa ZA KRETANJE BEZ GRANICA... INTESA SANPAOLO BANKA ZA UREĐAJE SVIJET MOGUĆEG.

VODIČ ZA MODERNIJE POSLOVANJE CLOUD STORAGE Privatna učilišta i škole stranih jezika prelaze u cloud

PROCES KUPNJE ULAZNICE NA PORTALU ULAZNICE.HR Početak kupovine... 2 Plaćanje Mastercard karticom... 5 Plaćanje Maestro karticom... 8 Plaćanje American

PowerPoint Presentation

Smjernice za korištenje sustava online prijava Ukoliko imate pristupno korisničko ime i lozinku ili ste navedeno dobili nakon zahtjeva za otvaranje no

Biz web hosting

Microsoft Word - AddikoChatBanking - Uputa za koristenje_ _v0.3.docx

Korisničke upute za podnošenje zahtjeva za rješavanje spora (žalbe)

EXC_BROSURA_Tour ver_05

Addiko Bank_Addiko Mobile_Korisnicko uputstvo_version 2

Upute za instaliranje WordPressa 1.KORAK Da biste instalirali Wordpress, najprije morate preuzeti najnoviju verziju programa s web stranice WordPressa

Припејд картица Корисничко упутство

Microsoft Word - Korisnički priručnik za liječnika.docx

KORISNIČKO UPUTSTVO ZA SMART AC Pažnja Ovaj ureďaj se usklaďen sa dijelom 15 iz FCC pravila i RSS 210 industrije i nauke iz Kanade. Rd je predmet sled

3/21/2019 KATEGORIJA 1: SUFINANCIRANJE KATEGORIJA 1: SUFINANCIRANJE JAVNI POZIV ZA PROGRAME U OKVIRU SLUŽBENOG KULTURNOG I UMJETNIČKOG PROGRAMA PROJEK

PORTAL KATEDRE ZA MEDICINSKU STATISTIKU I INFORMATIKU uputstvo za pristup i korišćenje Ovo uputstvo podrazumeva da studenti imaju osnovno znanje koriš

СТАРТ - СТОП ПАРКИНГ СИСТЕМ КОРИСНИЧКО УПУТСТВО страна 1 од 12

Funkcionalna specifikacija za provođenje elektroničkog glasovanja

Korisnicke upute za uslugu "Moj e-racun"

CARNET Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za nadzor razrednih knjiga tel: fax: mail:

FAQ mCard

VALIDNOST CERTIFIKATA ZA PRISTUP INTERNET APLIKACIJAMA POREZNE UPRAVE FEDERACIJE BOSNE I HERCEGOVINE (npis I ejs)

ekonferencije.com stručni i naučni skupovi, seminari i konferencije

BUS d'.;,.. INTELIGENTAN MARKETING SISTEM ZA PRIKAZ REKLAMA NA TELEFONU ILI TABLETU PUTNIKA

NIAS Projekt e-građani KORISNIČKA UPUTA za aplikaciju NIAS Verzija 1.1 Zagreb, srpanj 2014.

Uputstvo za korištenje Moja webtv Smart TV aplikacije Moja webtv aplikacija dostupna je za korištenje putem Web Browsera, na Play Store-u (za mobilne

CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za administratore tel: fax: mail: url:

Control no:

Корисничко упутство апликације езапослени верзија Рачунски центар Електротехничког факултета, Универзитет у Београду

U Zagrebu, Priređivač nagradnog natječaja Go2Digital d.o.o., Radnička cesta 52, Zagreb, OIB: (u daljnjem tekstu: Priređivač), koj

Document ID / Revision : 0419/1.1 ID Issuer Sustav (sustav izdavatelja identifikacijskih oznaka) Upute za registraciju gospodarskih subjekata

Zlatna Mastercard kartica Saznaj više na

POLITIKA PRIVATNOSTI GLAS ISTRE NOVINE društvo s ograničenom odgovornošću za nakladničku djelatnost iz Pule, Japodska 28, OIB , MB

ПРЕГЛЕД УСЛУГА И НАКНАДА за корисника платних услуга предузетника и правно лице Прилог 2 Назив пружаоца платних услуга: Credit Agricole banka Srbija a

Korisničko uputstvo za uslugu internet bankarstva (eBBI)

Često postavljana pitanja Smart keš kredit 1. Kako mogu da apliciram za Smart keš kredit? Apliciranje za Smart keš je omogućeno postojećim klijentima

UPUTSTVO ZA PODEŠAVANJE MOBILNIH UREĐAJA ZA MMS

Gdin Nikola Kovač

CARNET: Upute za korisnike Sadržaj uputa 1. Što je CARNET? Tko ima pravo na CARNET uslugu? CARNET APN Uvjeti korištenja usluge

BUG.HR mediakit 2018

Upute-podesavanj -accounta

Instalacija i konfiguracija DriveAngela na operativni sistem Android

Informisanje korisnika u pregovaračkoj fazi Standardni informacioni list u primjeni od godine Podaci o davaocu usluge Vrsta usluge Bosna B

OBAVIJEST PZZ KORISNICIMA Poštovani korisnici programskog rješenja Last2000. Za Vas smo pripremili sljedeće novosti u programu: NOVOSTI

UPUTA za uvođenje JOPPD - prva faza

ZA MEDICINSKE USTANOVE INTELIGENTAN WI-FI d'.;,.. SISTEM ZA ZADOVOLJNE PACIJENTE I POSETIOCE

1

d'.;,.. INTELIGENTAN MARKETING SISTEM ZA PRIKAZ REKLAMA NA TELEFONU ILI TABLETU PUTNIKA

RAD SA PROGRAMOM

Uredba o GDPR-u i Politika privatnosti Medical Elit d.o.o. Usklađivanje sa Uredbom o zaštiti privatnih podataka (GDPR) od i naša Politika p

PowerPoint Presentation

Посебни услови пружања TOTAL GROUP услуге

CARNet Helpdesk - Podrška obrazovnom sustavu e-dnevnik upute za administratore tel: fax: mail: url:

PuTTY CERT.hr-PUBDOC

vodič za os

8 2 upiti_izvjesca.indd

ELFI: UPUTSTVO ZA KORIŠTENJE

KORISNIČKO UPUTSTVO Online ekspozitura - krediti 05/19 C-EBKWU-02

Recuva CERT.hr-PUBDOC

Instalacija i konfiguracija DriveAngela na operativni sistem Apple ios

Microsoft Word - 6. RAZRED INFORMATIKA.doc

4/24/2019 INA - Zeleni pojas online prijave u tijeku ONLINE PRIJAVA Prijava na natječaj Zeleni pojas Prijave preko online obrasca se zaprimaju o

Korisničko uputstvo za uslugu ClickPay u Mobilnom bankarstvu BIHAMK 1. OPIS USLUGE Usluga ClickPay omogućava prijem unaprijed popunjenog naloga za pla

PowerPoint Presentation

Korisničko uputstvo za uslugu ClickPay u Internet bankarstvu KJKP Toplane Sarajevo 1. OPIS USLUGE Usluga ClickPay omogućava prijem unaprijed popunjeno

UREDBA (EU) 2019/ EUROPSKOG PARLAMENTA I VIJEĆA - od 19. ožujka o izmjeni Uredbe (EZ) br. 924/ u pogledu određenih

DRŽAVNO IZBORNO POVJERENSTVO REPUBLIKE HRVATSKE e-learning upute UPUTE ZA REGISTRACIJU ZA E-LEARNING TEČAJ Zagreb, 03. svibanj 2019.

PPT

NOVA ŠKODA SCALA

Excursor Brosura Hoteli PRINT

Uputstvo za upotrebu studentskih servisa - gef

REPUBLIKA HRVATSKA MINISTARSTVO PRAVOSUĐA Korisničke upute e-građani aplikacije za elektronsko izdavanje posebnog uvjerenja iz kaznene evidencije Zagr

Microsoft Word - TehmedGDPR.docx

ПРИЈАВА

Microsoft PowerPoint - 6. CMS [Compatibility Mode]

УПУТСТВО ЗА КОРИСНИКА Приступ локацији часописа Српски архив за целокупно лекарство добија се преко internet adrese: Након

Može li učenje tablice množenja biti zabavno?

UNION Banka DD Sarajevo Tel.: Dubrovačka br Sarajevo, Bosna i Hercegovina Fax:

Naknade poslovnim subjektima u platnom prometu za poslovne subjekte s godišnjim prihodom do 40 milijuna kuna Vrsta proizvoda/usluge Račun Otvaranje ra

broj 54 studeni Uvid u stanje nepovezanih uplata obveznog mirovinskog osiguranja II. stupa i obrazaca JOPPD (R-S/R-Sm/) Kroz Sustav elektronički

Informacija o obradi ličnih podataka

3 DNEVNI SEMINAR INTERNET POSLOVANJE TEME: 1. INTERNET POSLOVANJE 2. INTERNET MARKETING, INTERNET PR I ANALITIKA 3. UPRAVLJANJE SADRŽAJEM, DOMENE, HOS

Uputstvo za upotrebu studentskih servisa - gef

Транскрипт:

CityCoin Tehnička dokumentacija Autor: Antonio Erdeljac Škola: Prva riječka hrvatska gminazija Mentor: Tamara Široka, prof. Vanjski mentor: Dino Ilić, univ. bacc. ing. comp. 1

2

Sadržaj 1. Uvod 5 1.1 Problem 5 1.2 Rješenje 6 2. Platforme 7 2.1 Web aplikacija 7 2.2 Mobilne aplikacije 8 3. Mogućnosti 9 3.1 Business 9 3.2 Korisnik 16 3.3 Kontrolor 24 4. API 26 4.1 Strukura 26 4.2 Pozivi 27 5. Tehnologije 28 5.1 Korištene tehnologije 28 3

6. Strukutra koda 29 6.1 Principi 29 6.2 Datoteke 30 7. Dizajn 31 7.1 Identitet 31 8. Monetizacija 32 8.1 Paketi pretplate 32 9. Budućnost 33 9.1 Budućnost aplikacije 33 4

1. Uvod 1.1 Problem Pametni gradovi svuda su oko nas. Olakšavaju svakidašnji život građana te pružaju razne mogućnosti i beneficije. Odličan primjer je Rijeka City Card - jedna kartica za sve usluge grada. Smanjeni su troškovi tiskanja pokazni, ubrzan je ritam grada te općenito olakšan život. Problem ovakvog projekta stoji u cijeni. Minimalni trošak od 500.000HRK barijera je manjim gradovima i njihovim uslugama. 5

1.2 Rješenje CityCoin dolazi kao platforma za upravljanje pametnog grada priuštiva svim gradovima. Uz jednostavne modele pretplate i brzom postavljanju CityCoin rješava sve probleme fiksalizacije, organizacije, strukture i usluga. Osim priuštivih modela, CityCoin smanju potrebno vrijeme za organizaciju, pronalazak programera i firmi te tiskanje kartica. Zamjenjivanje kartice mobilnom aplikacijom za korisnike poboljšava se pristupačnost usluga grada svim korisnicima, kao i priuštivost samih usluga. Komponiranjem CityCoina s vašim gradom pove ćavate profit i gradu i njegovim građanjima ukidanjem nepotrebnih modela birokracije. 6

2. Platforme 2.1 Web aplikacija Multiplatformnost bitna je komponenta modernih aplikacija. CityCoin zato nudi web platformu kao glavno i pregledno sučelje za upravljanje vašeg grada. Dodavanje modela pretplata, usluga te samog grada vrši se preko web platforme, isto kao i dodavanje i određivanje kontrolora pretplata. Statistike zarada i usluga grada također su prikazane na web platformi. 7

2.2 Mobilne aplikacije CityCoin nudi 2 mobilne aplikacije, obje kompatibilne i na ios i na Android sustavima. Aplikacija korisnika sadržava registraciju, prijavu, odabir grada prema geolokaciji, kupovanje pretplate usluga, dodavanje kartičnog placanja, te pregled računa i QR kodova pretplacenih usluga. Aplikacija kontrolora nudi jednostavnu prijavu potvrđenog kontrolora dodanog ili odabranog preko web platforme, te skeniranje QR koda sa povratnom uspješnom ili neuspješnom porukom nakon skeniranja. 8

3. Mogućnosti 3.1 Business Business dio aplikacije (web platforma) započinje registracijom ili prijavom vaseg admin profila. Za uspješnu registraciju potreban je naziv vase firme, OIB, email te loznka. 9

Za prijavu su potrebni točni email i lozinka, isto kao i pravilno registrirani admin tip korisnika (business). 10

Nakon uspješne prijave, slijedi prvi korak u stvaranju vašeg grada - dodavanje pretplata. Za uspješno stvaranje pretplate potreban je naziv, cijena te vremenski interval isteka. 11

Kada ste uspješno dodali vašu pretplatu, biti ce prikazana na listi stvorenih pretplata. 12 Sljedeći korak jest stvaranje usluge grada. Za uspješno stvaranje usluge potreban je naziv usluge, informacije o firmi koja nudi uslugu, odabir vrste usluge te odabir stvorene pretplate. Moguće je dodati neograničen broj pretplata prema vasem modelu CityCoin pretplate.

Nakon uspješnog dodavanja usluga, slijedi završni korak - stvaranje grada. Za uspješno stvaranje grada potreban je naziv grada, odabir lokacije preko Google API-a, ako je dostupan IATA kod, kod države, te minimalno jedna usluga. 13

Vaš novostvoreni grad prikazati će se u sučelju gradova. Sljedeći korak jest stvaranje ili određivanje kontrolora vasih usluga. 14

Za uspješno stvaranje kontrolora potrebni su ime i prezime, OIB, email te minimalno jedna usluga koju kontrolor moze provjeravati. 15

3.2 Korisnik Mobilna aplikacija korisnika započinje prijavom ili regsitracijom. Za registraciju su potrebni ime i prezime, OIB, email te lozinka. 16

Nakon prijave, korištenjem geolokacije, predstavljeni ste sa listom dostupnih pametnih gradova oko vas. 17

Odabirom grada prikazuje se lista usluga, zajedno sa brojem pretplata isto kao i navigacijom za ponovni odabir grada. 18

Odabirom usluge prikazuje se lista pretplata, zajedno sa cijenom pretplate isto kao i vremenskim intervalom isteka. 19

Nakon što ste odabrali željenu pretplatu, potrebno je potvrditi predstavljeni iznos i račun. 20

Kupljene pretplate validirate putem ponuđenog QR koda kojemu možete pristupiti u bilo koje vrijeme. 21

plata Sve pretplate moguće je vidjeti pod listom pret- 22

Pregled iznosa i kartična uplata moguća je preko sekcije novčanika. 23

3.3 Kontrolor Aplikacija kontrolora započinje provjerenom prijavom korisnika vrste kontrolora. 24

Nakon uspješne prijave, kontrolor je predstavljen sa jednostavnim sučeljem koje nudi skeniranje QR koda, zajedno sa povratnom uspješnom ili neuspješnom porukom. 25

4. API 4.1 Strukura API CityCoina strukturian je prema SOLID principma. 26 /api/v1/users /api/v1/users/:id /api/v1/subscriptions /api/v1/subscriptions/:id /api/v1/services /api/v1/services/:id /api/v1/wallets /api/v1/wallets/:id

4.2 Pozivi Pozivi API-a vrse se PUT, POST, GET i DELETE pozivima, zajedno sa autentifikacijskim tokenom u kolačićima ili zaglavlju poziva. GET /api/v1/users GET /api/v1/users/:id POST /api/v1/users PUT /api/v1/users/:id DELETE /api/v1/users/:id 27

5. Tehnologije 5.1 Korištene tehnologije CityCoin koristi najnovije i najaktivnije tehnologije današnjice. Koristeći Node.js za server te React.js za posluživanje klijenta korisnicima pružamo osjecaj korištenja brze i optimizirane aplikacije na svim platformama. Mobilne aplikacije stvorene su u React Nativeu te time sadržavaju isti princip programiranja kroz sve 3 platforme. Databaza je stvorena kao NoSQL koristeći MongoDB tehnologiju, te uz Google API koji osigurava prezicnu geolokaciju gradova, isto kao i samu lokaciju korisnika vrši pronalazak obližnjih gradova koristeći GeoJSON strukturu. Za stiliziranje je koristen SASS. QR kodovi koriste se kao način validacije kupljenih pretplata usluga. Stripe tehnologija korištena je kako bi upravljala svim kartičnim plaćanjima. 28

6. Strukutra koda 6.1 Principi Kvaliteta koda održana je SOLID principom programiranja kroz sve platforme. Korištenjem reusable komponenta i praćenja DRY principa kod je skalabilan, razumljiv i dugorocno održljiv. Korišten je i Server-Side rendering kako bi korisniku pružili optimiziranu, brzu i cacheiranu aplikaciju. 29

6.2 Datoteke Sve komponente dijele istu strukturu, dok se često ponavljajuće komopnente izdvajaju. 30

7. Dizajn 7.1 Identitet Sve platforme dijele isti vizualni identitet. Glavna boja predstavlja glavne akcije, tekstove i radnje, dok je sivo-bijela pozadina vidljiva i prepoznatljiva kroz sve platforme. Korišteni font je Poppins te njegove variacije Light, Medium i Bold. Poppins font 31

8. Monetizacija 8.1 Paketi pretplate CityCoin nudi 2 glavna modela pretplate bazirani prema veličina grada, količini korisnika i uslugama grada. 32

9. Budućnost 9.1 Budućnost aplikacije CityCoin zahvatio je interes manjih gradova i firmi za pružanje početnog kapitala i promocije. Aplikacija se planira pokrenuti u gradu Rijeci i Kastvu, kao prvi pokusni gradovi CityCoin-a. Plan je proširiti se na hrvatsko tržiste, te zatim i obližnje države. Pri procesu ukomponiranja novih država i gradova aktivno bi tražio daljne investitore i promotore aplikacije. Tvrtka Signature Networks Ltd. iskazala je interes za uaganje u CityCoin platformu, te je u planu suradnja za daljnu razgradnju, održavanje i razvoj platforme. 33