ATIVIDADES PRÁTICAS SUPERVISIONADAS CST em Análise e Desenvolvimento de Sistemas 5ª. Série Programação e Design para Web A atividade prática supervisionada (ATPS) é um procedimento metodológico de ensino-aprendizagem desenvolvido por meio de um conjunto de etapas programadas e supervisionadas e que tem por objetivos: Favorecer a aprendizagem. Estimular a corresponsabilidade do aluno pelo aprendizado eficiente e eficaz. Promover o estudo, a convivência e o trabalho em grupo. Desenvolver os estudos independentes, sistemáticos e o autoaprendizado. Oferecer diferentes ambientes de aprendizagem. Auxiliar no desenvolvimento das competências requeridas pelas Diretrizes Curriculares Nacionais dos Cursos de Graduação. Promover a aplicação da teoria e conceitos para a solução de problemas práticos relativos à profissão. Direcionar o estudante para a busca do raciocínio crítico e a emancipação intelectual. Para atingir estes objetivos a ATPS propõe um desafio e indica os passos a serem percorridos ao longo do semestre para a sua solução. A sua participação nesta proposta é essencial para que adquira as competências e habilidades requeridas na sua atuação profissional. Aproveite esta oportunidade de estudar e aprender com desafios da vida profissional. AUTORIA: Roberto da Silva Lobo Faculdade Anhanguera de Osasco Sílvio César Roxo Giavaroto Faculdade Anhanguera de Osasco
Pág. 2 de 6 COMPETÊNCIAS E HABILIDADES Ao concluir as etapas propostas neste desafio, você terá desenvolvido as competências e habilidades que constam, nas Diretrizes Curriculares Nacionais, descritas a seguir. Especificar e componentes ou equipamentos, suporte técnico, procedimentos de instalação e configuração, realização de testes e medições, utilização de protocolos e arquitetura de redes, identificação de meios físicos e padrões de comunicação e, sobremaneira, a necessidade de constante atualização tecnológica. Produção Acadêmica Relatórios parciais com as atividades desenvolvidas em cada etapa Documentação do web site desenvolvido. Participação Esta atividade será, em parte, desenvolvida individualmente pelo aluno e, em parte, pelo grupo. Para tanto, os alunos deverão: organizar-se, previamente, em equipes de 2 a 5 participantes; entregar seus nomes, RAs e e-mails ao professor(a) da disciplina e observar, no decorrer das etapas, as indicações: Aluno e Equipe. Padronização O material escrito solicitado nesta atividade deve ser produzido de acordo com as normas da ABNT 1, com o seguinte padrão: DESAFIO em papel branco, formato A4; com margens esquerda e superior de 3cm, direita e inferior de 2cm; fonte Times New Roman tamanho 12, cor preta; espaçamento duplo entre linhas; se houver citações com mais de três linhas, devem ser em fonte tamanho 10, com um recuo de 4cm da margem esquerda e espaçamento simples entre linhas; com capa, contendo: nome de sua Unidade de Ensino, Curso e Disciplina; nome e RA de cada participante; título da atividade; nome do professor(a) da disciplina; cidade e data da entrega, apresentação ou publicação. A Editora H.Eureca, representada pelo professor, especializada na distribuição de livros técnicos, contratou sua equipe para construção de um website. A empresa necessita de um portal que apresente de forma simples e rápida um acervo de aproximadamente 100 livros, assim o website deverá ser desenvolvido utilizando as linguagens HTML (HyperText Markup Language) e PHP (Hypertext Preprocessor) e também o conceito de Usabilidade as seguintes conformidades: 1 Consulte o Manual para Elaboração de Trabalhos Acadêmicos. Unianhanguera. Disponível em: <http://www.unianhanguera.edu.br/anhanguera/bibliotecas/normas_bibliograficas/index.html>.
Pág. 3 de 6 - Deverá ser construído um sistema de pesquisa onde os livros sejam apresentados por categorias. Exemplo: Programação, Hardware, Sistemas Operacionais, entre outras. - Apresentar uma breve descrição de cada livro consultado (utilizar título fictício). - O website deverá funcionar corretamente nos navegadores mais populares, por exemplo, Microsoft Internet Explorer, Mozilla Firefox e Opera. - A disposição do conteúdo deverá ser organizada por meio do uso de tabelas e camadas. - As imagens utilizadas no website deverão ser otimizadas para carregamento rápido, sem que percam qualidade. - O website deverá possuir design limpo e ser de fácil navegação, conforme os conceitos de usabilidade. Objetivo do desafio Desenvolver um web site. ETAPA 1 (tempo para realização: 5 horas) Aula tema: Acessibilidade e usabilidade na Web. Introdução ao Hipertexto. Linguagem HTML (HyperText Markup Language). Esta atividade é importante para que você explore o uso dos comandos HTML que são os responsáveis por aproximadamente 90% da construção do website, baseando-se em seus conceitos e estruturas de linguagem. Construir um código HTML (HyperText Markup Language) de no mínimo 10 linhas em que apresente a estrutura básica/principal dessa linguagem, como: Tags de identificação, formatação, inserção de objetos, etc. Após a construção, explicar cada uma das linhas do código criado. Apresentar um comparativo entre página estática e página dinâmica, em que descreva claramente seu funcionamento, implicações, necessidade de uso. Construir uma tabela (HTML) com as seguintes características e descrever o que significa cada Tag em cada linha: - Na primeira linha deve conter apenas uma célula mesclada em quatro. - Na segunda linha deve conter quatro células. - Na terceira linha deve conter quatro células, sendo que a primeira também faz parte da quarta linha (mesclada).
Pág. 4 de 6 - Na quarta linha deve conter três células mais a célula mesclada da linha anterior, ou seja, quatro células. Construir também um design de página utilizando-se do bloco de notas como editor, de forma com que inicie o desenvolvimento do layout de página do website solicitado. Entregar ao cliente um relatório com a documentação do código-fonte desenvolvido para sua apreciação. ETAPA 2 (tempo para realização: 5 horas) Aula tema: Linguagem HTML (Hypertext Markup Language). Ambiente para programação HTML. Esta atividade é importante para que você entre em contato com a diversidade de ambientes de programação HTML, reconheça os ambientes de programação HTML disponíveis e inicie o desenvolvimento de seu website. Listar os cinco principais e/ou mais usados ambientes de programação HTML disponíveis, incluindo uma breve descrição de cada um deles. Fazer as atividades a seguir. 1. Selecionar, dentre os ambientes listados no passo anterior, o que a equipe pretende utilizar no desenvolvimento de seu website. Justificar a escolha da equipe com base nos conceitos da linguagem HTML. 2. Explorar os recursos da ferramenta escolhida e faça a comparação das vantagens e desvantagens com a codificação via editor de texto puro (bloco de notas). Codificar o website no ambiente escolhido utilizando a linguagem HTML, seguindo os prérequisitos solicitados pelo cliente no enunciado do desafio. Entregar ao cliente um relatório com a documentação do código-fonte desenvolvido e uma mídia digital com os arquivos para o teste de funcionamento.
Pág. 5 de 6 ETAPA 3 (tempo para realização: 5 horas) Aula tema: Linguagem de Programação PHP (Hypertext Preprocessor). Esta atividade é importante para que você compreenda a linguagem PHP (Hypertext Preprocessor) em suas características, funcionalidades e aplicações, além da incorporação à linguagem HTML. Citar 5 fatores importantes, no ponto de vista de codificação e funcionamento, que diferenciam o PHP do HTML. Justificar sua resposta explicando e/ou exemplificando cada um deles. Fazer as atividades a seguir. 1. Identificar os comandos em PHP (Hypertext Preprocessor) que permitem a incorporação da linguagem HTML em seu código-fonte PHP. Construir um código-fonte que faça a incorporação das Tags HTML de Imagem e formulário no website que está desenvolvendo. 2. Citar quais as formas de realizar uma conexão ao banco de dados em PHP. Construir um código-fonte em que demonstre essas formas e descreva seu funcionamento. Adicionar ao seu website a linguagem PHP, de forma que as páginas já desenvolvidas nas etapas anteriores façam uso de conexão à Banco de Dados e se tornem dinâmicas. Por exemplo, listagem de produtos/categorias. Entregar ao cliente um relatório com a documentação do código-fonte (etapas/passos anteriores) desenvolvidos e uma mídia digital com os arquivos para o teste de funcionamento. ETAPA 4 (tempo para realização: 5 horas) Aula tema: Conceitos de Usabilidade e Usabilidade para Web. Planejamento de sites. Esta atividade é importante para que você aplique os conceitos de Usabilidade e Usabilidade para web na melhoria/correção de segurança ou por solicitação em um website, tornando a navegação mais fácil e agradável.
Pág. 6 de 6 Diferenciar Usabilidade e Usabilidade para Web. Apresentar 5 exemplos de recursos ou funcionalidades que são encontrados em design de aplicações Web que não são encontrados nas demais. Fazer as atividades a seguir. 1. Analisar o funcionamento de seu website e descrever, baseando-se nos conceitos de Usabilidade e Usabilidade para Web, as deficiências e eficiências, as vantagens e desvantagens encontradas em seu website. Justificar as colocações apresentando soluções para correção. 2. Apresentar, em um parágrafo, um breve relato avaliando como um todo o design e funcionamento do website desenvolvido pela equipe. Reformular o website desenvolvido baseando-se nos conhecimentos de usabilidade. Apresentar a um relatório com a documentação dos passos anteriores em um relatório, segundo normas ABNT para trabalhos acadêmicos, e entregá-lo ao cliente para aprovação do website proposto. Livro Texto da Disciplina NIEDERAUER, Juliano. Desenvolvendo Websites com PHP: Aprenda a criar Websites dinâmicos e interarativos. 2ª ed. São Paulo: Novatec, 2004.