Swift UI - Speaker Deck

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Pourquoi sommes nous ici ? — Explorer / Approfondir — s'entrainer / Produire — s'amuser / s'évader

Slide 3

Slide 3 text

Pourquoi sommes nous ici ? — Explorer / Approfondir — s'entrainer / Produire — s'amuser / s'évader

Slide 4

Slide 4 text

Swi!UI

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

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 simpliﬁer 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

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Démo

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Avantage — Programmation itérative avec rendu en temps reel sans recompiler... — Simpliﬁe 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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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 complexiﬁer certaine tache qui sont facile aujourd'hui — c'est pas encore super stable Jeffrey MACKO - SoLocal - Aout 2019 14

Slide 15

Slide 15 text

Feature — Declarative Syntax — Design Tools — Native on All Apple Platforms — Pixel perfect design Jeffrey MACKO - SoLocal - Aout 2019 15

Slide 16

Slide 16 text

Pour en savoir plus — Documentation Apple — Swiftuihub — HackingWithSwift — Swift Talk App using SwiftUI — MovieSwiftUI Jeffrey MACKO - SoLocal - Aout 2019 16

Slide 17

Slide 17 text

Question ?

Slide 18

Slide 18 text

Projet a developper App dont le themes est les series Jeffrey MACKO - SoLocal - Aout 2019 18

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

Engine — checher les series par nom — checher les series par genre — Aucun style n'est imposer(Go Wild !) Jeffrey MACKO - SoLocal - Aout 2019 22

Slide 23

Slide 23 text

Jeffrey MACKO - SoLocal - Aout 2019 23

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Liste — Afﬁcher 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

Slide 26

Slide 26 text

Jeffrey MACKO - SoLocal - Aout 2019 26

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Fiche — Afﬁcher toutes les informations d'une series — Acteurs — Images — Seasons — Aucun style n'est imposer(Go Wild !) Jeffrey MACKO - SoLocal - Aout 2019 28

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

Comment ?

Slide 31

Slide 31 text

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 ﬁchier swagger pour l'exploiter. Jeffrey MACKO - SoLocal - Aout 2019 31

Slide 32

Slide 32 text

Présentation la lib TVDB Client pour l'API de TVDB generer a partir du ﬁchier Swagger. Sur lequel j'ai rajouter un peu de pour que ce soit plus simple a utiliser. Jeffrey MACKO - SoLocal - Aout 2019 32

Slide 33

Slide 33 text

Présentation des helpers — CacheManager — Loader — LazyView — ResourcePub — Environnement — ImageLoader — URLImage — UIImage+Extension Jeffrey MACKO - SoLocal - Aout 2019 33

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

Preview Content SwiftUI permet de coder en previsualisant le contenu. Donc je vous met a dispo des mocks aﬁn de developper plus rapidement. Jeffrey MACKO - SoLocal - Aout 2019 35

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

Equipe a. aarous / jgodon b. ataourirt / nbellon c. fzehana / jmacko Jeffrey MACKO - SoLocal - Aout 2019 38

Slide 39

Slide 39 text

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 difﬁcultés rencontrées ? — + et - de swift ui — + et - de la journée — Roti — a refaire ? Jeffrey MACKO - SoLocal - Aout 2019 39

Slide 40

Slide 40 text

The easiest way to progress is to train — Teddy Riner

Slide 41

Slide 41 text

Merci

Slide 42

Slide 42 text

Merci a nos sponsor pour cet journée — Laura — Seb

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

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/)