{"id":4118,"date":"2010-08-17T11:17:58","date_gmt":"2010-08-17T09:17:58","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=4118"},"modified":"2023-02-27T14:56:13","modified_gmt":"2023-02-27T14:56:13","slug":"effetto-fuoco-con-canvas-una-demo-old-school","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/","title":{"rendered":"Effetto fuoco con canvas, una demo old school"},"content":{"rendered":"

\"fx\"In questi giorni estivi un po’ pi\u00f9 calmi del solito mi sono messo a leggere con calma gli articoli sul tag CANVAS redatti da Alessandro<\/a>, non avevo ancora fatto alcun test con il tag e volevo rinfrescarmi un po’ le idee.<\/p>\n

Poi, gira che ti rigira mi sono imbattuto nel simpaticissimo JS1k Javascript demo contest<\/a>, se ne parla anche su Ajaxan, e volendo approfondire l’argomento CANVAS<\/strong> mi son detto, perch\u00e8 non simulare uno degli effetti demo <\/strong>che tanto mi piacciono quanto sono inutili (se la sperimentazione pu\u00f2 essere considerata inutile) ? E allora ecco che qualcosa \u00e8 saltato fuori.<\/p>\n

Prima di tutto per chi non lo sapesse, una demo (demoscene)<\/a> \u00e8 un programma<\/strong> dimostrativo<\/strong>, solitamente scritto in C++ (talvolta anche in linguaggio macchina), che in pochissimi kilobyte di codice <\/strong>(di solito 64k o 4k) deve sbalordire chi lo guarda creando effetti grafici realtime<\/strong>. E’ un ricettacolo di abilit\u00e0 e creativit\u00e0 del programmatore che si diletta a creare effetti di visualizzazione con il minor codice possibile. Ci sono interi siti ricchi di demo <\/a>che fanno cose sbalorditive, dal pi\u00f9 piccolo effetto in 2d ad intere scene in 3d.<\/p>\n

Alcune di queste demo sono diventate un must, come ad esempio l’effetto plasma<\/a> (qui una implementazione JS senza canvas) o l’effetto fuoco<\/a>, visto le mie potenzialit\u00e0 di tamarro mi sono dilettato in quest’ultimo proprio utilizzando le spiegazioni dell’articolo linkato e riproducendo il codice da C++ a Javascript<\/a>.<\/p>\n

Il risultato lo potete vedete alla pagina d’esempio, FIRE con canvas (meglio visualizzato con Chrome, su Firefox per qualche strano motivo il disegno del testo a volte fa scattare una Exception di Javascript… )!<\/p>\n

\"fire\"<\/p>\n

Il risultato a livello di performance lascia un po’ a desiderare<\/strong>, soprattutto nella combinazione Firerox \/ Mootool<\/strong>. Nella prima versione del codice non ho utilizzato Mootools (ho semplicemente racchiuso tutto in una classe, il codice utilizza poco o niente del framework, forse due accessors ad attributi) e su Firefox le performance erano decisamente migliori<\/strong>, nessun cambiamento invece su Chrome.<\/p>\n

Come funziona?<\/h3>\n

Il procedimento teorico \u00e8 abbastanza semplice. Ad ogni frame dell’animazione, nel punto pi\u00f9 basso del canvas (l’ultima riga) si creano una serie di pixel dal colore random<\/strong>. Dopodich\u00e8 si elaborano tutti i pixel del canvas<\/strong> applicando un filtro a matrice <\/strong>(molto semplice, una specie di blur) ad ogni pixel e si vira il risultato ad una palette di colori <\/strong>predefinita (per avere l’effetto del colore del fuoco).<\/p>\n

Il testo \u00e8 stampato <\/strong>insieme alla riga di colore random per ogni frame<\/strong> con una intensit\u00e0 di colore variabile. Infine, ispirato dall’articolo di Alessandro riguardante le maschere<\/a>, ho aggiunto un gradiente sopra il risultato che simula una maschera di sfumatura.<\/p>\n

Devo dire che qualche difficolt\u00e0 l’ho avuta. Un po’ perch\u00e8 sono una capra<\/span> poco specializzato con la matematica e sicuramente il codice sar\u00e0 ottimizzabile, un po’ perch\u00e9 ho trovato vera difficolt\u00e0 di performance (il browser si bloccava) nella manipolazione dei pixel.<\/p>\n

La difficolt\u00e0 pi\u00f9 grossa rispetto alla demo originale l’ho trovata nella performance di ridisegno di ogni singolo pixel<\/strong>. Sono partito con l’utilizzo della propriet\u00e0 ImageData <\/strong>del canvas che in poche parole ritorna uno snapshot dei pixel del canvas che possono essere manipolati come descritto nel pratico articolo di hacks.mozilla.com<\/a>. La tecnica \u00e8 risultata impossibile da utilizzare <\/strong>per un lavoro del genere. Ogni volta che una delle funzioni di put <\/strong>o get <\/strong>dei ImageData viene toccata, il browser si mette letteralmente a piangere.<\/p>\n

Sicuramente non aiuta il fatto che per leggere il colore di un pixel, <\/strong>\u00e8 necessario leggere (anziche un solo intero e convertirlo), tre elementi dell’array differenti <\/strong>in tre posizioni differenti e comunque convertirli. Questa \u00e8 una scelta delle API di canvas <\/strong>che non riesco a capire e che a naso, ammazza le performance, ma forse \u00e8 solo la mia impressione\/ignoranza. Servirebbe l’opinione di un vero esperto.<\/p>\n

Ho ovviato disegnando dei rettangoli al posto del singolo pixel<\/strong>. Ovviamente pi\u00f9 il rettangolo \u00e8 grosso, pi\u00f9 \u00e8 veloce l’effetto in quanto ce ne sono di meno da disegnare, ma pi\u00f9 \u00e8 grosso il rettangolo, meno \u00e8 definito l’effetto. Qui sotto l’esempio, ricordiamoci che \u00e8 solo un esperimento. Ogni improvement \u00e8 bene accetto.<\/p>\n

[iframe src=”\/\/mootools.net\/shell\/FH9j9\/1\/embedded”]<\/p>\n","protected":false},"excerpt":{"rendered":"

In questi giorni estivi un po’ pi\u00f9 calmi del solito mi sono messo a leggere con calma gli articoli sul tag CANVAS redatti da Alessandro, non avevo ancora fatto alcun test con il tag e volevo rinfrescarmi un po’ le idee. Poi, gira che ti rigira mi sono imbattuto nel simpaticissimo JS1k Javascript demo contest, […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[108],"tags":[85,122,125,106,111],"class_list":["post-4118","post","type-post","status-publish","format-standard","hentry","category-sviluppo","tag-animazioni-web","tag-canvas","tag-disegnare-su-web","tag-html5","tag-performance"],"yoast_head":"\n\u2022 Effetto fuoco con canvas, una demo old school - Artera<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Effetto fuoco con canvas, una demo old school. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u2022 Effetto fuoco con canvas, una demo old school - Artera\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Effetto fuoco con canvas, una demo old school. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2010-08-17T09:17:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:56:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/08\/fx.png\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Effetto fuoco con canvas, una demo old school\",\"datePublished\":\"2010-08-17T09:17:58+00:00\",\"dateModified\":\"2023-02-27T14:56:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/\"},\"wordCount\":699,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/08\\\/fx.png\",\"keywords\":[\"animazioni web\",\"canvas\",\"disegnare su web\",\"html5\",\"performance\"],\"articleSection\":[\"Sviluppo\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/\",\"name\":\"\u2022 Effetto fuoco con canvas, una demo old school - Artera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/08\\\/fx.png\",\"datePublished\":\"2010-08-17T09:17:58+00:00\",\"dateModified\":\"2023-02-27T14:56:13+00:00\",\"description\":\"Leggi dal blog: Effetto fuoco con canvas, una demo old school. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/08\\\/fx.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2010\\\/08\\\/fx.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/effetto-fuoco-con-canvas-una-demo-old-school\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Effetto fuoco con canvas, una demo old school\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u2022 Effetto fuoco con canvas, una demo old school - Artera","description":"Leggi dal blog: Effetto fuoco con canvas, una demo old school. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/","og_locale":"it_IT","og_type":"article","og_title":"\u2022 Effetto fuoco con canvas, una demo old school - Artera","og_description":"Leggi dal blog: Effetto fuoco con canvas, una demo old school. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2010-08-17T09:17:58+00:00","article_modified_time":"2023-02-27T14:56:13+00:00","og_image":[{"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/08\/fx.png","type":"","width":"","height":""}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Effetto fuoco con canvas, una demo old school","datePublished":"2010-08-17T09:17:58+00:00","dateModified":"2023-02-27T14:56:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/"},"wordCount":699,"commentCount":4,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/08\/fx.png","keywords":["animazioni web","canvas","disegnare su web","html5","performance"],"articleSection":["Sviluppo"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/","url":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/","name":"\u2022 Effetto fuoco con canvas, una demo old school - Artera","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/08\/fx.png","datePublished":"2010-08-17T09:17:58+00:00","dateModified":"2023-02-27T14:56:13+00:00","description":"Leggi dal blog: Effetto fuoco con canvas, una demo old school. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/08\/fx.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2010\/08\/fx.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/sviluppo\/effetto-fuoco-con-canvas-una-demo-old-school\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Effetto fuoco con canvas, una demo old school"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/4118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=4118"}],"version-history":[{"count":1,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/4118\/revisions"}],"predecessor-version":[{"id":220748,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/4118\/revisions\/220748"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=4118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=4118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=4118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}