II Semana de Tecnologia da Informação

1. II Semana de Tecnologia da Informação E-Commerce com ASP.Net Lucas Simões Maistro lucassimoes@univem.edu.br

2. Visual Studio 2008 • ASP.Net 3.5 • C# 3.0 • ADO.Net • SQL Server 2005 Express E-Commerce – Tecnologias Utilizadas no Projeto

3. Iniciar o serviço do SQL Server 2005 Express • Criar o Banco de Dados Comercio_EletronicoBD • Criar Tabelas, View e StoredProcedures • No Visual Studio, iniciar um novo Web Site • Configurando o DataList E-Commerce – Iniciando o Projeto

4. Escolher a opção ASP.Net Web Site E-Commerce – Iniciando o Projeto

5. Excluir a página Default.aspx criada pelo Visual Studio • Criar as pastas: • Imagens • ImgProduto E-Commerce – Iniciando o Projeto

6. Permite ao desenvolvedor criar um layout consistente para todas as páginas do projeto. E-Commerce – Master Page

7. Criar uma tag <div> acima da tag já criada por padrão • Inserir um Image E-Commerce – Master Page

8. E-Commerce – Master Page (Menu)

9. Criar os itens ao lado E-Commerce – Master Page (Menu)

10. E-Commerce – Criando a página Home

11. DataList renderiza uma lista de controles E-Commerce – DataList

12. Permite que de forma rápida se selecione uma base de dados • Selecione o tipo de fonte de dados E-Commerce – SQLDataSource

13. Criando a conexão com o banco de dados E-Commerce – SQLDataSource

14. Montando a SQL para carregar produtos E-Commerce – SQLDataSource

15. Ordenando o resultado pelo nome do produto E-Commerce – SQLDataSource

16. Configurando o DataList E-Commerce – DataList

17. Clicar em Edit DataBindings E-Commerce – Image

18. Inserir um TextBox • No SQLDataSource: • Configure DataSource E-Commerce – Localizar

19. E-Commerce – HyperLink nos Produtos

20. Adicionar um novo Item • Salvar como Detalhe_Produto.aspx • Selecionar a Master Page • Inserir um DetailsView E-Commerce – Página Detalhes

21. Clicar em Edit Fields... E-Commerce – DetailsView

22. Na página Home.aspx • Inserir tabela com 1 Linha e 2 Colunas E-Commerce – Pesquisar por Categorias

23. Mover o DataList para dentro da 2ª célula da tabela E-Commerce – Pesquisar por Categorias

24. Na 1ª célula da tabela colocar um GridView e adicionar um novo SQLDataSource E-Commerce – Pesquisar por Categorias

25. Configurar o GridView conforme a figura E-Commerce – Pesquisar por Categorias

26. Configurar os campos do GridView conforme a figura E-Commerce – Pesquisar por Categorias

27. Adicionar um novo SQLDataSource E-Commerce – Pesquisar por Categorias

28. No GridView ir para aba de eventos do controle • Duplo clique no evento SelectedIndexChanged E-Commerce – Pesquisar por Categorias

29. Inserir um ImageButton na página Detalhe_Produto.aspx • Programar evento Click E-Commerce – Adicionado Produto ao Carrinho de compras

30. Criar a página Carrinho.aspx • Criar os métodos: • CreateDataSet() • GetDataSet() • AddProduto() E-Commerce – Carrinho de Compras

31. Programar o método PageLoad E-Commerce – Carrinho de Compras

32. No método GridDataBind() • No GridView E-Commerce – Carrinho de Compras

33. No GridView E-Commerce – Carrinho de Compras

34. Criar página Login.aspx E-Commerce – Login

35. Criar página Cad_User.aspx E-Commerce – Criando Usuários

36. Abrir arquivo web.config E-Commerce – Criando Usuários (Profile)

37. No controle CreateUserWizard programar o evento ContinueButtonClick E-Commerce – Criando Usuários

38. Criar uma pasta chamada Checkout • Dentro da pasta criar a página Checkout.aspx E-Commerce – Fechamento do Pedido

39. Ferramenta para configuração da aplicação E-Commerce – ASP.Net Configuration

40. Ferramenta para configuração da aplicação E-Commerce – ASP.Net Configuration

41. Na página Login.aspx E-Commerce – Últimos Detalhes

42. Na página Carrinho.aspx • Na página Cad_User.aspx E-Commerce – Últimos Detalhes

43. Persistência do Pedido no Banco de Dados E-Commerce – Fechamento do Pedido

44. Enviando Pedido por email Email E-Commerce – Fechamento do Pedido

45. Programar clique do ImageButton1 E-Commerce – Fechamento do Pedido