Bien qu’il soit le plus puissant, le composant HTML était jusqu’à maintenant le vilain petit canard de PandaSuite. Un fonctionnement encore compliqué, un faible degré de personnalisation et un manque de documentation vous ont détourné de cette pépite.
Aujourd’hui, nous avons le plaisir de vous annoncer la refonte de ce composant pour qu’il soit désormais accessible à tous les utilisateurs de PandaSuite. Prenez garde : même s’il s’appelle « HTML », il n’est pas uniquement réservé aux amateurs de code 🙂

La puissance du HTML

Afficher une page web, insérer une animation HTML5, insérer un formulaire de login, maîtriser l’appareil photo… il est impossible de citer tous les pouvoirs du composant HTML ! En bref, ce composant vous offre la liberté du HTML et du Javascript combinée avec la puissance de notre studio de création. Etourdissant…?

Face à cette infinité de création et à notre promesse de simplification, nous avons construit des modules HTML prêts à l’emploi et rédigé un manuel d’utilisation précis pour ceux qui voudraient créer leurs propres fonctionnalités interactives.

Les nouveaux modules HTML

Ces modules vous donnent accès à de nouvelles fonctionnalités interactives avant qu’elles ne soient intégrées dans le studio de création. Ce sont des mini-composants dont la principale différence est qu’ils sont construits sous la forme d’un dossier .zip. Pour les utiliser, vous devez les insérer dans votre projet et les utiliser au sein d’un composant HTML.

TADAM ! Voici les six premiers modules  :

login

Insérer un formulaire de login :
un formulaire comprenant deux champs « Identifiant » et « Mot de passe » pour protéger le contenu de votre application.

synchronisation

Synchroniser une animation HTML5 :
une animation GreenSock prête pour synchronisation avec le composant de votre choix.

local storage

Stocker des données en local :
un exemple de stockage en local des actions de l’utilisateur, même après fermeture de l’application.

meteo api

Se connecter à une API (la météo) :
une connexion à une API météorologique pour jouer avec la pluie et le beau temps dans votre application

photo

Utiliser l’appareil photo :
un module de prise de photos et d’affichage de photos dans votre application

gps

Utiliser le GPS :
un module de reconnaissance GPS pour créer des jeux de piste ou des chasses au trésor.

Pour en savoir plus, rendez-vous dans la nouvelle rubrique dédiée dans l’espace APPRENDRE. Et soyez attentifs, nous en ajouterons régulièrement de nouveaux ! 🙂

Créer ses propres modules

En parallèle de ces modules prêts à l’emploi, vous pouvez désormais facilement créer vos propres modules. Tout comme les autres composants du studio, vous pouvez leur définir des propriétés, des déclencheurs, des actions, des marqueurs ou même des paramètres de synchronisation. Tous les détails sont dans cet article.

Bon, on ne va pas se mentir, pour créer ses propres modules, il faut s’y connaître un peu en HTML/Javascript ! Au pire, vous connaissez bien un copain qui pourra vous dépatouiller si besoin ? 🙂

On attend beaucoup de vos belles réalisations, et surtout, si vous avez créé un module HTML sympa, n’oubliez pas de le partager à la communauté.

Bref, à l’aide des modules pré-établis ou les vôtres, vous allez vous régaler ! Avec ou sans notion de code, le composant HTML est une véritable mine d’or : il mérite votre attention 🙂