Otvori web stranicu sa testovima | Preuzmi mobilnu aplikaciju za Android



Razvijajući novu verziju SpesDrivera fokusirao sam se na nekoliko stvari:

• da test bude stabilniji, brži i sa više opcija,


• da se lako koristi u Cordovi


• bolje optimizovan za mobilne uređaje,


• posjeduje više država,


• posjeduje spisak autoškola,


• posjeduje novi, moderniji, dizajn.

 

Serverski dio
Krenuo sam skoro od "nule", kopirao 3 - 4 modela i možda neki kontroler. Sada sam koristio Yii2 tako da sam i sa kopiranim dijelovima imao dosta posla.

 

Klijentski dio

Bilo je jako bitno odabrati prave tehnologije, jer je ista aplikacija trebala da radi na različitim rezolucijama i browserima, ali i da sa Cordovom napravim aplikacije za različite platforme. Polymer je bila tehnologija koja mi je privlačila pažnju, ali s obzirom da dosta browsera ne podržava WebComponente odustao sam.

Izabrao sam Angular i Angular Material koji je još bio u ranoj Alpha fazi razvoja. Trenutno sam razočaran, aktuelna verzija je 0.8.3, na Android Browseru i IE <= 11 se raspada. Aplikacija je skoro gotova ali je ne mogu objaviti, jer još nema podršku za pomenute browsere, a nisam siguran ni da li će imati. Ali glavu gore i idemo dalje.

Koristio sam Gulp, odlična stvar. Uspio sam minifovati i kombinovati fajlove. Angular templati se zahvaljujući Gulpu nalaze u JS fajlu. Slike linkovane u CSS su base64 enkodovane. Smanjio sam broj zahtjeva, pa se nadam i opterećenje na serveru.

Sa Angularom sam vrlo lako odradio deep routing, veliki broj linkova se kešira i to storageu. Prezadovoljan sam Angularom, ali vrlo je bitno voditi računa od stilu pisanja koda. Zbog toga sam u početku nekoliko puta počeo sve iznova. Dobar "Style Guide" pronašao sam na ovom linku:
https://github.com/johnpapa/angularjs-styleguide
Nemojte se zanositi video tutorijalima, brže se savladaju neki osnovni koncepti, kontroleri, servisi, direktive, $scope... Ali tu je kod optimizovan za male aplikacije, UVIJEK pratite style guide iskusnih programera. Angular2 je potpuno izmijenjen tako da pretpostvaljam da će biti lakše.

Mobilna aplikacija
S obzirom da sam jedini developer odlučio sam se za Cordovu. Dok sam pravio web aplikaciju razmišljao sam da sebi olakšam pravljenje mobilne aplikacije, tako da je web aplikacija brzo pretočena u mobilnu. Problem je nastao kada sam je testirao na Android 4.3 i manje. Te, starije verzije koriste Stock Browser za WebView tako da aplikacija zbog Angular Material nije radila. Namučio sam se Crosswalkom i sad imam dvije verzije aplilacije za Android. Muka!

Link za preuzimanje:

https://play.google.com/store/apps/details?id=com.lukicdarkoo.spesdriver

Zaključci
Nadam se skoroj podršci Angular Materiala za starije browsere. Sljedeći put biram isprobane tehnologije. Klijentski dio je najteže razviti, super stvari su tu, ali ako ih odaberete gubite dio korisnika.

Počeo sam da pravim novu aplikaciju i trebao mi je dobar web framework. Istraživao sam. Ovo nije bio jedan od onih perioda "kada mora biti PHP", bio sam "otvoren" za sve opcije, PHP, Python, NodeJS, nije bilo bitno, samo da nađem najbolje rješenje za moje potrebe.

NodeJS je odličan za realtime aplikacije. Jednostavan chat, stabilan i brz, može se vrlo lako napraviti. Postoji i dosta frameworkova za njega, ali ja sam radio sa ExpressJS, što je otprilike standardni web framework za NodeJS. Zanimljivo je da koristi JavaScript sintaksu što ponekad odlično. Npr. trebao mi je dodatak da pronalazi linkove u tekstu i pretvara u clickable linkove, tako da sam ove potrebe bez problema iskoristio JavaScript skriptu. Bower i npm su neophodni za upravljanje paketima.

Django, koji je razvijen u Pythonu, je iz nekog razloga okupio dobre programere, pa mi se i paketi čine kvalitetnijim. Takođe, Python je jezik opšte namjene, tako da se dosta stvari može iskoristiti i u web developmentu. Smatram da su ovo dvije bitno prednosti Pythona u odnosu na PHP.

Kako god, hosting za Python i NodeJS je dosta skuplji od onog za PHP te je novac presudio, a i prednosti Pythona i NodeJS mi u ovom projektu nisu bile od koristi. Preporučio bih dva dobra hostinga za testiranje Python i NodeJS aplikacija, Heroku i OpenShift.

PHP posjeduje veliki broj frameworka i ne postoji "stardani" kao što su Django za Python i ExpressJS za NodeJS. Odluku sam sveo na dva frameworka, Yii2 i Laravel. Diskusiju o ovoj odluci pokrenuo sam na:

http://wmforum.geek.hr/t/laravel-vs-yii-da-li-preci-na-laravel/18610

Laravel još uvijek nije namespaceovan

 

Došao sam na fakultet, "naučio" gomilu gluposti, izgubio pola godine života i tek sam sada počeo raditi nešto korisno. Iz Arhitekture računara imao sam priliku da radim projekat kod kuće za 30 bodova što sam jedva dočekao. Nakon duže rasprave sa asistentom odlučio sam da pravim igricu u C++ koristeći SDL biblioteku.

Moram napomenuti da mi je ovo prva igrica i da sam posljednji put sa OOP u C++ susreo u trećem razredu srednje iz Programiranja. S obzirom na to ovaj projekat je bio odličan način da se podsjetim nekih stvari i naučim nešto novo. Ovo je prvi put da nešto korisno naučim na fakultetu, tačnije dok sam na fakultetu, jer ovaj projekat radim "kod kuće".

Organizacija koda i datoteka je bio prvi problem sa kojim sam se suočio. Vjerovatno zbog neiskustva u pravljenju ovakvih aplikacija, nepoznavanja SDLa i lošeg znanja OOPa u C++ bilo je mi je jako teško da napravim dobru strukturu. Iz tog razloga često sam dosta stvari mijenjao i počinjao iz početka. Sada, kada je projekat završen uviđam greške i imam mnogo jasniju sliku strukture koja je bila pogodna za ovakve aplikacije. Sigurno bih narpravio klasu za rad sa tekstovima koja bi obavezno sadržala podrazumjevane vrijednosti, veličinu, boju i naziv fonta, zatim funkciju za prelamanje teksta i destruktor koji bi oslobađao zauzetu memoriju.

Za grafiku nisam smio koristiti slike sa Interneta, pa sam odlučio da ih sam napravim. Prvo sam nacrtao na papiru kako bi neka slika trebala da izgleda, zatim fotografisao telefonom i tu forografiju koristio kao "pozadinski layer" u GIMPu. Preko toga u novim layerima sa Paintbrushom crtao sam novu sliku. Ograničenja C/C++ i same SDL biblioteke su me dosta usporavali. C/C++ ne posjeduje standardnu bibloteku sa funkcijom koja konvertuje integer u string, pa sam je morao sam napisati. Takođe, SDL nema mogućnost prelamanja teksta, pa sam morao napisati i funkciju za to koja nije radila dovoljno dobro.

Realistično kretanje olovke sam pokušao da realizujem tako što bi se olovka u prvom frejmu pomjerila za x tačaka, a sljedećem za (x – y) tačaka. Na sličan način napravio sam i naginjanje olovke zavisno od djelovanja sila.

Link za preuzimanje igrice