Problemas comuns Desenvolvimento e Design de Sistemas Web Categorias de problemas Exemplo de problema de funcionamento

Transcrição

1 Desenvovimento e Design de Sistemas Web Probemas comuns Web Sites ma definidos e projetados Necessidade de atuaização constante das informações: eternamente em construção Evoução extremamente rápida da tecnoogia Fata de modeos do processo Panejamento errado e estouro dos prazos e custos Equipes ma organizadas e sem a competência adequada Fata de documentação e dificudades de impementação e manutenção Categorias de probemas Exempo de probema de funcionamento Usabiidade Onde posso encontrar a informação ou o serviço? Como posso soicitar este serviço? Quais informações devo fornecer? Qua foi o resutado? Era o que eu queria? Funcionamento O sistema tem a informação ou serviço que eu preciso? Eu mandei os dados, mas o sistema processou errado! Desempenho A página demora a carregar! O servidor não responde em tempo. A página demora a ser exibida! Portabiidade Não é exibido corretamente neste browser! A inguagem script não funciona neste browser ou servidor. ' % ( )% *! +,! "#$ %! & % Usuário fez uma busca sobre Patins : 8 ; <8 4 >?. / Por que ees ocorrem? Quaidades de um Sistema Web Tipicamente um Sistema Web é desenvovido sem panejamento ou projeto, indose diretamente para a impementação Normamente não são feitas a definição de objetivos a anáise dos requisitos, o design, os testes e a manutenção As pessoas consideram que basta saber HTML e um pouco de programação para desenvover um Sistema Web As competências profissionais são muitas e não são encontradas num único profissiona, mas em um time de profissionais quaificados. Legíve Atrativo Organizado Correto Atuaizado Adequado aos usuários Adequado à tecnoogia Adequado ao propósito Funciona Eficiente Robusto e confiáve Bem documentado Manuteníve Testáve Portáve Reutiizáve : 8 ; <8 4 >?. / : 8 ; <8 4 >?. /

2 Engenharia de Sistemas Web Cico de vida do Sistema Sistemas Web precisam ser desenvovidos baseados em princípios de engenharia Fases pea qua o sistema passa durante sua vida úti Engenharia Desenvovimento de um produto compexo Equipe de pessoas especiaizadas Apicação de métodos, técnicas, ferramentas modeos e princípios Panejamento e gerenciamento de custos, prazos e pessoa Quaidade do produto e do processo Três fases principais: Definição Desenvovimento Operação Fase de definição Fase de desenvovimento Anáise de requisitos, restrições e recursos Proposta de souções Estudo de viabiidade Panejamento e gerenciamento do desenvovimento Estimativas e anáise de riscos utiizando métricas Protótipos de apresentação Design de Software Design conceitua Design da interface de usuário Design da arquitetura de software Design de agoritmos e estruturas de dados Impementação Codificação e Tradução Testes de programas e testes de usabiidade Fase de operação Impantação Instaação configuração Processo Operação e Suporte Manutenção Correção Evoução Atuaização Utiização Fase de definição Não será estudada neste curso

3 ) ) Propósitos de Sistemas Web Exempos Informativo Prestar informações Funciona Oferecer serviços Entretenimento Divertir pessoas Aguns sites têm mútipos propósitos Informativo Entretenimento Funciona Jornais e revistas Manuais onine Museus Portais Livros Informativo Entretenimento Funciona Bibioteca digita Banco Comércio Rádios Vídeo sob demanda Parques temáticos Sexo Escopo de Web Sites Descrevendo o probema Quanto à igação em rede Internet Intranet Extranet Quanto à audiência Coorporativo Púbico restrito e acesso controado. Púbico seetivo (por assunto) Aberto ao o púbico gera Atuamente a empresa gasta uma uma grande quantidade de de dinheiro com com a eaboração de de catáogos e fohetos informativos. Cientes estão constantemente soicitando os os catáogos e ees ees precisam ser ser rapidamente atuaizados e enviados A empresa precisa aumentar as as vendas em em ocais distantes Investidores têm têm interesses em em obter dados financeiros da da empresa Concusão: Esperase que que um um Web Web Site Site atenda a estas necessidades. Podese economizar em em catáogos e fohetos e oferecer dados financeiros a investidores. As As vendas a cientes podem ser ser feitas remotamente #! $ %! & ' (! "! #! $ %! & ' (! "! Possíveis souções Estudo de viabiidade Soução A Um Web Site informativo que possibiite a divugação de informações. Páginas iustradas com informações sobre os produtos. Panihas com dados financeiros em paginas e gráficos. Soução B Um Web Site funciona com uma base de dados que possibiite a busca a diversos produtos. Os dados são fornecidos em tabeas. Os dados financeiros são da base de dados financeiros. A base de dados não armazena figuras ou gráficos Soução A Tecnoogia necessária: HTML, CSS, HTTP, Computador de 200MHz e disco de 10GB Custos: Hardware R$5000,00, Software R$1000 Prazos: 3 meses Soução B Tecnoogia necessária: HTML, CSS, HTTP, JavaScript, CGI, Interpretador Per, de Banco de dados, Computador de 500MHz e disco de 10GB Custos: Hardware R$ 7000,00, Software R$ 4000,00 Prazos: 8 meses : 1 ; < +,. / : 1 ; < +,. /

4 Anáise de Usuários Identificação dos papeis de usuários Quais papéis desempenham os usuários do sistema? Exempos: comprador, funcionário, educador, auno, etc. Diferentes atores possuem diferentes necessidades e reaizam diferentes tarefas Questões para identificar os usuário: Quem usa o sistema? Quem fornece informações ao sistema? Quem soicita de informações do sistema? 67 89": ;"< ">?> A B >B CDFEG HI"CD J CDFK L MG CD "!$#&%' (' ) * +, Anáise de Usuários Levantamento do perfi dos usuários Capacidades e imitações físicas e cognitivas É necessário fornecer opções de acessibiidade? Conhecimento sobre o domínio Vocabuário específico ou gera? Conhecimento sobre a Web e Computadores Fornecer informações de ajuda? Cutura e inguagem Questões de internacionaização É necessário uma interface em outro idioma Estou utiizando termos ou imagens de uma cutura específica N OQPSR0T UVP WVX T U.0/ 1 2$354 2 Anáise de Tarefas Requisitos Descreve o conjunto de atividades mentais e físicas necessárias para atingir a meta As tarefas originamse das necessidades dos usuários As tarefas refetem o pontodevista do usuário e não do sistema Exempo: Tarefa: Tirar a contacorrente do vermeho 1. Verificar qua o meu débito na contacorrente 2. Verificar se eu tenho dinheiro em contas de investimentos 3. Fazer a transferência entre as contas Requisitos operacionais Qua a tecnoogia necessária? Qua é possíve? Requisitos de conteúdo Quais informações o site deve conter? Requisitos funcionais Quais serviços o site deve oferecer? Requisitos de interação Como o usuário vai utiizar o site? Requisitos de desenvovimento Pessoa, prazos, custos e equipamentos Requisitos operacionais 1/2 Requisitos operacionais 2/2 Tem por objetivo definir o ambiente operaciona do site São definidos com base no: Escopo do site: intranet, internet ou extranet Propósito do site: funciona, informativo, entretenimento Fáci de definir numa intranet, mas imprevisíve na internet. Restrições de custos Lado servidor Capacidade do hardware Sistemas operaciona Web de Banco de Dados Lado Ciente Capacidade do hardware Tipo do browser Veocidade da conexão

5 Requisitos de conteúdo Requisitos funcionais Quais informações incuir? Depende do propósito do site Site coorporativo Informações gerais: objetivos, histórico da empresa, pessoa Informações sobre os serviços Informações de ajuda Podese transportar os conteúdos impressos, adaptandoo ao novo meio. Determinam qua a funcionaidade do site Quais os serviços serão oferecidos Não deve determinar como o site serão impementados Exempos: Busca de produtos, Cácuos de juros, Exibição de vídeo Podem ser descritos através de modeos Descrevendo requisitos usando Casos de Uso Exercícios Cadastramento Descreva os requisitos de um sistema......na forma de cenários...na forma de casos de uso Vaidar usuário Cadastrar produtos Busca produto Comprador Escoher produto Atuaizar preços Funcionário da oja Fazer pagamento Sistema de venda na Web Design iterativoevoutivo Processo Anáise Contexto Usuário Tarefa Fase de desenvovimento Avaiação Observação Testes Questionário Design Conceitua Prototipação Construção

6 Visão da evoução e prototipação Protótipo inicia Protótipo funciona Sistema pioto Avaiação Ciente Vountários Usuário reais Design do Sistema Web Design conceitua Descrição gera do domínio e do sistema Design do conteúdo Informações que deve fornecer ao usuário Design da interface de usuário Organização, interação, apresentação Design funciona Arquitetura dos programas Projeto de banco de dados Tempo de desenvovimento Design conceitua Design da interface do site Descreve o vocabuário do domínio: conceitos e reacionamento Direciona a funcionaidade e a arquitetura da informação Podem ser descritos por Diagrama de Casses ou EntidadeReacionamento Ciente CD DVD Livro escohe armazenado Produto Estoque Organização Determinar como as páginas estão organizadas Navegação Determinar como o usuário pode navegar Interação Determinar como os serviços podem ser utiizados Apresentação Aspectos estéticos e visuais contém verifica possui Carrinho de compra compra Gerente Fornecedor Design funciona Arquitetura ógica Arquitetura dos componentes funcionais Lógica Física Programas que impementam os serviços Processamento dos dados Acesso a banco de dados Geração de páginas HTML Projeto de bancos de dados Home page Formuário 1 Resutados Programa1 Dados Programa2 Formuário 2

7 Arquitetura física Impementação Pugins Browser HTTP CGI HTML,GIF, Programas apicativos de dados de Banco de Dados Codificação das páginas em HTML Desenho das imagens Codificação dos programas em uma inguagem compatíve com o servidor ou sistema operaciona Criação dos arquivos (tabeas) do banco de dados Ciente Internet Testes e avaiação Impantação Correção do conteúdo Verificação dos eos (ins) Os eos sempre evam ao recurso desejado Testes de correção dos programas Os programas funcionam corretamente Testes de usabiidade Faciidade de navegar Faciidade aprender e usar os serviços Testes de portabiidade Funcionamento em todos os browsers e computadores Teste de desempenho Pugins Browser Ciente HTTP Internet CGI HTML,GIF, Programas apicativos de dados de Banco de Dados