Le Canva, c’est bien pratique pour voir le rendu de notre page mais cela peut être limité. En effet, par exemple, on ne voit pas le rendu avec la barre qui contient l’heure et la batterie en haut.
Il existe pour répondre à ce problème, 2 solutions :
1. Lancer l’application sur votre iPhone
C’est génial mais tout le monde n’en a pas forcément et on en a rarement de plusieurs tailles différentes pour tester le rendu sur différents formats.
2. Lancer l’application sur un simulateur
Le simulateur est une application qui permet de simuler l’utilisation d’un iPhone, directement sur votre Mac. Vous allez pouvoir y déployer votre projet comme si c'était un vrai. Vous allez voir c’est très bien fait et on peut avoir tous les modèles d’iPhone que l’on souhaite !
Cette méthode marche pour tout le monde, c’est donc celle-ci que nous allons mettre en place ensemble.
L’application simulateur
Comment fait-on pour le télécharger ?
Pas besoin de télécharger quoi que ce soit, lorsque vous avez installé Xcode, il y a aussi une autre application qui s’appelle le simulateur qui a été ajoutée. Tout est déjà prêt pour le lancer.
Sur Xcode, il y a une partie de l’interface que nous n’avions pas détaillée, c’est la barre qui se trouve tout en haut.
En (1), au milieu vous allez retrouver le nom de votre projet suivi en (2) par le nom du modèle de simulateur que vous souhaitez.
Puis vous allez retrouver en (3) un bouton play. Cliquez dessus et laissez votre application se lancer !
La fenêtre
En haut en vous allez retrouver le nom du téléphone ainsi que la version iOS sur laquelle il est.
Sur cette barre vous avez également 3 boutons :
1. Le bouton Home qui permet de revenir à l'écran d’accueil de l’iPhone.
Tout comme sur un vrai iPhone, vous pouvez vous promener où vous voulez comme dans les paramètres ou aller sur une autre application, la fermer, la supprimer, tout pareil !
Bien sûr vous ne pouvez pas tout faire exactement comme sur un iPhone mais presque ! Essayez !
2. L’appareil photo permet de prendre une capture d'écran du simulateur.
Cela peut être très utile si vous souhaitez montrer le résultat de votre travail à quelqu'un d’autre de l'équipe !
3. Le carré permet de faire pivoter l'écran de 90 degrés.
Concrètement si vous êtes en mode portrait donc plus haut que large, vous basculerez en mode paysage donc plus large que haut. Et inversement bien sûr. Il faudra donc appuyer 4 fois sur le bouton pour que l’iPhone fasse un tour complet sur lui-même.
Le téléphone
Ensuite vous allez retrouver un iPhone classique avec la forme du modèle choisi, avec ce qu’on appelle la barre de statuts en haut (1).
Elle est composée de :
l’encoche noire au milieu appelée aussi dynamic island depuis l’iPhone 14 Pro
mais aussi l’heure à gauche
les informations sur la batterie et le réseau à droite.
Tout en bas du téléphone il y a cette petite barre (2) que l’on peut balayer vers le haut pour accéder aux applications qui ont été lancées ou revenir à l'écran principal aussi. Vous pouvez essayer, c’est comme sur un vrai !
Sur les côtés vous pouvez voir les boutons que l’on a sur un iPhone :
à droite (3) pour verrouiller
à gauche le bouton action programmable (4)
puis les boutons volumes (5).
Tout est fait pour reproduire l'expérience d’un iPhone.
Si vous retournez sur Xcode, il y a maintenant un bouton stop qui est apparu à côté du bouton play. Celui-ci permet d'arrêter l’application.
Appuyez dessus. Puis relancer l’application avec le bouton play.
Vous pouvez désormais admirer votre travail et surtout vérifier que tout est bien conforme et que le rendu est bien identique aux maquettes.
Cette étape de test est primordiale avant de pouvoir valider son développement.
À vous de jouer
Contexte
Après avoir fini le développement de votre premier écran, il est difficile de dire que vous avez fini votre ticket, si vous ne l’avez pas un minimum testé. Il est donc indispensable avant d’affirmer que vous êtes prêt à passer à la prochaine User Story d’avoir lancer votre application sur un simulateur et vérifier que tous les éléments étaient bien à leurs places et de bonnes dimensions.
Consignes
Lancez votre application du POC 2 sur le simulateur.
Assurez-vous que tous les composants sont à leur bonne place et qu’ils sont bien dimensionnés :
En résumé
La première chose à faire pour tester son code c’est de voir le rendu de l’application sur un téléphone.
Le simulateur est un iPhone embarqué directement sur le Mac avec Xcode.
Vous pouvez lancer votre application sur n’importe quel iPhone grâce aux simulateurs.
Il est possible de lancer une application en cours de développement directement sur son smartphone.
Ça y est, vous avez validé votre premier ticket ! Bravo !
Vous allez pouvoir vous lancer sur le prochain écran, c’est parti !
