{"id":5469,"date":"2017-08-03T23:19:04","date_gmt":"2017-08-04T06:19:04","guid":{"rendered":"http:\/\/blog.cmiscm.com\/?p=5469"},"modified":"2023-01-14T13:20:45","modified_gmt":"2023-01-14T21:20:45","slug":"noni-noni","status":"publish","type":"post","link":"http:\/\/blog.cmiscm.com\/?p=5469","title":{"rendered":"NONI NONI"},"content":{"rendered":"<div class=\"bh\" style=\"background-color: #fff;\">\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5497\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n1.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n1.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n1-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n1-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n1-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhvideo\" style=\"padding-bottom: 56.2%;\"><iframe loading=\"lazy\" width=\"1400\" height=\"788\" src=\"https:\/\/www.youtube.com\/embed\/TzP0pBQCzM0?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5520\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n2.jpg\" alt=\"\" width=\"1400\" height=\"1100\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n2.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n2-300x236.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n2-768x603.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n2-1024x805.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5521\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n3.jpg\" alt=\"\" width=\"1400\" height=\"1100\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n3.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n3-300x236.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n3-768x603.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n3-1024x805.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5522\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n4.jpg\" alt=\"\" width=\"1400\" height=\"1100\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n4.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n4-300x236.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n4-768x603.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n4-1024x805.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5523\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n5.jpg\" alt=\"\" width=\"1400\" height=\"1100\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n5.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n5-300x236.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n5-768x603.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n5-1024x805.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5524\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n6.jpg\" alt=\"\" width=\"1400\" height=\"1100\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n6.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n6-300x236.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n6-768x603.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n6-1024x805.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5527\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/ag.gif\" alt=\"\" width=\"1400\" height=\"1100\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 30.3%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5503\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n7.jpg\" alt=\"\" width=\"1400\" height=\"425\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n7.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n7-300x91.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n7-768x233.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n7-1024x311.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div style=\"max-width: 1120px; margin: 0 auto;\">\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5516\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/dg.gif\" alt=\"\" width=\"1400\" height=\"900\" \/><\/div>\n<\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 7.4%;\"><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5504\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n8.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n8.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n8-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n8-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n8-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5505\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n9.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n9.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n9-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n9-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n9-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5506\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n10.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n10.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n10-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n10-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n10-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5507\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n11.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n11.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n11-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n11-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n11-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5508\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n12.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n12.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n12-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n12-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n12-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 30.3%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5509\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n13.jpg\" alt=\"\" width=\"1400\" height=\"425\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n13.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n13-300x91.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n13-768x233.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n13-1024x311.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div style=\"max-width: 1120px; margin: 0 auto;\">\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5525\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/lg.gif\" alt=\"\" width=\"1400\" height=\"900\" \/><\/div>\n<\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 7.4%;\"><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 64.2%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5510\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n14.jpg\" alt=\"\" width=\"1400\" height=\"900\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n14.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n14-300x193.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n14-768x494.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n14-1024x658.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 66.0%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5512\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n17.jpg\" alt=\"\" width=\"1400\" height=\"924\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n17.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n17-300x198.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n17-768x507.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n17-1024x676.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 78.7%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5515\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n20.jpg\" alt=\"\" width=\"1400\" height=\"1003\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n20.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n20-300x215.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n20-768x550.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n20-1024x734.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 58.5%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5528\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/sg.gif\" alt=\"\" width=\"1400\" height=\"820\" \/><\/div>\n<div class=\"bhimg\" style=\"padding-bottom: 52.8%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5529\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n21.jpg\" alt=\"\" width=\"1400\" height=\"740\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n21.jpg 1400w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n21-300x159.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n21-768x406.jpg 768w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/08\/n21-1024x541.jpg 1024w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESCRIPTION<\/h3>\n<div class=\"des\">NONI NONI is a website that allows users to create three-dimensional visualizations of drawings and letters utilizing colorful balls. It utilizes Google&#8217;s Translate API and machine learning technology, similar to that used in the development of QuickDraw. The website also incorporates 3D visualization technology from AutoDraw, as well as illustrations from artist Sanghee Cho.<\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>Technologies &amp; Tools<\/h3>\n<ul class=\"techtool\">\n<li>JavaScript<\/li>\n<li>WebGL<\/li>\n<li>Google Translate API<\/li>\n<li>Machine Learning<\/li>\n<li>UX\/UI Design<\/li>\n<li>Animation<\/li>\n<li>Interaction<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>URL<\/h3>\n<ul class=\"list\">\n<li><a href=\"https:\/\/noni.cmiscm.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/noni.cmiscm.com\/<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>AWARDS<\/h3>\n<ul>\n<li><i>\u2022<\/i>The FWA, FWA of the Day &#8211; August 2017<\/li>\n<li><i>\u2022<\/i>Awwwards, Site of the Day &#8211; August 2017<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DESCRIPTION NONI NONI is a website that allows users to create three-dimensional visualizations of drawings and letters utilizing colorful balls. It utilizes Google&#8217;s Translate API and machine learning technology, similar to that used in the development of QuickDraw. The website also incorporates 3D visualization technology from AutoDraw, as well as illustrations from artist Sanghee Cho. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-5469","post","type-post","status-publish","format-standard","hentry","category-1project"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/5469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5469"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/5469\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5469"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}