tecnologia em gestão da tecnologia da...

15
Tecnologia em Gestão da Tecnologia da Informação 2ª Série Programação para Web A Atividade Prática Supervisionada (ATPS) é um procedimento metodológico de ensino- aprendizagem desenvolvido por meio de etapas, acompanhadas pelo professor, e que tem por objetivos: Favorecer a autoaprendizagem do aluno. Estimular a corresponsabilidade do aluno pelo seu aprendizado. Promover o estudo, a convivência e o trabalho em grupo. Auxiliar no desenvolvimento das competências requeridas para o exercício profissional. Promover a aplicação da teoria na solução de situações que simulam a realidade. Oferecer diferenciados ambientes de aprendizagem. 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. Aproveite esta oportunidade de estudar e aprender com desafios da vida profissional. AUTORIA: Walter Gima Faculdade Anhanguera de Limeira

Upload: dinhkiet

Post on 04-Feb-2018

220 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Tecnologia em Gestão da Tecnologia da Informação

2ª Série Programação para Web

A Atividade Prática Supervisionada (ATPS) é um procedimento metodológico de ensino-

aprendizagem desenvolvido por meio de etapas, acompanhadas pelo professor, e que tem

por objetivos:

Favorecer a autoaprendizagem do aluno.

Estimular a corresponsabilidade do aluno pelo seu aprendizado.

Promover o estudo, a convivência e o trabalho em grupo.

Auxiliar no desenvolvimento das competências requeridas para o exercício

profissional.

Promover a aplicação da teoria na solução de situações que simulam a

realidade.

Oferecer diferenciados ambientes de aprendizagem.

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.

Aproveite esta oportunidade de estudar e aprender com desafios da vida profissional.

AUTORIA:

Walter Gima

Faculdade Anhanguera de Limeira

Page 2: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

2

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.

Utilizar princípios e ferramentas que aperfeiçoem o processo de desenvolvimento e implementação de um projeto.

Identificar, analisar, documentar e solucionar problemas e necessidades passíveis de solução via computação.

Saber conciliar teoria e prática. Raciocinar Logicamente.

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 3 a 4 participantes; entregar seus nomes, RAs e e-mails ao professor da disciplina e observar, no decorrer das etapas, as indicações: Individual e Equipe.

Desafio

Visando um mercado em crescimento no Brasil, as empresas estão cada vez mais se aventurando em oferecer seus produtos na Internet. Seja para atender pessoas que já são clientes das lojas físicas ou para se aventurar em um novo mercado com alcance nacional/mundial. Segundo a Associação Brasileira de Comércio Eletrônico (AbComm) o faturamento do comércio eletrônico no Brasil em 2013 foi de 28 bilhões, registrando um crescimento de aproximadamente 24 % em relação a 2012. Estudos apontam que ainda existe muito espaço para o crescimento do e-commerce no Brasil comparado a média mundial.

Ciente deste cenário tem a empresa ‘Esportes Zypp’ (empresa fictícia) que atua no mercado de vendas no varejo de produtos para Esportes. Para acompanhar as tendências e expandir seus negócios a ‘Esportes Zypp’ deseja desenvolver um site de Comércio Eletrônico. A diretoria da ‘Esportes Zypp’ fez alguns estudos para realizar o planejamento da criação de sua Loja Eletrônica e está consciente que precisa investir em tecnologia para criar uma plataforma de comércio eletrônico consistente e que também precisa realizar um trabalho direcionado para divulgação de seu site e produtos.

A plataforma de comércio eletrônico da ‘Esportes Zypp’ vai contar com recursos como carrinho de compras, área restrita do usuário, exibição de menus e conteúdos dinâmicos armazenados em banco de dados e demais funcionalidades.

Você faz parte de uma equipe de desenvolvedores Web e foi contratado pela ‘Esportes Zypp’ para criar a plataforma Web com recursos de comércio eletrônico com um design moderno seguindo as últimas tendências do mercado.

Para orientação no desenvolvimento e aprovação dos recursos criados a ‘Esportes Zypp’ conta com um membro de sua diretoria representado pelo professor.

Page 3: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

3

Objetivo do desafio

Desenvolver um Sistema Web capaz que realizar diversos processos utilizados por

uma plataforma de e-commerce. Agregar valor a estratégia de negócios da empresa

‘Esportes Zypp’, permitindo captar novos clientes e divulgar seus produtos na internet.

Livro-texto da disciplina

A produção desta ATPS é fundamentada no livro-texto da disciplina, que deverá ser utilizado para solução do desafio: NIEDERAUER, Juliano. Desenvolvendo websites com PHP: aprenda a criar websites dinâmicos e interativos com PHP e bancos de dados. 2ª ed. São Paulo: Novatec, 2011.

ETAPA 1 (tempo para realização: 10 horas)

Aula-tema: Introdução a Programação para Web, Apresentação e conceituação de e-commerce. Tipos e aplicações, Conceito e prática de usabilidade, Empresas .COM Conceito e prática de e-marketing.

Esta atividade é importante para que você aprenda os conceitos de usabilidade e

construção de protótipos de sites e utilizar algumas ferramentas de e-marketing.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Individual)

Realizar as atividades apresentadas a seguir:

1. Fazer a leitura individual do artigo: FONSECA, João da. Usabilidade na WEB: 11 Dicas

para Sites. Disponível em <http://www.seomaster.com.br/blog/usabilidade-na-web-11-

dicas-para-sites>. E compartilhado em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!227&authkey=!ADp02PRF

W0vUsfs&ithint=file%2cpdf>. E ainda em: <https://drive.google.com/file/d/0B1Bo-yD0L-

nwcjd0VGtVdFgteDQ/view?usp=sharing>. Acesso em: 10 de out. 2014.

2. Fazer a leitura individual do material: Romani, Roberto. Usabilidade na WEB. Disponível

em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!228&authkey=!AHL2vzsBJh

sZemA&ithint=file%2cpdf>. E compartilhado em: <https://drive.google.com/file/d/0B1Bo-

yD0L-nwTklqYWFFTnFuRUk/view?usp=sharing>. Acesso em: 10 de out. 2014.

3. Pesquisar sobre introdução a Programação Web focando os seguintes assuntos: HTML,

Páginas dinâmicas, Javascript, CSS e PHP.

Page 4: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

4

Sites sugeridos para pesquisa

Linguagens Web. Disponível em: <http://www.criarweb.com/artigos/253.php>. Acesso

em: 10 de out. 2014.

Linguagem PHP. Disponível em: <http://php.net/manual/pt_BR/>. Acesso em: 10 de

out. 2014.

Tutorial Javascript. Disponível em: <http://www.javascript-tutorial.com.br/>. Acesso

em: 10 de out. 2014.

Passo 2 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Pesquisar três (3) sites de comércio eletrônico no seguimento de produtos esportivos

para analisar as tendências de layout/usabilidade das páginas web. Focar a análise nas

páginas Home (Principal), nas páginas de detalhes dos produtos, carrinho de compra e

página para Login (autenticação) de usuários.

2. Criar um relatório com as imagens (PrintScreen) das páginas analisadas de cada site

pesquisado na tarefa anterior, para cada página a equipe deve descrever três pontos

positivos e três pontos negativos, o relatório deve conter pelo menos cinco páginas

(imagens das páginas + comentários).

3. Utilizar os conceitos de usabilidade para páginas web e as tendências de layout de sites

de comércio eletrônico para criar um protótipo para o site de comércio eletrônico para a

loja ‘Esportes Zypp’ contendo as seguintes páginas:

Home (página principal).

Detalhe de Produto.

Carrinho de compra.

Página de Login de Usuário.

Os protótipos podem ser construídos com ferramentas mockups, imagens e/ou com outros

recursos (editores gráficos/HTML).

Sites sugeridos para pesquisa

Mock Flow. Disponível em: <http://www.mockflow.com/>. Acesso em: 10 de out.

2014.

Frame Box. Disponível em: <http://framebox.org/>. Acesso em: 10 de out. 2014.

Page 5: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

5

Passo 3 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Pesquisar sobre o uso de SEO (Search Engine Optimization: conjunto de estratégias

com objetivo de otimizar o posicionamento de um site nos sites de busca) e como essas

técnicas podem ajudar a divulgar o site/loja virtual da ‘Esportes Zypp’.

2. Pesquisar três maneiras de divulgar/promover a loja virtual da ‘Esportes Zypp’. Para

cada método de divulgação encontrado, descreva seus benefícios, como o método

atinge os clientes e o grau de dificuldade de utilizar esse método em um e-commerce.

Passo 4 (Equipe)

Elaborar e entregar ao professor da disciplina:

1. Relatório com o nome Relatório 01: Tendências de Layout e Protótipo Comércio

Eletrônico. O relatório deve conter pelo menos sete páginas e abordar o conteúdo

pesquisado no Passo 2 desta etapa: Tendências de layout, Usabilidade e criação do

protótipo do site da ‘Esportes Zypp’.

2. Relatório com o nome Relatório 02: E-Marketing. O relatório deve conter pelo menos

cinco páginas e abordar o conteúdo pesquisa do no Passo 3 desta etapa.

ETAPA 2 (tempo para realização: 10 horas)

Aula-tema: Introdução ao PHP. Conceito e características principais. Primeiros exemplos, Conceitos básicos e avançados de programação em PHP, Comandos PHP em conjunto com tags HTML, Comandos PHP em conjunto com tags HTML.

Esta atividade é importante para que você aprender a utilizar PHP em conjunto com

HTML e criar páginas dinâmicas.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Individual)

Realizar as atividades apresentadas a seguir:

1. Fazer a leitura individual do Capítulo 1: O que é PHP?, no Capítulo 2: Noções Básicas

de Programação e no Capítulo 4: Manipulando os dados em PHP do livro-texto da

disciplina de Programação para Web (NIEDERAUER, Juliano. Desenvolvendo

websites com PHP: aprenda a criar websites dinâmicos e interativos com PHP e

bancos de dados. 2ª ed. São Paulo: Novatec, 2011).

Page 6: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

6

2. Fazer a leitura individual do material: K19, Apostila Desenvolvimento Web com HTML,

CSS e Javascript. Disponível em:

<http://www.k19.com.br/downloads/apostilas/basica/k19-k02-desenvolvimento-web-com-

html-css-e-javascript>. E compartilhado em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!244&authkey=!AFFtKezQ6

Xk8y4w&ithint=file%2cpdf>. E ainda em: <https://drive.google.com/file/d/0B1Bo-yD0L-

nwd1ZKRC1FRWM0bm8/view?usp=sharing>. Acesso em: 10 de out. 2014.

3. Fazer a leitura individual do artigo: Weakley, Russ. Layout CSS passo a passo (Tutorial

Maujor.com). Disponível em: <http://www.maujor.com/tutorial/layout-css-passo-a-

passo.php>. E compartilhado em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB%21245>. E ainda em:

<https://drive.google.com/file/d/0B1Bo-yD0L-nwN3dxMU43cVRvMzA/view?usp=sharing>

Acesso em: 10 de out. 2014.

Passo 2 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Preparar o ambiente de desenvolvimento, instalar com os seguintes programas: Servidor

Web Apache, PHP e um SGBD.

Servidor Web Apache é responsável por permitir o acesso às páginas criadas com o

protocolo HTTP.

PHP: linguagem de programação para Web responsável pelo processamento dos

dados da página, acesso a banco de dados entre outras funcionalidades.

SGBD (Sistema de Gerenciamento de Banco de Dados): conjunto de programas que

gerenciam banco de dados (Ex. MySQL, PostgreSQL, SQL Server).

Para facilitar a instalação e configuração dos programas citados, instalar o pacote

XAMPP. O XAMPP é um programa criado para facilitar a criação do ambiente de

desenvolvimento instalando e configurando automaticamente o Apache, PHP e o

MySQL.

Sites sugeridos para pesquisa

XAMPP. Disponível em: <https://www.apachefriends.org/pt_br/index.html>. Acesso

em: 10 de out. 2014.

2. Pesquisar qual IDE (Integrated Development Environment) a equipe de desenvolvimento

irá utilizar para criar o projeto da ‘Esportes Zypp’. Após ter escolhido uma IDE, criar um

novo projeto chamado “projetoZyppEcommerce” utilizando a linguagem PHP.

Page 7: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

7

Sites sugeridos para pesquisa

Eclipse. Disponível em: <http://www.eclipse.org/downloads/packages/eclipse-php-

developers/heliosr>. Acesso em: 10 de out. 2014.

Netbeans. Disponível em: <https://netbeans.org/features/php/>. Acesso em: 10 de

out. 2014.

Notepad++. Disponível em: <http://notepad-plus-plus.org/download/v6.6.9.html>.

Acesso em: 10 out. 2014.

3. Desenvolver a página principal da loja virtual da ‘Esportes Zypp’ baseada no protótipo da

Etapa 1, a página principal deve conter um menu com pelo menos cinco itens com os

tipos de esportes (ex: skate, surf e artes marciais) e para cada menu, deve ser exibido

um submenu com três ou mais tipos de produtos vendidos (ex: para o menu artes

marciais o submenu pode conter os itens: vestuário, protetores, equipamentos).

Figura 1 – Exemplo Menu.

Fonte: Elaborado pelo autor.

4. Criar um vetor em PHP para armazenar os itens do menu e um segundo vetor para

armazenar os subitens de cada menu. O menu da página principal deve montado

baseado no conteúdo desses vetores PHP.

Passo 3 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Criar na página principal uma área para exibir pelo menos quatro produtos disponíveis

para venda. Para cada produto deve ser exibida uma foto, descrição e o preço.

Page 8: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

8

Figura 2 – Exemplo produtos na página Principal.

Fonte: www.netshoes.com.br

2. Criar uma página para exibir os detalhes de um produto, a página deve conter uma foto

do produto, o valor do produto e um texto com informações do produto.

Figura 3 – Exemplo página Detalhes Produtos na página Principal.

Fonte: www.kanui.com.br

Page 9: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

9

Passo 4 (Equipe)

Elaborar e entregar ao professor da disciplina:

1. Relatório com o nome Relatório 03: Projeto Comércio Eletrônico ‘Esportes Zypp’. O

relatório deve conter pelo menos dez páginas com as imagens (print screen) das

páginas desenvolvidas nesta Etapa.

2. Consultar o professor sobre o tipo de mídia (CD, e-mail e etc.) para a entrega do código

fonte do projeto.

Socialização de resultados parciais

Cada equipe deve elaborar uma apresentação de acordo com os resultados obtidos nas etapas 1 e 2, que contenha as dificuldades encontradas e possíveis soluções propostas. O professor organizará as equipes para que todas apresentem este trabalho parcial, em sala de aula, aos demais colegas, para compor o Seminário Final desta ATPS. Esta atividade tem o propósito de socializar as dinâmicas de trabalho encontradas por cada

equipe, bem como trocar experiências a respeito dos resultados obtidos.

ETAPA 3 (tempo para realização: 10 horas)

Aula-tema: Ferramenta de Banco de Dados e PHP. Tratamento dos dados enviados por um formulário HTML, Utilidade das variáveis de ambiente no PHP, Conexão Banco de Dados e Site PHP, Criação de Banco de Dados em MySQL, PostgreSQL ou SQLite, Comandos SQL para acesso ao Banco de Dados via PHP.

Esta atividade é importante para que você aprenda enviar dados de uma página PHP

para outra, processar dados e criar páginas dinâmicas com PHP.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Individual)

Realizar as atividades apresentadas a seguir:

1. Fazer a leitura individual do capítulo 8: PHP e formulários HTML?, no Capítulo 9:

Passando informações por várias páginas e no Capítulo 12: PHP com banco de dados

do livro-texto da disciplina de Programação para Web (NIEDERAUER, Juliano.

Desenvolvendo websites com PHP: aprenda a criar websites dinâmicos e interativos

com PHP e bancos de dados. 2ª ed. São Paulo: Novatec, 2011).

Page 10: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

10

2. Fazer a leitura individual do material: CAELUM, Apostila Desenvolvimento Web com

HTML, CSS e Javascript. Disponível em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!229&authkey=!APb6JGEZF

uWgi38&ithint=file%2cpdf>. E compartilhado em: <https://drive.google.com/file/d/0B1Bo-

yD0L-nwM1hSSFlhUFRVUVE/view?usp=sharing>. Focar nos estudos no Capítulo 10:

PHP parâmetros e banco de dados. Acesso em: 10 de out. 2014.

3. Fazer a leitura individual do artigo: Muller, Nicolas. Como conectar ao banco de dados

MySQL com PHP. Disponível em: <http://www.oficinadanet.com.br/post/9990-criando-e-

conectando-ao-banco-de-dados-mysql-com-php>. E compartilhado em:

https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!230&authkey=!AHGFdCdXO

hLFB0g&ithint=file%2cpdf, E ainda em: <https://drive.google.com/file/d/0B1Bo-yD0L-

nwY3hhVnBZWU16MnM/view?usp=sharing>. Acesso em: 10 de out. 2014.

Passo 2 (Equipe)

Criar um banco de dados em MySQL para o site de comércio eletrônico da ‘Esportes Zypp’.

O banco de dados deve ter o nome de zyppBD e deve conter as tabelas: menu, tipos de

produtos, produtos, clientes (incluir os campos usuário e senha de usuário na tabela

cliente). Realizar uma discussão com a equipe para definir os campos para cada tabela.

Criar um arquivo de texto (Script) com os comandos SQL (Structured Query Language

ou Linguagem de Consulta Estruturada) utilizado para crias as tabelas do banco de dados e

deve ser entregue ao professor ao final desta etapa.

Passo 3 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Atualizar o menu das páginas do site construído na Etapa 2, os itens e subitens do menu

devem ter ser conteúdo baseado nos valores das tabelas menu e tipos de produtos no

banco de dados criado no passo anterior.

2. Atualizar a página principal do projeto (Home) substituindo as informações dos produtos

criados na Etapa 2 por informações dos produtos baseados nas informações da tabela

produtos no banco de dados.

3. Atualizar a página de detalhes de produtos criada na Etapa 2, substituindo as

informações do produto pelo conteúdo armazenado na tabela produtos no banco de

dados criado no passo anterior.

4. Criar um link nos produtos exibidos na página principal (HOME), esse link deve

direcionar o usuário para a página de detalhes do produto selecionado. A página de

detalhes do produto deve ser dinâmica, ou seja, uma única página deve exibir os dados

dos produtos dependendo do produto escolhido pelo usuário, trazendo as informações

do produto do banco de dados.

Page 11: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

11

Passo 4 (Equipe)

Elaborar e entregar ao professor da disciplina:

1. Relatório com o nome Relatório 04: Conteúdo Dinâmico e Banco de Dados do

Comércio Eletrônico ‘Esportes Zypp’. O relatório deve conter pelo menos seis páginas

com as imagens (print screen) das páginas desenvolvidas nesta Etapa.

2. Consultar o professor sobre o tipo de mídia (CD, email e etc.) para a entrega do código

fonte do projeto.

ETAPA 4 (tempo para realização: 10 horas)

Aula-tema: Sistema de username/password para o site. Cookies e sessões, Leitura e gravação de dados em arquivos-texto, Unindo o site com o Banco de Dados e PHP.

Esta atividade é importante para que você aprenda a utilizar sessions e/ou cookies

para criar ambientes de acesso restrito nas páginas Web e também para entender como

construir um carrinho de compras para um e-commerce com sessões em PHP.

Para realizá-la, devem ser seguidos os passos descritos.

Passos

Passo 1 (Individual)

1. Fazer a leitura individual do Capítulo 13: Cookies e Sessões e do Capítulo 14:

Manipulando arquivos em PHP do livro-texto da disciplina de Programação para Web

(NIEDERAUER, Juliano. Desenvolvendo websites com PHP: aprenda a criar websites

dinâmicos e interativos com PHP e bancos de dados. 2ª ed. São Paulo: Novatec, 2011).

2. Fazer a leitura individual do artigo: W3Schools, PHP5 Sessions. Disponível em

<http://www.w3schools.com/php/php_sessions.asp>. E compartilhado em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!231&authkey=!AEB5Mu0ox

gw4CVw&ithint=file%2cpdf>. Acesso em: 10 de out. 2014.

3. Fazer a leitura individual do artigo: W3Schools, PHP5 Cookies. Disponível em

<http://www.w3schools.com/php/php_cookies.asp>. E compartilhado em:

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!233&authkey=!AGg9n48R7

CpuDPE&ithint=file%2cpdf>. Acesso em: 10 de out. 2014.

4. Fazer a leitura individual do artigo: Martini, Julio Cesar. Carrinho de Compras simples

usando arrays e sessions. Disponível em:

<http://imasters.com.br/artigo/1881/php/carrinho-de-compras-simples-usando-arrays-e-

sessions-parte-01>. E compartilhado em:

Page 12: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

12

<https://onedrive.live.com/redir?resid=19B8BF2AD94C08EB!232&authkey=!AKgh3KO49j

FMWrk&ithint=file%2cpdf>. Acesso em: 10 de out. 2014.

Passo 2 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Criar uma página com um formulário para cadastro de clientes da ‘Esportes Zypp’.

Desenvolver o formulário conforme os campos da tabela cliente criado na Etapa 3.

2. Desenvolver um programa PHP que deve receber os dados do formulário de cliente e

realizar o cadastro das informações no banco de dados.

Passo 3 (Equipe)

Realizar as atividades apresentadas a seguir:

1. Criar as páginas de autenticação do site, onde os clientes irão fornecer seu usuário e

senha em uma página e ao clicar no botão login os dados serão enviados para uma

página de autenticação PHP. Caso os dados de autenticação estejam corretos criar uma

session com o nome usuárioAutenticado tendo seu valor igual a “true” e a session

nomeUsuario tendo como valor o nome do cliente.

Figura 4 – Exemplo de páginas para autenticação.

Fonte: Elaborado pelo autor.

2. Exibir no cabeçalho das páginas do site da ‘Esportes Zypp’ o nome do usuário, caso

este tenha efetuado login no site.

3. Desenvolver uma página PHP que irá administrar um carrinho de compra para o sistema

da ‘Esportes Zypp’, quando o usuário acessar a página detalhe do produto e clicar no

Page 13: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

13

botão comprar o produto deve ser adicionado ao carrinho de compra. O carrinho de

compra deve receber os produtos selecionados pelo usuário e apresentar o campo total,

somando o preço de todos os produtos do carrinho.

Figura 5 – Exemplo de página de carrinho de compra.

Fonte: www.kanui.com.br

4. Pesquisar sobre como integrar sistemas de e-commerce os meios de pagamentos

eletrônicos, ao realizar uma compra o cliente pode escolher uma forma de pagamentos

(boleto, cartões de credito e outras). Elaborar um relatório com no mínimo duas formas

de integrar/preparar um site de comércio eletrônico para permitir que seus clientes

possam utilizar essas formas de pagamento.

Sites sugeridos para pesquisa

Pagseguro. Disponível em: <https://pagseguro.uol.com.br/v2/guia-de-

integracao/tutorial-da-biblioteca-pagseguro-em-php.html#!rmcl>. Acesso em: 10 de

out. 2014.

Passo 4 (Equipe)

Elaborar e entregar ao professor da disciplina:

1. Relatório com o nome Relatório 05: Cadastros dos Clientes e Carrinho de Compra. O

relatório deve conter pelo menos cinco páginas com as imagens (print screen) das

páginas desenvolvidas nesta Etapa.

2. Relatório com o nome Relatório 06: Meios de Pagamentos E-commerce. O relatório

deve conter pelo menos sete páginas com o conteúdo da pesquisa do passo anterior.

3. Consultar o professor sobre o tipo de mídia (CD, e-mail e etc.) para a entrega do código

fonte do projeto.

Page 14: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

14

Seminário de Conclusão

Com o objetivo de apresentar os resultados obtidos por meio da ATPS, o Seminário Final

pretende proporcionar aos estudantes a socialização das variações de resultados, bem

como o debate a respeito das dificuldades e soluções encontradas para a finalização do

desafio.

Cada equipe deverá realizar uma apresentação de vinte minutos, contendo até vinte

slides.

Esta apresentação deverá contemplar a seguinte estrutura:

Introdução: base teórica utilizada para solução do desafio. Desenvolvimento: a partir da apresentação parcial elaborada na etapa 2, descrever as

soluções encontradas para a resolução final do desafio. Conclusão: explicar como as soluções encontradas para a resolução final do desafio,

poderão contribuir efetivamente em sua vida profissional. A apresentação do Seminário Final de cada curso deverá ocorrer em sua unidade, em local

e data a serem definidos pelo professor da disciplina e o coordenador de curso.

Padronização

O material escrito solicitado nesta atividade deve ser produzido de acordo com as normas

da ABNT, com o seguinte padrão (exceto para produções finais não textuais):

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 de 1,5 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 da disciplina;

cidade e data da entrega, apresentação ou publicação.

Page 15: Tecnologia em Gestão da Tecnologia da Informação3msolucoes.com.br/adm/downloads/2015_1_CST_GTI_2...Promover a aplicação da teoria na solução de situações que simulam a

Programação para Web

15

Para consulta completa das normas ABNT, acessar a Normalização de Trabalhos

Acadêmicos Anhanguera. Disponível em:

<http://issuu.com/normalizacao/docs/normaliza____o_de_trabalhos_acad__m>. Acesso em:

22 ago. 2014.

Vale lembrar: constitui plágio a apropriação de ideias alheias sem a indicação do autor e da

fonte de onde foi retirada a informação referenciada. Para saber mais, assistir ao vídeo de

orientação sobre plágio