{"id":660,"date":"2025-01-23T11:27:13","date_gmt":"2025-01-23T10:27:13","guid":{"rendered":"https:\/\/eramconsulting.it\/?page_id=660"},"modified":"2025-01-23T11:28:23","modified_gmt":"2025-01-23T10:28:23","slug":"pisa-stories-con-fibonacci_ar","status":"publish","type":"page","link":"https:\/\/eramconsulting.it\/index.php\/pisa-stories-con-fibonacci_ar\/","title":{"rendered":"Pisa Stories con Fibonacci_AR"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><strong>Introduzione<\/strong><\/p>\n\n\n\n<p>Il progetto Pisa Stories con Fibonacci si propone di valorizzare il patrimonio storico, artistico e culturale della citt\u00e0 di Pisa attraverso l\u2019uso della realt\u00e0 aumentata (AR). L\u2019obiettivo \u00e8 offrire a cittadini e turisti un\u2019esperienza interattiva, educativa e coinvolgente, che coniuga innovazione tecnologica e narrazione storica.<\/p>\n\n\n\n<p><strong>Descrizione del progetto<\/strong><\/p>\n\n\n\n<p>L\u2019idea centrale del progetto \u00e8 quella di utilizzare punti di interesse (POI) di Pisa, come la <em>Torre Pendente, il Duomo<\/em>, ma anche il murale di Keith Haring <em>\u201cTuttomondo\u201d<\/em> o gelaterie e cocktail bar, contrassegnati da <strong>speciali target<\/strong> posti su una mappa redatta appositamente. Quando questi target vengono inquadrati con uno smartphone o un tablet dotato di un\u2019applicazione dedicata, si attiva un\u2019animazione in AR.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.08-1024x500.png\" alt=\"\" class=\"wp-image-662\" srcset=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.08-1024x500.png 1024w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.08-300x146.png 300w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.08-768x375.png 768w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.08.png 1360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Il protagonista delle animazioni \u00e8 una versione cartoon di Leonardo Fibonacci, matematico pisano di fama mondiale, caratterizzato da un aspetto simpatico e accattivante. Fibonacci spiega agli utenti curiosit\u00e0, storia e aneddoti legati ai punti di interesse.&nbsp; &nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"781\" src=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.21.57-1024x781.png\" alt=\"\" class=\"wp-image-661\" srcset=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.21.57-1024x781.png 1024w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.21.57-300x229.png 300w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.21.57-768x586.png 768w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.21.57.png 1350w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Caratteristiche tecniche<\/strong><\/p>\n\n\n\n<p>1. Target AR: Ogni punto di interesse sulla mappa \u00e8 dotato di un marker facilmente riconoscibile.<\/p>\n\n\n\n<p>2. Applicazione mobile: Un\u2019app user-friendly, disponibile per iOS e Android, consente di inquadrare i target e visualizzare le animazioni in tempo reale.<\/p>\n\n\n\n<p>3. Animazioni: Le animazioni sono brevi (30-60 secondi), realizzate in stile cartoon per rendere l\u2019esperienza adatta a tutte le fasce di er\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"264\" src=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.19-1024x264.png\" alt=\"\" class=\"wp-image-663\" srcset=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.19-1024x264.png 1024w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.19-300x77.png 300w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.19-768x198.png 768w, https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-23-alle-11.22.19.png 1328w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Realizzazione<\/strong><\/p>\n\n\n\n<p>Per incominciare ho fatto delle ricerche per trovare rappresentazioni iconografiche del personaggio in questione: Leonardo Bonacci detto il Fibonacci.<\/p>\n\n\n\n<p>Una volta isolate queste rappresentazioni ho cercato di sintetizzare procedendo con bozzetti digitali (<strong>Procreate<\/strong> o <strong>Photoshop<\/strong>) fino a una rappresentazione che mi soddisfacesse: cercavo un personaggio che sintetizzasse appunto le caratteristiche principali e che mi facilitasse la rappresentazione iconografica con la possibilit\u00e0 futura di utilizzarlo anche in altri contesti (volantini, albi, etc.).<\/p>\n\n\n\n<figure class=\"wp-block-video\"><\/figure>\n\n\n\n<p>Una volta raggiunto questo stadio ho realizzato le animazioni di base (<strong>procreate<\/strong>, <strong>Procreate Dreams<\/strong>, <strong>After Effects<\/strong>, <strong>Callipeg<\/strong>).<\/p>\n\n\n\n<p>Ho poi Realizzato dei testi descrittivi partendo da uno spunto di <strong>ChatGPT<\/strong> (con appositi prompt) e poi intervenendo con integrazioni manuali, ed ho utilizzato un software AI che mi permettesse di avere una voce narrante (<strong>speechgen<\/strong>).<\/p>\n\n\n\n<p>Ho poi montato il tutto su <strong>Afther Effects<\/strong> ed esportato in Mpeg.<\/p>\n\n\n\n<p>Parallelamente ho realizzato la mappa per il warm-up intervenendo su una base con <strong>Illustrator<\/strong>, subito dopo aver realizzato i Target sempre in Illustrator.<\/p>\n\n\n\n<p>Per realizzare il prototipo della App per la realt\u00e0 aumentata ho usato <strong>Unity<\/strong> in tandem con <strong>Vuforia&nbsp; Engine.<\/strong><\/p>\n\n\n\n<p>Per fare il test ho realizzato un build che lavorasse via cavo USB passando da <strong>Xcode<\/strong>, dopo aver dettato il mio telefono (usato per il test) in modalit\u00e0 sviluppatore.<\/p>\n\n\n\n<p>Il passo successivo sar\u00e0 affinare le varie animazioni (nel numero richiesto) per soddisfare le esigenze del cliente e, dopo aver montato una build sia per <strong>iOS<\/strong> sia per <strong>Android<\/strong> pubblicarle tramite canali appositamente creati come sviluppatore.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"540\" style=\"aspect-ratio: 960 \/ 540;\" width=\"960\" controls src=\"https:\/\/eramconsulting.it\/wp-content\/uploads\/2025\/01\/Fibonacci-Test-1.mp4\"><\/video><\/figure>\n\n\n\n<p><strong>Conclusione<\/strong><\/p>\n\n\n\n<p>Pisa Stories con Fibonacci rappresenta un progetto che unisce tradizione e innovazione, ponendo Pisa al centro di un\u2019esperienza interattiva unica. La figura di Fibonacci, resa pi\u00f9 accessibile grazie allo stile cartoon, diventa il filo conduttore di un viaggio nel tempo e nello spazio, che trasforma la visita della citt\u00e0 in un\u2019avventura educativa e divertente.<\/p>\n\n\n\n<p>Ed essendo legato alla mappa e al device, pu\u00f2 essere portato sempre dietro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduzione Il progetto Pisa Stories con Fibonacci si propone di valorizzare il patrimonio storico, artistico e culturale della citt\u00e0 di Pisa attraverso l\u2019uso della realt\u00e0 aumentata (AR). L\u2019obiettivo \u00e8 offrire a cittadini e turisti un\u2019esperienza interattiva, educativa e coinvolgente, che coniuga innovazione tecnologica e narrazione storica. Descrizione del progetto L\u2019idea centrale del progetto \u00e8 quella&hellip;<\/p>\n","protected":false},"author":3,"featured_media":666,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-660","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/pages\/660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/comments?post=660"}],"version-history":[{"count":1,"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/pages\/660\/revisions"}],"predecessor-version":[{"id":665,"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/pages\/660\/revisions\/665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/media\/666"}],"wp:attachment":[{"href":"https:\/\/eramconsulting.it\/index.php\/wp-json\/wp\/v2\/media?parent=660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}