ANDROID SKETCHING WORKSHOP

Introduzione
Cercare un’idea di App in gruppo
Sketch dell’UI
Usando il tool online costruire in gruppo i layout scelti
Correzione assieme dei lavori svolti
Twitta la tua impressione con questi hashtag #wttorino e @ewilly1 (il mio profilo)
Conclusione

Transcript

1. ANDROID SKETCHING WORKSHOP From paper to mobile Wilfried Mbouenda Mbogne @ewilly1 Sviluppatore Android
2. SKETCHING
3. Designer Disegnare con carta e penna nel processo di creazione.
4. CREARE UN APP https://www.smashingmagazine.com/wp-content/uploads/2016/10/4-whiteboarding-session-large-opt.jpg
5. PERCHÈ FARE SKETCHING?
6. https://material.uplabs.com/posts/user-profile-concept
7. https://material.uplabs.com/posts/music-animations-part2
8. COME FARE SKETCHING?
9. IDEA
10. PASSIONI O PROBLEMI
11. ESEMPIO DI IDEA
12. Material CV Un'applicazione per creare e aggiornare il CV.
13. TROVIAMO UN IDEA
14. ESEMPIO DI SKETCHING
16. SKETCHING TIME
17. ANDROID UI
18. XML
19. XML significa EXtensible Markup Language. XML custodisce e trasporta dati. w3schools.com
20. <?xml version="1.0" encoding="UTF-8"?> <mail> <a>Davide</a> <da>Wilfried</da> <oggetto>Uscita del weekend</oggetto> <corpo>Non dimenticare la birra!</corpo> </mail>
21. XML IN 3 PASSI
22. 1.Tag <tag/> <tag></tag>
23. Un documento XML è una lista di Tag. Un Tag può contenere altri tag.
24. 2.Attributo <tag attributo /> <tag attributo = valore ></tag>
25. Un Tag può contenere piu attributi.
26. 3.Elemento <tag>elemento</tag>
27. ANDROID XML LAYOUT
29. ViewGroup
30. View id Dimensione Colore Testo
33. ONLINE TOOL http://labs.udacity.com/android-visualizer/
34. Da xml a UI
35. ESEMPIO DI LAYOUT ANDROID
37. USIAMO IL TOOL
38. MAKE IT REAL
39. Prossimi Passi https://developer.android.com https://www.udacity.com/course/android-develo pment-for-beginners--ud837
40. Twitta la tua impressione con questo hashtag #WTTorino e menziona @ewilly1
41. Grazie per l’attenzione! Wilfried Mbouenda Mbogne @ewilly1 Sviluppatore Android