Swift UI

A workshop on SwiftUI

Transcript

2. Pourquoi sommes nous ici ? — Explorer / Approfondir — s'entrainer / Produire — s'amuser / s'évader
3. Pourquoi sommes nous ici ? — Explorer / Approfondir — s'entrainer / Produire — s'amuser / s'évader
4. Swi!UI
8. Concept SwiftUI est un framework qui permet de realiser des interfaces utilisateur sur les plateforme d'Apple(iOS, tvOS, watchOS, macOS, iPadOS) Il a une approche plus declarative qu'imperative. Son objectif principale est de simplifier la realisation d'app tout en améliorant la qualité de ces dernieres et en reduisant le temps necessaire pour faire l'UI. Jeffrey MACKO - SoLocal - Aout 2019 8
10. Démo
12. Avantage — Programmation itérative avec rendu en temps reel sans recompiler... — Simplifie le support du multiplateforme(plus que une API a la place de une API par plateform) — Permet de réaliser des apps avec une UI rapide — Moins de code moins de bugs — Support natif du dynamic type — Support natif de la localisation — Support natif du dark mode Jeffrey MACKO - SoLocal - Aout 2019 12
13. Avantage — PixelPerfect (SwiftUI rounds coordinates to nearest pixel(WWDC/2019/237/(4:44)) — Right to left Languges support — Ouvre l'opportuniter de refaire l'app — Force a avoir une meilleur archie de l'app — Quick Iteration Paradigm Jeffrey MACKO - SoLocal - Aout 2019 13
14. Inconvéniant — On doit re-apprendre a faire de l'UI — Les bugs ne sont pas tout le temps comprehensible — On a perdu bcp de feature et de possibilitées... — iOS 13 minimun — changer de paradigme de programmation peut complexifier certaine tache qui sont facile aujourd'hui — c'est pas encore super stable Jeffrey MACKO - SoLocal - Aout 2019 14
15. Feature — Declarative Syntax — Design Tools — Native on All Apple Platforms — Pixel perfect design Jeffrey MACKO - SoLocal - Aout 2019 15
16. Pour en savoir plus — Documentation Apple — Swiftuihub — HackingWithSwift — Swift Talk App using SwiftUI — MovieSwiftUI Jeffrey MACKO - SoLocal - Aout 2019 16
17. Question ?
18. Projet a developper App dont le themes est les series Jeffrey MACKO - SoLocal - Aout 2019 18
22. Engine — checher les series par nom — checher les series par genre — Aucun style n'est imposer(Go Wild !) Jeffrey MACKO - SoLocal - Aout 2019 22
23. Jeffrey MACKO - SoLocal - Aout 2019 23
25. Liste — Afficher les informations principale des series — Avoir un cellule agéable a l'oeil — Aucun style n'est imposer(Go Wild !) Jeffrey MACKO - SoLocal - Aout 2019 25
26. Jeffrey MACKO - SoLocal - Aout 2019 26
28. Fiche — Afficher toutes les informations d'une series — Acteurs — Images — Seasons — Aucun style n'est imposer(Go Wild !) Jeffrey MACKO - SoLocal - Aout 2019 28
29. Fonctionnalité — sauvegarder ces séries à recomander — partager ces séries recomander — enregistrer les series que l'on souhaiterait voir — savoir quand sera le prochain épisode — noter les series — UI dans InVision Jeffrey MACKO - SoLocal - Aout 2019 29
30. Comment ?
31. TheTVDB.com TheTVDB.com est une base de données d'émissions de télévision dirigée par la communauté. Tout le contenu et les images du site ont été créés par les utilisateurs du site. TVDB expose une API ainsi qu'un fichier swagger pour l'exploiter. Jeffrey MACKO - SoLocal - Aout 2019 31
32. Présentation la lib TVDB Client pour l'API de TVDB generer a partir du fichier Swagger. Sur lequel j'ai rajouter un peu de pour que ce soit plus simple a utiliser. Jeffrey MACKO - SoLocal - Aout 2019 32
33. Présentation des helpers — CacheManager — Loader — LazyView — ResourcePub — Environnement — ImageLoader — URLImage — UIImage+Extension Jeffrey MACKO - SoLocal - Aout 2019 33
35. Preview Content SwiftUI permet de coder en previsualisant le contenu. Donc je vous met a dispo des mocks afin de developper plus rapidement. Jeffrey MACKO - SoLocal - Aout 2019 35
37. Ce Matin — 30min preparation(installation / présentation) — Pause de 15min le matin — Pause dej 2h — Pause 15min après-midi Jeffrey MACKO - SoLocal - Aout 2019 37
38. Equipe a. aarous / jgodon b. ataourirt / nbellon c. fzehana / jmacko Jeffrey MACKO - SoLocal - Aout 2019 38
39. Fin de journée — chaque personne présente rapidement ce qu’il a fait — Aller / retour / question rapide sur chaque projet — Quels ont été les difficultés rencontrées ? — + et - de swift ui — + et - de la journée — Roti — a refaire ? Jeffrey MACKO - SoLocal - Aout 2019 39
40. The easiest way to progress is to train — Teddy Riner
41. Merci
42. Merci a nos sponsor pour cet journée — Laura — Seb
45. la ! sur le Ça vous dirait de refaire la meme chose mais avec comme sujet central Combine ? On continuerai de travailler sur l'app que vous avez deja produite et on ajouterai du combine pour faire le moteur ou la gestion des données dans les écran ? Jeffrey MACKO - SoLocal - Aout 2019 45
48. A Terme On pourra utiliser cet app pour experimenter avec differente feature de iOS — Combine — Dark Mode — Catalyst — iPad OS (Multiple Windows, Drag and Drop, PencilKit) — SF Symbols — Background Tasks — Follow the HIG(https://developer.apple.com/design/human- interface-guidelines/)