{"id":959,"date":"2024-04-21T18:09:15","date_gmt":"2024-04-21T18:09:15","guid":{"rendered":"https:\/\/dcv.artcom.mx\/pda\/1220018\/?page_id=959"},"modified":"2024-05-06T05:10:22","modified_gmt":"2024-05-06T05:10:22","slug":"cuarto-semestre","status":"publish","type":"page","link":"https:\/\/dcv.artcom.mx\/pda\/1220018\/evidencias\/diarios-metacognitivos-2\/cuarto-semestre\/","title":{"rendered":"Cuarto semestre"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#232323&#8243; background_enable_image=\u00bboff\u00bb parallax=\u00bbon\u00bb parallax_method=\u00bboff\u00bb background_enable_pattern_style=\u00bbon\u00bb background_pattern_style=\u00bbzig-zag\u00bb background_pattern_blend_mode=\u00bbsoft-light\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|700|||||||\u00bb header_text_align=\u00bbcenter\u00bb header_text_color=\u00bb#190425&#8243; header_font_size=\u00bb59px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1><span style=\"color: #d32f22\">DIARIOS METACOGNITIVOS<\/span><\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb text_font=\u00bbMontserrat|500|||||||\u00bb text_font_size=\u00bb13px\u00bb header_font=\u00bbMontserrat|600|||||||\u00bb header_text_color=\u00bb#FF9CF9&#8243; header_font_size=\u00bb49px\u00bb header_2_font=\u00bbMontserrat|600|||||||\u00bb header_2_text_color=\u00bb#FF9CF9&#8243; header_2_font_size=\u00bb39px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1><span style=\"color: #cccacb\">PROYECTO INTEGRADOR<\/span><\/h1>\n<h2><span style=\"color: #cccacb\">Dise\u00f1o de informaci\u00f3n interactivo<\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_5,3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb2_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_gallery gallery_ids=\u00bb1086,1085&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb50%\u00bb max_width=\u00bb100%\u00bb module_alignment=\u00bbright\u00bb box_shadow_style=\u00bbpreset2&#8243; global_colors_info=\u00bb{}\u00bb][\/et_pb_gallery][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|800|||||||\u00bb header_text_color=\u00bb#B82AB4&#8243; header_3_font=\u00bb|600|||||||\u00bb header_3_text_color=\u00bb#B82AB4&#8243; header_3_font_size=\u00bb25px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\">INFORMACI\u00d3N INTERACTIVA<\/span><\/h1>\n<h3 style=\"text-align: center\"><span style=\"color: #ffffff\">Este proyecto fue el principal de este semestre, donde en la materia de dise\u00f1o de informaci\u00f3n tuvimos que realizar una propuesta de dise\u00f1o de informaci\u00f3n interactivo, en mi caso una aplicaci\u00f3n\u00a0de un mapa de la UM.<\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_5,3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb2_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_gallery gallery_ids=\u00bb1088,1089,1090&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb box_shadow_style=\u00bbpreset2&#8243; global_colors_info=\u00bb{}\u00bb][\/et_pb_gallery][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|800|||||||\u00bb header_text_color=\u00bb#B82AB4&#8243; header_3_font=\u00bb|600|||||||\u00bb header_3_text_color=\u00bb#B82AB4&#8243; header_3_font_size=\u00bb25px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\">ETAPA 1. Definir la problem\u00e1tica<\/span><\/h1>\n<p><span style=\"color: #ffffff\">\u00a0<\/span><\/p>\n<h3 style=\"text-align: center\"><span style=\"color: #ffffff\">Durante esta primera etapa se busco una problem\u00e1tica a resolver asi como la manera de resolverla, tambien se realizo una b\u00fasqueda\u00a0de la informaci\u00f3n\u00a0que se iba a utilizar para el dise\u00f1o de esta aplicaci\u00f3n.<\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_5,3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb2_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_gallery gallery_ids=\u00bb1091,1092,1093,1094,1095,1096,1097,1098&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb box_shadow_style=\u00bbpreset2&#8243; global_colors_info=\u00bb{}\u00bb][\/et_pb_gallery][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|800|||||||\u00bb header_text_color=\u00bb#B82AB4&#8243; header_3_font=\u00bb|600|||||||\u00bb header_3_text_color=\u00bb#B82AB4&#8243; header_3_font_size=\u00bb25px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\">ETAPA 2. Conocer al publico<\/span><\/h1>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><span style=\"color: #ffffff\">La etapa 2 fue la realizaci\u00f3n de el logo basado en el brief previamente creado, donde unimos los conceptos clave y las palabras basadas en el ministerio para desarrollar una identidad visual que definiera lo que es la marca asi como especificar los colores y los m\u00e1rgenes a utilizar en el isotipo.<\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_5,3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb2_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_gallery gallery_ids=\u00bb1134&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; box_shadow_style=\u00bbpreset2&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][\/et_pb_gallery][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|800|||||||\u00bb header_text_color=\u00bb#B82AB4&#8243; header_3_font=\u00bb|600|||||||\u00bb header_3_text_color=\u00bb#B82AB4&#8243; header_3_font_size=\u00bb25px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\">ETAPA 3. Wireframing<\/span><\/h1>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><span style=\"color: #ffffff\">La etapa 3 fue parte importante de la creaci\u00f3n de esta aplicaci\u00f3n ya que aqu\u00ed se realizo por asi decirlo un bocetaje de como seria la aplicaci\u00f3n pero se realizo de manera de wirefraiming que es como que el prototipo de la aplicaci\u00f3n pero sin color y sin im\u00e1genes, mas que nada es para conocer los tama\u00f1os y las ubicaciones de los diversos botones o la informaci\u00f3n.<\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_5,3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb2_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_gallery gallery_ids=\u00bb1135&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; box_shadow_style=\u00bbpreset2&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][\/et_pb_gallery][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|800|||||||\u00bb header_text_color=\u00bb#B82AB4&#8243; header_3_font=\u00bb|600|||||||\u00bb header_3_text_color=\u00bb#B82AB4&#8243; header_3_font_size=\u00bb25px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\">ETAPA 4. Prototipado<\/span><\/h1>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><span style=\"color: #ffffff\">La etapa 4 fue para a\u00f1adir el dise\u00f1o en general para el prototipo de la aplicaci\u00f3n, donde ya era con informaci\u00f3n, las diversas im\u00e1genes que se iban a colocar, durante esta etapa se le dio vida al dise\u00f1o de informaci\u00f3n\u00a0de esta aplicaci\u00f3n\u00a0empleando todo los que se investigo en etapas anteriores.<\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_5,3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb2_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_gallery gallery_ids=\u00bb1144,1142,1141,1143,1138,1139,1140&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.24.2&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; box_shadow_style=\u00bbpreset2&#8243; global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0&#8243;][\/et_pb_gallery][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.20.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bbMontserrat|800|||||||\u00bb header_text_color=\u00bb#B82AB4&#8243; header_3_font=\u00bb|600|||||||\u00bb header_3_text_color=\u00bb#B82AB4&#8243; header_3_font_size=\u00bb25px\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h1 style=\"text-align: center\"><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<p><span style=\"color: #ffffff\"><\/span><\/p>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\"><\/span><\/h1>\n<h1 style=\"text-align: center\"><span style=\"color: #ffffff\">ETAPA 5. UMap<\/span><\/h1>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><span style=\"color: #ffffff\">La etapa 5 fue para concluir el proyecto en si donde ya en Adobe XD se utilizo la funci\u00f3n de desplazarse por paginas como si fuera una aplicaci\u00f3n real, donde se pod\u00eda\u00a0navegar realmente aunque claro con funciones mas limitadas que una aplicaci\u00f3n\u00a0real.<\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>DIARIOS METACOGNITIVOSPROYECTO INTEGRADOR Dise\u00f1o de informaci\u00f3n interactivo INFORMACI\u00d3N INTERACTIVA Este proyecto fue el principal de este semestre, donde en la materia de dise\u00f1o de informaci\u00f3n tuvimos que realizar una propuesta de dise\u00f1o de informaci\u00f3n interactivo, en mi caso una aplicaci\u00f3n\u00a0de un mapa de la UM. ETAPA 1. Definir la problem\u00e1tica \u00a0 Durante esta primera etapa [&hellip;]<\/p>\n","protected":false},"author":46,"featured_media":0,"parent":67,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/pages\/959"}],"collection":[{"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/comments?post=959"}],"version-history":[{"count":7,"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/pages\/959\/revisions"}],"predecessor-version":[{"id":1150,"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/pages\/959\/revisions\/1150"}],"up":[{"embeddable":true,"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/pages\/67"}],"wp:attachment":[{"href":"https:\/\/dcv.artcom.mx\/pda\/1220018\/wp-json\/wp\/v2\/media?parent=959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}