Masterclasse Google : l'animation HTML5 - SUP'INTERNET

Vous souhaitez peut-être :

[et_pb_section admin_label= »section » transparent_background= »off » background_color= »#ffffff » allow_player_pause= »off » inner_shadow= »off » parallax= »off » parallax_method= »off » custom_padding= »0px||| » padding_mobile= »off » make_fullwidth= »off » use_custom_width= »off » width_unit= »on » make_equal= »off » use_custom_gutter= »off »][et_pb_row admin_label= »Ligne »][et_pb_column type= »4_4″][et_pb_code admin_label= »Fil d’Arianne »][breadcrumb][/et_pb_code][/et_pb_column][/et_pb_row][et_pb_row admin_label= »Ligne »][et_pb_column type= »1_2″][et_pb_post_title admin_label= »Titre du poste » title= »on » meta= »on » author= »off » date= »on » date_format= »j M Y » categories= »off » comments= »off » featured_image= »off » featured_placement= »below » parallax_effect= »on » parallax_method= »on » text_orientation= »left » text_color= »dark » text_background= »off » text_bg_color= »rgba(255,255,255,0.9) » module_bg_color= »rgba(255,255,255,0) » title_all_caps= »off » use_border_color= »off » border_color= »#ffffff » border_style= »solid » module_class= »post-main-title »]

[/et_pb_post_title][et_pb_text admin_label= »Chapô » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Jeudi 5 décembre, à l’occasion de son cycle de masterclasses, SUP’Internet recevait dans ses locaux Martin Görner, chargé des relations développeurs chez Google. A cette occasion, il a donné une conférence sur les animations de pages HTML5 avec les outils CSS3, SVG, Canvas et WebGL. Le contenu de cette rencontre a ensuite été mis en application par les étudiants lors de travaux dirigés.

[/et_pb_text][/et_pb_column][et_pb_column type= »1_2″][et_pb_image admin_label= »Image » show_in_lightbox= »off » url_new_window= »off » use_overlay= »off » animation= »off » sticky= »off » align= »center » force_fullwidth= »off » always_center_on_mobile= »on » use_border_color= »off » border_color= »#ffffff » border_style= »solid » src= »/wp-content/uploads/2013/12/mc_creahtml5_martin_gorner01.jpg »]

[/et_pb_image][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Martin Görner en conférence

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row admin_label= »row » make_fullwidth= »off » use_custom_width= »off » width_unit= »on » use_custom_gutter= »on » padding_mobile= »off » allow_player_pause= »off » parallax= »off » parallax_method= »off » make_equal= »off » parallax_1= »off » parallax_method_1= »off » parallax_2= »off » parallax_method_2= »off » background_color_2= »#ffffff » column_padding_mobile= »on » custom_padding= »10px||| » gutter_width= »2″][et_pb_column type= »2_3″][et_pb_code admin_label= »Le code au service de la création » module_class= »post-subtitle »]<h3> Le code au service de la création</h3>[/et_pb_code][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Lors de sa conférence, Martin Görner est revenu sur les spécificités techniques et les possibilités créatives qu’offraient HTML5. « Avec l’arrivée du standard Web Components – établi par le World Wide Web Consortum (W3C) – les développeurs vont avoir la possibilité de développer des composants graphiques réutilisables dans HTML, explique-t-il. D’où l’importance pour vous, qui allez être amenés à travailler avec les outils Web du futur, de bien appréhender les différentes possibilités graphiques que vous permettent déjà les outils à votre disposition. »

Transitions 2D et 3D grâce à CSS3, animations d’éléments en SVG, transformations géométriques via l’outil Canvas, génération d’une scène interactive en trois dimension via WebGL… durant la conférence, Martin Görner a présenté une multitude de manipulations envisageables dans des langages déjà bien établis : « Le champ des possibles est immense ! Certes, le chemin à parcourir est encore long, la définition des standards graphiques pour les plateformes Web étant très récente. Mais l’avenir s’annonce radieux ! Et vous avez un rôle à y jouer ! »

[/et_pb_text][et_pb_image admin_label= »Image » show_in_lightbox= »off » url_new_window= »off » use_overlay= »off » animation= »off » sticky= »off » align= »center » force_fullwidth= »off » always_center_on_mobile= »on » use_border_color= »off » border_color= »#ffffff » border_style= »solid » src= »/wp-content/uploads/2013/12/mc_creahtml5_martin_gorner02.jpg »]

[/et_pb_image][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Atelier de création sous HTML5

[/et_pb_text][et_pb_code admin_label= »Mise en application et confiseries » module_class= »post-subtitle »]<h3> Mise en application et confiseries</h3>[/et_pb_code][et_pb_text admin_label= »Texte » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Au gré de la conférence, Martin Görner récompensait interventions et prises de paroles pertinentes par la distribution de biscuits enrobés de chocolat, référence à la dernière version d’Android, le système d’exploitation mobile de Google.

Les deux heures suivant la conférence étaient consacrées à des ateliers de développement graphique autour des technologies présentées. Les étudiants devaient réaliser des animations inventives durant ce court laps de temps. Cela ne les a pas empêché de faire preuve de créativité en allant au-delà de l’exercice demandé. Cette masterclasse s’est conclue par une distribution de T-shirts et d’autocollants, dans la bonne humeur générale. Ainsi, les étudiants de première et deuxième années qui se sont prêtés à l’exercice possèdent désormais toutes les clés pour créer un code graphique original.

[/et_pb_text][et_pb_code admin_label= »Titre Actualité associée »]<h2 class="sup_title_second">Toute l'actu</h2>[/et_pb_code][et_pb_blog admin_label= »Actualités associées » fullwidth= »on » posts_number= »3″ show_thumbnail= »on » show_content= »off » show_more= »off » show_author= »off » show_date= »on » show_categories= »off » show_comments= »off » show_pagination= »off » offset_number= »0″ use_overlay= »off » background_layout= »light » use_dropshadow= »off » use_border_color= »off » border_color= »#ffffff » border_style= »solid » module_class= »news-module » header_font_size= »15″ include_categories= »30,72″]

[/et_pb_blog][/et_pb_column][et_pb_column type= »1_3″][et_pb_code admin_label= »Partagez »]<p class="share">Partagez</p><div class="flex" style="justify-content: center"><br />
<img class="share_button share_twitter" src="/wp-content/themes/SupDivi/public/images/share_twitter.png" /><br />
<img class="share_button share_facebook" src="/wp-content/themes/SupDivi/public/images/share_facebook.png" /><br />
<img class="share_button share_gplus" src="/wp-content/themes/SupDivi/public/images/share_google.png" /><br />
<img class="share_button share_linkedin" src="/wp-content/themes/SupDivi/public/images/share_linkedin.png" /><br />
</div>[/et_pb_code][et_pb_text admin_label= »Lien Agenda » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Agenda

[/et_pb_text][et_pb_code admin_label= »Code Agenda »]<a href="/agenda/" class="event-link">[event-list num_events=3 show_filterbar=false show_details=false show_location=true link_to_event=false url_to_page="/agenda/"] </a>[/et_pb_code][et_pb_text admin_label= »Lien Contact » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Contact

[/et_pb_text][et_pb_text admin_label= »Texte Contact » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

Secrétariat

Email : administration@supinternet.fr
Tel. : 01 84 07 42 35

Contact admissions

Email : admissions@supinternet.fr
Tel. : 01 80 51 71 36

Contact Presse

Direction
Email : direction@supinternet.fr
Tél : 01 84 07 42 70

Contact Entreprise

Email : entreprises@supinternet.fr
Tél : 01 84 07 43 11
Email Stages : stages@supinternet.fr

Postuler en tant qu’enseignant

Email : recrutement@supinternet.fr

[/et_pb_text][et_pb_text admin_label= »Titre Compétence & carriere » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Compétences & carrière

[/et_pb_text][et_pb_text admin_label= »Liens carriere » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

[/et_pb_text][et_pb_text admin_label= »Lien Stage » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid » text_font_size= »21″]

Stage

[/et_pb_text][et_pb_text admin_label= »Texte Stage » background_layout= »light » text_orientation= »left » use_border_color= »off » border_color= »#ffffff » border_style= »solid »]

À SUP’Internet nous pensons que pour former des professionnels opérationnels une fois diplômés, il faut qu’ils aient accès au monde du travail et soient guidés durant leur apprentissage. C’est pour cela que SUP’Internet a fait le choix d’allier le stage à la formation de nos étudiants, et ce sur les trois années du cursus.

[/et_pb_text][et_pb_button admin_label= »Soumettre offre » url_new_window= »off » button_text= »Offres de stage » button_alignment= »left » background_layout= »light » custom_button= »on » button_letter_spacing= »0″ button_use_icon= »off » button_icon_placement= »right » button_on_hover= »on » button_letter_spacing_hover= »0″ button_url= »/etudiants-stage-entreprise/ »]

[/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]

Fermer le menu