{"id":403,"date":"2013-06-14T18:42:28","date_gmt":"2013-06-14T21:42:28","guid":{"rendered":"https:\/\/www.brasilnaweb.com.br\/blog\/?p=403"},"modified":"2017-06-09T15:00:03","modified_gmt":"2017-06-09T18:00:03","slug":"prototipacao-de-sistemas","status":"publish","type":"post","link":"https:\/\/brasilnaweb.com.br\/blog\/prototipacao-de-sistemas\/","title":{"rendered":"Ferramenta para prototipa\u00e7\u00e3o de telas de sistemas, sites e apps"},"content":{"rendered":"<p>Voc\u00ea teve a ideia de um novo site ou sistema e agora precisa fazer um esbo\u00e7o de como ele \u00e9 para poder mostrar para uma empresa de desenvolvimento, um amigo ou para aquele seu sobrinho. Enfim, como esbo\u00e7ar o seu projeto de uma forma f\u00e1cil e r\u00e1pida?<\/p>\n<p>Alguns profissionais utilizam ferramentas de edi\u00e7\u00e3o de imagens, como o Fireworks, Photoshop, Ilustrator e CorelDraw, para realizar essa tarefa. Por\u00e9m essas ferramentas s\u00e3o muito complexas para iniciantes. Bem, voc\u00ea pode pensar&#8230; vou usar o MS-Paint, mas logo lhe vem na cabe\u00e7a que ele n\u00e3o tem todas as ferramentas que precisa. Diante disso voc\u00ea pode procurar por &#8220;n&#8221; ferramentas on-line que resolvam o seu problema.<\/p>\n<p>Este post visa lhe dar uma luz sobre qual ferramenta usar para prototipagem de telas de sistema, apresentando a ferramenta <strong>Balsamiq Mockups<\/strong>.<\/p>\n<p>Criada pela Basalmiq Studio \u00e9 uma aplica\u00e7\u00e3o baseada em Flex (pode ser testada online e a vers\u00e3o completa roda em desktop via Adobe AIR). O download da ferramenta pode ser realizado <a href=\"http:\/\/www.balsamiq.com\/download\" target=\"_blank\">aqui<\/a>. A vers\u00e3o trial online possui algumas limita\u00e7\u00f5es (ex: n\u00e3o adiciona imagens), mesmo assim j\u00e1 \u00e9 muito \u00fatil: as telas criadas podem ser exportadas para XML\u00a0e salvas no computador.<\/p>\n<p>A vers\u00e3o paga custa $ 79.00, mas \u00e9 poss\u00edvel conseguir a licen\u00e7a Free caso voc\u00ea seja \u00a0professor ou desenvolvedor de software livre.<\/p>\n<p>Abaixo segue alguns exemplos de telas geradas atrav\u00e9s do Balsamiq Mockups:<\/p>\n<p><a href=\"http:\/\/www.brasilnaweb.com.br\/wp-content\/uploads\/2013\/08\/balsamiq-mockups.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-405 size-full\" src=\"http:\/\/www.brasilnaweb.com.br\/wp-content\/uploads\/2013\/08\/balsamiq-mockups.jpg\" alt=\"\" width=\"570\" height=\"506\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.brasilnaweb.com.br\/wp-content\/uploads\/2013\/08\/balsamiq2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-407 size-full\" style=\"font-size: 1rem; line-height: 1;\" src=\"http:\/\/www.brasilnaweb.com.br\/wp-content\/uploads\/2013\/08\/balsamiq2.jpg\" alt=\"\" width=\"520\" height=\"404\" \/><\/a><\/p>\n<p>Enfim, caso voc\u00ea esteja precisando de uma ferramenta para prot\u00f3tipos, vale apena dar uma olhada nesta. Fica a dica. At\u00e9 a pr\u00f3xima!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea teve a ideia de um novo site ou sistema e agora precisa fazer um esbo\u00e7o de como ele \u00e9 para poder mostrar para uma empresa de desenvolvimento, um amigo ou para aquele seu sobrinho. Enfim, como esbo\u00e7ar o seu projeto de uma forma f\u00e1cil e r\u00e1pida? Alguns profissionais utilizam ferramentas de edi\u00e7\u00e3o de imagens, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":405,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas-do-webdesigner"],"_links":{"self":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":0,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/405"}],"wp:attachment":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}