{"id":111360,"date":"2019-01-16T11:31:56","date_gmt":"2019-01-16T10:31:56","guid":{"rendered":"https:\/\/gsara.tv\/charleroi\/?page_id=111360"},"modified":"2019-02-04T16:37:18","modified_gmt":"2019-02-04T15:37:18","slug":"3-module-premiere-application-mobile","status":"publish","type":"page","link":"https:\/\/gsara.tv\/charleroi\/ateliers\/3-module-premiere-application-mobile\/","title":{"rendered":"3. Module premi\u00e8re application mobile"},"content":{"rendered":"<h2><strong>Enjeux<\/strong><\/h2>\n<p><img data-attachment-id=\"111396\" data-permalink=\"https:\/\/gsara.tv\/charleroi\/ateliers\/3-module-premiere-application-mobile\/smartphone-negatif-moove\/\" data-orig-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/smartphone-negatif-moove.gif\" data-orig-size=\"360,480\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"smartphone-negatif-moove\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/smartphone-negatif-moove-225x300.gif\" data-large-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/smartphone-negatif-moove.gif\" decoding=\"async\" loading=\"lazy\" class=\" wp-image-111396 alignleft\" src=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/smartphone-negatif-moove.gif\" alt=\"\" width=\"219\" height=\"292\"><strong>Pour les publics d\u00e9sireux de d\u00e9couvrir ces outils d&rsquo;apprentissages du code et de r\u00e9aliser collectivement une premi\u00e8re application mobile test.<\/strong><\/p>\n<p>Le smartphone est un outil tr\u00e8s puissant. Chacun s&rsquo;en sert de mani\u00e8re unique et personnelle. C&rsquo;est LA machine \u00e0 tout faire dans toutes les situations. D&rsquo;ailleurs, tout-le-monde en a un ou presque. Pour s&rsquo;informer, voyager, travailler, se divertir, faire un budget ou changer de coiffure : il y a une application pour \u00e7a! Il deviendrait m\u00eame difficile de faire tout cela sans le digital&#8230; La soci\u00e9t\u00e9 tout enti\u00e8re se num\u00e9rise dans notre poche !&nbsp;<\/p>\n<p>Il est donc important de comprendre le fonctionnement de ce nouvel environnement. Et, pour faire court et citer la r\u00e9gion wallonne \u00ab\u00a0<a href=\"https:\/\/www.digitalwallonia.be\/fr\/publications\/wallcode-apprendre-a-coder\">apprendre les bases de la programmation est devenu n\u00e9cessaire pour exercer pleinement son r\u00f4le de citoyen<\/a>\u00a0\u00bb !<\/p>\n<p>Les applications mobiles sont des programmes qu&rsquo;on ex\u00e9cute sur un smartphone. Ce fichier est cod\u00e9 dans un langage sp\u00e9cifique \u00e0 votre appareil (Java ou Kotlin pour Android et Objective C ou Swift pour iOS). Ces langages natifs, vous ne les connaissez pas et nous non plus. Mais aujourd&rsquo;hui, gr\u00e2ce aux travaux de nombreux chercheurs et internautes, il existe des alternatives \u00e0 l&rsquo;utilisation de ces langages. On peut donc concevoir et r\u00e9aliser une application simple sans passer par la fastidieuse \u00e9tude du code. Il s&rsquo;agit globalement de construire son raisonnement logique avec de petites pi\u00e8ces de puzzle. Et d&rsquo;ensuite exporter son travail.<\/p>\n<p>&nbsp;<\/p>\n<h2>\u00c9tapes d&rsquo;animation<\/h2>\n<p>D\u00e9couverte des outils <a href=\"https:\/\/scratch.mit.edu\/\">Scratch<\/a> \/ <a href=\"https:\/\/developers.google.com\/blockly\/\">Blockly<\/a> \/ <a href=\"http:\/\/appinventor.mit.edu\/explore\/\">AppInventor&nbsp;<\/a>et r\u00e9alisation collective d&rsquo;une application mobile simple. Dix s\u00e9ances d&rsquo;une demi-journ\u00e9e minimum.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Deux premi\u00e8res s\u00e9ances :<\/strong><\/p>\n<p>Nous d\u00e9couvrirons la logique des blocs de programmation avec <a href=\"https:\/\/scratch.mit.edu\/\">Scratch<\/a> et r\u00e9aliserons \u00e0 titre d&rsquo;exercice une petite histoire interactive<\/p>\n<p><img data-attachment-id=\"111397\" data-permalink=\"https:\/\/gsara.tv\/charleroi\/ateliers\/3-module-premiere-application-mobile\/scratch-360x2211\/\" data-orig-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211.jpg\" data-orig-size=\"360,221\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"scratch-360&#215;221[1]\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211-300x184.jpg\" data-large-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211.jpg\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-111397 aligncenter\" src=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211.jpg\" alt=\"\" width=\"142\" height=\"88\" srcset=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211.jpg 360w, https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211-300x184.jpg 300w, https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/scratch-360x2211-200x125.jpg 200w\" sizes=\"(max-width: 142px) 100vw, 142px\" \/><\/p>\n<p><strong>Deux s\u00e9ances suivantes :<\/strong><\/p>\n<p>Nous approfondirons nos connaissances et r\u00e9aliserons quelques exercices avec<a href=\"https:\/\/developers.google.com\/blockly\/\"> Blockly<\/a>. Cet outil permet de voir \u00e0 la fois les blocs empil\u00e9s et le code Javascript ainsi g\u00e9n\u00e9r\u00e9.<\/p>\n<p><img data-attachment-id=\"111381\" data-permalink=\"https:\/\/gsara.tv\/charleroi\/ateliers\/4-initiation-a-la-robotique-pedagogique\/blockly-pong-capture\/\" data-orig-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture.jpg\" data-orig-size=\"1280,720\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"blockly-pong-capture\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture-300x169.jpg\" data-large-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture-1024x576.jpg\" decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-111381\" src=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture-1024x576.jpg\" alt=\"\" width=\"388\" height=\"218\" srcset=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture-1024x576.jpg 1024w, https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture-300x169.jpg 300w, https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture-768x432.jpg 768w, https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/blockly-pong-capture.jpg 1280w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/p>\n<p><strong>S\u00e9ances restantes :<\/strong><\/p>\n<p><img data-attachment-id=\"111379\" data-permalink=\"https:\/\/gsara.tv\/charleroi\/ateliers\/4-initiation-a-la-robotique-pedagogique\/laby-logique06\/\" data-orig-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/laby-logique06.jpg\" data-orig-size=\"309,212\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"laby-logique06\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/laby-logique06-300x206.jpg\" data-large-file=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/laby-logique06.jpg\" decoding=\"async\" loading=\"lazy\" class=\" wp-image-111379 alignright\" src=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/laby-logique06.jpg\" alt=\"\" width=\"194\" height=\"133\" srcset=\"https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/laby-logique06.jpg 309w, https:\/\/gsara.tv\/charleroi\/wp-content\/uploads\/2019\/01\/laby-logique06-300x206.jpg 300w\" sizes=\"(max-width: 194px) 100vw, 194px\" \/><\/p>\n<p>Nous r\u00e9aliserons notre premi\u00e8re application avec AppInventor, un autre outil Google. Celui-ci permet de tirer parti des capteurs embarqu\u00e9 dans un t\u00e9l\u00e9phone Android ( l&rsquo;acc\u00e9l\u00e9rom\u00e8tre, le gyroscope, le GPS, le Bluetooth, &#8230;)&nbsp; Il s&rsquo;agira, en amont,de bien d\u00e9finir notre projet au pr\u00e9alable et de faire le tour de nos ressources. Le travail de codage pourra \u00eatre divis\u00e9 en plusieurs sous-groupe. Le nombre de s\u00e9ance d\u00e9pendra de l&rsquo;envergure du projet et des ressources du groupe&#8230;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Voir \u00e9galement : <a href=\"https:\/\/gsara.tv\/charleroi\/creation-dune-application-android-maitallurgie-avec-le-groupe-6-po\/\">https:\/\/gsara.tv\/charleroi\/creation-dune-application-android-maitallurgie-avec-le-groupe-6-po\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enjeux Pour les publics d\u00e9sireux de d\u00e9couvrir ces outils d&rsquo;apprentissages du code et de r\u00e9aliser collectivement une premi\u00e8re application mobile test. Le smartphone est un outil tr\u00e8s puissant. Chacun s&rsquo;en sert de mani\u00e8re unique et personnelle. C&rsquo;est LA machine \u00e0 tout faire dans toutes les situations. D&rsquo;ailleurs, tout-le-monde en a un ou presque. Pour s&rsquo;informer, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":111380,"parent":33,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/pages\/111360"}],"collection":[{"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/comments?post=111360"}],"version-history":[{"count":9,"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/pages\/111360\/revisions"}],"predecessor-version":[{"id":111435,"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/pages\/111360\/revisions\/111435"}],"up":[{"embeddable":true,"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/pages\/33"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/media\/111380"}],"wp:attachment":[{"href":"https:\/\/gsara.tv\/charleroi\/wp-json\/wp\/v2\/media?parent=111360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}