Prototipação de software
Bom pessoal,
hoje vou falar sobre prototipação de sistemas e apresentar uma ferramenta on-line, desenvolvida em Flex para a elaboração dos protótipos.
O principal uso da prototipação é auxiliar todos os envolvidos com o sistema, como por exemplo, clientes, desenvolvedores e analistas, a entender os requisitos do sistema.
A prototipação pode ser considerada como uma ferramenta para a redução de riscos. Porém como qualquer solução é necessário entender os seus pontos positivos e negativos.
Pontos positivos
- Equívocos entre usuários do sistema e desenvolvedores são expostos;
- Funcionalidades esquecidas ou confusas são identificadas;
- Maior produtividade do desenvolvedor, pois fica mais fácil saber exatamente o que vai ser desenvolvido;
- Os protótipos podem ser reavaliados por uma pessoa experiente em técnicas de usabilidade, assim criando interfaces gráficas mais produtivas e funcionais;
- Os protótipos podem ainda serem usados para compor documentações técnicas, manuais do usuário e serem utilizadas no treinamento do sistema;
- Maior aproximação do sistema ao objetivo final do projeto;
- Melhoria da qualidade do projeto e conseqüentemente na manutenção;
- Agiliza o processo de validação, aprovação e homologação do sistema.
Pontos negativos
- O tempo de desenvolvimento de protótipos está dependente da experiência das pessoas envolvidas. O tempo dos protótipos iniciais pode ser demorado, enquanto se adquire a experiência de como elaborar protótipos de forma rápida e eficiente; Um processo de coleta eficiente ajuda no repasse das informações para o prototipador do sistema, além de outros fatores, como padrão da interface gráfica do sistema, como por exemplo: padrão de telas de listas, cadastro, relatórios, e menu de navegação.
- Em algumas circunstâncias o desenvolvimento de protótipos atrasa o desenvolvimento e origina um aumento do custo do sistema final. O sistema obtido com base nos resultados da elaboração dos protótipos é melhor mas poderá não ser recompensador. Por esse motivo várias empresas optam pela prototipação de processos complexos, os processos simples, como um simples cadastro, utiliza-se outras técnicas de documentação mais simples e também eficientes;
- Alguns requisitos, como requisitos de “em tempo real” e requisitos não funcionais podem ser difíceis ou mesmo impossíveis de implementar em um protótipo.
Ferramenta desenvolvida em Flex: Balsamiq Mockups
O Balsamiq Mockups é uma ferramenta utilizada para a produção de protótipos de sistema. Para acessá-la, vá até o site http://www.balsamiq.com/products/mockups e clique no link Try it now. Também está disponível a versão para desktop, que roda sobre a plataforma Adobe AIR, disponível em http://www.balsamiq.com/products/mockups/desktop.
O modo de trabalho é muito simples, a interface do sistema é composta:
- Área de trabalho: onde você desenhará seu protótipo;
- Lista de componentes: componentes utilizados para a elaboração do protótipo;
- Barra de categorias de componentes: categorias utilizadas para selecionar os componentes com maior agilidade;
- Barra de menus: menus do sistema, como salvar, importar, entre outros;
- Barra de ícones rápidos: utilizados para funções tradicionais, como copiar, colar, agupar e desagrupar elementos, etc.
Abaixo segue o protótipo que elaborei como exemplo.
Código-fonte
| <mockup version=”1.0″ skin=”sketch” measuredW=”940″ measuredH=”555″ mockupW=”770″ mockupH=”500″>
<controls> <control controlID=”32″ controlTypeID=”com.balsamiq.mockups::MenuBar” x=”175″ y=”127″ w=”740″ h=”29″ measuredW=”240″ measuredH=”29″ zOrder=”12″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Cadastro%2C%20Relat%F3rios%2C%20Ajuda</text> </controlProperties> </control> <control controlID=”7″ controlTypeID=”com.balsamiq.mockups::BrowserWindow” x=”160″ y=”45″ w=”770″ h=”500″ measuredW=”450″ measuredH=”400″ zOrder=”0″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Sistema%20empresarial%0Ahttp%3A//www.meu-sistema.com.br</text> </controlProperties> </control> <control controlID=”21″ controlTypeID=”com.balsamiq.mockups::TitleWindow” x=”175″ y=”162″ w=”740″ h=”343″ measuredW=”450″ measuredH=”400″ zOrder=”1″ locked=”false” isInGroup=”-1″> <controlProperties> <topheight>26</topheight> <text>Cadastro%20de%20cliente</text> <bottomheight>44</bottomheight> <dragger>true</dragger> </controlProperties> </control> <control controlID=”22″ controlTypeID=”com.balsamiq.mockups::Button” x=”455″ y=”468″ w=”-1″ h=”-1″ measuredW=”63″ measuredH=”28″ zOrder=”2″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Salvar</text> </controlProperties> </control> <control controlID=”23″ controlTypeID=”com.balsamiq.mockups::Button” x=”556″ y=”469″ w=”-1″ h=”-1″ measuredW=”67″ measuredH=”28″ zOrder=”3″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Fechar</text> </controlProperties> </control> <control controlID=”24″ controlTypeID=”com.balsamiq.mockups::ComboBox” x=”331″ y=”275″ w=”-1″ h=”-1″ measuredW=”91″ measuredH=”92″ zOrder=”4″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Selecione%0ACasado%0ASolteiro%0ADivorciado</text> </controlProperties> </control> <control controlID=”25″ controlTypeID=”com.balsamiq.mockups::DateChooser” x=”331″ y=”239″ w=”-1″ h=”-1″ measuredW=”106″ measuredH=”29″ zOrder=”5″ locked=”false” isInGroup=”-1″> <controlProperties> <text>%20%20/%20%20/%20%20%20%20</text> </controlProperties> </control> <control controlID=”26″ controlTypeID=”com.balsamiq.mockups::Label” x=”190″ y=”242″ w=”-1″ h=”-1″ measuredW=”126″ measuredH=”25″ zOrder=”6″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Data%20de%20nascimento</text> </controlProperties> </control> <control controlID=”27″ controlTypeID=”com.balsamiq.mockups::Label” x=”240″ y=”275″ w=”-1″ h=”-1″ measuredW=”76″ measuredH=”25″ zOrder=”7″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Estado%20civil</text> </controlProperties> </control> <control controlID=”28″ controlTypeID=”com.balsamiq.mockups::Label” x=”278″ y=”206″ w=”-1″ h=”-1″ measuredW=”38″ measuredH=”25″ zOrder=”8″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Nome</text> </controlProperties> </control> <control controlID=”29″ controlTypeID=”com.balsamiq.mockups::TextInput” x=”331″ y=”205″ w=”269″ h=”-1″ measuredW=”79″ measuredH=”29″ zOrder=”9″ locked=”false” isInGroup=”-1″> <controlProperties> <text/> </controlProperties> </control> <control controlID=”30″ controlTypeID=”com.balsamiq.mockups::TextArea” x=”330″ y=”377″ w=”269″ h=”47″ measuredW=”200″ measuredH=”140″ zOrder=”10″ locked=”false” isInGroup=”-1″> <controlProperties> <text/> </controlProperties> </control> <control controlID=”31″ controlTypeID=”com.balsamiq.mockups::Label” x=”232″ y=”377″ w=”84″ h=”23″ measuredW=”84″ measuredH=”25″ zOrder=”11″ locked=”false” isInGroup=”-1″> <controlProperties> <text>Observa%E7%F5es</text> </controlProperties> </control> </controls> </mockup> |
Escrito por Renan Fretta
on março 2, 2010. Arquivado em Flex.
Você pode seguir as respostas a esse artigo pelo RSS 2.0.
Você pode deixar respostas para esse artigo
1 resposta a Prototipação de software
Deixe uma resposta
Autor do Artigo
Renan Fretta
Excelente post!
Trabalho com protótipos de aplicações web e concordo inteiramente com os pontos positivos e negativos apresentados.
Gostaria apenas de salientar que os pontos negativos podem ser minimizados (talvez até eliminados) se existir um gerenciamento eficiênte do projeto. Ou seja no escopo e cronograma já constar um prazo definido para ocorrer a prototipação.