Baixe o app para aproveitar ainda mais
Prévia do material em texto
UNIP INTERATIVA PROJETO INTEGRADO MULTIDISCIPLINAR V CURSOS SUPERIORES DE TECNOLOGIA SISTEMA DE FORMATAÇÃO DE ARTIGOS ACADÊMICOS Unip Interativa – Polo Paulista 2019 UNIP INTERATIVA PROJETO INTEGRADO MULTIDISCIPLINAR V CURSOS SUPERIORES DE TECNOLOGIA SISTEMA DE FORMATAÇÃO DE ARTIGOS ACADÊMICOS Curso: Análise e Desenvolvimento de Sistemas Semestre: Terceiro Unip Interativa – Polo Paulista 2019 Resumo O presente trabalho visa elaborar um sistema capaz de formatar artigos acadêmicos de autores para apresentar em diversas ocasiões. Para isso, foi necessário o desenvolvimento de uma empresa para prestar este serviço. Desta forma, o trabalho também irá apresentar as matérias realizadas no bimestre, Engenharia de Software II e Projeto de Interface com o Usuário, e a importância delas no curso de Análise e Desenvolvimento de Sistemas. Além disso, o trabalho seria a junção de conhecimento adquirido no bimestre com aplicação num estudo de caso, seguindo roteiro de testes (teste da caixa-preta), com o intuito de verificar a usabilidade do sistema e apontar possíveis erros. Diante disso, conseguimos medir nosso aprendizado de maneira prática, por meio da implementação e verificação do sistema, e teórica, tornando-nos aptos para o mercado de trabalho. Palavras-chave: Testes, Caixa-Preta, Programação Abstract The present work aims to elaborate a system capable of formatting academic articles of authors to present in several occasions. For this, it was necessary to develop a company to provide this service. In this way, the work will also present the materials carried out in the bimester, Software Engineering II and User Interface Design, and their importance in the course of Systems Analysis and Development. In addition, the work would be the joining of knowledge acquired in the bimester with application in a case study, following a test script (black-box test), with the purpose of verifying the usability of the system and pointing out possible errors. Given this, we were able to measure our learning in a practical way, through the implementation and verification of the system, and theoretical, making us fit for the job market. Keywords: Testing, Black Box, Programming Sumário 1 Introdução 5 2 Engenharia de Software II 5 3 Projeto de Interface com o Usuário 8 4 Testes 12 5 Conclusão 28 Referências bibliográficas preliminares 29 Introdução Neste projeto iremos aprofundar o que foi abordado nas matérias desse bimestre: Engenharia de Software II e Projeto de Interface com o Usuário. O trabalho terá tanto a parte teórica, com conhecimento aprofundado das matérias, quanto a programação na prática, com a realização de testes de caixa-preta. Dessa forma, ao utilizar a engenharia de software e a projeto de interface com o usuário para melhorar um sistema de formatação de artigos acadêmicos, com a intenção de melhorar a usabilidade e verificar sua correção em relação às falhas e erros encontrados no sistema. Além disso, para aprofundar o conhecimento dessas matérias, foi realizado testes de caixa-preta. Engenharia de Software II A Engenharia de Software II tem como objetivo garantir que as características exigidas pelo usuário tenham a qualidade necessária para que o processo ocorra de acordo com o combinado do início ao fim do processo. A qualidade de software é definida como um conjunto de características que devem ser alcançadas em um determinado grau para que o produto atenda às necessidades de seus usuários. A totalidade de características de uma entidade que lhe confere a capacidade de satisfazer as necessidades explícitas e implícitas (NBR ISO, 2000a). De acordo com Crosby (1990) temos cinco princípios considerados básicos da qualidade, que, se seguirmos, teremos melhores resultados. São eles: - Fazer certo desde o início economiza tempo e dinheiro: ao se preocupar desde o início com a qualidade do produto, garantiremos menos erros durante o processo e consequentemente haverá a diminuição do custo e cumprimento de prazos. - Qualidade é um processo preventivo: a qualidade deve ser objeto de foco desde o início do projeto e não apenas após o produto estar pronto. - Qualidade é o resultado do empenho às necessidades do usuário: desde o início do processo é necessário verificar as necessidades do cliente para definir as qualidades alinhadas às expectativas do cliente. - Qualidade é responsabilidade de todos: é necessário que todos da equipe estejam alinhados e conscientes da entrega da qualidade no projeto. - Qualidade é um processo de melhoria contínua: há sempre necessidade de aperfeiçoar e adquirir aprendizado com nossos erros. Um software de alta qualidade pode trazer diversos benefícios à empresa como aumento de produtividade, diminuição de defeitos no produto entregue, aumento da confiabilidade do produto entregue, diminuição do retrabalho, diminuição de horas extras dos integrantes do projeto e garantir a maior satisfação dos clientes. Porém, há alguns fatores que são empecilhos na garantia da qualidade, como a cultura organizacional, custos e prazos mal definidos e alguns envolvidos não identificados no processo. Durante os processos também há o controle da qualidade pelos gestores. Este controle visa avalias se as ações de qualidade que foram planejadas estão sendo executadas. Seria a auditoria da qualidade dos projetos. Estas auditorias podem gerar ações para correção destes problemas e podem ser classificadas como: - Auditorias de produto; - Auditorias de processo; - Auditorias de sistemas de qualidade; Existe o SGQ que é o Sistema de Gestão da Qualidade e tem como objetivo padronizar todos os processos das empresas para a criação de seu produto final, garantindo a satisfação de seus clientes e melhoria contínua dos processos. O SGQ mais conhecido é a NBR ISSO 9000 (Normas de Gestão de Qualidade e Garantia da Qualidade), lançada no final da década de 1980. Os modelos de qualidade que são voltados para a avaliação de processos de desenvolvimento ajudam as empresas a construírem uma estrutura adequada para a produção de softwares. Para avaliação de uma empresa existem níveis de maturidade que tem um conjunto de atributos específicos com o intuito de permitir a medida da evolução da capacidade de cada item para determinar as condições mínimas do nível desejado. O nível zero é o incompleto, onde não gerou os resultados esperados. O nível 1 é o executado, onde o projeto consegue alcançar pelo menos alguns de seus objetivos. O nível 2 é o gerenciado, que além de executado é realizado o gerenciamento, planejamento e controle das condições estabelecidas. O nível 3 é o estabelecido, que além de executado e gerenciado, também tem âmbito organizacional. O nível 4 é o previsível, onde também passa a ser medido de maneira quantitativa em relação aos resultados. O nível 5 é o otimizado, então além de tudo, ele pode ser mudado e evoluído de maneira controlada e dinâmica. A pontuação dos atributos do sistema pode ser N (não atendido), P (parcialmente atendido), L (largamente atendido) e F (totalmente atendido). Essa pontuação permite a classificação do grau de maturidade em que a empresa se encontra. Após isso é necessário a verificação e validação dos softwares. Essas técnicas são essenciais para a obtenção de qualidade no desenvolvimento de software, conhecidas como V&V. Essas técnicas, V&V, abrangem os seguintes cenários: - aplicação de algumas ferramentas que possam automatizar a revisão dos produtos; - utilização de revisão por partes; - adoção de normas de e padrões; - controle sistemático e formal das mudanças de requisitos; - manutenção de registros das alterações dos artefatos; - medição da qualidade; Uma das principais qualidades dessa técnica é garantir que o produto feito seja construído corretamente de acordo com as necessidades dos clientes, atuando de forma preventiva para que haja menos problemascom as possíveis correções do sistema. Essa técnica é dividida em duas categorias: - Técnica estática: desenvolvida de forma manual ou automática e não necessitam de execução do software; - Técnica Dinâmica: realizada de forma manual ou automática, sobre o software construído e necessidade de execução. Uma das técnicas utilizadas para testes é a técnica de testes funcionais ou caixa-preta. Inclusive é a técnica utilizada no estudo de caso deste Projeto. A técnica de testes funcionais é elaborada na fase de levantamento de requisitos, onde são extraídas as situações de sucesso e insucesso das execuções. A única desvantagem para testes funcionais é que não conseguimos garantir que a especificação esteja totalmente correta, independente das validações dos usuários. Por isso, para garantir bons testes é necessário: - especificação dos requisitos; - protótipo de telas visual Para a elaboração de testes é necessário especificar os casos de testes e elaborar o roteiro de testes. Já a manutenção de software são correções, adaptações técnicas ou evoluções que são realizadas num software que esteja em evolução ou construído, para que possa adequá-lo às mudanças de requisitos exigidas pelos usuários. Essa manutenção pode ocorrer por vários motivos diferentes, como: - nova estratégia na empresa; - demanda para acompanhamento da concorrência; - adequação para atender novas leis e regras; - exigências de clientes; - evoluções tecnológicas. Existem quatro tipo de manutenções: - Manutenção corretiva; - Manutenção perfectiva; - Manutenção adaptativa; - Manutenção preventiva. Projeto de Interface com o Usuário De acordo com Rocha (2003), a Interação Humano-Computador (IHC) abrange tudo que está relacionado com a interação de usuários com computadores. Já segundo Granollers (2003), a Interação Humano-Computador estuda fatores relacionados com a interação do ser humano e do computador, tendo como objetivo desenvolver ou melhorar a segurança, eficácia, utilidade e a usabilidade de produtos que sejam interativos baseados em computador. Enquanto Rozanski (2003), acredita que IHC é mais do que conceitos tradicionais de usabilidade e projetos de interface. Juntando esses entendimentos, o IHC seria uma disciplina que estuda a junção do design, implementação e avaliação de sistemas computacionais que sejam interativos para uso humano e dos estudos dos fenômenos que os cercam. A interface é responsável por realizar a comunicação entre o ser humano, que seria o usuário, com o hardware e software de um sistema computacional. A usabilidade é um conceito relacionado à qualidade da interação usuário-computador proporcionada pela interface de um sistema computacional. Com isso, ela é considerada uma medida para que um produto possa ser usado por usuários específicos para alcançar objetivos específicos com a máxima eficácia, eficiência e consequente satisfação dos clientes. Por isso, a usabilidade é um atributo de qualidade de software e pode ser definida como a capacidade que o produto de software tem para ser compreendido, apreendido, operado e assim, atraente ao usuário, para ser usado sob as condições especificadas. De acordo com Nielsen (1993), a usabilidade pode influenciar a aceitabilidade de um produto, podendo se aplicar a todos os aspectos do sistema, inclusive em procedimentos de instalação e manutenção, para determinados usuários que executam determinadas tarefas. Para que isso ocorra, Nielsen, define a usabilidade de acordo com os cincos atributos: - Aprendizagem: sistema de fácil entendimento ao usuário, para que este possa usá-lo rapidamente; - Eficiência: o sistema deve ser eficiente ao ponto de que quando o usuário aprender, consiga aprender a utilizá-lo com alta produtividade; - Memorização: o sistema deve ser fácil de ser lembrado, de modo que, mesmo ficando muito tempo sem utilizá-lo, o usuário consiga manuseá-lo sem ter que aprender tudo novamente do zero; - Erros: a taxa de erros do sistema deve ser baixa, com isso, erros de gravidade extrema não poderão ocorrer. Assim, a ideia é de que o usuário consiga recuperar o sistema para o estado anteriormente ao erro; - Satisfação: os usuários devem gostar do sistema. Ele deve ser agradável para que os usuários se sintam satisfeitos em utilizá-lo. Em contrapartida a esses atributos, quando as interfaces são ruins, podem causar diversos problemas ao usuário, como: - diminuição da produção; - necessidade de mais tempo para concluir tarefas; - realização de mais erros; - insatisfação com o sistema; - necessidade de aprender o sistema por mais tempo; - aumento de treinamentos; - esquecimento do uso de recursos pouco utilizados no dia a dia; - não aprender todas as funcionalidades do sistema. Na interface também existe a comunicabilidade. A comunicabilidade de uma interface é o modo de transmitir a visão do projetista sobre a lógica da interface do usuário. Dessa forma, se o usuário conseguir uma boa compreensão da lógica que consta na aplicação, aumentará sua possibilidade de conseguir construir interfaces que sejam mais eficientes e eficazes, conseguindo tirar melhor proveito do sistema. Além da comunicabilidade, o usuário precisa ter acessibilidade. Assim, as interfaces dos sistemas computacionais não podem impor barreiras ao usuário durante seu processo de interação. Por isso, os desenvolvedores devem garantir que o projeto consiga abranger mecanismos que possam permitir o fácil acesso pelos usuários portadores de necessidades especiais. De acordo com o EMAG: A acessibilidade à Web refere-se a garantir acesso facilitado a qualquer pessoa, independente das condições físicas, dos meios técnicos ou dispositivos utilizados. No entanto, ela depende de vários fatores, tanto de desenvolvimento quanto de interação com o conteúdo. O processo para desenvolver um sítio acessível é realizado em três passos: seguir padrões Web; seguir diretrizes ou recomendações de acessibilidade; realizar avaliação de acessibilidade. De acordo com IEEE, a Engenharia de Software é uma aplicação de uma abordagem sistemática, disciplinada e quantificável, para o desenvolvimento, manutenção e operação de software. A Engenharia de Software propõe diversos tipos de modelos de ciclo de vida de um software. Um exemplo com suas seguintes fases seria: - Requisitos: é também conhecida como Levantamento de Requisitos, tem como objetivo obter um conjunto de requisitos de um produto que seja acordado entre cliente e fornecedor; - Análise: tem como objetivo detalhar, estruturar e validar os devidos requisitos de software que foram levantados na fase dos requisitos; - Projeto: também conhecido como design, tem como finalidade decidir de que forma o sistema será implementado. Nesta fase é definida uma arquitetura de software, estabelecendo como a estrutura do produto será implementada para satisfazer os requisitos. Nessa arquitetura temos o banco de dados e desenho interno que irá modelar as partes lógicas e físicas do software. - Implementação: nesta fase o projeto será transportado para uma linguagem de implementação em forma de código-fonte. Essa fase tem como objetivo traduzir a solução em código e a conclusão desta fase somente irá ocorrer quando todo código estiver escrito, documentado e compilado, sem erros e seguindo o padrão do projeto. Plano de testes deverá ser feito; - Testes: esta fase tem como objetivo integrar e testar o sistema. Durante essa fase, o sistema será testado e verificado para certificar que todos os requisitos que foram especificados anteriormente tenham sido implementados de forma correta; - Implantação: essa fase tem a finalidade de assegurar que a transição seja bem-sucedida para seus usuários. Nela faremos a instalação do produto de software no ambiente desejado, revisão e testes de aceitação. Também tem a aplicação de treinamentos e procedimentos de instalação. A Engenharia de Software também tem um processo de design de interface com o usuário e identificação e análise do contexto de uso. O modelo básico de um processode interface de usuário tem as seguintes fases: - Identificar e analisar o contexto de uso; - Projetar; - Construir; - Avaliar; - Integrar e/ou implantar. Existem casos em que o protótipo de interface pode ser desenvolvido separadamente em paralelo, comumente ocorrendo junto com o desenvolvimento interativo. Por último ocorrem as avaliações. Os protótipos podem ser avaliados por especialistas ou usuários, por meio de algumas técnicas. Os resultados dessas avaliações podem indicar que há necessidade de melhoria, tendo que voltar a fase de Identificar e Analisar o Contexto de Uso. É muito difícil conseguir atingir todos os níveis de usabilidade definidos no primeiro protótipo. As avaliações têm três grandes objetivos: - Avaliar a funcionalidade do sistema: o sistema deve proporcionar ao usuário a realização de tarefas da maneira mais fácil e eficiente; - Avaliar o efeito da interface junto ao usuário: é preciso avaliar a facilidade de aprender a usar o sistema, as atitudes dos usuários em relação ao sistema, identificar possíveis áreas que estão sobrecarregando o usuário em vez de facilitar; - Identificar problemas específicos do sistema: é necessário avaliar a interface para identificar aspectos que podem levar resultados inesperados, ou dúvidas e até mesmo confusão nos usuários ao utilizarem o sistema. Existem as oito regras de ouro de Schneiderman: - Esforçar-se para manter a consistência; - Atender a usabilidade universal; - Oferecer feedback informativo; - Projetar diálogos para encerrar as ações; - Evitar erros; - Permitir facilmente a reversão de ações; - Fornecer a sensação de controle ao usuário; - Reduzir a carga de memória de curta duração; Testes Com base nas especificações, temos os seguintes requisitos: - Caso de teste 1: Gerar um artigo completo com o autor cadastrado com sucesso (nenhum campo pode ser branco). Caso de teste 1: Gerar um artigo completo com um autor cadastrado com sucesso (nenhum campo pode ser em branco) Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = Tatiane; Titulação = Doutora; Vínculo Institucional=Professor; Email de contato=proftatiane@gmail.com Campos continuam com as informações inseridas 3 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 4 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 5 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 6 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 7 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 8 O usuário clica no campo gerar É gerado arquivo em PDF Figura 1: Evidência de preenchimento do formulário para teste 1 Fonte: print screen de tela do Google Chrome Figura 2: Evidência de geração de artigo completo Fonte: print screen de tela do Google Chrome - Caso de teste 2: Gerar um artigo para submissão com um autor cadastrado com sucesso (nenhum campo pode ser branco). Caso de teste 2: Gerar um artigo para submissão com um autor cadastrado com sucesso (nenhum campo pode ser branco) Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 4 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 5 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 6 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 7 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 8 O usuário clica no campo gerar arquivo para submissão É gerado arquivo em PDF Figura 3: Evidência de preenchimento do formulário para o caso do teste 2 Figura 4: Evidência de geração do artigo para a submissão - Caso de teste 3: Gerar um artigo completo com três autores cadastrados com sucesso (nenhum campo pode ser branco). Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário clica no botão + O sistema exibe mais campos para cadastrar novos autores 4 O usuário preenche campos do segundo autor Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos com novas informações inseridas 5 O usuário clica no botão + O sistema exibe mais campos para cadastrar novos autores 6 O usuário preenche campos do terceiro autor Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos com novas informações inseridas 7 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 8 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 9 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 10 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 11 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 12 O usuário clica no campo gerar arquivo completo É gerado arquivo em PDF Figura 5: Evidência para preenchimento do formulário Figura 6: Evidência de geração de artigo completo com três autores - Caso de teste 4: Gerar um artigo completo com três autores com e-mails inválidos (nenhum campo pode ser branco). Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada ResultadoEsperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= email incompleto Campos continuam com as informações inseridas 3 O usuário clica no botão + O sistema exibe mais campos para cadastrar novos autores 4 O usuário preenche campos do segundo autor Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos com novas informações inseridas 5 O usuário clica no botão + O sistema exibe mais campos para cadastrar novos autores 6 O usuário preenche campos do terceiro autor Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos com novas informações inseridas 7 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 8 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 9 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 10 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 11 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 12 O usuário clica no campo gerar arquivo completo Sistema informa email inválido Figura 7: Evidência do caso de teste 4 – Mensagem de aviso Figura 8: Evidência do caso de teste 4 – preenchimento dos campos Figura 9: Evidência do caso de teste 4 – Artigo gerado - Caso de teste 5: Gerar um artigo completo com três autores com os campos de autor em branco. Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = Não informado ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário clica no botão + O sistema exibe mais campos para cadastrar novos autores 4 O usuário preenche campos do segundo autor Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos com novas informações inseridas 5 O usuário clica no botão + O sistema exibe mais campos para cadastrar novos autores 6 O usuário preenche campos do terceiro autor Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos com novas informações inseridas 7 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 8 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 9 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 10 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 11 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 12 O usuário clica no campo gerar arquivo completo Sistema informa autor não informado Figura 10: Preenchimento dos dados do autor Figura 11: Mensagem de alerta Figura 12: Arquivo gerado - Caso de teste 6: Gerar um artigo completo com um autor cadastrado com sucesso (nenhum campo pode ser em branco) e limpar os dados sem gerar o artigo. Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 4 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 5 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 6 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 7 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 8 O usuário clica no botão limpar Todas as informações do campo são apagadas Figura 13: Formulário preenchido Figura 14: Formulário com campos preenchidos - Caso de teste 7: Gerar um artigo completo com um autor cadastrado com sucesso (nenhum campo pode ser branco), criando no campo “corpo do texto” um texto com formatação em negrito, itálico, subscrito e sobrescrito com texto justificado com sucesso. Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 4 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 5 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 6 O usuário seleciona parte do texto e clica no botão B para negrito O texto selecionado apresenta a formatação negrito 7 O usuário seleciona parte do texto e clica no botão I para itálico O texto selecionado apresenta a formatação itálico 8 O usuário seleciona parte do texto e clica no botão x2 para sobrescrito O texto selecionado apresenta a formatação sobrescrito 9 O usuário seleciona parte do texto e clica no botão _ para justificado O texto selecionado apresenta a formatação justificada 10 O usuário preenche o campo notas Textoexemplo de notas Campos continuam com as informações inseridas 11 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 12 O usuário clica no botão gerar arquivo completo É gerado PDF com todas as informações adaptadas no corpo do texto Figura 15: Formulário com preenchimento Figura 16: Artigo com corpo de texto formatado - Caso de teste 8: Gerar um artigo completo com um autor cadastrado com sucesso (nenhum campo pode ser em branco), anexando no campo “corpo do texto” uma imagem de um arquivo com sucesso. Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 4 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 5 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 6 O usuário clica no local onde deseja inserir a imagem no corpo do texto. Em seguida clica na opção anexar imagem, na janela de abrir seleciona a imagem e clica em abrir Imagem no formato JPG ou PNG que tenha no computador A imagem é inserida no corpo do texto 7 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 8 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 9 O usuário clica no botão gerar arquivo completo É gerado PDF com todas as informações e imagem Figura 17: Formulário não preenchido - Caso de teste 9: Gerar um artigo completo com um autor cadastrado com sucesso (nenhum campo pode ser em branco), anexando no campo “notas” uma url de um arquivo com sucesso e criando um texto formato à esquerda e em negrito. Procedimento inicial: acessar a URL http://sfaa.unipinterativa.edu.br/ ID Passo para a execução Dados de entrada Resultado Esperado 1 O usuário preenche os campos "Título" e "Título em inglês" Título=Roteiro de testes Título em Inglês=Test script Campos continuam com as informações inseridas 2 O usuário preenche as informações do autor "Autor", "Titulação", "Vínculo Institucional", "Email de contato" Autor = ; Titulação = Doutor; Vínculo Institucional=Professor; Email de contato= Campos continuam com as informações inseridas 3 O usuário preenche o campo resumo e o campo palavras chave No campo resumo deve ser utilizado de no máximo 1000 caracteres. No campo palavras chave testes Campos continuam com as informações inseridas 4 O usuário preenche o campo abstract e o campo key words No campo abstract deve ser utilizado de no máximo 1000 caracteres. No campo key words testes Campos continuam com as informações inseridas 5 O usuário preenche o campo corpo de texto O campo deve ser preenchido com texto longo Campos continuam com as informações inseridas 6 O usuário preenche o campo notas com um texto com 3 linhas de conteúdo. Na linha seguinte preenche com título e URL URL anexada Campos continuam com as informações inseridas 7 O usuário seleciona todo o texto e clica em alinhar esquerda O texto fica alinhado à esquerda 8 O usuário seleciona o título e clica em negrito O texto fica em negrito 9 O usuário preenche o campo notas Texto exemplo de notas Campos continuam com as informações inseridas 10 O usuário preenche o campo referências bibliográficas testes Campos continuam com as informações inseridas 9 O usuário clica no botão gerar arquivo completo É gerado PDF com todas as informações novas Figura 18: Formulário com texto e URL Figura 19: Artigo formatado - Caso de teste 10: Testes de interface Elemento Descrição Tipo/Tamanho Formato Validação Campo Título Alfa Alinhado à esquerda O campo não pode estar em branco Campo Título em inglês Alfa Alinhado à esquerda O campo não pode estar em branco Botão + Cadastrar novo autor Botão x A partir do segundo autor, remove campos de cadastro Campo Autor Alfa Alinhado à esquerda O campo não pode estar em branco para gerar arquivo Campo Titulação Alfa Alinhado à esquerda O campo não pode estar em branco para gerar arquivo Campo Vínculo Institucional Alfa Alinhado à esquerda O campo não pode estar em branco para gerar arquivo Campo Email Alfa Alinhado à esquerda O campo não pode estar em branco para gerar arquivo Campo Resumo Alfa (1000) Alinhado à esquerda O campo não pode estar em branco Campo Palavras-chave Alfa Alinhado à esquerda O campo não pode estar em branco Campo Abstract Alfa (1000) Alinhado à esquerda O campo não pode estar em branco Campo Keywords Alfa Alinhado à esquerda O campo não pode estar em branco Campo Corpo do texto Alfa Alinhado à esquerda O campo não pode estar em branco Campo Notas Alfa Alinhado à esquerda Campo Referências Bibliográficas Alfa Alinhado à esquerda O campo não pode estar em branco Botão Gerar (arquivo completo) Gera arquivo completo Botão Gerar (arquivo submissão) Gera arquivo para submissão Botão Limpar Limpa todos os campos Figura 20: Artigo gerado apenas com dados do autor Figura 21: Limite máximo dos campos O sistema dos testes é relacionado a formatação de artigos acadêmicos, onde o usuário precisa preencher as lacunas para que o sistema gere um arquivo formatado com as informações especificadas de acordo com os padrões da instituição. Durante os testes, foram verificados dois erros na usabilidade que seria relacionado a flexibilidade e eficiência de uso, devido à falta de tecla de atalhos, além do usuário não conseguir configurar suas ações de mais uso (grau de severidade leve). A outra falha encontrada está relacionada à ausência de arquivos de ajuda ao usuário e documentações necessárias (grau de severidade grave) O sistema tem fácil acesso ao usuário e atendeu a quase todos os casos, com pequenas falhas durante todo o processo. Conclusão O presente trabalho apresentou os principais tópicos abordados nas matérias deste bimestre: Engenharia de Software II e Projeto de Interface com o Usuário. Notamos a grande importância dessas matérias para o curso de Análise e Desenvolvimento de Sistemas, pois elas estão diretamente ligadas ao dia a dia do analista de sistemas. Essas matérias serão utilizadas não somente durante o curso como na vida do profissional. Além disso, para aprofundar o conhecimento dessas matérias, foi realizado o trabalho prático por meio da realização de testes de caixa-preta. Ao concluir este projeto, percebemos a importância da realização de testes e o quanto de detalhes são necessários para conseguir alcançar a excelência e satisfação do cliente. Vimos ainda como utilizar todo o aprendizado adquirido neste bimestre neste estudo de caso, possibilitando interligar todas as disciplinas como modo de conseguir resolver o problema. Referências bibliográficas preliminares Emag - Modelo de Acessibilidadeem Governo Eletrônico. Disponível em: < http://emag.governoeletronico.gov.br/>. Acesso em 16 abr. 2019 RIBEIRO, André Luiz Dias. Engenharia de Software II. São Paulo: Editora Sol, 2015. SOUZA, Luciano Soares de. Projeto de Interface com o Usuário. São Paulo: Edutora Sol, 2015.
Compartilhar