[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-ptp-ied-firenze-en":3},{"post":4,"parsedBody":17},{"slug":5,"locale":6,"otherLocales":7,"title":10,"description":11,"body":12,"cover_image":13,"cover_alt":14,"published_at":15,"updated_at":16},"ptp-ied-firenze","en",[8],{"locale":9,"slug":5},"it","IED Florence Projects","Collection of my exam projects made while attending the PTP in Web Design.","## PTP Web Design at IED Firenze\r\n\r\nThe two-year course was packed with learning experiences and opportunities to try my hand at very different disciplines. Below is a summary of some of the courses I attended and the projects I worked on.\r\n\r\n## Graphic Design Course\r\n\r\n**TOPICS: typography**, design **grids**, **history of graphic design**.\r\n\r\n**DETAILS AND EXAM:** [(in Italian) IED Firenze, corso di Graphic Design »](https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fgraphic-design-corso-ied-firenze\u002F)\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ark-id.webp\"\r\n    description: \"ARK-ID font by Nicolò Manvilli\"\r\n    width: 1365\r\n    height: 2048\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-seddia.webp\"\r\n    description: \"SEDDIA - the 2D chair\"\r\n    width: 1920\r\n    height: 1260\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-catalogo-seddia-pagina-8.webp\"\r\n    description: \"SEDDIA catalog - Page 8\"\r\n    width: 1434\r\n    height: 2048\r\n---\r\n::\r\n\r\n## Generative Design Course\r\n\r\n**TOPICS:** **algorithmic design** and creation of generative visual models with **Processing** (a Java class library with its own IDE).\r\n\r\n**DETAILS AND EXAM:** [(in Italian) Esperimenti di arte generativa: Theremin Terraforming »](https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fgenerative-design-theremin-terraforming\u002F)\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-organic-cells.webp\"\r\n    description: \"Processing - Organic Cells sketch\"\r\n    width: 1200\r\n    height: 680\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-mandala.webp\"\r\n    description: \"Processing - Sound Mandala sketch\"\r\n    width: 800\r\n    height: 800\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2017\u002F01\u002Ftheremin-terraforming-screen-1.webp\"\r\n    description: \"Generative design: Theremin Terraforming\"\r\n    width: 1343\r\n    height: 695\r\n---\r\n::\r\n\r\n## Online Marketing Strategies Course\r\n\r\n**TOPICS: SEO**, **keyword** planning, **social marketing**, **funnel** planning, **remarketing**, **Google Tag Manager**, **personas** and **customer journey**, **KPI**s, **reports**…\r\n\r\n**EXAM:** management of **social campaigns** over a set period (with the related **reporting**) and creation of a **landing page**, **pillar post** and **newsletter** system for ErgiCharter, a business run by a young couple who organize sailing trips in Tuscany and its islands.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-1.webp\"\r\n    description: \"ErgiCharter - Sample slide 1\"\r\n    width: 1920\r\n    height: 1081\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-2.webp\"\r\n    description: \"ErgiCharter - Sample slide 2\"\r\n    width: 1920\r\n    height: 1081\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-3.webp\"\r\n    description: \"ErgiCharter - Sample slide 3\"\r\n    width: 1920\r\n    height: 1081\r\n---\r\n::\r\n\r\n## Web Development Course\r\n\r\n**TOPICS:** front-end development in **HTML** and **CSS**, **CSS transitions**, media queries and **responsive design**.\r\n\r\n**EXAM:** reproduction of existing animated web pages, with an explanation of the markup and CSS used.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-03.webp\"\r\n    description: \"Isle of Inspiration - Screen 1\"\r\n    width: 1680\r\n    height: 1050\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-02.webp\"\r\n    description: \"Isle of Inspiration - Screen 2\"\r\n    width: 1680\r\n    height: 1050\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-01.webp\"\r\n    description: \"Isle of Inspiration - Screen 3\"\r\n    width: 1680\r\n    height: 1050\r\n---\r\n::\r\n\r\n## Digital Storytelling Course\r\n\r\n**TOPICS: storytelling** as a key element of online communication (advertising and otherwise), building the **narrative world**, creating **characters**, defining a **story**, narrative **conflict**, **points of view**, objective correlative, film **shots**. Analysis of several **web documentaries**.\r\n\r\n**EXAM:** creation of a **storyboard** for a web documentary.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-1.webp\"\r\n    description: \"Interactive story - Screen 1\"\r\n    width: 1920\r\n    height: 1440\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-2.webp\"\r\n    description: \"Interactive story - Screen 2\"\r\n    width: 1920\r\n    height: 1440\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-3.webp\"\r\n    description: \"Interactive story - Screen 3\"\r\n    width: 1920\r\n    height: 1440\r\n---\r\n::\r\n\r\n## Special Week: rebrand project for GEST\r\n\r\nThe Special Week is an event in which IED Firenze gathers requests from companies looking for new ideas. For my work group, the company was GEST, the operator of the Florence tram service. They were looking for ideas and proposals for a rebrand, as work on the new lines was about to be completed.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-gest-poster.webp\"\r\n    description: \"GEST - Poster\"\r\n    width: 1191\r\n    height: 842\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-gest-seats.webp\"\r\n    description: \"GEST - Presentation sample\"\r\n    width: 1920\r\n    height: 1358\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-gest-teaser.webp\"\r\n    description: \"GEST - Teaser\"\r\n    width: 1920\r\n    height: 1275\r\n---\r\n::\r\n\r\n## WebGL Course\r\n\r\n**TOPICS:** basic theory of **3D graphics** and **shaders**. Creation of navigable 3D scenes coded in **WebGL** with the **ThreeJS** library.\r\n\r\n**EXAM:** creation of an interactive WebGL scene demonstrating the knowledge acquired during the course.\r\n\r\n::link-button\r\n---\r\nhref: \"https:\u002F\u002Fsandbox.nmanvilli.com\u002Fwebgl-paris\u002F\"\r\nexternal: true\r\n---\r\n\"Attack of the flying baguettes\" »\r\n::\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-webgl-paris-1.webp\"\r\n    description: \"WebGL Experiment 1\"\r\n    width: 1920\r\n    height: 1080\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-webgl-paris-2.webp\"\r\n    description: \"WebGL Experiment 2\"\r\n    width: 1920\r\n    height: 1080\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-webgl-paris-3.webp\"\r\n    description: \"WebGL Experiment 3\"\r\n    width: 1920\r\n    height: 1080\r\n---\r\n::\r\n\r\n## Computer Vision Course\r\n\r\n**TOPICS:** **computer vision** theory, **motion sensing**, **object detection** through *Haar Cascade* machine learning.\r\n\r\n**EXAM:** the [thesis project](https:\u002F\u002Fnmanvilli.com\u002Fen\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F) made up the practical part of the exam.\r\n\r\n## JavaScript Web Development Course\r\n\r\n**TOPICS:** **object-oriented programming in JavaScript**, use of **Node**, **NPM** and the **Angular** framework to build web services and web applications with dynamic front-ends.\r\n\r\n**EXAM:** the [thesis project](https:\u002F\u002Fnmanvilli.com\u002Fen\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F) made up the practical part of the exam.\r\n\r\n## Thesis project: Adidas Video Hacking\r\n\r\n**IED Firenze** usually invites its students to carry out a thesis project in collaboration with companies that turn to the institute in search of ideas to enrich and innovate their communication or the design of their services and spaces.\r\n\r\nFor our **PTP training program in Web Design**, the 2018 proposal came from **Adidas**.\r\n\r\n::gallery\r\n---\r\nitems:\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-cover.webp\"\r\n    description: \"Adidas Video Hacking - Sketch\"\r\n    width: 1920\r\n    height: 1282\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-2.webp\"\r\n    description: \"Adidas Video Hacking - Presentation sample 1\"\r\n    width: 1920\r\n    height: 1082\r\n  - url: \"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-5.webp\"\r\n    description: \"Adidas Video Hacking - Presentation sample 2\"\r\n    width: 1920\r\n    height: 1082\r\n---\r\n::\r\n\r\n::link-button\r\n---\r\nhref: \"https:\u002F\u002Fnmanvilli.com\u002Fen\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F\"\r\n---\r\n**Details:** Adidas Video Hacking: Here to Create »\r\n::","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-firenze.webp","IED Florence","2018-06-20T02:23:00+00:00","2026-10-26T11:16:01+00:00",{"data":18,"body":19},{},{"type":20,"children":21},"root",[22,31,37,43,68,87,92,98,121,136,140,146,213,256,260,266,300,309,313,319,376,392,396,402,407,411,417,453,462,473,477,483,519,537,543,578,592,598,608,626,630],{"type":23,"tag":24,"props":25,"children":27},"element","h2",{"id":26},"ptp-web-design-at-ied-firenze",[28],{"type":29,"value":30},"text","PTP Web Design at IED Firenze",{"type":23,"tag":32,"props":33,"children":34},"p",{},[35],{"type":29,"value":36},"The two-year course was packed with learning experiences and opportunities to try my hand at very different disciplines. Below is a summary of some of the courses I attended and the projects I worked on.",{"type":23,"tag":24,"props":38,"children":40},{"id":39},"graphic-design-course",[41],{"type":29,"value":42},"Graphic Design Course",{"type":23,"tag":32,"props":44,"children":45},{},[46,52,54,59,61,66],{"type":23,"tag":47,"props":48,"children":49},"strong",{},[50],{"type":29,"value":51},"TOPICS: typography",{"type":29,"value":53},", design ",{"type":23,"tag":47,"props":55,"children":56},{},[57],{"type":29,"value":58},"grids",{"type":29,"value":60},", ",{"type":23,"tag":47,"props":62,"children":63},{},[64],{"type":29,"value":65},"history of graphic design",{"type":29,"value":67},".",{"type":23,"tag":32,"props":69,"children":70},{},[71,76,78],{"type":23,"tag":47,"props":72,"children":73},{},[74],{"type":29,"value":75},"DETAILS AND EXAM:",{"type":29,"value":77}," ",{"type":23,"tag":79,"props":80,"children":84},"a",{"href":81,"rel":82},"https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fgraphic-design-corso-ied-firenze\u002F",[83],"nofollow",[85],{"type":29,"value":86},"(in Italian) IED Firenze, corso di Graphic Design »",{"type":23,"tag":88,"props":89,"children":91},"gallery",{":items":90},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ark-id.webp\",\"description\":\"ARK-ID font by Nicolò Manvilli\",\"width\":1365,\"height\":2048},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-seddia.webp\",\"description\":\"SEDDIA - the 2D chair\",\"width\":1920,\"height\":1260},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-catalogo-seddia-pagina-8.webp\",\"description\":\"SEDDIA catalog - Page 8\",\"width\":1434,\"height\":2048}]",[],{"type":23,"tag":24,"props":93,"children":95},{"id":94},"generative-design-course",[96],{"type":29,"value":97},"Generative Design Course",{"type":23,"tag":32,"props":99,"children":100},{},[101,106,107,112,114,119],{"type":23,"tag":47,"props":102,"children":103},{},[104],{"type":29,"value":105},"TOPICS:",{"type":29,"value":77},{"type":23,"tag":47,"props":108,"children":109},{},[110],{"type":29,"value":111},"algorithmic design",{"type":29,"value":113}," and creation of generative visual models with ",{"type":23,"tag":47,"props":115,"children":116},{},[117],{"type":29,"value":118},"Processing",{"type":29,"value":120}," (a Java class library with its own IDE).",{"type":23,"tag":32,"props":122,"children":123},{},[124,128,129],{"type":23,"tag":47,"props":125,"children":126},{},[127],{"type":29,"value":75},{"type":29,"value":77},{"type":23,"tag":79,"props":130,"children":133},{"href":131,"rel":132},"https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fgenerative-design-theremin-terraforming\u002F",[83],[134],{"type":29,"value":135},"(in Italian) Esperimenti di arte generativa: Theremin Terraforming »",{"type":23,"tag":88,"props":137,"children":139},{":items":138},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-organic-cells.webp\",\"description\":\"Processing - Organic Cells sketch\",\"width\":1200,\"height\":680},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-mandala.webp\",\"description\":\"Processing - Sound Mandala sketch\",\"width\":800,\"height\":800},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2017\u002F01\u002Ftheremin-terraforming-screen-1.webp\",\"description\":\"Generative design: Theremin Terraforming\",\"width\":1343,\"height\":695}]",[],{"type":23,"tag":24,"props":141,"children":143},{"id":142},"online-marketing-strategies-course",[144],{"type":29,"value":145},"Online Marketing Strategies Course",{"type":23,"tag":32,"props":147,"children":148},{},[149,154,155,160,162,167,168,173,174,179,180,185,186,191,193,198,199,204,206,211],{"type":23,"tag":47,"props":150,"children":151},{},[152],{"type":29,"value":153},"TOPICS: SEO",{"type":29,"value":60},{"type":23,"tag":47,"props":156,"children":157},{},[158],{"type":29,"value":159},"keyword",{"type":29,"value":161}," planning, ",{"type":23,"tag":47,"props":163,"children":164},{},[165],{"type":29,"value":166},"social marketing",{"type":29,"value":60},{"type":23,"tag":47,"props":169,"children":170},{},[171],{"type":29,"value":172},"funnel",{"type":29,"value":161},{"type":23,"tag":47,"props":175,"children":176},{},[177],{"type":29,"value":178},"remarketing",{"type":29,"value":60},{"type":23,"tag":47,"props":181,"children":182},{},[183],{"type":29,"value":184},"Google Tag Manager",{"type":29,"value":60},{"type":23,"tag":47,"props":187,"children":188},{},[189],{"type":29,"value":190},"personas",{"type":29,"value":192}," and ",{"type":23,"tag":47,"props":194,"children":195},{},[196],{"type":29,"value":197},"customer journey",{"type":29,"value":60},{"type":23,"tag":47,"props":200,"children":201},{},[202],{"type":29,"value":203},"KPI",{"type":29,"value":205},"s, ",{"type":23,"tag":47,"props":207,"children":208},{},[209],{"type":29,"value":210},"reports",{"type":29,"value":212},"…",{"type":23,"tag":32,"props":214,"children":215},{},[216,221,223,228,230,235,237,242,243,248,249,254],{"type":23,"tag":47,"props":217,"children":218},{},[219],{"type":29,"value":220},"EXAM:",{"type":29,"value":222}," management of ",{"type":23,"tag":47,"props":224,"children":225},{},[226],{"type":29,"value":227},"social campaigns",{"type":29,"value":229}," over a set period (with the related ",{"type":23,"tag":47,"props":231,"children":232},{},[233],{"type":29,"value":234},"reporting",{"type":29,"value":236},") and creation of a ",{"type":23,"tag":47,"props":238,"children":239},{},[240],{"type":29,"value":241},"landing page",{"type":29,"value":60},{"type":23,"tag":47,"props":244,"children":245},{},[246],{"type":29,"value":247},"pillar post",{"type":29,"value":192},{"type":23,"tag":47,"props":250,"children":251},{},[252],{"type":29,"value":253},"newsletter",{"type":29,"value":255}," system for ErgiCharter, a business run by a young couple who organize sailing trips in Tuscany and its islands.",{"type":23,"tag":88,"props":257,"children":259},{":items":258},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-1.webp\",\"description\":\"ErgiCharter - Sample slide 1\",\"width\":1920,\"height\":1081},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-2.webp\",\"description\":\"ErgiCharter - Sample slide 2\",\"width\":1920,\"height\":1081},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-3.webp\",\"description\":\"ErgiCharter - Sample slide 3\",\"width\":1920,\"height\":1081}]",[],{"type":23,"tag":24,"props":261,"children":263},{"id":262},"web-development-course",[264],{"type":29,"value":265},"Web Development Course",{"type":23,"tag":32,"props":267,"children":268},{},[269,273,275,280,281,286,287,292,294,299],{"type":23,"tag":47,"props":270,"children":271},{},[272],{"type":29,"value":105},{"type":29,"value":274}," front-end development in ",{"type":23,"tag":47,"props":276,"children":277},{},[278],{"type":29,"value":279},"HTML",{"type":29,"value":192},{"type":23,"tag":47,"props":282,"children":283},{},[284],{"type":29,"value":285},"CSS",{"type":29,"value":60},{"type":23,"tag":47,"props":288,"children":289},{},[290],{"type":29,"value":291},"CSS transitions",{"type":29,"value":293},", media queries and ",{"type":23,"tag":47,"props":295,"children":296},{},[297],{"type":29,"value":298},"responsive design",{"type":29,"value":67},{"type":23,"tag":32,"props":301,"children":302},{},[303,307],{"type":23,"tag":47,"props":304,"children":305},{},[306],{"type":29,"value":220},{"type":29,"value":308}," reproduction of existing animated web pages, with an explanation of the markup and CSS used.",{"type":23,"tag":88,"props":310,"children":312},{":items":311},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-03.webp\",\"description\":\"Isle of Inspiration - Screen 1\",\"width\":1680,\"height\":1050},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-02.webp\",\"description\":\"Isle of Inspiration - Screen 2\",\"width\":1680,\"height\":1050},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-01.webp\",\"description\":\"Isle of Inspiration - Screen 3\",\"width\":1680,\"height\":1050}]",[],{"type":23,"tag":24,"props":314,"children":316},{"id":315},"digital-storytelling-course",[317],{"type":29,"value":318},"Digital Storytelling Course",{"type":23,"tag":32,"props":320,"children":321},{},[322,327,329,334,336,341,343,348,350,355,356,361,363,368,370,375],{"type":23,"tag":47,"props":323,"children":324},{},[325],{"type":29,"value":326},"TOPICS: storytelling",{"type":29,"value":328}," as a key element of online communication (advertising and otherwise), building the ",{"type":23,"tag":47,"props":330,"children":331},{},[332],{"type":29,"value":333},"narrative world",{"type":29,"value":335},", creating ",{"type":23,"tag":47,"props":337,"children":338},{},[339],{"type":29,"value":340},"characters",{"type":29,"value":342},", defining a ",{"type":23,"tag":47,"props":344,"children":345},{},[346],{"type":29,"value":347},"story",{"type":29,"value":349},", narrative ",{"type":23,"tag":47,"props":351,"children":352},{},[353],{"type":29,"value":354},"conflict",{"type":29,"value":60},{"type":23,"tag":47,"props":357,"children":358},{},[359],{"type":29,"value":360},"points of view",{"type":29,"value":362},", objective correlative, film ",{"type":23,"tag":47,"props":364,"children":365},{},[366],{"type":29,"value":367},"shots",{"type":29,"value":369},". Analysis of several ",{"type":23,"tag":47,"props":371,"children":372},{},[373],{"type":29,"value":374},"web documentaries",{"type":29,"value":67},{"type":23,"tag":32,"props":377,"children":378},{},[379,383,385,390],{"type":23,"tag":47,"props":380,"children":381},{},[382],{"type":29,"value":220},{"type":29,"value":384}," creation of a ",{"type":23,"tag":47,"props":386,"children":387},{},[388],{"type":29,"value":389},"storyboard",{"type":29,"value":391}," for a web documentary.",{"type":23,"tag":88,"props":393,"children":395},{":items":394},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-1.webp\",\"description\":\"Interactive story - Screen 1\",\"width\":1920,\"height\":1440},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-2.webp\",\"description\":\"Interactive story - Screen 2\",\"width\":1920,\"height\":1440},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-3.webp\",\"description\":\"Interactive story - Screen 3\",\"width\":1920,\"height\":1440}]",[],{"type":23,"tag":24,"props":397,"children":399},{"id":398},"special-week-rebrand-project-for-gest",[400],{"type":29,"value":401},"Special Week: rebrand project for GEST",{"type":23,"tag":32,"props":403,"children":404},{},[405],{"type":29,"value":406},"The Special Week is an event in which IED Firenze gathers requests from companies looking for new ideas. For my work group, the company was GEST, the operator of the Florence tram service. They were looking for ideas and proposals for a rebrand, as work on the new lines was about to be completed.",{"type":23,"tag":88,"props":408,"children":410},{":items":409},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-gest-poster.webp\",\"description\":\"GEST - Poster\",\"width\":1191,\"height\":842},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-gest-seats.webp\",\"description\":\"GEST - Presentation sample\",\"width\":1920,\"height\":1358},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-gest-teaser.webp\",\"description\":\"GEST - Teaser\",\"width\":1920,\"height\":1275}]",[],{"type":23,"tag":24,"props":412,"children":414},{"id":413},"webgl-course",[415],{"type":29,"value":416},"WebGL Course",{"type":23,"tag":32,"props":418,"children":419},{},[420,424,426,431,432,437,439,444,446,451],{"type":23,"tag":47,"props":421,"children":422},{},[423],{"type":29,"value":105},{"type":29,"value":425}," basic theory of ",{"type":23,"tag":47,"props":427,"children":428},{},[429],{"type":29,"value":430},"3D graphics",{"type":29,"value":192},{"type":23,"tag":47,"props":433,"children":434},{},[435],{"type":29,"value":436},"shaders",{"type":29,"value":438},". Creation of navigable 3D scenes coded in ",{"type":23,"tag":47,"props":440,"children":441},{},[442],{"type":29,"value":443},"WebGL",{"type":29,"value":445}," with the ",{"type":23,"tag":47,"props":447,"children":448},{},[449],{"type":29,"value":450},"ThreeJS",{"type":29,"value":452}," library.",{"type":23,"tag":32,"props":454,"children":455},{},[456,460],{"type":23,"tag":47,"props":457,"children":458},{},[459],{"type":29,"value":220},{"type":29,"value":461}," creation of an interactive WebGL scene demonstrating the knowledge acquired during the course.",{"type":23,"tag":463,"props":464,"children":467},"link-button",{"href":465,":external":466},"https:\u002F\u002Fsandbox.nmanvilli.com\u002Fwebgl-paris\u002F","true",[468],{"type":23,"tag":32,"props":469,"children":470},{},[471],{"type":29,"value":472},"\"Attack of the flying baguettes\" »",{"type":23,"tag":88,"props":474,"children":476},{":items":475},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-webgl-paris-1.webp\",\"description\":\"WebGL Experiment 1\",\"width\":1920,\"height\":1080},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-webgl-paris-2.webp\",\"description\":\"WebGL Experiment 2\",\"width\":1920,\"height\":1080},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-webgl-paris-3.webp\",\"description\":\"WebGL Experiment 3\",\"width\":1920,\"height\":1080}]",[],{"type":23,"tag":24,"props":478,"children":480},{"id":479},"computer-vision-course",[481],{"type":29,"value":482},"Computer Vision Course",{"type":23,"tag":32,"props":484,"children":485},{},[486,490,491,496,498,503,504,509,511,517],{"type":23,"tag":47,"props":487,"children":488},{},[489],{"type":29,"value":105},{"type":29,"value":77},{"type":23,"tag":47,"props":492,"children":493},{},[494],{"type":29,"value":495},"computer vision",{"type":29,"value":497}," theory, ",{"type":23,"tag":47,"props":499,"children":500},{},[501],{"type":29,"value":502},"motion sensing",{"type":29,"value":60},{"type":23,"tag":47,"props":505,"children":506},{},[507],{"type":29,"value":508},"object detection",{"type":29,"value":510}," through ",{"type":23,"tag":512,"props":513,"children":514},"em",{},[515],{"type":29,"value":516},"Haar Cascade",{"type":29,"value":518}," machine learning.",{"type":23,"tag":32,"props":520,"children":521},{},[522,526,528,535],{"type":23,"tag":47,"props":523,"children":524},{},[525],{"type":29,"value":220},{"type":29,"value":527}," the ",{"type":23,"tag":79,"props":529,"children":532},{"href":530,"rel":531},"https:\u002F\u002Fnmanvilli.com\u002Fen\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F",[83],[533],{"type":29,"value":534},"thesis project",{"type":29,"value":536}," made up the practical part of the exam.",{"type":23,"tag":24,"props":538,"children":540},{"id":539},"javascript-web-development-course",[541],{"type":29,"value":542},"JavaScript Web Development Course",{"type":23,"tag":32,"props":544,"children":545},{},[546,550,551,556,558,563,564,569,571,576],{"type":23,"tag":47,"props":547,"children":548},{},[549],{"type":29,"value":105},{"type":29,"value":77},{"type":23,"tag":47,"props":552,"children":553},{},[554],{"type":29,"value":555},"object-oriented programming in JavaScript",{"type":29,"value":557},", use of ",{"type":23,"tag":47,"props":559,"children":560},{},[561],{"type":29,"value":562},"Node",{"type":29,"value":60},{"type":23,"tag":47,"props":565,"children":566},{},[567],{"type":29,"value":568},"NPM",{"type":29,"value":570}," and the ",{"type":23,"tag":47,"props":572,"children":573},{},[574],{"type":29,"value":575},"Angular",{"type":29,"value":577}," framework to build web services and web applications with dynamic front-ends.",{"type":23,"tag":32,"props":579,"children":580},{},[581,585,586,591],{"type":23,"tag":47,"props":582,"children":583},{},[584],{"type":29,"value":220},{"type":29,"value":527},{"type":23,"tag":79,"props":587,"children":589},{"href":530,"rel":588},[83],[590],{"type":29,"value":534},{"type":29,"value":536},{"type":23,"tag":24,"props":593,"children":595},{"id":594},"thesis-project-adidas-video-hacking",[596],{"type":29,"value":597},"Thesis project: Adidas Video Hacking",{"type":23,"tag":32,"props":599,"children":600},{},[601,606],{"type":23,"tag":47,"props":602,"children":603},{},[604],{"type":29,"value":605},"IED Firenze",{"type":29,"value":607}," usually invites its students to carry out a thesis project in collaboration with companies that turn to the institute in search of ideas to enrich and innovate their communication or the design of their services and spaces.",{"type":23,"tag":32,"props":609,"children":610},{},[611,613,618,620,625],{"type":29,"value":612},"For our ",{"type":23,"tag":47,"props":614,"children":615},{},[616],{"type":29,"value":617},"PTP training program in Web Design",{"type":29,"value":619},", the 2018 proposal came from ",{"type":23,"tag":47,"props":621,"children":622},{},[623],{"type":29,"value":624},"Adidas",{"type":29,"value":67},{"type":23,"tag":88,"props":627,"children":629},{":items":628},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-cover.webp\",\"description\":\"Adidas Video Hacking - Sketch\",\"width\":1920,\"height\":1282},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-2.webp\",\"description\":\"Adidas Video Hacking - Presentation sample 1\",\"width\":1920,\"height\":1082},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fadidas-video-hacking-tavola-5.webp\",\"description\":\"Adidas Video Hacking - Presentation sample 2\",\"width\":1920,\"height\":1082}]",[],{"type":23,"tag":463,"props":631,"children":632},{"href":530},[633],{"type":23,"tag":32,"props":634,"children":635},{},[636,641],{"type":23,"tag":47,"props":637,"children":638},{},[639],{"type":29,"value":640},"Details:",{"type":29,"value":642}," Adidas Video Hacking: Here to Create »"]