{"id":1732,"date":"2021-06-13T19:39:26","date_gmt":"2021-06-13T18:39:26","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/?p=1732"},"modified":"2021-06-15T08:43:54","modified_gmt":"2021-06-15T07:43:54","slug":"simulation-en-javascript","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2021\/06\/13\/simulation-en-javascript\/","title":{"rendered":"Simulation en JavaScript"},"content":{"rendered":"<p><strong>Introduction<\/strong><\/p>\n<p>Bonjour \u00e0 tous. Nous sommes Paul Bodin et Romain Taillet, \u00e9tudiants \u00e0 Polytech Angers.<br \/>\nNotre projet de deuxi\u00e8me ann\u00e9e avait pour but de produire un outil permettant de cr\u00e9er des simulations de lignes de production sur une page web. Pour cela, nous \u00e9tions encadr\u00e9 par M. Cottenceau et nous avons utilis\u00e9 le langage informatique JavaScript.<\/p>\n<blockquote><p>Le projet de deuxi\u00e8me ann\u00e9e prend place durant le quatri\u00e8me semestre de cycle pr\u00e9paratoire. Nous avons une centaine d&#8217;heures marqu\u00e9es sur nos emplois du temps qui y sont consacr\u00e9es.<\/p><\/blockquote>\n<p>Pour r\u00e9aliser ce travail, nous avons donc d\u00fb nous organiser pour remplir le cahier des charges de notre projet en temps et en heure.<br \/>\n<div id=\"attachment_1810\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Image21.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1810\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Image21-300x193.png\" alt=\"Une bonne organisation du travail avec ses camarades fait partie de la r\u00e9ussite du projet\" width=\"500\" height=\"321\" class=\"size-medium wp-image-1810\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Image21-300x193.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Image21-465x300.png 465w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Image21.png 848w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-1810\" class=\"wp-caption-text\">Une bonne organisation du travail avec ses camarades fait partie de la r\u00e9ussite d&#8217;un projet.<\/p><\/div><\/p>\n<p><strong>Notre travail<\/strong><\/p>\n<li>Pour commencer, nous avons cr\u00e9\u00e9 des classes d&#8217;objets pouvant repr\u00e9senter des machines que l&#8217;on peut retrouver sur des lignes de production en usine.<\/li>\n<ul><\/ul>\n<div id=\"attachment_1809\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Image13.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1809\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Image13.png\" alt=\"Le s\u00e9parateur s\u00e9quentiel est une des machines. Elle s\u00e9pare les pi\u00e8ces en entr\u00e9e sur deux convoyeurs en sortie selon une s\u00e9quence d\u00e9finie en attribut.\" width=\"600\" height=\"242\" class=\"size-full wp-image-1809\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Image13.png 600w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Image13-300x121.png 300w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/Image13-500x201.png 500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1809\" class=\"wp-caption-text\">Le s\u00e9parateur s\u00e9quentiel est une des machines. Elle s\u00e9pare les pi\u00e8ces en entr\u00e9e sur deux convoyeurs en sortie selon une s\u00e9quence d\u00e9finie en attribut.<\/p><\/div>\n<ul><\/ul>\n<li>Ensuite, nous avons d\u00e9fini des attributs pour toutes ces classes et nous avons cod\u00e9 la mani\u00e8re dont elles doivent interagir entre elles.<\/li>\n<ul><\/ul>\n<li>Enfin, nous laissons un outil permettant \u00e0 l&#8217;utilisateur de d\u00e9finir les objets qu&#8217;il souhaite mettre dans sa simulation ainsi que leurs attributs. Il pourra \u00e9galement changer de simulation ais\u00e9ment depuis le site.<\/li>\n<ul><\/ul>\n<div id=\"attachment_1807\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/select2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1807\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/select2.png\" alt=\"Le bouton de s\u00e9lection permet de choisir la simulation de notre choix. Nous proposons \u00e9galement deux exemples pour les utilisateurs.\" width=\"400\" height=\"218\" class=\"size-full wp-image-1807\" srcset=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/select2.png 400w, https:\/\/blog.univ-angers.fr\/polytech_2A\/files\/2021\/06\/select2-300x163.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><p id=\"caption-attachment-1807\" class=\"wp-caption-text\">Le bouton de s\u00e9lection permet de choisir la simulation de notre choix. Nous proposons \u00e9galement deux exemples pour les utilisateurs.<\/p><\/div>\n<ul><\/ul>\n<p><strong>R\u00e9sultats<\/strong><\/p>\n<p>Nous pouvons donc vous pr\u00e9senter le r\u00e9sultat de notre projet avec le second exemple cr\u00e9\u00e9 sur notre site. Il montre toutes les machines que nous avons cr\u00e9\u00e9, dans une configuration que nous avons pr\u00e9d\u00e9finie.<\/p>\n<ul><\/ul>\n<div style=\"width: 584px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1732-1\" width=\"584\" height=\"295\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/videoprojet.mp4?_=1\" \/><a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/videoprojet.mp4\">https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/videoprojet.mp4<\/a><\/video><\/div>\n<ul><\/ul>\n<p>Toutes les machines et les convoyeurs peuvent \u00eatre r\u00e9arrang\u00e9s pour donner une autre simulation. Nous avons donc respect\u00e9 notre cahier des charges. Vous pouvez retrouver notre projet <a href=\"https:\/\/blog.univ-angers.fr\/istiaprojetsei2\/files\/2021\/06\/Projet.zip\">ci-joint<\/a>.<\/p>\n<ul><\/ul>\n<p><strong>Conclusion<\/strong><\/p>\n<p>Le projet nous a permis de d\u00e9velopper des qualit\u00e9s n\u00e9cessaires au m\u00e9tier d&#8217;ing\u00e9nieur telles que l&#8217;organisation et la communication. De plus, nous avons pu \u00e9tudier et am\u00e9liorer nos connaissances sur un sujet pr\u00e9cis durant une centaine d&#8217;heure.<\/p>\n<blockquote><p>Le choix du th\u00e8me du projet se fait parmi une longue liste et la r\u00e9partition des \u00e9l\u00e8ves avec un algorithme de mariage stable. La probabilit\u00e9 que chacun tombe sur un sujet qu&#8217;il aime est alors \u00e9lev\u00e9 et cela permet de bien mieux s&#8217;investir.<\/p><\/blockquote>\n<p>Pour en savoir plus sur notre projet ou le travail de compte-rendu demand\u00e9, regardez notre compte-rendu ci-apr\u00e8s.<\/p>\n<ul><\/ul>\n\n<div class=\"gde-error\">GDE Erreur: Erreur lors de la r\u00e9cup\u00e9ration du fichier - si n\u00e9cessaire, arr\u00eatez la v\u00e9rification d'erreurs (404:Not Found)<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Introduction Bonjour \u00e0 tous. Nous sommes Paul Bodin et Romain Taillet, \u00e9tudiants \u00e0 Polytech Angers. Notre projet de deuxi\u00e8me ann\u00e9e avait pour but de produire un outil permettant de cr\u00e9er des simulations de lignes de production sur une page web. &hellip; <a href=\"https:\/\/blog.univ-angers.fr\/polytech_2A\/2021\/06\/13\/simulation-en-javascript\/\">Continuer la lecture <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":71352,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[344],"tags":[146,418,179,398,22,421,419,422,382,286],"class_list":["post-1732","post","type-post","status-publish","format-standard","hentry","category-344","tag-animation","tag-convoyeur","tag-developpement","tag-informatique","tag-javascript","tag-ligne-de-production","tag-machine","tag-simulateur","tag-simulation","tag-site-web"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/users\/71352"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=1732"}],"version-history":[{"count":1,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1732\/revisions"}],"predecessor-version":[{"id":1804,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/1732\/revisions\/1804"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=1732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=1732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=1732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}