Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessopolis

yankedev
January 13, 2016

 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

yankedev

January 13, 2016
Tweet

Other Decks in Programming

Transcript

  1. 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
  2. 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
  3. 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
  4. 1 year old idea Promise to a friend New technologies

    Community driven my starting point
  5. What is Angular? • (Opin.) Single Page Apps • 2

    way binding & Templates • Dep. Inj. & Testable • Directives (Components) • A lot of good resources • Incremental Revolution
  6. What is Firebase? • Realtime DB in the cloud •

    Serverless • Oauth2 & First Class Data Security • Offline support • Great scalability • Low operational costs
  7. Database RAM <div> <span> <ul> <li> <li> <li> Slide from

    keynote presentation of ng-conf 2014
  8. How to do User Experience? • Lean UX • Sketch

    / Wireframe / Personas • Responsive Design with Bootstrap • Accessibility with ng-aria • First iteration, requires a couple more ?
  9. 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
  10. 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!
  11. Customer test results • Not working on all phones •

    Cannot upload videos • Missing Admin console (minimal) • Needs some graphic improvements
  12. 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
  13. 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
  14. 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!
  15. 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!
  16. 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
  17. 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
  18. 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
  19. 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
  20. 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 (?)
  21. Everybody can contribute • Take the chance to learn and

    try new technologies • Contribute to an open-source project • Help people that need some help
  22. Q&A