{"id":74,"date":"2015-11-22T21:49:47","date_gmt":"2015-11-22T21:49:47","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/joyasarm\/?p=74"},"modified":"2015-12-02T10:17:00","modified_gmt":"2015-12-02T10:17:00","slug":"daw-prototipos-para-inicio-de-sesion","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/joyasarm\/2015\/11\/22\/daw-prototipos-para-inicio-de-sesion\/","title":{"rendered":"Daw: prototipos para inicio de sesi\u00f3n"},"content":{"rendered":"<p>Estuve observando lo que debe tener un inicio de sesi\u00f3n, campos proporcionados ya sea para iniciar sesi\u00f3n o registrarse; adem\u00e1s de ver como es la iteraci\u00f3n al momento de registrarse por medio de redes sociales u correo electr\u00f3nico.<\/p>\n<p>Me llamo mucho la atenci\u00f3n el inicio de sesi\u00f3n de la pagina http:\/\/edufindme.com\/ ya que adem\u00e1s de todas las caracter\u00edsticas com\u00fanmente encontradas posee un efecto o transici\u00f3n en el mismo modal fade para cuando es la opci\u00f3n de registrar un nuevo usuario.<\/p>\n<p>Por consiguiente, siguiendo este modelo o prototipo de inicio de sesi\u00f3n, realice un modulo que se sobreponga a la pagina principal y se puedan observar las opciones para inicio de sesi\u00f3n respectivamente.<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registroIn.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-75\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registroIn-300x161.png\" alt=\"registroIn\" width=\"300\" height=\"161\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registroIn-300x161.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registroIn.png 568w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Posteriormente agregue los correctos iconos y botones de tipo submit, para poder enviar el formulario, una vez que est\u00e9n llenos todos los campos obligatorios.<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registro-fin.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-76\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registro-fin-300x162.png\" alt=\"registro fin\" width=\"300\" height=\"162\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registro-fin-300x162.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registro-fin-1024x553.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/12\/registro-fin.png 1366w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Las l\u00edneas de c\u00f3digo se encuentran despu\u00e9s de la secci\u00f3n footer del archivo index.HTML<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/11\/cod.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-80\" src=\"http:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/11\/cod-300x156.png\" alt=\"cod\" width=\"300\" height=\"156\" srcset=\"https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/11\/cod-300x156.png 300w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/11\/cod-1024x533.png 1024w, https:\/\/blog.espol.edu.ec\/joyasarm\/files\/2015\/11\/cod.png 1195w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Para poder realizar este avance consulte:<\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/bootstrap\/bootstrap_buttons.asp\">[1] tipos de botones<\/a><\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/html\/tryit.asp?filename=tryhtml_form_submit\">[2] tipo de formulario<\/a><\/p>\n<p><a href=\"http:\/\/www.w3schools.com\/tags\/att_button_form.asp\">[3] uso de botones de tipo submit<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estuve observando lo que debe tener un inicio de sesi\u00f3n, campos proporcionados ya sea para iniciar sesi\u00f3n o registrarse; adem\u00e1s de ver como es la iteraci\u00f3n al momento de registrarse por medio de redes sociales u correo electr\u00f3nico. Me llamo mucho la atenci\u00f3n el inicio de sesi\u00f3n de la pagina http:\/\/edufindme.com\/ ya que adem\u00e1s de [&hellip;]<\/p>\n","protected":false},"author":6283,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1301126],"tags":[],"class_list":["post-74","post","type-post","status-publish","format-standard","hentry","category-proyecto-de-daw"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/users\/6283"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":3,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/posts\/74\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/joyasarm\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}