{"id":21745,"date":"2024-06-26T15:43:24","date_gmt":"2024-06-26T13:43:24","guid":{"rendered":"https:\/\/fabulab.com\/?page_id=21745"},"modified":"2024-09-10T10:21:44","modified_gmt":"2024-09-10T08:21:44","slug":"andrea-prandi-creating-digital-art-work","status":"publish","type":"page","link":"https:\/\/fabulab.com\/en\/andrea-prandi-creating-digital-art-work\/","title":{"rendered":"Andrea Prandi &#8211; Creating a digital art work: the marriage between art and technology"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21745\" class=\"elementor elementor-21745 elementor-21341\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48c20b3 elementor-section-full_width elementor-section-height-min-height elementor-section-items-bottom elementor-section-content-bottom elementor-reverse-mobile video_head_case elementor-section-height-default\" data-id=\"48c20b3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/fabulab.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/1920-marmomac-Case.mp4&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f89eaa9\" data-id=\"f89eaa9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f206828 elementor-widget elementor-widget-button\" data-id=\"f206828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/case-history\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-left\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">MORE CASES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1c037c2\" data-id=\"1c037c2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a39a74 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4a39a74\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Creating a digital art work<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92f9618 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"92f9618\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creating a digital art work: the marriage between art and technology<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e6daa8c elementor-section-height-min-height fab_video elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"e6daa8c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/fabulab.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/1080-marmomac-case.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fd4f8a\" data-id=\"5fd4f8a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-96c5451 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"96c5451\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2ca0121 elementor-invisible\" data-id=\"2ca0121\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d555b54 elementor-widget elementor-widget-image\" data-id=\"d555b54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"444\" src=\"https:\/\/fabulab.com\/wp-content\/uploads\/2024\/06\/andreaprandi-1024x568.png\" class=\"attachment-large size-large wp-image-21401\" alt=\"\" srcset=\"https:\/\/fabulab.com\/wp-content\/uploads\/2024\/06\/andreaprandi-1024x568.png 1024w, https:\/\/fabulab.com\/wp-content\/uploads\/2024\/06\/andreaprandi-300x166.png 300w, https:\/\/fabulab.com\/wp-content\/uploads\/2024\/06\/andreaprandi-768x426.png 768w, https:\/\/fabulab.com\/wp-content\/uploads\/2024\/06\/andreaprandi-1536x851.png 1536w, https:\/\/fabulab.com\/wp-content\/uploads\/2024\/06\/andreaprandi.png 1696w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e094b8d elementor-invisible\" data-id=\"e094b8d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58c29c0 elementor-widget elementor-widget-heading\" data-id=\"58c29c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">THE DIGITAL STORY OF ANDREA PRANDI<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9459720 elementor-widget elementor-widget-text-editor\" data-id=\"9459720\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;,&quot;ff&quot;:&quot;Roboto&quot;,&quot;size&quot;:&quot;12.00&quot;,&quot;fw&quot;:&quot;none&quot;,&quot;fs&quot;:&quot;normal&quot;,&quot;fv&quot;:&quot;normal&quot;,&quot;fgc&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;td&quot;:&quot;none&quot;,&quot;cs&quot;:&quot;0pt&quot;,&quot;bgc&quot;:&quot;rgba(0, 0, 0, 0)&quot;,&quot;va&quot;:&quot;baseline&quot;,&quot;fw_i&quot;:400}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\" data-doc-id=\"2252788000001003066\" data-doc-type=\"writer\">Andrea Prandi is an artist who ranges from digital art to video art, from sculpture to installation.<\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;,&quot;ff&quot;:&quot;Roboto&quot;,&quot;size&quot;:&quot;12.00&quot;,&quot;fw&quot;:&quot;none&quot;,&quot;fs&quot;:&quot;normal&quot;,&quot;fv&quot;:&quot;normal&quot;,&quot;fgc&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;td&quot;:&quot;none&quot;,&quot;cs&quot;:&quot;0pt&quot;,&quot;bgc&quot;:&quot;rgba(0, 0, 0, 0)&quot;,&quot;va&quot;:&quot;baseline&quot;,&quot;fw_i&quot;:400}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\">During the first years of production, his art was dedicated to pop-culture experiments in a trait d&#8217;union between installation and painting, while the subsequent creations are the result of the encounter between art and science.<\/p><p class=\"zw-paragraph\" data-textformat=\"{&quot;ff&quot;:&quot;Roboto&quot;,&quot;fv&quot;:&quot;normal&quot;,&quot;td&quot;:&quot;none&quot;,&quot;cs&quot;:&quot;0pt&quot;,&quot;fw&quot;:&quot;none&quot;,&quot;fgc&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;size&quot;:&quot;12.00&quot;,&quot;va&quot;:&quot;baseline&quot;,&quot;fw_i&quot;:400,&quot;type&quot;:&quot;text&quot;,&quot;fs&quot;:&quot;normal&quot;,&quot;bgc&quot;:&quot;rgba(0, 0, 0, 0)&quot;}\" data-margin-left=\"0in\" data-text-indent=\"0in\" data-margin-bottom=\"0pt\" data-line-height=\"1.2\">The collaboration with Fabulab has lasted for several years, and includes the digital part of the work &#8220;Panspermia&#8221;, awarded at the Florence Biennale 2015, a mobile experience called &#8220;Angelo e Demone&#8221; and the current project MazeMan.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d47c4d1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d47c4d1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f882f78\" data-id=\"f882f78\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d9451fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d9451fd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bcea455 elementor-invisible\" data-id=\"bcea455\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9abbbc elementor-widget elementor-widget-heading\" data-id=\"c9abbbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WHAT WE DID<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb5def elementor-widget elementor-widget-text-editor\" data-id=\"1bb5def\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\" data-doc-id=\"2252788000001003066\" data-doc-type=\"writer\"><span style=\"color: #ffffff;\">MazeMan is an interactive digital artwork that allows users to explore and manipulate digital tiles to create personalized versions of the artwork. By turning these tiles, each user can generate unique compositions, experiencing endless visual and artistic possibilities. This mechanism of rotating the tiles allows each participant to become a co-creator of the artwork, exploring combinations that reflect their own vision and creativity.<\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">Each individual combination of the artwork can then be reserved and\/or purchased, effectively becoming the property of the user.<\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">In addition to the individual customization mode, \u201cMazeMan\u201d offers another dimension of interaction called \u201cHumanity\u201d. In Humanity, users can connect and interact in real time with people from all over the world. Every action performed by a user is immediately reflected on the platform, contributing to a collective and ever-evolving combination. This interactive dynamic symbolizes global connection and human interaction, creating a living artwork that constantly changes thanks to the contribution of each participant.<\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">To realize this vision, we took care of:<\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\"><strong>Backend Development<\/strong><\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">We created a strong backend using Node.js and Directus, ensuring efficient management of operations to support a large number of concurrent users.<span class=\"EOP\">\u00a0<\/span><\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\"><strong>Backoffice Development<\/strong><\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">We provided the client with a backoffice that allows managing reservation requests for the various artworks&#8217; combinations and the management of all other artworks with similar logic.<\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\"><strong>Real-Time Interaction System Implementation<\/strong><\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">Using WebSockets and the Socket.io package, we developed a system that allows immediate bidirectional communications between server and client, ensuring that every user action is visible in real time.<span class=\"EOP\">\u00a0<\/span><\/span><\/p><p class=\"zw-paragraph heading0\" data-textformat=\"{&quot;type&quot;:&quot;text&quot;}\" data-header=\"0\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\"><strong>Security and Stability<\/strong><\/span><\/p><p class=\"zw-paragraph heading0\" data-header=\"0\" data-textformat=\"{&quot;ff&quot;:&quot;Roboto&quot;,&quot;fv&quot;:&quot;normal&quot;,&quot;td&quot;:&quot;none&quot;,&quot;cs&quot;:&quot;0pt&quot;,&quot;fw&quot;:&quot;none&quot;,&quot;fgc&quot;:&quot;rgb(0, 0, 0)&quot;,&quot;size&quot;:&quot;12.00&quot;,&quot;va&quot;:&quot;baseline&quot;,&quot;fw_i&quot;:400,&quot;type&quot;:&quot;text&quot;,&quot;fs&quot;:&quot;normal&quot;,&quot;bgc&quot;:&quot;rgba(0, 0, 0, 0)&quot;}\" data-margin-bottom=\"12pt\" data-hd-info=\"0\" data-line-height=\"1.2\"><span style=\"color: #ffffff;\">We implemented advanced security measures, such as authentication based on JSON Web Tokens (JWT) and SSL\/TLS encryption, to protect user information and ensure communication security.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-729827a elementor-invisible\" data-id=\"729827a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5bc1c0a elementor-widget elementor-widget-heading\" data-id=\"5bc1c0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HOW WE DID IT <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91634b3 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"91634b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPreliminary analysis of the client's needs\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8c8069 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a8c8069\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mobile-alt\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAnalysis of frontend web application development\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5486c6e elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"5486c6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-th-list\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M149.333 216v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-80c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zM125.333 32H24C10.745 32 0 42.745 0 56v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24zm80 448H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm-24-424v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24zm24 264H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBackend and backoffice development based on Node.js\/Directus\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba85b12 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"ba85b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-cubes\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBuilding and management of server infrastructure\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12ee300 elementor-view-framed elementor-position-inline-start elementor-shape-circle elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"12ee300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-node-js\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 508c-6.7 0-13.5-1.8-19.4-5.2l-61.7-36.5c-9.2-5.2-4.7-7-1.7-8 12.3-4.3 14.8-5.2 27.9-12.7 1.4-.8 3.2-.5 4.6.4l47.4 28.1c1.7 1 4.1 1 5.7 0l184.7-106.6c1.7-1 2.8-3 2.8-5V149.3c0-2.1-1.1-4-2.9-5.1L226.8 37.7c-1.7-1-4-1-5.7 0L36.6 144.3c-1.8 1-2.9 3-2.9 5.1v213.1c0 2 1.1 4 2.9 4.9l50.6 29.2c27.5 13.7 44.3-2.4 44.3-18.7V167.5c0-3 2.4-5.3 5.4-5.3h23.4c2.9 0 5.4 2.3 5.4 5.3V378c0 36.6-20 57.6-54.7 57.6-10.7 0-19.1 0-42.5-11.6l-48.4-27.9C8.1 389.2.7 376.3.7 362.4V149.3c0-13.8 7.4-26.8 19.4-33.7L204.6 9c11.7-6.6 27.2-6.6 38.8 0l184.7 106.7c12 6.9 19.4 19.8 19.4 33.7v213.1c0 13.8-7.4 26.7-19.4 33.7L243.4 502.8c-5.9 3.4-12.6 5.2-19.4 5.2zm149.1-210.1c0-39.9-27-50.5-83.7-58-57.4-7.6-63.2-11.5-63.2-24.9 0-11.1 4.9-25.9 47.4-25.9 37.9 0 51.9 8.2 57.7 33.8.5 2.4 2.7 4.2 5.2 4.2h24c1.5 0 2.9-.6 3.9-1.7s1.5-2.6 1.4-4.1c-3.7-44.1-33-64.6-92.2-64.6-52.7 0-84.1 22.2-84.1 59.5 0 40.4 31.3 51.6 81.8 56.6 60.5 5.9 65.2 14.8 65.2 26.7 0 20.6-16.6 29.4-55.5 29.4-48.9 0-59.6-12.3-63.2-36.6-.4-2.6-2.6-4.5-5.3-4.5h-23.9c-3 0-5.3 2.4-5.3 5.3 0 31.1 16.9 68.2 97.8 68.2 58.4-.1 92-23.2 92-63.4z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h5 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tDevelopment of realtime interaction via websocket with server in Node.js using Socket.io library\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-479d5a8 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"479d5a8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b7bc2da\" data-id=\"b7bc2da\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c662a92 elementor-widget elementor-widget-shortcode\" data-id=\"c662a92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\t\t\t<div class=\"contact-form-container\">\n\t\t\t\t<form \n\t\t\t\t\tname=\"VTEForm_34f545af17b26c7970a5f07425e69b07\"\n\t\t\t\t\taction=\"https:\/\/crm.fabulab.com\/modules\/Webforms\/capture.php\"\n\t\t\t\t\tmethod=\"post\"\n\t\t\t\t\tclass=\"vte-form\"\n\t\t\t\t\taccept-charset=\"utf-8\"\n\t\t\t\t\tid=\"fire_form\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div id=\"vte-form-title-area\">\n\t\t\t\t\t\t\t<h4>Request information<\/h4>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\tTell us your digital story\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div id=\"vte-form-show\" style=\"display: block;\">\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"publicid\" value=\"34f545af17b26c7970a5f07425e69b07\" \/>\n\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"name\" value=\"Fabulab website\" \/>\n\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"company\" value=\"anonymous\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" value=\"contactform1\" name=\"cf_ybp_1316\" \/>\n\n\t\t\t\t\t\t\t<input type=\"text\" value=\"\" name=\"lastname\" required=\"true\"   id=\"lastname\" placeholder=\"* Your name\"\/>\n\n\t\t\t\t\t\t\t<input type=\"email\" value=\"\" name=\"email\" required=\"true\"    placeholder=\"* Your email address\" id=\"email\"\/>\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<textarea name=\"description\" id=\"message\" cols=\"40\" rows=\"5\" placeholder=\"* How can we help you?\"     required=\"true\"><\/textarea>\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"gdpr_privacypolicy\" required    id=\"gdpr_privacypolicy\"\/> <label for=\"gdpr_privacypolicy\">* I accept the <a href=\"https:\/\/www.iubenda.com\/privacy-policy\/85039473\" target=\"_black\" rel=\"noopener\">Privacy Policy<\/a><\/label>\n\t\t\t\t\t\t\t<br>\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"gdpr_marketing\"  id=\"gdpr_marketing\"\/> <label for=\"gdpr_marketing\">I want to receive communications from Fabulab<\/label>\n\t\t\t\t\t\t\t<br>\n\t\t\t\t\t\t\t<span>(* Required fields)<\/span>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" value=\"grafica\" name=\"cf_ybp_1318\" \/><!-- Service name -->\n\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" value=\"\" name=\"cf_ybp_1319\" \/><!-- Blog title \/ ID -->\n\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" value=\"blue garden\" name=\"cf_ybp_1320\" \/><!-- Case History name -->\n\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" value=\"design\" name=\"cf_ybp_1321\" \/><!-- Form position -->\n\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" value=\"\" name=\"cf_ybp_1322\" \/><!-- Form page url -->\n\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<br>\n\t\t\t\t\t\t\t\t<input type=\"submit\" class=\"btn\" id=\"vte-send\" value=\"Send\" disabled \/>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div id=\"vte-form-after-submit\" style=\"display: none;\">\n\t\t\t\t\t\t\t<h3> Thank you for contacting us!<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div id=\"vte-form-error\" style=\"display: none;\">\n\t\t\t\t\t\t\t<h3>ERROR!<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t<\/form>\n\t\t\t<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MORE CASES Creating a digital art work Creating a digital art work: the marriage between art and technology THE DIGITAL<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21745","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/pages\/21745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/comments?post=21745"}],"version-history":[{"count":8,"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/pages\/21745\/revisions"}],"predecessor-version":[{"id":21890,"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/pages\/21745\/revisions\/21890"}],"wp:attachment":[{"href":"https:\/\/fabulab.com\/en\/wp-json\/wp\/v2\/media?parent=21745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}