{"id":1016,"date":"2014-03-08T15:10:43","date_gmt":"2014-03-08T15:10:43","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?p=1016"},"modified":"2015-12-17T09:35:35","modified_gmt":"2015-12-17T09:35:35","slug":"justinmind-prototyper-creant-els-nostres-prototips-web","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/prototipat\/justinmind-prototyper-creant-els-nostres-prototips-web\/","title":{"rendered":"Justinmind Prototyper, creant els nostres prototips web"},"content":{"rendered":"<p>Una de les fases m\u00e9s cl\u00e0ssiques i necess\u00e0ries en creaci\u00f3 \u00e9s l&#8217;anomenat esb\u00f3s o croquis. Traslladat al camp del disseny web seria l&#8217;anomenat &#8220;Mockup&#8221;, que b\u00e0sicament s&#8217;utilitza per crear una interf\u00edcie que pugui ser testejada abans de dissenyar i muntar. Necessitem deixar definida l&#8217;estructura, funcionalitats i disseny abans de comen\u00e7ar amb el desenvolupament en si. Aquest esb\u00f3s servir\u00e0 per anar concretant detalls i anar desenvolupant el disseny final, per presentar als clients o altres treballadors de l&#8217;equip que treballen en el projecte.<\/p>\n<p>Amb Justinmind Prototyper podem fer aix\u00f2 i molt m\u00e9s d&#8217;una forma bastant senzilla. Es tracta d&#8217;una aplicaci\u00f3 d&#8217;origen espanyol, encara que s&#8217;ha establert a USA, a Silicon Valley. Google, Audi, Paypal, NASA, Redbull, Sony i MTV s\u00f3n algunes de les empreses que utilitzen aquesta eina.<\/p>\n<p>Per crear el nostre prototip distribuirem diferents ginys a la pantalla. Podem crear diverses pantalles i anar enlla\u00e7ant-les per obtenir la simulaci\u00f3 d&#8217;una aplicaci\u00f3 web completa.<\/p>\n<p>A m\u00e9s dels ginys inclosos amb l&#8217;aplicaci\u00f3, podem descarregar alguns m\u00e9s des de la web de Justinmind: <a href=\"http:\/\/www.justinmind.com\/prototyper\/widgets-web\">http:\/\/www.justinmind.com\/prototyper\/widgets-web<\/a> . Tamb\u00e9 podem crear els nostres propis sets, espec\u00edfics per a cada projecte.<\/p>\n<p>L&#8217;aplicaci\u00f3 \u00e9s bastant senzilla d&#8217;utilitzar i t\u00e9 2 parts principals, els panells din\u00e0mics i els esdeveniments. Els panells din\u00e0mics permeten posar diversos elements a la mateixa \u00e0rea, d&#8217;aquesta forma podrem simular botons, canvis de pestanya o altres continguts que canvien din\u00e0micament, etc. Els esdeveniments ens permeten indicar accions sobre els elements que tenim en el nostre disseny.<\/p>\n<p>Podem consultar un manual d&#8217;iniciaci\u00f3 a la seg\u00fcent web:<\/p>\n<p><a href=\"https:\/\/www.yumpu.com\/es\/document\/view\/12459850\/tutoriales-para-justinmind-prototyper-nivel-basico-amazon-web-\">https:\/\/www.yumpu.com\/es\/document\/view\/12459850\/tutoriales-para-justinmind-prototyper-nivel-basico-amazon-web-<\/a><\/p>\n<p>Enlla\u00e7os d&#8217;inter\u00e8s:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.justinmind.com\/\">http:\/\/www.justinmind.com\/<\/a>(web oficial)<\/li>\n<li><a href=\"http:\/\/www.justinmind.com\/prototyper\/learn-build\">http:\/\/www.justinmind.com\/prototyper\/learn-build<\/a> (tutorials oficials en angl\u00e8s)<\/li>\n<li><a href=\"http:\/\/olgacarreras.blogspot.com.es\/2007\/02\/wireframes.html\">http:\/\/olgacarreras.blogspot.com.es\/2007\/02\/wireframes.html<\/a> (terminologia)<\/li>\n<li><a href=\"http:\/\/www.abc.es\/tecnologia\/moviles-aplicaciones\/20131205\/abci-justinmind-prototyper-triunfo-espanol-201312042057.html\">http:\/\/www.abc.es\/tecnologia\/moviles-aplicaciones\/20131205\/abci-justinmind-prototyper-triunfo-espanol-201312042057.html<\/a><\/li>\n<li><a href=\"http:\/\/www.ddw.com.ar\/guias\/planificacion-web\/241-haz-prototipos-para-tu-sitio-web\">http:\/\/www.ddw.com.ar\/guias\/planificacion-web\/241-haz-prototipos-para-tu-sitio-web<\/a><\/li>\n<li><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/prototipado-diseno-web.html\">http:\/\/www.desarrolloweb.com\/articulos\/prototipado-diseno-web.html<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Una de les fases m\u00e9s cl\u00e0ssiques i necess\u00e0ries en creaci\u00f3 \u00e9s l&#8217;anomenat esb\u00f3s o croquis. Traslladat al camp del disseny web seria l&#8217;anomenat &#8220;Mockup&#8221;, que b\u00e0sicament s&#8217;utilitza per crear una interf\u00edcie que pugui ser testejada abans de dissenyar i muntar. Necessitem deixar definida l&#8217;estructura, funcionalitats i disseny abans de comen\u00e7ar amb el desenvolupament en si. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/prototipat\/justinmind-prototyper-creant-els-nostres-prototips-web\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abJustinmind Prototyper, creant els nostres prototips web\u00bb<\/span><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"parent":1162,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[37],"class_list":["post-1016","page","type-page","status-publish","hentry","tag-justinmind","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=1016"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1016\/revisions"}],"predecessor-version":[{"id":1018,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1016\/revisions\/1018"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1162"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=1016"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=1016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}