Accessopolis

accessopolis.ch is a service similar to TripAdvisor for disabled people to find accessible places in Switzerland.
It is developed from volunteers, and the software is opensource on github.com/exteso

Transcript

1. Accessopolis Image by SOZIALHELDEN A social experiment for developers
2. About
3. about me Federico Yankelevich Software Engineer since 2000 Software Architect at Post CH SA Co-Organizer of Voxxed Days CH Co-Founder ated4kids Father of 3 Dreamer about the future
4. per l’inclusione sociale dei disabili senza se e senza ma, basta che... Salute Copertura costi terapie non riconosciute Cultura e Formazione Borse di studio Casa Editrice Turismo Accessibile Gite con disabili Accessopolis Sport GC inSuperabile AS Jogaleros about customer
5. Try it NOW on your phone: http://accessopolis.ch Censimento POI Catalogo multimediale POI Per categorie e sottocagorie Voto accessibilità Doppio voto accessibilità POI (pubblico ed esperti) Excellence ribbon Labeling dei POI più accessibili Segnalazioni Commenti/segnalazioni utenti accessibilità POI about the project
6. Preface
7. 1 year old idea Promise to a friend New technologies Community driven my starting point
8. 1. share & learn 2. create a community goals of this presentation
9. Speedy Sprint
10. 48h hackaton 2 friends + Giulia 1 goal: production ready HackTheCity
11. Start from scratch Learn new technologies UX (responsive, accessible) Aim for reuse Dev Rules
12. Since Day 1
13. Architecture
14. Image credits: techtach.com, blog.hartleybrody.com Serverless
15. Smart Clients Firebase Sync
17. Implementation
18. Angular Celestino Firebase Federico Mobile Giulia User Experience Aldo
19. What is Angular? • (Opin.) Single Page Apps • 2 way binding & Templates • Dep. Inj. & Testable • Directives (Components) • A lot of good resources • Incremental Revolution
20. What is Firebase? • Realtime DB in the cloud • Serverless • Oauth2 & First Class Data Security • Offline support • Great scalability • Low operational costs
21. Database RAM <div> <span> <ul> <li> <li> <li> Slide from keynote presentation of ng-conf 2014
22. How to do User Experience? • Lean UX • Sketch / Wireframe / Personas • Responsive Design with Bootstrap • Accessibility with ng-aria • First iteration, requires a couple more ?
23. And the Mobile App? • A lot of problems to setup the environment • Old laptop and hot weather …. BANG! • Environment was not yet working on sat. morning • We tried to switch to Ionic but we needed to prepare the environment • On Saturday night app was working with Firebase • But we could not re-use angular code because for v1. 4 and Ionic used 1.2
24. End of the hackaton What we achieved: • All basic functionalities implemented • Deployed in PROD • Mobile app postponed • Quickly prepared for 1 min presentation We did NOT won 8’000 CHF :-( But we were happy anyhow for the goals reached!
26. Customer said “Not yet MVP!”
27. Customer test results • Not working on all phones • Cannot upload videos • Missing Admin console (minimal) • Needs some graphic improvements
29. Hack Day by Celestino • Tasks planned by Customer in GitHub • Sylvain joins the project • Videos can now be uploaded • Many small improvements and bug fixed
30. Customer said “Not yet MVP!”
31. We found it complex to enhance!
32. We need to refactor! • Many hands touching the code • Working in a hurry with different styles • Fragile, not well tested • Layers not clearly separated • Mixed business logic
34. AngularJS 1.5 is out • Sylvain is interested to test it • It enables new syntax for creating components • Let’s clean up, starting from scratch • Port existing features in the new code • Introduce testing … really? • Done!, before it was too late!
35. Code time
36. Security Check you cannot overwrite comments of somebody else Push-To-Clients Write a comment while somebody else is on the same page Responsiveness Resize screen Frontenders: You know it!
37. Status & Lessons Learnt
38. Real world usage • still in private mode (not MVP) • doesn't work on every device • needs to be easy for experts in accessibility business (architects, fondazione) • we don't have ready-to-import dataset
39. Lessons learnt (the bad) • analysis is important (user stories) • 48h for a prototype can be too short • a prototype needs cleanup • business commitment and deadlines would help • project lead should spend more time on the project • we were not ready for the mobile part
40. Lessons learnt (the good) • working together we all learnt a lot • short time investment is a good approach to start a new project (maybe sleeping a little bit more) • Firebase is amazing • Angular made it easy to split the work between gui/ux and business logic
41. Future
42. 1° gruppo esperti Costituzione gruppo esperti 4-5 disabili Censimento capillare POI LVGA Edifici pubblici in primis Campagna informativa Associazioni disabili e altri stakeholders Attivazione socials FB, Twitter, G+ about the project
43. Next steps (technical) • Maintained by multiple people • Community driven • A strong leader (with weekly reserved time) • Playground for junior developers • Reference Application for other similar use cases • Business Driven Development (when paid) • Open Data Initiative (?)
45. Everybody can contribute • Take the chance to learn and try new technologies • Contribute to an open-source project • Help people that need some help
46. Would you come to an Accessopolis Hackergarten?
47. Q&A