Compteur de calories

Votre petit déjeuner

Food item

Qty

Kcals

Protein

Carbs

Fat

Votre compteur de calories avec Excel et Appizy

Le compteur de calories ci-dessus a été entièrement créé à partir d’un tableur Excel, puis converti avec Appizy avant d’être intégré à notre site web. Vous pouvez utiliser ce fichier comme document de départ pour essayer la conversion. Ce tableur est disponible dans les exemples du convertisseur Appizy.

Créer le tableur sous Excel

Dans ce compteur de calories, on utilise validation de donnée d’une cellule. Cela permet de figer les valeurs possibles d’une cellule. Ces cellules sont par la suite converties par Appizy en menu déroulant.

Toutes les données nutritionnelles sont insérées dans un second onglet, masqué avant la conversion.

Conseils préalables à la conversion

Par défaut, Appizy convertit les cellules de Validation de données en listes déroulantes présentant une option vide en haut de la liste.Afin de retirer cette option vide, il vous faut pour cela désélectionner la case Ignorer si vide qui apparaît dans la boîte de dialogue Validation de données sous Excel.

Data validation settings to remove extra blank option in dropdown.
Data validation settings to remove extra blank option in dropdown.

Réglage de la conversion

Dans l’interface Appizy nous utilisons les réglages suivants (en anglais dans l’interface) :

Content & Layout > App layout: Fluid (suppose un abonnement PRO ou PLUS), pour que l’application s’adapte à la taille l’écran (bureau ou mobile).

Content & Layout > Tabs > None (avec PRO ou PLUS), supprime l’onglet au dessus de l’interface car nous n’avons pas besoin de naviguer entre différents onglet.

Package > Split files (optionnel, avec PLUS), afin de disposer de plusieurs fichiers contenant chacun une partie du code selon le langage utilisé (HTML, CSS et JavaScript) et ainsi faciliter l’intégration finale sur le site internet.