---
title: "Intégration du calendrier de l'application mobile avec MobileTogether"
date: "2018-03-27"
categories: 
  - "app-development"
  - "mobile"
  - "mobile-development"
  - "mobiletogether"
tags: 
  - "calendar-integration"
  - "mobile-development"
  - "mobiletogether"
description: Découvrez comment intégrer un calendrier d'application mobile à l'aide de MobileTogether pour le développement multiplateforme, ce qui permet une gestion et une synchronisation des événements fluides.
---
Status: #blog

Tags:  #calendar-integration #mobile-development #mobiletogether

Categories: [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md)
# Intégration du calendrier de l'application mobile avec MobileTogether

MobileTogether offre aux développeurs un accès complet aux fonctionnalités avancées des appareils mobiles, leur permettant de déployer des applications natives sur différentes plateformes, notamment Android, iOS (iPhone, iPad), Windows 10 et 11, Windows Phone 10, ainsi que sur les navigateurs HTML5 pour d'autres utilisateurs. Les applications MobileTogether, créées à partir d'une seule conception, peuvent accéder de manière transparente aux fonctionnalités des appareils mobiles, telles que l'appareil photo, les messages, le GPS, l'audio, les e-mails, et même l'intégration du calendrier des applications mobiles.

Étant donné que MobileTogether utilise une combinaison de conception d'interface utilisateur visuelle par glisser-déposer et de programmation fonctionnelle facile à comprendre pour la sélection de données, il est simple pour tout programmeur ou développeur web de créer des applications très sophistiquées pour lire et écrire des événements de calendrier sur toutes les plateformes. Par exemple, une application de planification mobile destinée à un large public pourrait permettre à chacun de synchroniser facilement ses calendriers.

[![lecteur de livres électroniques](/blog/images/shutterstock_160560011.jpg)](shutterstock_160560011.jpg)

<!--more-->

Examinons une application de planification des congés pour une entreprise dont les employés sont répartis géographiquement. De nombreuses organisations développent des applications RH personnalisées pour répondre à leurs besoins spécifiques, et la gestion du calendrier des congés pourrait être une fonctionnalité intégrée à une application RH plus globale.

Voici le calendrier des jours fériés, tel qu'il apparaît dans le nouveau style de thème clair sur un téléphone Android :

[![Intégration du calendrier de l'application mobile dans une application RH dédiée à la gestion des congés](/blog/images/holiday-schedule-app.png)](holiday-schedule-app.png)

L'application affiche une liste de tous les jours fériés aux États-Unis et dans l'Union européenne, présentée sous forme de tableau défilant au centre de l'écran. Les utilisateurs peuvent mettre à jour leurs calendriers en sélectionnant individuellement les jours fériés souhaités, ou en ajoutant des groupes entiers. La case à cocher située dans l'en-tête du tableau, en haut à gauche, permet à l'utilisateur de sélectionner ou de désélectionner tous les jours fériés en un seul clic.

La liste des jours fériés est stockée dans un fichier externe, ce qui facilite sa mise à jour d'une année à l'autre. Voici une représentation de la structure de données que le développeur verrait dans l'outil MobileTogether Designer :

[![Sources de données pour l'intégration du calendrier dans les applications mobiles](/blog/images/mobiletogether-page-sources.png)](mobiletogether-page-sources.png)

En cliquant sur n'importe quel bouton situé en bas de l'écran de l'application de planification des vacances, l'application calendrier de l'appareil mobile de l'utilisateur est ouverte. La fonctionnalité de chaque bouton est définie dans un arbre d'actions MobileTogether, qui est indépendant de tout langage de programmation spécifique à un appareil. Les arbres d'actions permettent aux développeurs de créer des gestionnaires d'événements sophistiqués, de contrôler le flux d'exécution et de réaliser des opérations qui fonctionnent de la même manière sur n'importe quel appareil, sans se soucier des détails spécifiques de chaque API ou SDK pour chaque système d'exploitation mobile.

Voici l'arborescence des actions pour le bouton "Sélectionner les jours fériés" :

[![Exemples d'actions pour l'intégration du calendrier dans une application mobile](/blog/images/action-tree.png)](action-tree.png)

Cet arbre d'actions commence par une boucle qui parcourt la liste des jours fériés. À l'intérieur de la boucle, une instruction conditionnelle vérifie si le jour férié est sélectionné, et une action "Écrire dans le calendrier" soumet l'événement à l'application de calendrier par défaut de l'appareil mobile.

Les arbres d'actions sont créés en faisant glisser des actions depuis le volet gauche de la fenêtre "Actions" vers le panneau "Arbre d'actions", puis en ajoutant les paramètres nécessaires. Les arbres d'actions peuvent également être enregistrés dans des groupes d'actions pour une réutilisation facile.

[![Dialogue complet pour la création d'applications mobiles intégrant un calendrier](/blog/images/actions-dialog.png)](actions-dialog.png)

Lorsqu'un utilisateur lance l'application de calendrier des jours fériés sur un appareil mobile et clique sur le bouton "Jours fériés sélectionnés", un nouvel événement est créé, l'application de calendrier par défaut s'ouvre, et l'événement est affiché pour examen. L'utilisateur peut choisir d'ajouter le nouvel événement au calendrier, de le modifier avant de l'ajouter, ou de l'annuler. Les captures d'écran ci-dessous montrent un événement affiché pour examen dans l'application S Planner sur un téléphone Samsung fonctionnant sous Android :

[![Ajouter un nouvel événement dans le calendrier sur un téléphone Android](/blog/images/android-new-event.png)](android-new-event.png)

Et dans l'application Calendrier sur un iPhone :

[![Ajouter un nouvel événement dans le calendrier sur un iPhone](/blog/images/iPhone-new-event.png)](iPhone-new-event.png)

Une fois l'événement ajouté, il apparaîtra dans le calendrier, tout comme les autres événements que l'utilisateur ajoute manuellement :

[![](/blog/images/iPhone-calendar.png)](iPhone-calendar.png)

L'intégration complète d'un calendrier dans une application mobile nécessite également la lecture des événements du calendrier. Par exemple, une application peut avoir besoin de lire les événements du calendrier pour résoudre les conflits de planification. L'action "Lire les événements" de MobileTogether permet au développeur de choisir les champs d'événements à lire, comme illustré ici :

[![](/blog/images/read-calendar.png)](read-calendar.png)

Les événements trouvés sont ensuite stockés dans une structure arborescente, sous forme de source de page appelée `$MT_CALENDAR`, qui est créée automatiquement. Les événements du calendrier peuvent être manipulés dans l'application de la même manière que n'importe quelle autre donnée structurée.

[![Un exemple d'événements affichés lors de l'intégration du calendrier de l'application mobile](/blog/images/event-tree.png)](event-tree.png)

Créez vos propres applications mobiles multiplateformes, intégrant notamment un calendrier et.. [de nombreuses fonctionnalités plus avancées](https://www.altova.com/fr/mobiletogether/features) avec la version gratuite [MobileTogether Designer](https://www.altova.com/fr/mobiletogether/download)!
