{"id":6289,"date":"2024-09-04T10:51:22","date_gmt":"2024-09-04T08:51:22","guid":{"rendered":"https:\/\/fablab3lapins.org\/formations\/?page_id=6289"},"modified":"2024-10-15T10:46:16","modified_gmt":"2024-10-15T08:46:16","slug":"bonguet-james","status":"publish","type":"page","link":"https:\/\/fablab3lapins.org\/formations\/bonguet-james\/","title":{"rendered":"Team Contact Septembre 2024"},"content":{"rendered":"

[et_pb_section fb_built=\u00a0\u00bb1″ fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#777777″ custom_margin=\u00a0\u00bb||-88px|||\u00a0\u00bb da_disable_devices=\u00a0\u00bboff|off|off\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb da_is_popup=\u00a0\u00bboff\u00a0\u00bb da_exit_intent=\u00a0\u00bboff\u00a0\u00bb da_has_close=\u00a0\u00bbon\u00a0\u00bb da_alt_close=\u00a0\u00bboff\u00a0\u00bb da_dark_close=\u00a0\u00bboff\u00a0\u00bb da_not_modal=\u00a0\u00bbon\u00a0\u00bb da_is_singular=\u00a0\u00bboff\u00a0\u00bb da_with_loader=\u00a0\u00bboff\u00a0\u00bb da_has_shadow=\u00a0\u00bbon\u00a0\u00bb][et_pb_fullwidth_header title=\u00a0\u00bbBonguet James\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb title_font=\u00a0\u00bbBlinker||||||||\u00a0\u00bb title_text_color=\u00a0\u00bb#000000″ title_font_size=\u00a0\u00bb40px\u00a0\u00bb content_font=\u00a0\u00bbNoto Serif||||||||\u00a0\u00bb content_text_color=\u00a0\u00bb#000000″ content_font_size=\u00a0\u00bb20px\u00a0\u00bb background_color=\u00a0\u00bb#faebd7″ background_layout=\u00a0\u00bblight\u00a0\u00bb border_radii_image=\u00a0\u00bboff||||\u00a0\u00bb border_width_all_image=\u00a0\u00bb2px\u00a0\u00bb border_color_all_image=\u00a0\u00bb#E02B20″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Un humble stagiaire au sein du Fablab des 3 lapins. Plein de FUN plein de LED, ces \u00e9crans me br\u00fblent les yeux…<\/p>\n

[\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1″ _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#faebd7″ da_disable_devices=\u00a0\u00bboff|off|off\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb da_is_popup=\u00a0\u00bboff\u00a0\u00bb da_exit_intent=\u00a0\u00bboff\u00a0\u00bb da_has_close=\u00a0\u00bbon\u00a0\u00bb da_alt_close=\u00a0\u00bboff\u00a0\u00bb da_dark_close=\u00a0\u00bboff\u00a0\u00bb da_not_modal=\u00a0\u00bbon\u00a0\u00bb da_is_singular=\u00a0\u00bboff\u00a0\u00bb da_with_loader=\u00a0\u00bboff\u00a0\u00bb da_has_shadow=\u00a0\u00bbon\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bbNoto Serif||||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#000000″ text_font_size=\u00a0\u00bb18px\u00a0\u00bb link_option_url=\u00a0\u00bbhttps:\/\/laravel.com\/docs\/11.x\/authentication\u00a0\u00bb link_option_url_new_window=\u00a0\u00bbon\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Je rejoins les efforts de Mr Fenouillot Antoine et de Mme Desgrandchamp Pauline dans le projet de l’application FrService70 commandit\u00e9 par la sous-pr\u00e9fecture de Lure. Je suis charg\u00e9 d’impl\u00e9menter, tout du moins, de corriger, un syst\u00e8me d’authentification sur la plateforme administrative du projet. Je ne travaille donc pas sur l’application elle-m\u00eame mais sur le serveur avec lequel elle communique.<\/span><\/p>\n

Un Administrateur, en effet, peut acc\u00e9der \u00e0 une base de donn\u00e9es \u00e0 partir d’un front-end sur le web afin de l’agr\u00e9menter en France Services. Ainsi les utilisateurs de l’application peuvent consulter cette base de donn\u00e9es sur les France Services \u00e0 proximit\u00e9, selon leur besoins, et sont promis un acc\u00e8s simple et rapide \u00e0 des informations officielles.<\/span><\/p>\n

En th\u00e9orie… pour le moment, il n’y a pas d’interface d’authentification et la front-end n’\u00e9dite pas la dite base de donn\u00e9es. Alors c’est \u00e0 moi de jouer.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_heading title=\u00a0\u00bb10\/09\/2024″ _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb title_level=\u00a0\u00bbh2″ title_font=\u00a0\u00bbBlinker||||||||\u00a0\u00bb title_text_align=\u00a0\u00bbcenter\u00a0\u00bb title_text_color=\u00a0\u00bb#008000″ background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb border_color_all=\u00a0\u00bb#008000″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_heading][et_pb_text _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bbNoto Serif||||||||\u00a0\u00bb text_font_size=\u00a0\u00bb18px\u00a0\u00bb link_option_url=\u00a0\u00bbhttps:\/\/laravel.com\/docs\/11.x\/eloquent\u00a0\u00bb link_option_url_new_window=\u00a0\u00bbon\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Bien! Laravel, la framework qu’on utilise pour d\u00e9velopper le projet, est capable de faire des requ\u00eates avec la base de donn\u00e9e sans que l’on intervienne. J’ai aussi d\u00e9ploy\u00e9 son module d’authentification qui g\u00e8re la s\u00e9curit\u00e9 par mots de passe de toute la front-end. Au jour d’aujourd’hui je travaille sur des mod\u00e8les avec le module \u00ab\u00a0Eloquent\u00a0\u00bb pour faciliter les requ\u00eates et mat\u00e9rialiser les liens qu’il y a entre les tables de la Base dans la logique du projet.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_heading title=\u00a0\u00bb12\/09\/2024″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb title_level=\u00a0\u00bbh2″ title_font=\u00a0\u00bbBlinker||||||||\u00a0\u00bb title_text_align=\u00a0\u00bbcenter\u00a0\u00bb title_text_color=\u00a0\u00bb#008000″ background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb border_color_all=\u00a0\u00bb#008000″ locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_heading][et_pb_text _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bbNoto Serif||||||||\u00a0\u00bb text_font_size=\u00a0\u00bb18px\u00a0\u00bb link_option_url=\u00a0\u00bbhttps:\/\/laravel.com\/docs\/11.x\/eloquent\u00a0\u00bb link_option_url_new_window=\u00a0\u00bbon\u00a0\u00bb locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Les mod\u00e8les sont pr\u00eats et int\u00e9ragissent entre eux \u00e0 merveille (jusqu’au prochain impr\u00e9vu) j’ai pu r\u00e9cup\u00e9rer afficher la base compl\u00e8te dans l’appli. Une page d’accueil affiche une liste aust\u00e8re de tous les France Service accompagn\u00e9 d’un petit bouton \u00ab\u00a0plus\u00a0\u00bb \u00e0 chacun pour en consulter un en d\u00e9tails.<\/span><\/p>\n

Dans les d\u00e9tails d’une antenne sont affich\u00e9s ses horaires d’ouverture, permanences, outils \u00e0 disposition, ses partenaires, tout ce que la base de donn\u00e9es propose.<\/span><\/p>\n

Je travaille actuellement sur le mode \u00e9dition de l’appli. En consultant une antenne en d\u00e9tail, il est possible d’appuyer sur un bouton \u00ab\u00a0\u00e9diter\u00a0\u00bb ce qui changera l’affichage d’une antenne en un grand formulaire dans lequelle il sera possible de modifier les valeurs directement dans la base de donn\u00e9es et ainsi les mettre \u00e0 jour. Ce m\u00eame formulaire pourra \u00eatre r\u00e9adapter pour la cr\u00e9ation de nouvelles antennes mais d\u00e9j\u00e0, on va voir si \u00e7a marche.<\/span><\/p>\n

Voici donc mon travail:<\/span><\/p>\n

[\/et_pb_text][et_pb_gallery gallery_ids=\u00a0\u00bb6331,6332,6333″ posts_number=\u00a0\u00bb3″ show_title_and_caption=\u00a0\u00bboff\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb show_title_and_caption__hover_enabled=\u00a0\u00bbon|desktop\u00a0\u00bb show_title_and_caption__hover=\u00a0\u00bboff\u00a0\u00bb][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb min_height=\u00a0\u00bb169.6px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_heading title=\u00a0\u00bb18\/09\/2024″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb title_level=\u00a0\u00bbh2″ title_font=\u00a0\u00bbBlinker||||||||\u00a0\u00bb title_text_align=\u00a0\u00bbcenter\u00a0\u00bb title_text_color=\u00a0\u00bb#008000″ background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb border_color_all=\u00a0\u00bb#008000″ locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_heading][et_pb_text _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bbNoto Serif||||||||\u00a0\u00bb text_font_size=\u00a0\u00bb18px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Le contenu de la base de donn\u00e9es est maintenant s\u00e9rialis\u00e9 au format Json, ce qui permet \u00e0 l’application de r\u00e9cup\u00e9rer les-dites donn\u00e9es en un \u00e9clair. Malheureusement le format Json manque cruellement d’\u00e9sth\u00e9tique alors je n’ai pas de capture d’\u00e9cran \u00e0 fournir…<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb min_height=\u00a0\u00bb169.6px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_heading title=\u00a0\u00bb11\/10\/2024″ _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb title_level=\u00a0\u00bbh2″ title_font=\u00a0\u00bbBlinker||||||||\u00a0\u00bb title_text_align=\u00a0\u00bbcenter\u00a0\u00bb title_text_color=\u00a0\u00bb#008000″ background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb border_color_all=\u00a0\u00bb#008000″ locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_heading][et_pb_text _builder_version=\u00a0\u00bb4.27.0″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bbNoto Serif||||||||\u00a0\u00bb text_font_size=\u00a0\u00bb18px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Cela faisait longtemps… N\u00e9anmoins j’ai finalement termin\u00e9 le formulaire d’ajout d’antenne. L’administrateur peut d\u00e9sormais ajouter de nouvelles antennes dans la base de donn\u00e9es et ce, sans encombre, presque. Je dois maintenant peaufiner la validation, les messages d’erreurs eventuels et la confirmation d’ajout. Toutes les petites choses qui guident l’utilisateur vers une experience agr\u00e9able.
<\/span><\/p>\n

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

Voici le formulaire en question:<\/span><\/span><\/p>\n

[\/et_pb_text][et_pb_gallery gallery_ids=\u00a0\u00bb6334,6335″ posts_number=\u00a0\u00bb2″ show_title_and_caption=\u00a0\u00bboff\u00a0\u00bb show_pagination=\u00a0\u00bboff\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.2″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Un humble stagiaire au sein du Fablab des 3 lapins. Plein de FUN plein de LED, ces \u00e9crans me br\u00fblent les yeux…Je rejoins les efforts de Mr Fenouillot Antoine et de Mme Desgrandchamp Pauline dans le projet de l’application FrService70 commandit\u00e9 par la sous-pr\u00e9fecture de Lure. Je suis charg\u00e9 d’impl\u00e9menter, tout du moins, de corriger, […]<\/p>\n","protected":false},"author":83,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-6289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/pages\/6289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/comments?post=6289"}],"version-history":[{"count":21,"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/pages\/6289\/revisions"}],"predecessor-version":[{"id":6339,"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/pages\/6289\/revisions\/6339"}],"wp:attachment":[{"href":"https:\/\/fablab3lapins.org\/formations\/wp-json\/wp\/v2\/media?parent=6289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}