{"id":47,"date":"2024-04-19T16:14:20","date_gmt":"2024-04-19T14:14:20","guid":{"rendered":"https:\/\/xavier-adraste.fr\/?p=47"},"modified":"2024-08-13T18:17:32","modified_gmt":"2024-08-13T16:17:32","slug":"une-webapp-pour-decouvrir-les-secrets-de-tours","status":"publish","type":"post","link":"https:\/\/xavier-adraste.fr\/index.php\/2024\/04\/19\/une-webapp-pour-decouvrir-les-secrets-de-tours\/","title":{"rendered":"Une webapp pour d\u00e9couvrir les secrets du Val de Loire"},"content":{"rendered":"\n

A l’occasion du salon Azay Tech 3D qui a eu lieu le 4 mai 2024 \u00e0 Azay-Le-Rideau, j’ai profit\u00e9 de la journ\u00e9e pour cr\u00e9er en public et en live une web app en no-code.<\/p>\n\n\n\n

Retours d’exp\u00e9rience.<\/strong><\/p>\n\n\n\n

Il y a quelques ann\u00e9es, j’avais cr\u00e9e Bonjour Emile, une newsletter cool et d\u00e9tendue sur le patrimoine insolite du Val de Loire. Vous pouvez retrouver son histoire sur cette page<\/a>.<\/p>\n\n\n\n

A ce jour, je dispose d’une cinquantaine d’anecdotes historiques et d’histoires m\u00e9connues sur le Val de Loire. J’ai ainsi profit\u00e9 de ce salon pour cr\u00e9er en live une webapp en no-code et documenter ce projet.<\/p>\n\n\n\n

J’ai d\u00e9cid\u00e9 d’utiliser le logiciel Glide qui permet de cr\u00e9er des webapp en no-code, accessibles par un simple QR Code.<\/p>\n\n\n\n

Etape 1 : Le contenu<\/strong><\/p>\n\n\n\n

J’ai d\u00e9cid\u00e9 de mutualiser les contenus d\u00e9ja produits dans le cadre de la newsletter. Il m’a fallu les adapter, les harmoniser et les v\u00e9rifier. Je n’ai cependant, pas pu reprendre toutes les tournures de phrases pour les r\u00e9-\u00e9ditorialiser dans ce nouveau de contexte. <\/p>\n\n\n\n

J’ai \u00e9galement cr\u00e9e des cat\u00e9gories pour chaque anecdote\/histoire afin de pouvoir les regrouper et faciliter leur acc\u00e8s par l’utilisateur.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Etape 2 : La conception<\/strong><\/p>\n\n\n\n

Une fois que les contenus ont \u00e9t\u00e9 cr\u00e9es puis int\u00e9gr\u00e9s \u00e0 Glide, je rentre dans une phase o\u00f9 je prends en main l’interface de cr\u00e9ation de Glide afin de cr\u00e9er l’exp\u00e9rience. Je cr\u00e9e tour \u00e0 tour, une page d’accueil, une page de cat\u00e9gories, une page de liste ainsi qu’une page de d\u00e9tail.<\/p>\n\n\n\n

Puis, je compl\u00e8te l’ensemble avec une Page A Propos et une page de Cr\u00e9ditsPhotos.<\/p>\n\n\n\n

Dans cette phase 2, je ne rentre pas dans le d\u00e9tail, mais je cr\u00e9e la structure globale qui me convient et qui me semble coh\u00e9rente.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Etape 3 : La personnalisation<\/strong><\/p>\n\n\n\n

Puis, vers 16h, je suis pass\u00e9 \u00e0 une phase de personnalisation o\u00f9 je rentre dans le d\u00e9tail de chaque composant, de chaque page et de chaque int\u00e9raction pour m’assurer que tout fonctionne comme je le souhaite.<\/p>\n\n\n\n

Je viens \u00e9galement personnaliser le nom de la webapp, l’ic\u00f4ne qui sera affich\u00e9 sur l’\u00e9cran d’accueil et d’autres \u00e9lements graphiques.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Interfaces de la web-app<\/strong><\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Mini-vlog de 5 minutes pour parler de l’exp\u00e9rience<\/h2>\n\n\n\n
\n