Tecnologia de Programação 1 e 2 (2010) – Turma Especial

Formalizando o especificado na aula anterior.

Baseado no exemplo e no material da aula de login, implemente as funcionalidades de login em sua loja virtual.

Esta é a versão final de seu trabalho.

Data de Entrega e Verificação: 26/11/2010.

Material da Turma Regular

Video gerado durante a aula

Exemplo gerado durante a aula

Olá, Pessoal,

Lembrem-se: a entrega do trabalho do 3o bimestre é até próximo sábado.

Realizem a entrega via Correio do Eureka.

No trabalho da vitrine, especificado anteriormente, você criou sua loja virtual baseada em acesso direto ao banco de dados.

Agora, usando os componentes trabalhados nas últimas 3 semanas, você deverá melhorar a implementação de sua vitrine, removendo qualquer código SQL das páginas ASPX e ASPX.CS e criando uma camada de acesso a dados.

Além disso, em seu sistema você também deverá implementar um carrinho de compras para sua loja virtual.

Data de entrega: 9/outubro

Notas lançadas no SIGA!

Segue detalhamento.

Conferências e correções depois das férias!

O trabalho da vitrine ficou para dia 31/julho, ou seja, depois do nosso retorno.

Entreguem o trabalho das telas até no máximo dia 25 de junho via Correio do Eureka.

Seguem as notas até agora, faltando apenas a do trabalho das telas.

01) Baseado na interface que você gerou para o exercício anterior, gere a interface HTML / CSS de todas as telas de seu projeto. A interface comum à todas as páginas deverá ser implementada usando Master Pages. IMPORTANTE: procure já colocar os componentes que você acha que vai utilizar em seu projeto.

Exemplo gerado em sala

02) Valide todos os dados de entrada dos formulários usando os componentes de validação (RequiredFieldValidator, etc).

03) Usando um dos componentes de dados (Repeater, GridView, etc), implemente a vitrine de produtos. IMPORTANTE: não se preocupe com a seleção e compra de produtos ainda! Apenas com a inserção e edição de produtos.

ENTREGA E DEFESA DESTE TRABALHO:

31/07/2010

Neste bimestre nossos objetivos são:

• implementação de estrutura mais efetiva de banco de dados em seu projeto;
• utilização de esquema de autenticação do ASP.NET;
• organização do site com uma aparência comum.

Em relação ao último ponto, vamos iniciar, com o projeto de sua vitrine.

A) A partir da especificação de sua loja virtual, pesquise lojas virtuais com temáticas e funcionalidades similares às necessárias ao seu projeto. Cite o endereço de cada uma destas lojas / vitrines. Cite, pelo menos, 5 sites.

B) Para cada um dos sites citados no exercício anterior, anexe uma galeria de imagens apresentando suas principais telas: página inicial, página de login, detalhes de produtos, cadastro de usuário, etc.

C) Faça uma tabela comparativa entre estes sites. Nesta tabela você deverá comparar:

• Funcionalidades;
• Cores dominantes;
• Elementos de interface;
• Número de colunas;
• Tamanho do grid – sugiro o uso da extensão do Firefox GridFox para facilitar esta tarefa;
• Proporção  ou tamanho de cada coluna  em relação ao todo;
• Proporção ou tamanho do conteúdo em relação ao todo;
• Proporção ou tamanho do cabeçalho em relação ao todo;
• Proporção ou tamanho do rodapé em relação ao todo;
• Posicionamento de elementos.
• …

D) Com as experiências adquiridas a partir dos exercícios anteriores, proponha um conjunto de telas que atenda à especificação de seu projeto integrado. Estas telas não devem ser desenvolvidas em HTML / CSS / JavaScript ou em ASP.NET. Crie estas telas usando alguma ferramenta focada na geração de wireframes / mockups que exiba as informações da maneira mais simples possível, evitando cores e detalhamento excessivo. Sobre esta questão, relacionada à simplicidade necessária a um wireframe e características de um wireframe, recomendo a leitura deste ótimos artigos:

• Wireframe – documento cada vez mais importante – Português;
• Quanto mais simples o wireframe, melhor – Português;
• Wireframes - Português;
• Using Wireframes – Inglês;

Assim, para a construção de suas telas, recomendo a prospecção e uso das ferramentas:

• MockingBird: online,  gratuito, voltada para widgets sociais, fácil de usar;
• Lovely Charts: online, gratuito, fácil de usar, permite diferentes tipos de diagramas;
• Pencil: extensão para o Firefox para criação de wireframes;
• Axure: pago, muitos recursos, bastante profissional;
• SmartDraw: pago;
• Visio: pago, da Microsoft, integrado com Office;
• OmniGrapple: pago, para Mac / iPad;
• Excel: sem comentários;
• PowerPoint: sem comentários também.

E) Mostre suas telas para uma equipe diferente da sua, simulando uma conversa com seu cliente. Anote quais foram as opiniões de seu cliente e implemente as modificações que achar relevantes.

ENVIO DESTE TRABALHO VIA CORREIO DO EUREKA ATÉ 25/junho/2010

• 17/4: Desenvolvimento do trabalho prático;
• 24/4: Desenvolvimento do trabalho prático;
• 27/4: Entrega do trabalho prático;
• 8/5: Prova

Conforme explicado em sala, no trabalho prático você deverá criar uma interface simples para administração do produto de sua loja virtual com as funcionalidades de:

• Listagem;
• Inserção;
• Exclusão.