Utiliser l’EDI pour développer en
multiplateforme
Webinaire du 23 avril 2019
(c) Patrick Prémartin / developpeur-pascal.fr
Au menu du jour
• Introduction
• Le concepteur de fiches
• L’aperçu multi périphérique
• Live Express
• Conclusion
• Questions / réponses
(c) Patrick Prémartin / developpeur-pascal.fr
Introduction
(c) Patrick Prémartin / developpeur-pascal.fr
Patrick Prémartin
• Ancien utilisateur de Turbo Pascal, amoureux de Delphi depuis toujours,
développeur web depuis NCSA Mosaic…
• Prestataire et formateur à travers sa société Olf Software.
• Editeur du blog https://developpeur-pascal.fr/
• MVP Embarcadero depuis octobre 2017.
• Auteur d’articles, de livres, webinariste et parfois même conférencier.
(c) Patrick Prémartin / developpeur-pascal.fr
A propos de Olf Software
• Depuis octobre 2001 la société de services Olf Software propose des
prestations de conseil, développement et formation sur les
technologies liées au web et au développement logiciel.
• La société édite également des livres, des sites Internet et des
logiciels.
• Site web principal : https://olfsoftware.fr
(c) Patrick Prémartin / developpeur-pascal.fr
Organisme de formation
• Olf Software propose des formations en lien avec Delphi.
• Des formations inter entreprises sont organisées régulièrement et
annoncées sur https://se-former-a-delphi.fr/
• Des formations intra entreprise personnalisées sont faisables sur demande
partout en France et en Europe.
• Olf Software est un organisme de formation professionnelle enregistré en
préfecture et référencé sur Datadock.
Nos formations peuvent être prises en charge par les OPCA.
(c) Patrick Prémartin / developpeur-pascal.fr
Les versions de Delphi
• Plusieurs licences de Delphi existent (vendu seul ou dans RAD Studio):
• Academic : pour les établissements d’enseignement et leurs étudiants
• Community Edition : gratuit pour tous, en licence commerciale limitée
• Professional, Enterprise, Architect : pour les entreprises, selon leurs besoins
• Pour toutes informations sur les licences et les tarifs contactez la
société Barnsten sur https://www.barnsten.com/fr/
(c) Patrick Prémartin / developpeur-pascal.fr
Les webinaires précédents
• Je participe régulièrement à des webinaires. Une page leur est
consacrée sur mon blog à l’adresse https://vasur.fr/webinairesdelphi
• Vous y trouverez les rediffusions en vidéos lorsqu’elles sont
disponibles, un PDF de mes présentations, le lien vers les sources des
exemples présentés et des informations complémentaires.
• S’y trouvent aussi les dates et liens d’inscriptions pour les prochains
webinaires, conférences et formations.
(c) Patrick Prémartin / developpeur-pascal.fr
Introduction
• Présentation de la société Olf Software
https://www.olfsoftware.fr
• Présentation de Patrick Prémartin
https://www.linkedin.com/in/patrickpremartin/
• Les différentes versions de Delphi
https://www.embarcadero.com/fr/products/delphi
• Voir ou revoir les webinaires précédents
https://vasur.fr/webinairesdelphi
(c) Patrick Prémartin / developpeur-pascal.fr
Introduction
• Lorsqu’on fait du développement pour smartphones et tablettes on se
retrouve avec des appareils de résolutions très variées pour nos
programmes qui s’affichent en plein écran.
• Sur « desktop » on maîtrise à peu près la taille des fenêtres. Là il n’en
est rien. On doit donc tout faire pour que nos programmes s’adaptent
d’eux-mêmes.
• Embarcadero fournit des outils permettant d’y parvenir.
(c) Patrick Prémartin / developpeur-pascal.fr
Le concepteur de fiches
(c) Patrick Prémartin / developpeur-pascal.fr
Le concepteur de fiches
• Pour dessiner les interfaces utilisateurs nous passons par le
concepteur de fiches.
• On y pose les composants visuels ou non visuels qui seront ensuite
utilisés dans nos programmes.
• Dans FireMonkey le concepteur de fiches gère plusieurs versions du
même écran et des styles en fonction de la plateforme d’exécution.
(c) Patrick Prémartin / developpeur-pascal.fr
Le concepteur de fiches
(c) Patrick Prémartin / developpeur-pascal.fr
Le concepteur de fiches
(c) Patrick Prémartin / developpeur-pascal.fr
Le concepteur de fiches
démo
(c) Patrick Prémartin / developpeur-pascal.fr
L’aperçu multi périphériques
(c) Patrick Prémartin / developpeur-pascal.fr
L’aperçu multi périphériques
• En plus de pouvoir directement créer un écran pour une résolution et
un OS donné, on peut aussi avoir une prévisualisation de ce que
donnera un écran sur différents appareils.
• L’aperçu multi périphériques permet d’afficher des masques
d’appareils mobiles. Chacun correspond à un système d’exploitation,
une image de cadre et une taille d’écran.
• Cette boite de dialogue n’exécute pas les composants, elle se
contente d’en afficher la zone visible.
(c) Patrick Prémartin / developpeur-pascal.fr
L’aperçu multi périphériques
(c) Patrick Prémartin / developpeur-pascal.fr
L’aperçu multi périphériques
démo
(c) Patrick Prémartin / developpeur-pascal.fr
Live Preview
(c) Patrick Prémartin / developpeur-pascal.fr
Live Preview
• L’aperçu multi périphériques a des limites : il faut de la place à l’écran
(ou deux écrans) et il n’exécute pas le code.
• Avec Live Preview on peut visualiser les interfaces utilisateur
directement sur un appareil mobile ou plusieurs.
• Live Preview crée les composants à partir d’un flux généré par le
concepteur de fiches. Il n’exécute pas non plus le code mais il gère les
propriétés liées aux composants dont les animations.
• Les sources sont fournis afin d’y ajouter nos propres composants ou
des composants tiers.
(c) Patrick Prémartin / developpeur-pascal.fr
Live Preview
démo
(c) Patrick Prémartin / developpeur-pascal.fr
Conclusion
(c) Patrick Prémartin / developpeur-pascal.fr
Conclusion
• On peut bien entendu aussi exécuter directement les programmes
pour les tester en temps réel ou déboguer, comme on le fait
habituellement sous Windows.
• RAD Studio, Delphi et C++Builder proposent tout ce qu’il faut pour
voir en développement ce que l’on aura lors de l’exécution des
applications.
• La mise en place d’interfaces utilisateurs ne passe pas que par les
outils de conception, il faut bien entendu utiliser les bons composants
et jouer avec leurs propriétés. C’est ce que nous verrons lors du
prochain webinaire.
(c) Patrick Prémartin / developpeur-pascal.fr
Conclusion
• Ce webinaire et les sources des démos seront rapidement mis à disposition sur le
blog https://developpeur-pascal.fr
• Prochains événements en live :
=> meetup à Lille le 25 avril 2019
=> journées de conférence à Lyon (14/05), Aix en Provence (16/05), Bordeaux
(21/05) et Nantes (23/05)
Nombre de places limitées, inscrivez-vous dès maintenant depuis
https://www.barnsten.com/fr/evenements
• Prochain webinaire le 28 mai :
=> Faire une interface adaptive avec FireMonkey
(c) Patrick Prémartin / developpeur-pascal.fr
Questions / réponses
(c) Patrick Prémartin / developpeur-pascal.fr

Utiliser l'EDI pour développer en multiplateforme

  • 1.
    Utiliser l’EDI pourdévelopper en multiplateforme Webinaire du 23 avril 2019 (c) Patrick Prémartin / developpeur-pascal.fr
  • 2.
    Au menu dujour • Introduction • Le concepteur de fiches • L’aperçu multi périphérique • Live Express • Conclusion • Questions / réponses (c) Patrick Prémartin / developpeur-pascal.fr
  • 3.
    Introduction (c) Patrick Prémartin/ developpeur-pascal.fr
  • 4.
    Patrick Prémartin • Ancienutilisateur de Turbo Pascal, amoureux de Delphi depuis toujours, développeur web depuis NCSA Mosaic… • Prestataire et formateur à travers sa société Olf Software. • Editeur du blog https://developpeur-pascal.fr/ • MVP Embarcadero depuis octobre 2017. • Auteur d’articles, de livres, webinariste et parfois même conférencier. (c) Patrick Prémartin / developpeur-pascal.fr
  • 5.
    A propos deOlf Software • Depuis octobre 2001 la société de services Olf Software propose des prestations de conseil, développement et formation sur les technologies liées au web et au développement logiciel. • La société édite également des livres, des sites Internet et des logiciels. • Site web principal : https://olfsoftware.fr (c) Patrick Prémartin / developpeur-pascal.fr
  • 6.
    Organisme de formation •Olf Software propose des formations en lien avec Delphi. • Des formations inter entreprises sont organisées régulièrement et annoncées sur https://se-former-a-delphi.fr/ • Des formations intra entreprise personnalisées sont faisables sur demande partout en France et en Europe. • Olf Software est un organisme de formation professionnelle enregistré en préfecture et référencé sur Datadock. Nos formations peuvent être prises en charge par les OPCA. (c) Patrick Prémartin / developpeur-pascal.fr
  • 7.
    Les versions deDelphi • Plusieurs licences de Delphi existent (vendu seul ou dans RAD Studio): • Academic : pour les établissements d’enseignement et leurs étudiants • Community Edition : gratuit pour tous, en licence commerciale limitée • Professional, Enterprise, Architect : pour les entreprises, selon leurs besoins • Pour toutes informations sur les licences et les tarifs contactez la société Barnsten sur https://www.barnsten.com/fr/ (c) Patrick Prémartin / developpeur-pascal.fr
  • 8.
    Les webinaires précédents •Je participe régulièrement à des webinaires. Une page leur est consacrée sur mon blog à l’adresse https://vasur.fr/webinairesdelphi • Vous y trouverez les rediffusions en vidéos lorsqu’elles sont disponibles, un PDF de mes présentations, le lien vers les sources des exemples présentés et des informations complémentaires. • S’y trouvent aussi les dates et liens d’inscriptions pour les prochains webinaires, conférences et formations. (c) Patrick Prémartin / developpeur-pascal.fr
  • 9.
    Introduction • Présentation dela société Olf Software https://www.olfsoftware.fr • Présentation de Patrick Prémartin https://www.linkedin.com/in/patrickpremartin/ • Les différentes versions de Delphi https://www.embarcadero.com/fr/products/delphi • Voir ou revoir les webinaires précédents https://vasur.fr/webinairesdelphi (c) Patrick Prémartin / developpeur-pascal.fr
  • 10.
    Introduction • Lorsqu’on faitdu développement pour smartphones et tablettes on se retrouve avec des appareils de résolutions très variées pour nos programmes qui s’affichent en plein écran. • Sur « desktop » on maîtrise à peu près la taille des fenêtres. Là il n’en est rien. On doit donc tout faire pour que nos programmes s’adaptent d’eux-mêmes. • Embarcadero fournit des outils permettant d’y parvenir. (c) Patrick Prémartin / developpeur-pascal.fr
  • 11.
    Le concepteur defiches (c) Patrick Prémartin / developpeur-pascal.fr
  • 12.
    Le concepteur defiches • Pour dessiner les interfaces utilisateurs nous passons par le concepteur de fiches. • On y pose les composants visuels ou non visuels qui seront ensuite utilisés dans nos programmes. • Dans FireMonkey le concepteur de fiches gère plusieurs versions du même écran et des styles en fonction de la plateforme d’exécution. (c) Patrick Prémartin / developpeur-pascal.fr
  • 13.
    Le concepteur defiches (c) Patrick Prémartin / developpeur-pascal.fr
  • 14.
    Le concepteur defiches (c) Patrick Prémartin / developpeur-pascal.fr
  • 15.
    Le concepteur defiches démo (c) Patrick Prémartin / developpeur-pascal.fr
  • 16.
    L’aperçu multi périphériques (c)Patrick Prémartin / developpeur-pascal.fr
  • 17.
    L’aperçu multi périphériques •En plus de pouvoir directement créer un écran pour une résolution et un OS donné, on peut aussi avoir une prévisualisation de ce que donnera un écran sur différents appareils. • L’aperçu multi périphériques permet d’afficher des masques d’appareils mobiles. Chacun correspond à un système d’exploitation, une image de cadre et une taille d’écran. • Cette boite de dialogue n’exécute pas les composants, elle se contente d’en afficher la zone visible. (c) Patrick Prémartin / developpeur-pascal.fr
  • 18.
    L’aperçu multi périphériques (c)Patrick Prémartin / developpeur-pascal.fr
  • 19.
    L’aperçu multi périphériques démo (c)Patrick Prémartin / developpeur-pascal.fr
  • 20.
    Live Preview (c) PatrickPrémartin / developpeur-pascal.fr
  • 21.
    Live Preview • L’aperçumulti périphériques a des limites : il faut de la place à l’écran (ou deux écrans) et il n’exécute pas le code. • Avec Live Preview on peut visualiser les interfaces utilisateur directement sur un appareil mobile ou plusieurs. • Live Preview crée les composants à partir d’un flux généré par le concepteur de fiches. Il n’exécute pas non plus le code mais il gère les propriétés liées aux composants dont les animations. • Les sources sont fournis afin d’y ajouter nos propres composants ou des composants tiers. (c) Patrick Prémartin / developpeur-pascal.fr
  • 22.
    Live Preview démo (c) PatrickPrémartin / developpeur-pascal.fr
  • 23.
    Conclusion (c) Patrick Prémartin/ developpeur-pascal.fr
  • 24.
    Conclusion • On peutbien entendu aussi exécuter directement les programmes pour les tester en temps réel ou déboguer, comme on le fait habituellement sous Windows. • RAD Studio, Delphi et C++Builder proposent tout ce qu’il faut pour voir en développement ce que l’on aura lors de l’exécution des applications. • La mise en place d’interfaces utilisateurs ne passe pas que par les outils de conception, il faut bien entendu utiliser les bons composants et jouer avec leurs propriétés. C’est ce que nous verrons lors du prochain webinaire. (c) Patrick Prémartin / developpeur-pascal.fr
  • 25.
    Conclusion • Ce webinaireet les sources des démos seront rapidement mis à disposition sur le blog https://developpeur-pascal.fr • Prochains événements en live : => meetup à Lille le 25 avril 2019 => journées de conférence à Lyon (14/05), Aix en Provence (16/05), Bordeaux (21/05) et Nantes (23/05) Nombre de places limitées, inscrivez-vous dès maintenant depuis https://www.barnsten.com/fr/evenements • Prochain webinaire le 28 mai : => Faire une interface adaptive avec FireMonkey (c) Patrick Prémartin / developpeur-pascal.fr
  • 26.
    Questions / réponses (c)Patrick Prémartin / developpeur-pascal.fr