{"id":1861,"date":"2024-03-13T12:58:27","date_gmt":"2024-03-13T12:58:27","guid":{"rendered":"https:\/\/storytic.upf.edu\/?page_id=1861"},"modified":"2024-05-16T14:13:34","modified_gmt":"2024-05-16T14:13:34","slug":"tutorial-01","status":"publish","type":"page","link":"https:\/\/storytic.upf.edu\/en\/aula-tutorial\/tutorial-01\/","title":{"rendered":"AULA &#8211; SESSI\u00d3 1 &#8211; Tutorial-01"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; custom_padding_last_edited=\u00bbon|tablet\u00bb module_class=\u00bbno_docent_header_on_tablet\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#fadc50&#8243; width=\u00bb100%\u00bb min_height=\u00bb966.5px\u00bb height=\u00bb1253px\u00bb custom_padding=\u00bb90px||||false|false\u00bb custom_padding_tablet=\u00bb30px||||false|false\u00bb custom_padding_phone=\u00bb30px||||false|false\u00bb custom_css_free_form=\u00bb@media all and (min-width: 768px) and (max-width: 1024px) {||.no_docent_header_on_tablet  {||  padding-top:56px!important;||}||}\u00bb collapsed=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_3,1_3,1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb z_index=\u00bb5&#8243; width=\u00bb100%\u00bb max_width=\u00bb2560px\u00bb module_alignment=\u00bbcenter\u00bb height=\u00bb33px\u00bb custom_margin=\u00bb0px|0px|0px|0px|true|true\u00bb custom_margin_tablet=\u00bb||||false|true\u00bb custom_margin_phone=\u00bb||||true|true\u00bb custom_margin_last_edited=\u00bbon|tablet\u00bb custom_padding=\u00bb0px|0px|0px|0px|true|true\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_heading title=\u00bbTUTORIAL\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb title_level=\u00bbh2&#8243; title_font=\u00bb|||on|||||\u00bb title_text_align=\u00bbcenter\u00bb title_text_color=\u00bb#1a554e\u00bb custom_margin=\u00bb0px|0px|0px|0px|true|true\u00bb custom_padding=\u00bb0px|0px|0px|0px|true|true\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_heading][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_3,1_3,1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bbRGBA(255,255,255,0)\u00bb positioning=\u00bbnone\u00bb width=\u00bb100%\u00bb max_width=\u00bb2560px\u00bb height=\u00bb500px\u00bb custom_margin=\u00bb0px||20px||false|false\u00bb custom_padding=\u00bb0px||||false|false\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_button button_text=\u00bb \u00bb button_alignment=\u00bbcenter\u00bb module_class=\u00bbrv-button opened\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb21px\u00bb button_bg_image=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-dialogo.png\u00bb button_border_width=\u00bb0px\u00bb button_border_color=\u00bbRGBA(255,255,255,0)\u00bb button_border_radius=\u00bb0px\u00bb button_letter_spacing=\u00bb0px\u00bb button_use_icon=\u00bboff\u00bb position_origin_a=\u00bbtop_center\u00bb position_origin_r=\u00bbbottom_right\u00bb vertical_offset=\u00bb42px\u00bb horizontal_offset=\u00bb-192px\u00bb z_index=\u00bb12&#8243; custom_margin=\u00bb|0px||400px|false|false\u00bb custom_padding=\u00bb25px|25px|25px|25px|true|true\u00bb custom_css_free_form=\u00bb@media all and (min-width: 1900px) {||.et_pb_button_0 {||  \tleft:35px!important;||    z-index: 12;||    position: relative!important;||}||}||||@media all and (min-width: 1405px) and (max-width: 1900px) {||.et_pb_button_0 {||  \tleft: 15px!important;||    z-index: 12;||    position: relative;||}||}||@media all and (min-width: 1240px) and (max-width: 1405px) {||.et_pb_button_0 {||  \tright: 35px!important;||    z-index: 12;||    position: relative!important;||  }||}||@media all and (min-width: 1100px) and (max-width: 1240px) {||.et_pb_button_0 {||  \tright: 50px!important;||    z-index: 12;||    position: relative!important;||  }||}||@media all and (min-width: 980px) and (max-width: 1100px) {||.et_pb_button_0 {||  \tright: 80px!important;||    z-index: 12;||    position: relative!important;||  }||}\u00bb global_colors_info=\u00bb{}\u00bb button_bg_color__hover_enabled=\u00bbon|hover\u00bb button_bg_image__hover=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2024\/03\/ic-dialogoDes.png\u00bb button_bg_enable_image__hover=\u00bbon\u00bb][\/et_pb_button][et_pb_image src=\u00bbhttps:\/\/storytic.upf.edu\/wp-content\/uploads\/2023\/10\/cropped-io-628&#215;628-1.png\u00bb title_text=\u00bbcropped-io-628&#215;628-1.png\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb positioning=\u00bbabsolute\u00bb position_origin_a=\u00bbtop_center\u00bb width_tablet=\u00bb\u00bb width_phone=\u00bb\u00bb width_last_edited=\u00bbon|tablet\u00bb height_tablet=\u00bb\u00bb height_phone=\u00bb\u00bb height_last_edited=\u00bbon|tablet\u00bb custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb||||false|false\u00bb custom_css_free_form=\u00bb@media all and (min-width: 1900px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 600px!important;||    width: 600px!important;||    max-height: 600px!important;||    max-width: 600px!important;||  }||}||||@media all and (min-width: 1405px) and (max-width: 1900px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 460px!important;||    width: 460px!important;||    max-height: 460px!important;||    max-width: 460px!important;||  }||}||||@media all and (min-width: 1100px) and (max-width: 1405px) {||.img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 420px!important;||    width: 420px!important;||    max-height: 420px!important;||    max-width: 420px!important;||  }||}||\/*** Responsive Styles Tablet Only ***\/||@media all and (min-width: 768px) and (max-width: 1100px) {|| .img_tutorial,.et_pb_image_0,.et_pb_image_0 .et_pb_image_wrap img{||    height: 360px!important;||    width: 360px!important;||    max-height: 360px!important;||    max-width: 360px!important;||  }||}\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_code admin_label=\u00bbCode\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function() {<!-- [et_pb_line_break_holder] -->jQuery('.rv-button').click(function(e){<!-- [et_pb_line_break_holder] -->e.preventDefault();jQuery(\"#reveal\").slideToggle();jQuery(\"#reveal2\").slideToggle();<!-- [et_pb_line_break_holder] -->jQuery('.rv-button').toggleClass('opened closed');<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb|||100px|false|false\u00bb custom_css_free_form=\u00bb@media all and (min-width: 1100px) and (max-width: 1405px) {||.et_pb_column_5 {||    padding-left: 20px!important;||  }||}\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text module_id=\u00bbreveal\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#1a554e\u00bb text_font_size=\u00bb20px\u00bb background_color=\u00bb#d8dcc4&#8243; horizontal_offset=\u00bb-100px\u00bb width=\u00bb80%\u00bb width_tablet=\u00bb100%\u00bb width_phone=\u00bb100%\u00bb width_last_edited=\u00bbon|tablet\u00bb max_width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb height=\u00bb100%\u00bb custom_margin=\u00bb0px||0px|-30%|false|false\u00bb custom_margin_tablet=\u00bb0px|0px||0px|false|false\u00bb custom_margin_phone=\u00bb0px|0px||0px|false|false\u00bb custom_margin_last_edited=\u00bbon|tablet\u00bb custom_padding=\u00bb20px|30px|20px|30px|false|true\u00bb hover_enabled=\u00bb0&#8243; custom_css_free_form=\u00bb.close-button {||    font-size: 20px;||    color: #1A554E;||    padding: 10px;||  \tmargin-right: -20px;||    border-radius: 10px;||  \tcursor: pointer;||}\t||@media (min-width: 2001px) {||#reveal {||  width: 70%;||  margin-left: -30% !important;||  height: 100% !important;||  max-height: 500px !important;||}||.scrollable_text2 {||  font-size: 25px !important;||}||}||@media (min-width: 1655px) and (max-width: 2000px){||#reveal {||  width: 80%;||  margin-left: -30% !important;||  height: 100% !important;||  max-height: 430px !important;||}||  .scrollable_text2 {||  font-size: 20px !important;||  max-height: 390px !important;||}||}||@media (min-width: 1501px) and (max-width: 1654px){||  #reveal {||  width: 80%;||  margin-left: -30% !important;||  height: 100% !important;||  max-height: 430px !important;||}||  .scrollable_text2 {||    height: 100% !important;||    font-size: 18px!important;||    line-height: 1.2!important;||    max-height: 390px !important;||}||}||@media (min-width: 1405px) and (max-width: 1500px){||  #reveal {||  width: 95%;||  margin-left: -10% !important;||  height: 100% !important;||  max-height: 400px !important;||}||  .scrollable_text2 {||    max-height: 360px !important;||    height: 100% !important;||    font-size: 18px!important;||    line-height: 1.2!important;||  }||}||@media (min-width: 1366px) and (max-width: 1404px){||  #reveal {||  width: 95%;||  margin-left: -10% !important;||  height: 100% !important;||  max-height: 400px !important;||}||  .scrollable_text2 {||  font-size: 20px !important;||  max-height: 360px !important;||}||}||@media (min-width: 980px) and (max-width: 1024px) and (orientation: landscape) {||#reveal {||  width: 260px;||  margin-right: 0px !important;||  margin-left: -75px !important;||  height: 100% !important;||  max-height: 300px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 240px !important;||  overflow: auto !important;||  font-size: 16px !important;||}||.et_pb_text_0 {||  font-size: 16px !important;||  height: 100%!important;||  max-height: 300px !important;||  max-width: 290px!important;||}||}||@media (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {||#reveal {||  width: 100%;||  margin-right: 20px !important;||  margin-left: -3% !important;||  height: 100% !important;||  max-height: 360px !important;||}||.scrollable_text2 {||  height: 100% !important;||  max-height: 310px !important;||  overflow: auto !important;||  font-size: 16px !important;||}||}||||@media (min-width: 980px) and (max-width: 1024px) and (orientation: portrait) {||#reveal {||  width: 900px;||  margin-right: 100px !important;||  margin-left: -650px !important;||  margin-top: 400px !important;||  height: 100% !important;||  max-height: 300px !important;||  position: relative;||  z-index: 10;||}||.scrollable_text2 {||  overflow: visible;||  font-size: 16px !important;||}||.et_pb_text_0 {||  font-size: 16px !important;||  height: 100% !important;||  max-height: 300px !important;||  max-width: 900px !important;||}||.et_pb_column_5 {||  padding-left: 0px !important;||}||}||||@media (min-width: 768px) and (max-width: 980px) and (orientation: portrait) {||#reveal {||  width: 100%;||  margin-right: 50px !important;||  margin-left: -50px !important;||  margin-top: 320px !important;||  height: 100% !important;||  max-height: 250px !important;||}||.scrollable_text2 {||  overflow: visible;||  font-size: 16px !important;||}||}\t\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;]<\/p>\n<p style=\"text-align: right; margin-bottom: 10px!important; padding: 0px!important;\"><span id=\"reveal2\" class=\"rv-button opened close-button\">x<\/span><\/p>\n<div class=\"scrollable_text2\">\n<p style=\"text-align: center;\">Hello! I'm Caterina, together we will be guiding the children! Before we start, I will show you how everything works. Have you checked that your audio and video are working? You will need them to use the intervention materials and the augmented reality option, if you want to activate it. You can activate it when you see the AR symbol.<\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_6,1_6,1_6,1_6,1_6,1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb positioning=\u00bbfixed\u00bb position_origin_f=\u00bbbottom_center\u00bb z_index=\u00bb20&#8243; width=\u00bb90%\u00bb max_width=\u00bb2560px\u00bb height=\u00bb60px\u00bb custom_margin=\u00bb||20px||false|false\u00bb custom_padding=\u00bb3px|15px|0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_6&#8243; disabled_on=\u00bboff|off|off\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb overflow-x_tablet=\u00bbvisible\u00bb overflow-x_phone=\u00bbvisible\u00bb overflow-x_last_edited=\u00bbon|tablet\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_icon font_icon=\u00bb&#x34;||divi||400&#8243; icon_color=\u00bbRGBA(255,255,255,0)\u00bb icon_width=\u00bb32px\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bbRGBA(255,255,255,0)\u00bb custom_padding=\u00bb10px|20px|10px|15px|true|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_icon][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_button button_url=\u00bbhttps:\/\/storytic.upf.edu\/aula-sessio-1-dibuixos\/aula-sessio-1-dibuixos-01\/\u00bb button_text=\u00bbSaltar tutorial\u00bb button_alignment=\u00bbright\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_size=\u00bb14px\u00bb button_text_color=\u00bb#1a554e\u00bb button_bg_color=\u00bbRGBA(255,255,255,0)\u00bb button_border_width=\u00bb0px\u00bb button_border_color=\u00bbRGBA(255,255,255,0)\u00bb button_border_radius=\u00bb0px\u00bb button_font=\u00bb|700|||on||||\u00bb button_use_icon=\u00bboff\u00bb custom_margin=\u00bb15px||15px||true|false\u00bb custom_padding=\u00bb|0px|0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_button][\/et_pb_column][et_pb_column type=\u00bb1_6&#8243; _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_button button_url=\u00bbhttps:\/\/storytic.upf.edu\/tutorial-02\/\u00bb button_text=\u00bbSeg\u00fcent\u00bb button_alignment=\u00bbright\u00bb _builder_version=\u00bb4.23.4&#8243; _module_preset=\u00bbdefault\u00bb custom_button=\u00bbon\u00bb button_text_color=\u00bb#fadc50&#8243; button_bg_color=\u00bb#1a554e\u00bb button_border_width=\u00bb0px\u00bb button_border_radius=\u00bb10px\u00bb button_font=\u00bb|||on|on|||RGBA(255,255,255,0)|\u00bb button_use_icon=\u00bboff\u00bb background_layout=\u00bbdark\u00bb custom_padding=\u00bb10px|50px|10px|50px|true|true\u00bb global_colors_info=\u00bb{}\u00bb button_bg_color__hover_enabled=\u00bbon|desktop\u00bb button_bg_color__hover=\u00bb#216860&#8243; button_bg_enable_color__hover=\u00bbon\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"<p>x Hola! Soc la Caterina, junts anirem guiant els infants! Abans de comen\u00e7ar, fem un petit tutorial. Ja has comprovat que et funcionen l\u2019\u00e0udio i el v\u00eddeo? Ho necessitar\u00e0s per veure els materials de la intervenci\u00f3, per\u00f2 tamb\u00e9 per fer servir l&#8217;opci\u00f3 de realitat augmentada, si la vols activar. La podr\u00e0s activar quan vegis el [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":2027,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1861","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/pages\/1861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/comments?post=1861"}],"version-history":[{"count":187,"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/pages\/1861\/revisions"}],"predecessor-version":[{"id":6077,"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/pages\/1861\/revisions\/6077"}],"up":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/pages\/2027"}],"wp:attachment":[{"href":"https:\/\/storytic.upf.edu\/en\/wp-json\/wp\/v2\/media?parent=1861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}