{"id":292,"date":"2018-11-06T14:21:01","date_gmt":"2018-11-06T13:21:01","guid":{"rendered":"http:\/\/www.sebastienbreuilles.com\/?post_type=jetpack-portfolio&#038;p=292"},"modified":"2019-05-27T01:38:38","modified_gmt":"2019-05-27T00:38:38","slug":"jaxa","status":"publish","type":"jetpack-portfolio","link":"https:\/\/www.sebastienbreuilles.com\/?portfolio=jaxa","title":{"rendered":"JAXA"},"content":{"rendered":"<p><b>Summary :<\/b><\/p>\n<p>JAXA is the Japan Aerospace Exploration Agency. They would like created an e-learning website for JAXA&rsquo;s space engineer.<\/p>\n<p>With the content produce by JAXA (course PDF, Video, picture), I, with the 111Studio&rsquo;s team, had think about how create the best e-learning plateform solution for space engineer studients who can be showed on everywhere on every plateform, on desktop, tablet and mobile.<\/p>\n<p>Finally we had produce two solutions :<\/p>\n<ol>\n<li>The presentation website, where you can read about what you can expected of this plateform.<\/li>\n<li>The logged version, where you can learn everything about space engineering.<\/li>\n<\/ol>\n<p>The first point is available to this URL : <a href=\"https:\/\/www.worldspaceschool.jp\/\">https:\/\/www.worldspaceschool.jp\/<\/a><\/p>\n<p>The second point is only available for space engineer studients.<\/p>\n<p><strong>The difficult point :<\/strong><\/p>\n<p>The difficult point was to found the best way to display the course list, we would like to make something very easy to used. But for confidentiality reasons I can&rsquo;t share screenshoot of this part.<\/p>\n<p><strong>What I have done :<\/strong> UX\/UI, HTML5 &amp; CSS3 on ReactJs environement.<\/p>\n<p><strong>Screenshoots :<\/strong> Click on screenshoot to display hight resolution version.<\/p>\n<p><a href=\"http:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-2018-09-25-09_59_27.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-278 size-large img100\" src=\"http:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-2018-09-25-09_59_27-495x1024.png\" alt=\"\" width=\"495\" height=\"1024\" srcset=\"https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-2018-09-25-09_59_27-495x1024.png 495w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-2018-09-25-09_59_27-145x300.png 145w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-2018-09-25-09_59_27-768x1589.png 768w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-2018-09-25-09_59_27.png 1645w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_00_45.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-279 size-medium img100\" src=\"http:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_00_45-233x300.png\" alt=\"\" width=\"233\" height=\"300\" srcset=\"https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_00_45-233x300.png 233w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_00_45-768x988.png 768w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_00_45-796x1024.png 796w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_00_45.png 1737w\" sizes=\"(max-width: 233px) 100vw, 233px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_08_27.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-280 size-large alignleft img100\" src=\"http:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_08_27-189x1024.png\" alt=\"\" width=\"189\" height=\"1024\" srcset=\"https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_08_27-189x1024.png 189w, https:\/\/www.sebastienbreuilles.com\/wp-content\/uploads\/2018\/09\/screencapture-worldspaceschool-jp-course-5799c9b4732db5d32485c166-2018-09-25-10_08_27.png 400w\" sizes=\"(max-width: 189px) 100vw, 189px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary : JAXA is the Japan Aerospace Exploration Agency. They would like created an e-learning website for JAXA&rsquo;s space engineer. With the content produce by JAXA (course PDF, Video, picture), &hellip; <a href=\"https:\/\/www.sebastienbreuilles.com\/?portfolio=jaxa\" class=\"more-link\"><span>Continue reading<span class=\"screen-reader-text\">JAXA<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":361,"comment_status":"closed","ping_status":"closed","template":"","jetpack-portfolio-type":[26,24,23,25],"jetpack-portfolio-tag":[],"_links":{"self":[{"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/292"}],"collection":[{"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=\/wp\/v2\/media\/361"}],"wp:attachment":[{"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=292"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-type&post=292"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/www.sebastienbreuilles.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-tag&post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}