<\/span><\/h2>\n <\/p>\n
As maquetas s\u00e3o uma parte essencial de um excelente design UI\/UX. S\u00e3o muito mais do que apenas o passo seguinte aos wireframes. Em vez disso, oferecem aos programadores e designers uma forma de concetualizar o seu produto e de o transformar em algo tang\u00edvel. <\/span><\/p>\nA utiliza\u00e7\u00e3o de maquetas durante as fases de desenvolvimento permite-lhe incorporar rapidamente o feedback. Estas representa\u00e7\u00f5es de alta defini\u00e7\u00e3o do seu produto final proporcionam realismo suficiente para que possa ter uma boa no\u00e7\u00e3o do aspeto e da sensa\u00e7\u00e3o da sua futura aplica\u00e7\u00e3o. <\/span><\/p>\nAs maquetas s\u00e3o tamb\u00e9m uma \u00f3ptima forma de as partes interessadas ou os investidores verem se o produto corresponde \u00e0s suas expectativas. Mais importante ainda, se receber feedback que signifique que precisa de fazer altera\u00e7\u00f5es, \u00e9 simples incorporar estas novas opini\u00f5es na sua maquete muito antes de ter introduzido uma linha de c\u00f3digo.<\/span><\/p>\n <\/p>\n
<\/span>Automa\u00e7\u00e3o baseada em maquetas ZAPTEST<\/strong><\/span><\/h2>\n <\/p>\n
Depois de entregar uma maquete que agrade a todos, pode passar \u00e0 etapa seguinte. No entanto, uma verdadeira abordagem Agile\/DevOps envolve testes automatizados logo na primeira oportunidade. Agora, pode perguntar-se: “Como \u00e9 que posso automatizar os testes quando estou apenas na fase de conce\u00e7\u00e3o?” Na ZAPTEST, entendemos que o teste cont\u00ednuo deve come\u00e7ar o mais cedo poss\u00edvel, e \u00e9 por isso que oferecemos automa\u00e7\u00e3o baseada em mockups.<\/span><\/p>\nNeste artigo, vamos mostrar-lhe como pode gerar scripts de teste e documenta\u00e7\u00e3o a partir da sua maquete e test\u00e1-la em paralelo em diferentes sistemas operativos.<\/span><\/p>\n <\/p>\n
<\/span>Passo 1: Da maquete ao gui\u00e3o de teste<\/strong><\/span><\/h3>\n <\/p>\n
Pode conceber maquetas de v\u00e1rias formas. Pode desenh\u00e1-los \u00e0 m\u00e3o ou utilizar ferramentas de desenho populares como o Figma ou o Placeit. Seja qual for o m\u00e9todo que preferir, pegue no seu produto final e utilize a funcionalidade GUI de digitaliza\u00e7\u00e3o do ZAPTESTs para o importar para a nossa plataforma.<\/span><\/p>\nA funcionalidade GUI de digitaliza\u00e7\u00e3o detecta qualquer texto na sua maquete e cria automaticamente objectos relacionados. Al\u00e9m disso, a ancoragem autom\u00e1tica estabelece rela\u00e7\u00f5es entre quaisquer campos de texto na sua maqueta e etiquetas no gui\u00e3o. O resultado \u00e9 que, se mover um texto espec\u00edfico no ecr\u00e3, todos os elementos relacionados o seguir\u00e3o automaticamente. Por exemplo, se tiver uma maquete de um ecr\u00e3 de in\u00edcio de sess\u00e3o, pode ligar um objeto “Nome de utilizador” a um campo de texto. <\/span><\/p>\nAl\u00e9m disso, durante esta fase, \u00e9 poss\u00edvel modificar os valores de nome predefinidos para os objectos, de modo a garantir a m\u00e1xima clareza. Esta funcionalidade \u00e9 especialmente \u00fatil se tiver muitos bot\u00f5es diferentes na sua maquete. <\/span><\/p>\nComo resultado deste processo, todos os objectos s\u00e3o armazenados e organizados no Explorador do Reposit\u00f3rio.<\/span><\/p>\n <\/p>\n
<\/span>Passo 2: Adicionar objectos ao gui\u00e3o<\/strong><\/span><\/h3>\n <\/p>\n
Depois de ter importado e identificado a sua maquete, \u00e9 altura de a transformar num gui\u00e3o de teste. <\/span><\/p>\nPara definir uma etapa no script ZAPTEST, basta localizar o objeto no Mapa GUI ou no Reposit\u00f3rio de Objectos e fazer duplo clique sobre ele. Ou pode arrastar e largar objectos num local espec\u00edfico do seu gui\u00e3o. O ZAPTEST sugerir\u00e1 uma lista de opera\u00e7\u00f5es a escolher para a etapa.<\/span><\/p>\nA primeira coisa que precisa de fazer \u00e9 adicionar um passo de valida\u00e7\u00e3o que verifique se a sua p\u00e1gina de destino existe. Em seguida, tem de selecionar “TYPE” e adicionar cada elemento da sua maquete (ou seja, um “nome de utilizador” ligado e um campo de texto). <\/span><\/p>\nDepois, pode adicionar “CLICK” a qualquer bot\u00e3o da sua maquete que os seus utilizadores possam selecionar.<\/span><\/p>\nPor fim, quando a sua aplica\u00e7\u00e3o estiver pronta para ser testada, escolha um browser desejado, seleccione LAN\u00c7AR e escreva o endere\u00e7o da aplica\u00e7\u00e3o. Agora, pode executar o seu script na aplica\u00e7\u00e3o.<\/span><\/p>\n <\/p>\n
<\/span>Passo 3: Executar o script <\/strong><\/span><\/h3>\n <\/p>\n
A automatiza\u00e7\u00e3o do teste de maquetas ZAPTEST \u00e9 t\u00e3o poderosa que o script \u00e9 executado \u00e0 primeira sem necessidade de quaisquer modifica\u00e7\u00f5es. Agora, pode testar o seu modelo a partir do seu browser e ter uma no\u00e7\u00e3o real da experi\u00eancia do utilizador da sua aplica\u00e7\u00e3o, tudo isto sem escrever qualquer c\u00f3digo. <\/span><\/p>\nQuando o script estiver pronto, pode ser adicionado ao seu pipeline de CI\/CD e utilizado na sua estrutura de testes cont\u00ednuos. <\/span><\/p>\nEsta funcionalidade poupa obviamente muito tempo. Al\u00e9m disso, tamb\u00e9m significa que os funcion\u00e1rios de design n\u00e3o t\u00e9cnicos podem transformar as suas ideias em aplica\u00e7\u00f5es funcionais em minutos – sem mais esperas para p\u00f4r as ideias em pr\u00e1tica. <\/span><\/p>\nNo entanto, as poupan\u00e7as de tempo n\u00e3o se ficam por aqui; a automatiza\u00e7\u00e3o de maquetas ZAPTEST tamb\u00e9m lhe permite criar documenta\u00e7\u00e3o.<\/span><\/p>\n <\/p>\n
<\/span>1. Gerar documenta\u00e7\u00e3o<\/strong><\/span><\/h3>\n <\/p>\n
O ZAPTEST permite-lhe gerar documenta\u00e7\u00e3o de teste com um simples clique de um bot\u00e3o. A documenta\u00e7\u00e3o est\u00e1 dividida em passos detalhados com uma sec\u00e7\u00e3o para os resultados esperados. A melhor coisa \u00e9 que pode converter estes documentos numa variedade de formatos, como Word, PDF, HTML, XML e CSV. Al\u00e9m disso, tamb\u00e9m pode exportar para o Micro Focus ALM, Rally (ou CA Agile Center), Jira, o Azure DevOps e muitos outros. As op\u00e7\u00f5es s\u00e3o infinitas.<\/span><\/p>\n <\/p>\n
<\/span>2. Execu\u00e7\u00e3o em paralelo<\/strong><\/span><\/h3>\n <\/p>\n
A etapa final da nossa automa\u00e7\u00e3o de teste baseada em mockups envolve o uso do ZAPTEST M-RUN. As nossas poderosas ferramentas de automatiza\u00e7\u00e3o de testes de software permitem aos utilizadores executar v\u00e1rios scripts ao mesmo tempo em v\u00e1rias plataformas diferentes. Os utilizadores acedem \u00e0s aplica\u00e7\u00f5es atrav\u00e9s de diferentes dispositivos e sistemas operativos, pelo que \u00e9 imperativo testar cada uma destas propriedades.<\/span><\/p>\nAlgumas das plataformas que o ZAPTEST M-RUN permite testar s\u00e3o Android, iOS, Mac, Linux e Windows. Pode ligar o ZAPTEST a dispositivos f\u00edsicos do mundo real e utilizar a nossa plataforma para executar o teste e gerir os resultados. Este processo tamb\u00e9m se baseia na implementa\u00e7\u00e3o do ZAPTEST 1SCRIPT, que facilita a realiza\u00e7\u00e3o de testes e a execu\u00e7\u00e3o em diferentes plataformas sem a necessidade de alterar o c\u00f3digo de automatiza\u00e7\u00e3o para se adequar a cada propriedade separada.<\/span><\/p>\nA visualiza\u00e7\u00e3o remota em direto permite-lhe monitorizar os testes em paralelo. Quando o teste estiver conclu\u00eddo, pode rever os resultados de cada dispositivo individual. Estes dados ajudam a garantir que a sua aplica\u00e7\u00e3o pode funcionar sem problemas nos v\u00e1rios dispositivos que as partes interessadas utilizam. <\/span><\/p>\n <\/p>\n
<\/span>Considera\u00e7\u00f5es finais<\/strong><\/span><\/h2>\n <\/p>\n
Como qualquer programador de software sabe, os testes chegam muitas vezes demasiado tarde. A implementa\u00e7\u00e3o de testes numa fase posterior do ciclo de desenvolvimento de software pode revelar problemas que deveriam ter sido detectados mais cedo, levando a reescritas de c\u00f3digo dispendiosas. No entanto, tamb\u00e9m pode ser feito demasiado tarde e causar grandes atrasos durante o ciclo de vida de desenvolvimento do software (SDLC).<\/span><\/p>\nOs modelos de maquetas s\u00e3o uma \u00f3ptima forma de identificar problemas de IU\/UX numa fase inicial. No entanto, para as equipas Agile\/DevOps, s\u00e3o tamb\u00e9m uma oportunidade para implementar testes cont\u00ednuos o mais rapidamente poss\u00edvel. Gra\u00e7as \u00e0 tecnologia de vis\u00e3o computacional do ZAPTEST, pode agora importar as suas maquetas desenhadas \u00e0 m\u00e3o ou geradas por computador, convert\u00ea-las em c\u00f3digo e test\u00e1-las nos v\u00e1rios dispositivos que os seus intervenientes utilizam. <\/span><\/p>\nA partir da\u00ed, pode gerar documenta\u00e7\u00e3o e resultados de testes que aumentam o feedback da IU\/UX, garantindo que a sua aplica\u00e7\u00e3o come\u00e7a da melhor forma.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":" O ZAPTEST ajuda os programadores a automatizar as suas maquetas o mais cedo poss\u00edvel. Esta funcionalidade permite que as equipas adoptem uma abordagem Agile\/DevOps durante o fase de conce\u00e7\u00e3o, permitindo-lhes come\u00e7ar da forma como tencionam continuar. A import\u00e2ncia das maquetas As maquetas s\u00e3o uma parte essencial de um excelente design UI\/UX. S\u00e3o […]<\/p>\n","protected":false},"author":14624,"featured_media":16171,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"A automa\u00e7\u00e3o de testes baseada em mockups do ZAPTEST para Agile DevOps","_seopress_titles_desc":"Saiba como a abordagem de automatiza\u00e7\u00e3o de testes baseada em maquetes da ZAPTEST apoia as equipas DevOps \u00e1geis a colaborar e a incutir agilidade no ciclo de desenvolvimento de software.","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","footnotes":"","beyondwords_generate_audio":"","beyondwords_integration_method":"","beyondwords_project_id":"","beyondwords_content_id":"","beyondwords_preview_token":"","beyondwords_player_content":"","beyondwords_player_style":"","beyondwords_language_code":"","beyondwords_language_id":"","beyondwords_title_voice_id":"","beyondwords_body_voice_id":"","beyondwords_summary_voice_id":"","beyondwords_error_message":"","beyondwords_disabled":"","beyondwords_delete_content":"","beyondwords_podcast_id":"","beyondwords_hash":"","publish_post_to_speechkit":"","speechkit_hash":"","speechkit_generate_audio":"","speechkit_project_id":"","speechkit_podcast_id":"","speechkit_error_message":"","speechkit_disabled":"","speechkit_access_key":"","speechkit_error":"","speechkit_info":"","speechkit_response":"","speechkit_retries":"","speechkit_status":"","speechkit_updated_at":"","_speechkit_link":"","_speechkit_text":""},"categories":[419],"tags":[],"class_list":{"0":"post-69588","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guias-pt-br"},"acf":{"short_name":"ZAPTEST para DevOps \u00e1geis"},"_links":{"self":[{"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/posts\/69588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/users\/14624"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/comments?post=69588"}],"version-history":[{"count":0,"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/posts\/69588\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/media\/16171"}],"wp:attachment":[{"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/media?parent=69588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/categories?post=69588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zaptest.com\/pt-br\/wp-json\/wp\/v2\/tags?post=69588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}