AULA 5 - Desenvolvimento e Design de Sites WEB

Alguns problemas em relao a Web Sites so comuns ao navegar na Internet. Dentre eles, podemos destacar: sites mal definidos e projetados; falta de atuali ao e sites eternamente !em construo"; sites defasados em relao # tecnologia de soft$are. Do ponto de vista das empresas %ue contratam e%uipes para construir seus sites, alguns problemas tamb&m so comuns, tais planejamento errado da proposta e estouro dos pra os e custos, e%uipes mal organi adas e sem a compet'ncia ade%uada, falta de documentao referente ao material do site e dificuldades de implementao e manuteno do mesmo. Ao se consultar um $eb site, certas %uest(es podem ser levantadas pelo usu)rio. *stas %uest(es podem ser classificadas em algumas categorias mais amplas: Questes de Usabilidade: +nde posso encontrar a informao ou o servio, como posso solicitar este servio, -uais informa(es devo fornecer, -ual foi o resultado, *ra o %ue eu %ueria ?; Questes de Funcionamento : + site tem a informao ou servio %ue eu preciso, *u mandei os dados, mas o site processou errado; Questes de Desempenho: A p)gina demora a carregar; + servidor no responde em tempo; A p)gina demora a ser e.ibida; Questes de Portabilidade: + site no & e.ibido corretamente neste bro$ser; A linguagem script no funciona neste bro$ser ou servidor. /odos esses problemas levantados ocorrem devidos a uma s&rie de fatores. /ipicamente um Site Web & desenvolvido sem planejamento ou projeto, indo0se diretamente para a implementao. Assim, no so feitas a definio de objetivos a an)lise dos re%uisitos, o design, os testes e a manuteno. /udo isso se deve ao fato da maioria das pessoas considerarem %ue basta saber 1/23 e um pouco de programao para desenvolver um Site Web; no entanto, as compet'ncias profissionais necess)rias so muitas e no so encontradas num 4nico profissional, mas em um time de profissionais %ualificados. Dentre as caracter5sticas %ue um bom $eb site deve apresentar, podemos citar: do ponto de vista do usu)rio, o site deve ser leg5vel, atrativo, organi ado, com informa(es corretas e atuali ado; do ponto de vista de design, ele deve ser ade%uado aos usu)rios, # tecnologia e ao prop6sito; do ponto de vista de implementao e manuteno, deve ser eficiente, robusto, confi)vel, bem documentado, manuten5vel, test)vel, port)vel e reutili )vel. 7ons $eb sites devem ser desenvolvidos baseados em princ5pios de engen8aria: por se tratar do desenvolvimento de um produto comple.o, deve ser reali ado por uma e%uipe de pessoas especiali adas, com a aplicao de m&todos, t&cnicas, ferramentas modelos e princ5pios ade%uados e com planejamento e gerenciamento de custos, pra os e pessoal. /udo isto deve visar a %ualidade final do produto e do processo. 9ara tanto, deve0se considerar tr's fases principais na construo do $eb site: definio, desenvolvimento e operao do mesmo. :a fase de definio, & reali ada a an)lise de re%uisitos, restri(es e recursos em relao ao $eb site. So propostas solu(es e feito o estudo de

viabilidade de cada uma delas. ; feito tamb&m o planejamento e gerenciamento do desenvolvimento, so reali adas estimativas e an)lise de riscos utili ando padr(es, e, por fim so criados prot6tipos de apresentao. :a fase de desenvolvimento, so desenvolvidos os designs de soft$are de sua ar%uitetura, conceitual, da interface de usu)rio e de algoritmos e estruturas de dados. /amb&m & feita a implementao destes conceitos, a codificao, traduo e programao, e so reali ados os testes de programas e testes de usabilidade. :a fase de operao, comea0se pela implantao do $eb site na rede, reali ando sua instalao e configurao. <erifica0se tamb&m seu funcionamento, operao e suporte. =om o site j) estando na rede, & preciso cuidar de sua manuteno, reali ando eventuais corre(es e cuidando da evoluo do site, em todos os aspectos, manter a atuali ao do mesmo, e e.trair dados de sua utili ao, dados estes %ue iro alimentar todas as etapas dentro desta fase. Detal8ando todo este processo, a primeira %uesto a ser levantada ao ser planejar um $eb site &: %ual & seu prop6sito, >m site pode ser informativo, cuja principal funo & prestar informa(es; pode ser funcional, cujo prop6sito & oferecer servios; ou pode ser de entretenimento, com a inteno de divertir pessoas. A grande maioria dos sites t'm m4ltiplos prop6sitos, ou seja, possuem uma combina(es de mais de um destes tr's aspectos. +utras %uest(es relevantes %ue devem ser levantadas: %uanto # ligao em rede, o site estar) dispon5vel na Internet, em uma Intranet ou uma *.tranet, *m relao ao p4blico %ue acessar) o site, ser) p4blico corporativo, ser) um p4blico restrito e com acesso controlado, um p4blico seletivo ?por assunto@ ou o site ser) aberto ao o p4blico geral, *m relao a este 4ltimo aspecto, a identificao do papel dos usu)rios & uma %uesto bastante relevante. -uais pap&is desempen8am os usu)rios do site, 9or e.emplos, eles so compradores, funcion)rios, educadores, alunos, etc. , Diferentes perfis de usu)rios possuem diferentes necessidades e reali am diferentes tarefas. 9odem0se levantar alguma %uest(es para identificar os usu)rios: %uem usa o site, -uem fornece informa(es ao site, -uem solicita de informa(es do site, + levantamento do perfil dos usu)rios tamb&m deve levar em considerao as capacidades e limita(es f5sicas e cognitivas destes, para verificar a necessidade de fornecer op(es de acessibilidade. /amb&m deve0se considerar o con8ecimento destes sobre o assunto do site, se 8) necessidade de vocabul)rio espec5fico, de con8ecimentos sobre a Web e computadores e de fornecer informa(es de ajuda. +utra %uesto importante & a cultura e a linguagem do usu)rio, se & necess)ria uma interface em outro idioma, e se esto sendo utili ados termos ou imagens de uma cultura espec5fica. *m um site %ue fornece servios, & tamb&m necess)rio reali ar uma an)lise de tarefas. /al an)lise descreve o conjunto de atividades mentais e f5sicas

necess)rias para atingir a meta /ais tarefas originam0se das necessidades dos usu)rios, e devem refletir o ponto0de0vista deste, e no do site. /endo sido feito estes levantamentos, & necess)rio ento levantar os re%uisitos do pr6prio site, dentre eles: Ae%uisitos operacionais: %ual a tecnologia necess)ria para a construo de site, -ual & poss5vel,; Ae%uisitos de conte4do: %uais informa(es o site deve conter,; Ae%uisitos funcionais: %uais servios o site deve oferecer,; Ae%uisitos de interao: como o usu)rio vai utili ar o site, Ae%uisitos de desenvolvimento: pessoal, pra os, custos e e%uipamentos, %ual a disponibilidade de cada um desses, +s re%uisitos operacionais t'm por objetivo definir o ambiente operacional do site. So definidos com base no escopo do site ?intranet, internet ou e.tranet@ e em seu prop6sito ?funcional, informativo, entretenimento@. /ais dados so f)ceis de definir numa intranet, mas so imprevis5veis na internet. Al&m disso, fre%Bentemente ao se projetar um site, t'm %ue se lidar com restri(es de custos. Al&m disso, & necess)rio definir os re%uisitos de 8ard$are, tanto do lado do servidor, %ue leva em conta a capacidade, o sistema operacional, o tipo de servidor Web, al&m da necessidade de se trabal8ar com banco de dados, %uanto do lado do cliente. +s re%uisitos de conte4do envolvem %uais informa(es incluir no site, o %ue depende do prop6sito do site. *m um site corporativo, deve0se incluir informa(es gerais sobre objetivos e 8ist6rico da empresa, sobre pessoal, informa(es sobre os servios e informa(es de ajuda. 9ode0se transportar os conte4dos impressos, adaptando0os ao novo meio. +s re%uisitos de funcionalidade determinam obviamente %ual a funcionalidade do site e %uais os servios sero oferecidos nele. /ais servios, no entanto, no devem determinar como o site ser) implementados, e podem ser descritos atrav&s de modelos. =omo e.emplos, t'm0se a busca de produtos, o c)lculos de juros, e.ibio de v5deos, etc. :a fase de desenvolvimento, temos a definio design do site em diversos aspectos: o design conceitual, %ue & a descrio geral do dom5nio e do site; o design do conte4do, %ue e.plicita %uais informa(es %ue devem ser fornecidas ao usu)rio; o design da interface de usu)rio, %ue define a organi ao, a interao e a apresentao do site; e o design funcional, %ue define a ar%uitetura dos programas e o projeto de banco de dados. Detal8ando cada um destes designs, o design conceitual descreve o vocabul)rio do dom5nio, seus conceitos e relacionamento entre p)ginas. /amb&m direciona a funcionalidade e a ar%uitetura da informao. :ormalmente este design pode ser descrito por Diagramas de =lasses ou *ntidade0Aelacionamento. + design de interface determina como as p)ginas esto organi adas, determina como o usu)rio pode navegar e como os servios podem ser utili ados, bem como a apresentao do site, sob aspectos est&ticos e visuais.

+ design funcional define ar%uitetura dos componentes funcionais, tanto do ponto de vista l6gico %uanto f5sico. /amb&m so definidos %uais programas implementam os servios de processamento dos dados e acesso a banco de dados. :esta etapa tamb&m so geradas as primeiras p)ginas 1/23 e projeto de bancos de dados Cinali ando, c8egamos # etapa de implementao, onde & feita a codificao das p)ginas em 1/23, o desen8o das imagens, a codificao dos programas em uma linguagem compat5vel com o servidor ou sistema operacional e a criao dos ar%uivos e tabelas do banco de dados. :este ponto comea a etapa final de testes e corre(es, %ue inclui a correo do conte4do, verificao dos linDs, testes de correo dos programas, testes de usabilidade, ou seja a facilidade de navegar e usar os servios no site, testes de portabilidade e de desempen8o. /endo passado por todas estas etapas, o site estar) pronto para ser colocado na rede.