[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-ptp-ied-firenze-it":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","it",[8],{"locale":9,"slug":5},"en","Progetti IED Firenze","Raccolta dei progetti d’esame realizzati da Nicolò Manvilli durante la frequentazione del PTP in Web Design presso IED Firenze.","## PTP Web Design presso IED Firenze\r\n\r\nIl corso (della durata di due anni) è stato denso di esperienze formative ed opportunità di cimentarsi in discipline diverse tra loro. Riassumo di seguito alcuni dei corsi frequentati e dei progetti sviluppati.\r\n\r\n## Corso di Graphic Design\r\n\r\n**ARGOMENTI: tipografia**, **griglie** di progettazione, **storia del graphic design**.\r\n\r\n**DETTAGLI ED ESAME:** [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 - la sedia 2D\"\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: \"Catalogo SEDDIA - Pagina 8\"\r\n    width: 1434\r\n    height: 2048\r\n---\r\n::\r\n\r\n## Corso di Generative Design\r\n\r\n**ARGOMENTI:** **design algoritmico** e realizzazione di modelli visivi generativi tramite **Processing** (libreria di classi Java con IDE ad-hoc).\r\n\r\n**DETTAGLI ED ESAME:** [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## Corso di Strategie Marketing Online\r\n\r\n**ARGOMENTI: SEO**, **keyword** planning, **social marketing**, **funnel** planning, **remarketing**, **Google Tag Manager**, **personas** e **customer journey**, **KPI**s, **reports**…\r\n\r\n**ESAME:** gestione delle **campagne social** per un tempo predeterminato (con relativa **reportistica**) e realizzazione **landing page**, **pillar post** e sistema **newsletter** per ErgiCharter, impresa di una giovane coppia che organizza escursioni in barca a vela in Toscana e isole.\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 - Esempio 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 - Esempio 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 - Esempio slide 3\"\r\n    width: 1920\r\n    height: 1081\r\n---\r\n::\r\n\r\n## Corso di Web Development\r\n\r\n**ARGOMENTI:** front-end development in **HTML** e **CSS**, **CSS transitions**, media queries e **responsive design**.\r\n\r\n**ESAME:** riproduzione di pagine web animate esistenti, e spiegazione del markup e CSS utilizzato.\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 - Schermata 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 - Schermata 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 - Schermata 3\"\r\n    width: 1680\r\n    height: 1050\r\n---\r\n::\r\n\r\n## Corso di Digital Storytelling\r\n\r\n**ARGOMENTI: narrazione** come elemento fondamentale della comunicazione online (pubblicitaria e non), costruzione del **mondo narrativo**, creazione di **personaggi**, definizione di una **storia**, **conflitto** narrativo, **punti di vista**, correlativo oggettivo, **inquadrature** cinematografiche. Analisi di alcuni **web documentaries**.\r\n\r\n**ESAME:** realizzazione di uno **storyboard** per un 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 - Schermata 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 - Schermata 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 - Schermata 3\"\r\n    width: 1920\r\n    height: 1440\r\n---\r\n::\r\n\r\n## Special Week: progetto rebrand per GEST\r\n\r\nLa Special Week è un'occasione in cui IED Firenze raccoglie richieste da aziende alla ricerca di nuove idee. Per il mio gruppo di lavoro l'azienda in oggetto era GEST, il gestore del servizio tramviario fiorentino. Cercavano idee ed ipotesi per un rebrand, in occasione dell'imminente conclusione dei lavori alle nuove linee.\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 - Esempio presentazione\"\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## Corso di WebGL\r\n\r\n**ARGOMENTI:** teoria di base della **grafica 3D** e degli **shaders**. Creazione di scene 3D navigabili codificate in **WebGL** con l'ausilio della libreria **ThreeJS**.\r\n\r\n**ESAME:** realizzazione di una scena WebGL interattiva che dimostrasse l'applicazione delle conoscenze acquisite durante il corso.\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\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## Corso di Computer Vision\r\n\r\n**ARGOMENTI:** teoria della **computer vision**, **motion sensing**, **object detection** tramite machine learning di tipo *Haar Cascade*.\r\n\r\n**ESAME:** il [progetto di tesi](https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F) ha composto la parte pratica della prova d'esame.\r\n\r\n## Corso di JavaScript Web Development\r\n\r\n**ARGOMENTI:** **programmazione orientata agli oggetti in JavaScript**, utilizzo di **Node**, **NPM** e framework **Angular** per la realizzazione di web services e web applications con front-end dinamici.\r\n\r\n**ESAME:** il [progetto di tesi](https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F) ha composto la parte pratica della prova d'esame.\r\n\r\n## Progetto di tesi: Adidas Video Hacking\r\n\r\n**IED Firenze** è solita proporre ai suoi studenti di realizzare un progetto di tesi in collaborazione con aziende che si rivolgono all'istituto in cerca di idee per arricchire ed innovare la propria comunicazione o il design dei suoi servizi e spazi.\r\n\r\nPer il nostro training program **PTP in Web Design**, la proposta del 2018 è arrivata da **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 - Esempio presentazione 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 - Esempio presentazione 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\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F\"\r\n---\r\n**Dettagli:** Adidas Video Hacking: Here to Create »\r\n::","https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-firenze.webp","IED Firenze","2018-06-20T02:23:00+00:00","2026-10-26T11:16:19+00:00",{"data":18,"body":19},{},{"type":20,"children":21},"root",[22,31,37,43,68,87,92,98,121,136,140,146,213,257,261,267,301,310,314,320,377,393,397,403,408,412,418,454,463,474,478,484,519,537,543,578,592,598,607,625,629],{"type":23,"tag":24,"props":25,"children":27},"element","h2",{"id":26},"ptp-web-design-presso-ied-firenze",[28],{"type":29,"value":30},"text","PTP Web Design presso IED Firenze",{"type":23,"tag":32,"props":33,"children":34},"p",{},[35],{"type":29,"value":36},"Il corso (della durata di due anni) è stato denso di esperienze formative ed opportunità di cimentarsi in discipline diverse tra loro. Riassumo di seguito alcuni dei corsi frequentati e dei progetti sviluppati.",{"type":23,"tag":24,"props":38,"children":40},{"id":39},"corso-di-graphic-design",[41],{"type":29,"value":42},"Corso di Graphic Design",{"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},"ARGOMENTI: tipografia",{"type":29,"value":53},", ",{"type":23,"tag":47,"props":55,"children":56},{},[57],{"type":29,"value":58},"griglie",{"type":29,"value":60}," di progettazione, ",{"type":23,"tag":47,"props":62,"children":63},{},[64],{"type":29,"value":65},"storia del 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},"DETTAGLI ED ESAME:",{"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},"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 - la sedia 2D\",\"width\":1920,\"height\":1260},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-catalogo-seddia-pagina-8.webp\",\"description\":\"Catalogo SEDDIA - Pagina 8\",\"width\":1434,\"height\":2048}]",[],{"type":23,"tag":24,"props":93,"children":95},{"id":94},"corso-di-generative-design",[96],{"type":29,"value":97},"Corso di Generative Design",{"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},"ARGOMENTI:",{"type":29,"value":77},{"type":23,"tag":47,"props":108,"children":109},{},[110],{"type":29,"value":111},"design algoritmico",{"type":29,"value":113}," e realizzazione di modelli visivi generativi tramite ",{"type":23,"tag":47,"props":115,"children":116},{},[117],{"type":29,"value":118},"Processing",{"type":29,"value":120}," (libreria di classi Java con IDE ad-hoc).",{"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},"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},"corso-di-strategie-marketing-online",[144],{"type":29,"value":145},"Corso di Strategie Marketing Online",{"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},"ARGOMENTI: SEO",{"type":29,"value":53},{"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":53},{"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":53},{"type":23,"tag":47,"props":181,"children":182},{},[183],{"type":29,"value":184},"Google Tag Manager",{"type":29,"value":53},{"type":23,"tag":47,"props":187,"children":188},{},[189],{"type":29,"value":190},"personas",{"type":29,"value":192}," e ",{"type":23,"tag":47,"props":194,"children":195},{},[196],{"type":29,"value":197},"customer journey",{"type":29,"value":53},{"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,250,255],{"type":23,"tag":47,"props":217,"children":218},{},[219],{"type":29,"value":220},"ESAME:",{"type":29,"value":222}," gestione delle ",{"type":23,"tag":47,"props":224,"children":225},{},[226],{"type":29,"value":227},"campagne social",{"type":29,"value":229}," per un tempo predeterminato (con relativa ",{"type":23,"tag":47,"props":231,"children":232},{},[233],{"type":29,"value":234},"reportistica",{"type":29,"value":236},") e realizzazione ",{"type":23,"tag":47,"props":238,"children":239},{},[240],{"type":29,"value":241},"landing page",{"type":29,"value":53},{"type":23,"tag":47,"props":244,"children":245},{},[246],{"type":29,"value":247},"pillar post",{"type":29,"value":249}," e sistema ",{"type":23,"tag":47,"props":251,"children":252},{},[253],{"type":29,"value":254},"newsletter",{"type":29,"value":256}," per ErgiCharter, impresa di una giovane coppia che organizza escursioni in barca a vela in Toscana e isole.",{"type":23,"tag":88,"props":258,"children":260},{":items":259},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-1.webp\",\"description\":\"ErgiCharter - Esempio slide 1\",\"width\":1920,\"height\":1081},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-2.webp\",\"description\":\"ErgiCharter - Esempio slide 2\",\"width\":1920,\"height\":1081},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-ergi-charter-presentazione-3.webp\",\"description\":\"ErgiCharter - Esempio slide 3\",\"width\":1920,\"height\":1081}]",[],{"type":23,"tag":24,"props":262,"children":264},{"id":263},"corso-di-web-development",[265],{"type":29,"value":266},"Corso di Web Development",{"type":23,"tag":32,"props":268,"children":269},{},[270,274,276,281,282,287,288,293,295,300],{"type":23,"tag":47,"props":271,"children":272},{},[273],{"type":29,"value":105},{"type":29,"value":275}," front-end development in ",{"type":23,"tag":47,"props":277,"children":278},{},[279],{"type":29,"value":280},"HTML",{"type":29,"value":192},{"type":23,"tag":47,"props":283,"children":284},{},[285],{"type":29,"value":286},"CSS",{"type":29,"value":53},{"type":23,"tag":47,"props":289,"children":290},{},[291],{"type":29,"value":292},"CSS transitions",{"type":29,"value":294},", media queries e ",{"type":23,"tag":47,"props":296,"children":297},{},[298],{"type":29,"value":299},"responsive design",{"type":29,"value":67},{"type":23,"tag":32,"props":302,"children":303},{},[304,308],{"type":23,"tag":47,"props":305,"children":306},{},[307],{"type":29,"value":220},{"type":29,"value":309}," riproduzione di pagine web animate esistenti, e spiegazione del markup e CSS utilizzato.",{"type":23,"tag":88,"props":311,"children":313},{":items":312},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-isle-of-inspiration-03.webp\",\"description\":\"Isle of Inspiration - Schermata 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 - Schermata 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 - Schermata 3\",\"width\":1680,\"height\":1050}]",[],{"type":23,"tag":24,"props":315,"children":317},{"id":316},"corso-di-digital-storytelling",[318],{"type":29,"value":319},"Corso di Digital Storytelling",{"type":23,"tag":32,"props":321,"children":322},{},[323,328,330,335,337,342,344,349,350,355,357,362,364,369,371,376],{"type":23,"tag":47,"props":324,"children":325},{},[326],{"type":29,"value":327},"ARGOMENTI: narrazione",{"type":29,"value":329}," come elemento fondamentale della comunicazione online (pubblicitaria e non), costruzione del ",{"type":23,"tag":47,"props":331,"children":332},{},[333],{"type":29,"value":334},"mondo narrativo",{"type":29,"value":336},", creazione di ",{"type":23,"tag":47,"props":338,"children":339},{},[340],{"type":29,"value":341},"personaggi",{"type":29,"value":343},", definizione di una ",{"type":23,"tag":47,"props":345,"children":346},{},[347],{"type":29,"value":348},"storia",{"type":29,"value":53},{"type":23,"tag":47,"props":351,"children":352},{},[353],{"type":29,"value":354},"conflitto",{"type":29,"value":356}," narrativo, ",{"type":23,"tag":47,"props":358,"children":359},{},[360],{"type":29,"value":361},"punti di vista",{"type":29,"value":363},", correlativo oggettivo, ",{"type":23,"tag":47,"props":365,"children":366},{},[367],{"type":29,"value":368},"inquadrature",{"type":29,"value":370}," cinematografiche. Analisi di alcuni ",{"type":23,"tag":47,"props":372,"children":373},{},[374],{"type":29,"value":375},"web documentaries",{"type":29,"value":67},{"type":23,"tag":32,"props":378,"children":379},{},[380,384,386,391],{"type":23,"tag":47,"props":381,"children":382},{},[383],{"type":29,"value":220},{"type":29,"value":385}," realizzazione di uno ",{"type":23,"tag":47,"props":387,"children":388},{},[389],{"type":29,"value":390},"storyboard",{"type":29,"value":392}," per un web documentary.",{"type":23,"tag":88,"props":394,"children":396},{":items":395},"[{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-1.webp\",\"description\":\"Interactive story - Schermata 1\",\"width\":1920,\"height\":1440},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-2.webp\",\"description\":\"Interactive story - Schermata 2\",\"width\":1920,\"height\":1440},{\"url\":\"https:\u002F\u002Fblog-api.nmanvilli.com\u002Fuploads\u002F2018\u002F06\u002Fied-digital-storytelling-3.webp\",\"description\":\"Interactive story - Schermata 3\",\"width\":1920,\"height\":1440}]",[],{"type":23,"tag":24,"props":398,"children":400},{"id":399},"special-week-progetto-rebrand-per-gest",[401],{"type":29,"value":402},"Special Week: progetto rebrand per GEST",{"type":23,"tag":32,"props":404,"children":405},{},[406],{"type":29,"value":407},"La Special Week è un'occasione in cui IED Firenze raccoglie richieste da aziende alla ricerca di nuove idee. Per il mio gruppo di lavoro l'azienda in oggetto era GEST, il gestore del servizio tramviario fiorentino. Cercavano idee ed ipotesi per un rebrand, in occasione dell'imminente conclusione dei lavori alle nuove linee.",{"type":23,"tag":88,"props":409,"children":411},{":items":410},"[{\"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 - Esempio presentazione\",\"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":413,"children":415},{"id":414},"corso-di-webgl",[416],{"type":29,"value":417},"Corso di WebGL",{"type":23,"tag":32,"props":419,"children":420},{},[421,425,427,432,434,439,441,446,448,453],{"type":23,"tag":47,"props":422,"children":423},{},[424],{"type":29,"value":105},{"type":29,"value":426}," teoria di base della ",{"type":23,"tag":47,"props":428,"children":429},{},[430],{"type":29,"value":431},"grafica 3D",{"type":29,"value":433}," e degli ",{"type":23,"tag":47,"props":435,"children":436},{},[437],{"type":29,"value":438},"shaders",{"type":29,"value":440},". Creazione di scene 3D navigabili codificate in ",{"type":23,"tag":47,"props":442,"children":443},{},[444],{"type":29,"value":445},"WebGL",{"type":29,"value":447}," con l'ausilio della libreria ",{"type":23,"tag":47,"props":449,"children":450},{},[451],{"type":29,"value":452},"ThreeJS",{"type":29,"value":67},{"type":23,"tag":32,"props":455,"children":456},{},[457,461],{"type":23,"tag":47,"props":458,"children":459},{},[460],{"type":29,"value":220},{"type":29,"value":462}," realizzazione di una scena WebGL interattiva che dimostrasse l'applicazione delle conoscenze acquisite durante il corso.",{"type":23,"tag":464,"props":465,"children":468},"link-button",{"href":466,":external":467},"https:\u002F\u002Fsandbox.nmanvilli.com\u002Fwebgl-paris\u002F","true",[469],{"type":23,"tag":32,"props":470,"children":471},{},[472],{"type":29,"value":473},"\"Attack of the flying baguettes\" »",{"type":23,"tag":88,"props":475,"children":477},{":items":476},"[{\"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":479,"children":481},{"id":480},"corso-di-computer-vision",[482],{"type":29,"value":483},"Corso di Computer Vision",{"type":23,"tag":32,"props":485,"children":486},{},[487,491,493,498,499,504,505,510,512,518],{"type":23,"tag":47,"props":488,"children":489},{},[490],{"type":29,"value":105},{"type":29,"value":492}," teoria della ",{"type":23,"tag":47,"props":494,"children":495},{},[496],{"type":29,"value":497},"computer vision",{"type":29,"value":53},{"type":23,"tag":47,"props":500,"children":501},{},[502],{"type":29,"value":503},"motion sensing",{"type":29,"value":53},{"type":23,"tag":47,"props":506,"children":507},{},[508],{"type":29,"value":509},"object detection",{"type":29,"value":511}," tramite machine learning di tipo ",{"type":23,"tag":513,"props":514,"children":515},"em",{},[516],{"type":29,"value":517},"Haar Cascade",{"type":29,"value":67},{"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}," il ",{"type":23,"tag":79,"props":529,"children":532},{"href":530,"rel":531},"https:\u002F\u002Fnmanvilli.com\u002Fblog\u002Fadidas-video-hacking-here-to-create\u002F",[83],[533],{"type":29,"value":534},"progetto di tesi",{"type":29,"value":536}," ha composto la parte pratica della prova d'esame.",{"type":23,"tag":24,"props":538,"children":540},{"id":539},"corso-di-javascript-web-development",[541],{"type":29,"value":542},"Corso di JavaScript Web Development",{"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},"programmazione orientata agli oggetti in JavaScript",{"type":29,"value":557},", utilizzo di ",{"type":23,"tag":47,"props":559,"children":560},{},[561],{"type":29,"value":562},"Node",{"type":29,"value":53},{"type":23,"tag":47,"props":565,"children":566},{},[567],{"type":29,"value":568},"NPM",{"type":29,"value":570}," e framework ",{"type":23,"tag":47,"props":572,"children":573},{},[574],{"type":29,"value":575},"Angular",{"type":29,"value":577}," per la realizzazione di web services e web applications con front-end dinamici.",{"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},"progetto-di-tesi-adidas-video-hacking",[596],{"type":29,"value":597},"Progetto di tesi: Adidas Video Hacking",{"type":23,"tag":32,"props":599,"children":600},{},[601,605],{"type":23,"tag":47,"props":602,"children":603},{},[604],{"type":29,"value":14},{"type":29,"value":606}," è solita proporre ai suoi studenti di realizzare un progetto di tesi in collaborazione con aziende che si rivolgono all'istituto in cerca di idee per arricchire ed innovare la propria comunicazione o il design dei suoi servizi e spazi.",{"type":23,"tag":32,"props":608,"children":609},{},[610,612,617,619,624],{"type":29,"value":611},"Per il nostro training program ",{"type":23,"tag":47,"props":613,"children":614},{},[615],{"type":29,"value":616},"PTP in Web Design",{"type":29,"value":618},", la proposta del 2018 è arrivata da ",{"type":23,"tag":47,"props":620,"children":621},{},[622],{"type":29,"value":623},"Adidas",{"type":29,"value":67},{"type":23,"tag":88,"props":626,"children":628},{":items":627},"[{\"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 - Esempio presentazione 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 - Esempio presentazione 2\",\"width\":1920,\"height\":1082}]",[],{"type":23,"tag":464,"props":630,"children":631},{"href":530},[632],{"type":23,"tag":32,"props":633,"children":634},{},[635,640],{"type":23,"tag":47,"props":636,"children":637},{},[638],{"type":29,"value":639},"Dettagli:",{"type":29,"value":641}," Adidas Video Hacking: Here to Create »"]