{"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\/es\/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;\">\u00a1Hola! Soy Caterina, \u00a1juntos iremos guiando a los ni\u00f1os y ni\u00f1as! Antes de empezar, haremos un peque\u00f1o tutorial. \u00bfYa has comprobado que te funcionan el audio y el v\u00eddeo? Lo necesitar\u00e1s para ver los materiales de la intervenci\u00f3n, pero tambi\u00e9n para utilizar la opci\u00f3n de realidad aumentada, si la quieres activar. La podr\u00e1s activar cuando veas el s\u00edmbolo RA.<\/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\/es\/wp-json\/wp\/v2\/pages\/1861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/comments?post=1861"}],"version-history":[{"count":187,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1861\/revisions"}],"predecessor-version":[{"id":6077,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/1861\/revisions\/6077"}],"up":[{"embeddable":true,"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/pages\/2027"}],"wp:attachment":[{"href":"https:\/\/storytic.upf.edu\/es\/wp-json\/wp\/v2\/media?parent=1861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}