{"id":100951,"date":"2021-03-22T16:33:20","date_gmt":"2021-03-22T15:33:20","guid":{"rendered":"http:\/\/fabnum.tech\/?p=100951"},"modified":"2021-03-22T16:33:20","modified_gmt":"2021-03-22T15:33:20","slug":"trombinoscope-promo11","status":"publish","type":"post","link":"https:\/\/fabnum.tech\/index.php\/2021\/03\/22\/trombinoscope-promo11\/","title":{"rendered":"Trombinoscope #Promo11"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=\u00a0\u00bb50&Prime; override_padding=\u00a0\u00bbyes\u00a0\u00bb h_padding=\u00a0\u00bb2&Prime; top_padding=\u00a0\u00bb5&Prime; bottom_padding=\u00a0\u00bb2&Prime; overlay_alpha=\u00a0\u00bb50&Prime; gutter_size=\u00a0\u00bb4&Prime; column_width_percent=\u00a0\u00bb100&Prime; shift_y=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; el_class=\u00a0\u00bbinverted-device-order\u00a0\u00bb][vc_column column_width_use_pixel=\u00a0\u00bbyes\u00a0\u00bb position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/2&Prime; column_width_pixel=\u00a0\u00bb900&Prime;][vc_custom_heading heading_semantic=\u00a0\u00bbh6&Prime; text_size=\u00a0\u00bbfontsize-160000&Prime; text_transform=\u00a0\u00bbuppercase\u00a0\u00bb text_space=\u00a0\u00bbfontspace-135905&Prime; text_color=\u00a0\u00bbaccent\u00a0\u00bb]#FabnumGonesse[\/vc_custom_heading][vc_custom_heading heading_semantic=\u00a0\u00bbh3&Prime; text_size=\u00a0\u00bbfontsize-155944&Prime; css_animation=\u00a0\u00bbalpha-anim\u00a0\u00bb subheading=\u00a0\u00bbPour commencer cette formation aux m\u00e9tiers du num\u00e9rique, la promotion 11 devait faire ce projet afin de mieux se conna\u00eetre et tisser des liens entre coll\u00e8gues de formation. Pour effectuer ce projet notre formatrice Agy a pr\u00e9sent\u00e9 le projet en lui-m\u00eame, les missions, la deadline, les objectifs, les finalit\u00e9s de ce projet les \u00e9ventuelles difficult\u00e9s que nous pouvions rencontrer.\u00a0\u00bb]<span class=\"font-762333\">Pr\u00e9sentation<\/span>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=\u00a0\u00bb50&Prime; override_padding=\u00a0\u00bbyes\u00a0\u00bb h_padding=\u00a0\u00bb2&Prime; top_padding=\u00a0\u00bb2&Prime; bottom_padding=\u00a0\u00bb5&Prime; overlay_alpha=\u00a0\u00bb50&Prime; gutter_size=\u00a0\u00bb4&Prime; column_width_percent=\u00a0\u00bb100&Prime; shift_y=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime;][vc_column column_width_percent=\u00a0\u00bb100&Prime; position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb align_horizontal=\u00a0\u00bbalign_center\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/2&Prime;][vc_single_image media=\u00a0\u00bb100957&Prime; media_width_percent=\u00a0\u00bb77&Prime; alignment=\u00a0\u00bbcenter\u00a0\u00bb css_animation=\u00a0\u00bbzoom-in\u00a0\u00bb][\/vc_column][vc_column column_width_use_pixel=\u00a0\u00bbyes\u00a0\u00bb position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/2&Prime; column_width_pixel=\u00a0\u00bb900&Prime;][vc_custom_heading heading_semantic=\u00a0\u00bbh6&Prime; text_size=\u00a0\u00bbfontsize-160000&Prime; text_transform=\u00a0\u00bbuppercase\u00a0\u00bb text_space=\u00a0\u00bbfontspace-135905&Prime; text_color=\u00a0\u00bbaccent\u00a0\u00bb]#Promo11[\/vc_custom_heading][vc_custom_heading heading_semantic=\u00a0\u00bbh3&Prime; sub_lead=\u00a0\u00bbyes\u00a0\u00bb css_animation=\u00a0\u00bbzoom-in\u00a0\u00bb subheading=\u00a0\u00bbPremi\u00e8rement Agy nous a pr\u00e9sent\u00e9 l&rsquo;outil Trello, un outil de gestion de t\u00e2ches en ligne et distribu\u00e9 les r\u00f4les et les missions de chacun. Il y avait un bin\u00f4me qui \u00e9tait charg\u00e9 de ce projet dont un qui fait parti de la promo 11 et l&rsquo;autre qui faisait partie de la promo 10. Dans ce cadre l\u00e0, on travaillait par bin\u00f4me, par trio ou en individuel. Le trio \u00e9tait charg\u00e9 d&rsquo;effectuer les photos de la promo en mode portrait ; un stagiaire devait s&rsquo;occuper de l&rsquo;interview, Agy a g\u00e9r\u00e9 les fichiers et le stockage sur Drive ; un autre bin\u00f4me s&rsquo;occupait du graphisme, je devais cr\u00e9er un site en html (avec l&rsquo;aide d&rsquo;Ali le stagiaire) avec les photos des stagiaires et leur interview en respectant les chartes graphiques de la Fabnum et pour finir nous devions partager sur les r\u00e9seaux sociaux en cr\u00e9ant des visuels.\u00a0\u00bb]<span class=\"font-377884\">Plan du projet, R\u00f4les et Missions<\/span>[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=\u00a0\u00bb100&Prime; position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/2&Prime;][vc_custom_heading css_animation=\u00a0\u00bbbottom-t-top\u00a0\u00bb subheading=\u00a0\u00bbNotre id\u00e9e \u00e9tait de prendre des portraits tout en respectant les gestes et barri\u00e8res sanitaires. La premi\u00e8re photo \u00e9tait une personne avec le masque et la deuxi\u00e8me sans le masque. Nous avons fait ce shooting photos en deux sessions car nous avons rencontr\u00e9 des difficult\u00e9s d&rsquo;\u00e9clairage.\u00a0\u00bb]<\/p>\n<h2>Photo Shooting<\/h2>\n<p>[\/vc_custom_heading][\/vc_column][vc_column width=\u00a0\u00bb1\/2&Prime;][vc_single_image media=\u00a0\u00bb100980&Prime; media_width_percent=\u00a0\u00bb57&Prime; alignment=\u00a0\u00bbcenter\u00a0\u00bb][\/vc_column][\/vc_row][vc_row][vc_column column_width_percent=\u00a0\u00bb100&Prime; position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb align_horizontal=\u00a0\u00bbalign_center\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; medium_width=\u00a0\u00bb0&Prime; mobile_width=\u00a0\u00bb0&Prime; width=\u00a0\u00bb1\/1&Prime;][vc_custom_heading css_animation=\u00a0\u00bbleft-t-right\u00a0\u00bb subheading=\u00a0\u00bbAvec le th\u00e8me des masques, nous avons eu l&rsquo;id\u00e9e d&rsquo;assembler ce th\u00e8me avec le th\u00e8me d&rsquo;\u00e9cole, nos graphistes Yamine et Aziz ont con\u00e7u ce design pour le site. Je devais cr\u00e9er le site du trombinoscope et mettre toutes les \u0153uvres de chacun gr\u00e2ce aux langages HTML et CSS avec l&rsquo;aide de notre ancien stagiaire Ali. J&rsquo;ai \u00e9galement cr\u00e9\u00e9 un design pour le r\u00e9seau social Twitter.\u00a0\u00bb]Graphisme et Site Web[\/vc_custom_heading][vc_gallery el_id=\u00a0\u00bbgallery-434067&Prime; medias=\u00a0\u00bb100989,101248&Prime; gutter_size=\u00a0\u00bb2&Prime; screen_lg=\u00a0\u00bb1000&Prime; screen_md=\u00a0\u00bb600&Prime; screen_sm=\u00a0\u00bb480&Prime; single_overlay_opacity=\u00a0\u00bb50&Prime; single_h_align=\u00a0\u00bbcenter\u00a0\u00bb single_padding=\u00a0\u00bb2&Prime; single_css_animation=\u00a0\u00bbzoom-out\u00a0\u00bb items=\u00a0\u00bbeyIxMDA5ODlfaSI6eyJzaW5nbGVfbGF5b3V0X21lZGlhX2l0ZW1zIjoibWVkaWF8bGlnaHRib3h8b3JpZ2luYWwsY2FwdGlvbixpY29uIiwic2luZ2xlX2Nzc19hbmltYXRpb24iOiJhbHBoYS1hbmltIn0sIjEwMTI0OF9pIjp7InNpbmdsZV9sYXlvdXRfbWVkaWFfaXRlbXMiOiJtZWRpYXxsaWdodGJveHxvcmlnaW5hbCxpY29uLGNhcHRpb24iLCJzaW5nbGVfd2lkdGgiOiI1Iiwic2luZ2xlX2hfYWxpZ24iOiJjZW50ZXIifX0=\u00a0\u00bb][\/vc_column][\/vc_row][vc_row][vc_column width=\u00a0\u00bb1\/1&Prime;][vc_custom_heading css_animation=\u00a0\u00bbbottom-t-top\u00a0\u00bb subheading=\u00a0\u00bbCependant avec l&rsquo;arriv\u00e9 du confinement fin octobre 2020, nous avons pas pu finir le projet, en effet la cr\u00e9ation du site pour le trombinoscope n&rsquo;a pas pu \u00e9t\u00e9 cr\u00e9e car il y avait des blocages au niveau de l&rsquo;HTML. M\u00eame si le projet n&rsquo;a pas abouti, nous avons atteint notre objectif, c&rsquo;est \u00e0 dire nous avons tiss\u00e9 des liens entre coll\u00e8ges, appris \u00e0 utiliser l&rsquo;\u00e9quipement pour le shooting et les outils pour le graphisme. Pour ma part, j&rsquo;ai appris le fonctionnement des outils: Trello pour la gestion du projet, Canva (un outil de cr\u00e9ation graphique en ligne) pour la cr\u00e9ation de design, le Langage HTML et le CSS pour la cr\u00e9ation du site.\u00a0\u00bb]R\u00e9sultats et Finalit\u00e9s du Trombinoscope[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row][vc_column width=\u00a0\u00bb1\/1&Prime;][vc_single_image media=\u00a0\u00bb100777&Prime; media_width_percent=\u00a0\u00bb56&Prime; alignment=\u00a0\u00bbcenter\u00a0\u00bb css_animation=\u00a0\u00bbbottom-t-top\u00a0\u00bb][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_percent=\u00a0\u00bb50&Prime; override_padding=\u00a0\u00bbyes\u00a0\u00bb h_padding=\u00a0\u00bb2&Prime; top_padding=\u00a0\u00bb5&Prime; bottom_padding=\u00a0\u00bb2&Prime; overlay_alpha=\u00a0\u00bb50&Prime; gutter_size=\u00a0\u00bb4&Prime; column_width_percent=\u00a0\u00bb100&Prime; shift_y=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; el_class=\u00a0\u00bbinverted-device-order\u00a0\u00bb][vc_column column_width_use_pixel=\u00a0\u00bbyes\u00a0\u00bb position_vertical=\u00a0\u00bbmiddle\u00a0\u00bb gutter_size=\u00a0\u00bb3&Prime; overlay_alpha=\u00a0\u00bb50&Prime; shift_x=\u00a0\u00bb0&Prime; shift_y=\u00a0\u00bb0&Prime; shift_y_down=\u00a0\u00bb0&Prime; z_index=\u00a0\u00bb0&Prime; [&hellip;]<\/p>\n","protected":false},"author":46,"featured_media":100988,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[632],"tags":[],"class_list":["post-100951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-edina-p11"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/fabnum.tech\/wp-content\/uploads\/2020\/12\/fabnum.png","_links":{"self":[{"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/posts\/100951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/comments?post=100951"}],"version-history":[{"count":29,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/posts\/100951\/revisions"}],"predecessor-version":[{"id":101799,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/posts\/100951\/revisions\/101799"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/media\/100988"}],"wp:attachment":[{"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/media?parent=100951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/categories?post=100951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fabnum.tech\/index.php\/wp-json\/wp\/v2\/tags?post=100951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}