ATIVIDADES PRTICAS

SUPERVISIONADAS
Sistemas de Informao

5. Srie
Comrcio Eletrnico e Design de Portais

A Atividade Prtica Supervisionada (ATPS) um procedimento metodolgico 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 convivncia e o trabalho em grupo.
Auxiliar no desenvolvimento das competncias requeridas para o exerccio
profissional.
Promover a aplicao da teoria na soluo de situaes que simulam a
realidade.
Oferecer diferenciados ambientes de aprendizagem
Para atingir estes objetivos, a ATPS prope um desafio e indica os passos a
serem percorridos ao longo do semestre para a sua soluo.
Aproveite esta oportunidade de estudar e aprender com desafios da vida
profissional.

AUTORIA:
Renato Cividini Matthiesen
Faculdade Anhangurea de Limeira

Walter Gima
Faculdade Anhangurea de Limeira

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 2 de 10

COMPETNCIAS E HABILIDADES
Ao concluir as etapas propostas neste desafio, voc ter desenvolvido as competncias
e habilidades que constam, nas Diretrizes Curriculares Nacionais, descritas a seguir.
Iniciar, projetar, desenvolver, implementar, validar e gerenciar solues usando a
tecnologia de computao em organizaes privadas e pblicas, aplicando
metodologias para anlise e desenvolvimento de projetos de sistemas;
Identificar, analisar e documentar oportunidades, problemas e necessidades passveis
de soluo via computao, e para empreender na concretizao;
Levantar dados e empreender uma abordagem sistmica no trato dos problemas de
distribuio da informao;
Tomar decises e saber implement-las.

Produo Acadmica

Relatrios parciais, com os resultados das pesquisas e atividades realizadas (1.

Modalidades de e-commerce; 2. Exemplo de E-business nas Empresas, 3. Segurana
em Sistemas de e-commerce; 4. Projeto do Portal sobre E-commerce; 5. Design de
Interao; 6. Integrao Flash com Pagamento Digital).
Projeto final do portal sobre e-commerce (Projeto do Portal sobre E-commerce).

Participao
Esta atividade ser, em parte, desenvolvida individualmente pelo aluno e, em parte,
pelo grupo. Para tanto, os alunos devero:

organizar-se, previamente, em equipes de participantes conforme orientao do

professor;

entregar seus nomes, RAs e e-mails ao professor da disciplina e

observar, no decorrer das etapas, as indicaes: Aluno e Equipe.

DESAFIO
O comrcio eletrnico no pode mais ser visto como um diferencial dentre as
empresas que promovem marketing, compra e venda de servios e/ou produtos. Ele tornouse uma ferramenta que possibilita alcanar um consumidor sem mesmo haver a preocupao
de se estabelecer um endereo fsico para praticar o comrcio de produtos.
Nos ltimos anos, diversas empresas criaram seus negcios promovendo a
comercializao de produtos e servios apenas de forma on-line, outras adicionaram esta
modalidade de comrcio como uma opo de modalidade de compra, e, outras ainda
fecharam suas lojas baseadas em estabelecimentos fsicos e passaram a praticar o comrcio
apenas no formato eletrnico.
Este desafio consiste na elaborao de um portal sobre comrcio eletrnico.
Primeiramente dever elaborado um conjunto de relatrios sobre comrcio eletrnico e, em
uma segunda fase do projeto, construir o portal propriamente dito e inserir as informaes
contidas nos relatrios no prprio portal. Os relatrios so: 1. Modalidades de E-commerce; 2.
Exemplo de E-business nas Empresas, 3. Segurana em Sistemas de E-commerce; 4. Projeto do
Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 3 de 10

Portal sobre E-commerce; 5. Design de Interao; 6. Integrao Flash com Pagamento Digital e
Projeto do Portal sobre E-commerce.
No final do projeto, deseja-se que seja apresentado um portal desenvolvido dentro das
melhores tcnicas para programao de sistemas eletrnicos baseados na Internet para
promoo de comrcio eletrnico.

Objetivo do Desafio
Desenvolvimento de um portal sobre comrcio eletrnico.

Livro Texto da Disciplina

A produo desta ATPS fundamentada no livro-texto da disciplina, que dever ser
utilizado para soluo do desafio:
ALBERTIN, Alberto L.. Comrcio Eletrnico: Modelo, Aspectos e Contribuioes de sua
Aplicaao. 6 ed. So Paulo: Atlas, 2010.

ETAPA 1 (tempo para realizao; 2,5 horas)

Aulas tema: Abordagem de E-Business e e-Commerce. Estudo das variaes: B2B,
B2C, C2C, E-Procurement.
Esta atividade importante para que voc entenda os principais conceitos de comrcio
eletrnico e suas variaes utilizados atualmente nos sistemas baseados na web.
Para realiz-la importante seguir os passos descritos.

PASSOS
Passo 1 (Aluno)
Fazer uma pesquisa na biblioteca de sua unidade para conhecer os livros texto e
complementares da disciplina. Em seguida, ler o captulo do livro texto ou complementar
que faz uma introduo aos conceitos de comrcio eletrnico.
Passo 2 (Aluno)
Acessar

navegar pelo portal: eCommerceOrg. Disponvel em <http://www.ecommerce.org.br>. Acesso em: 25 mar. 2014. Este site contm uma grande quantidade de
material sobre comrcio eletrnico.
Passo 3 (Equipe)
Fazer uma pesquisa utilizando-se do livro texto, dos livros complementares e Internet e
elabore um texto descrevendo a definio de e-business, e-commerce, e-procurement, B2B, B2C,
C2C e B2E.

Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 4 de 10

Passo 4 (Equipe)
Elaborar um relatrio com o contedo pesquisado e trabalhado no passo 3 desta etapa e
entregue a seu professor em data por ele estabelecida. Este relatrio dever ser nomeado
como: Relatrio 1: Modalidades de E-commerce.

ETAPA 2 (tempo para realizao: 2,5 horas)

Aulas tema: Construindo
Gerenciamento.

um

e-Business:

Design,

Desenvolvimento

Esta atividade importante para que voc conhea os conceitos sobre design,
desenvolvimento e gerenciamento de sistemas informatizados e empresas que fazem uso do
e-Business.
Para realiz-la importante seguir os passos descritos.

PASSOS
Passo 1 (Aluno)
Ler o artigo: 6 dicas para o Empreendedor de Sucesso na Internet. 2010. Disponvel em:
<http://www.e-commerce.org.br/artigos/empreendedor-sucesso.php>. Este artigo tambm est
disponvel
no
Google
Docs
atravs
do
link:
<https://docs.google.com/a/aedu.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9e1nJ9U
5ACjNDk3ZTM3OGItY2UzNy00N2VjLWEwOWMtZTU5MjY0YWU3MjA2&hl=en>. Acessos em:
25 mar. 2014.
Passo 2 (Aluno)
Fazer uma pesquisa na Internet para conhecer exemplos de empresas que utilizam em seus
negcios eletrnicos os conceitos de B2B, dois exemplos de empresas que utilizam o B2C,
dois exemplos de empresas que utilizam o C2C e dois exemplos de empresas que utilizam
B2E.
Passo 3 (Equipe)
Descrever pelo menos duas empresas para cada modalidade de comrcio eletrnico
pesquisada anteriormente e detalhe cada uma delas informando o URL (Universal Resource
Locator), seu tipo de negcio, tempo em que a empresa colocou seus servios on-line, a tela
principal do site ou portal, as principais caractersticas observadas no portal (layout do
portal,uso de menus, cores, banners, animaes, entre outros). Lembrar de colocar os
endereos destes sites em seus favoritos para uso posterior.
Passo 4 (Equipe)
Elaborar um relatrio com uma resenha de uma pgina sobre o artigo lido no passo 1 desta
etapa e o contedo pesquisado e trabalhado nos passos 2 e 3 desta etapa. Em seguida
entregar o relatrio para o seu professor em data por ele estabelecida. Este relatrio dever
ser nomeado como: Relatrio 2: Exemplo de E-business nas Empresas.
Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 5 de 10

ETAPA 3 (tempo para realizao: 2,5 horas)

Aula-tema: Marketing na Internet, logstica para comrcio eletrnico em negcios
eletrnicos. Infraestrutura em negcios eletrnicos. Formas de pagamentos digitais,
segurana, certificao digital.
Esta atividade importante para que voc conhea maneiras de se realizar marketing
com a Internet, entrega de produtos e formas de pagamento realizado em um sistema de
comrcio eletrnico. importante tambm para conhecer tcnicas de segurana e certificados
digitais utilizados em sistemas informatizados que promovem o e-commerce.
Para realiz-la, devem ser seguidos os passos descritos.

PASSOS
Passo 1 (Aluno)
Acessar e conhecer o site da Cmara Brasileira de Comrcio Eletrnico. Disponvel em:
<http://www.camara-e.net>. Acesso em: 25 mar. 2014. Neste portal existe uma grande
quantidade de informaes para pesquisa e consulta sobre comrcio eletrnico. Acesse
tambm o site do Serasa Experian e verifique informaes sobre Certificado Digital.
Disponvel em: <http://loja.certificadodigital.com.br/serasa>. Acesso em: 18 ago. 2011. Neste
site esto disponveis informaes e solues sobre certificao digital. Conhecer tambm o
site
da
Serpro.
Disponvel
atravs
do
link:
<http://www.serpro.gov.br/noticiasSERPRO/2010/maio/certificado-digital-paraque/?searchterm=certificado digital>. Acesso em: 25 mar. 2014.
Passo 2 (Aluno)
Acessar o site Infowester.com e leia o artigo: Entendendo a Certificao Digital. 2011.
Disponvel em: <http://www.infowester.com/assincertdigital.php>. Acesso em: 18 ago. 2011.
Este artigo tambm se encontra disponvel no Google Docs atravs do link:
<https://docs.google.com/a/aedu.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9e1nJ9U
5ACjNWUwYjUyYzctYzI0Zi00OTc2LTlmOTQtY2Q2YmI0Y2U4MGNj&hl=en>. Acesso em: 25 mar.
2014
Passo 3 (Aluno)
Fazer uma anlise detalhada dos oito exemplos (dois de cada modalidade de comrcio
eletrnico) verificadas no passo 3 da etapa 2 informando as formas de pagamento
disponveis e a presena ou ausncia de certificados digitais. Descrever os critrios de
segurana utilizados em cada portal/site pesquisado.
Passo 4 (Equipe)
Elaborar um relatrio com uma resenha de uma pgina sobre o artigo lido no passo 2 desta
etapa e o contedo pesquisado e trabalhado nos passos 3. Em seguida entregar o relatrio
para o seu professor em data por ele estabelecida. Este relatrio dever ser nomeado como:
Relatrio 3: Segurana em Sistemas de E-commerce.

Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 6 de 10

ETAPA 4 (tempo para realizao: 2,5 horas)

Aula-tema: Web Sites Institucionais. Conceito, contedo, design. Apresentao de
exemplos. Principais elementos da Home Page de um portal (layouts funcionais).
Esta atividade importante para que voc conhea as principais tcnicas para
elaborao de um website e de um portal institucional.
Para realiz-la, devem ser seguidos os passos descritos.

PASSOS
Passo 1 (Aluno)
Ler o captulo do livro texto ou complementar sobre WebDesing. Esta leitura o levar a
compreender as principais tcnicas para projeto e desenvolvimento de um portal ou websites
institucionais.
Passo 2 (Aluno)
Considerar os exemplos estudados nas etapas anteriores desta ATPS e apresente um layout
para um portal sobre comercio eletrnico. Definir e explicar o padro para seu portal, o
pblico alvo, as estruturas dinmicas e recursos do usurio com as sees que deseja
implementar.
Passo 3 (Aluno)
Fazer a primeira verso de seu portal apresentando os principais elementos de sua Home
Page. Atentar-se para definir o topo do portal, os menus de navegao, a rea de contedo da
Home Page com suas hierarquias, divises, organizao dos quadros e os espaos
publicitrios. Neste passo, voc poder utilizar-se dos relatrios produzidos anteriormente
para composio do contedo das pginas do site.
Passo 4 (Equipe)
Elaborar um relatrio com a descrio do projeto do portal desenvolvido. Em seguida
entregar o relatrio para o seu professor em data por ele estabelecida. Este relatrio dever
ser nomeado como: Relatrio 4. Projeto do Portal sobre E-commerce.

ETAPA 5 (tempo para realizao; 2,5 horas)

Aula-tema: Design de Interao: conceito de metas. Design de Interao: testes de
usabilidade.
Esta atividade importante para que voc conhea os conceitos do Design e de
Interao e como essas tcnicas ajudam na criao de design.
Para realiz-la, devem ser seguidos os passos descritos.

Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 7 de 10

PASSOS
Passo 1 (Aluno)
Fazer uma pesquisa na Internet para conhecer os conceitos do Design de Interao, as reas
em que podem ser aplicadas e testes de usabilidades que utilizam seus conceitos.
Passo 2 (Equipe)
Construir um checklist com os conceitos de Design de Interao que devem ser observados
para um website ter um bom layout e uma boa usabilidade.
Passo 3 (Equipe)
Elaborar um relatrio com a descrio do Design de Interao, anexo o checklist do Passo 2 e
entregar o relatrio para o seu professor em data por ele estabelecida. Este relatrio dever
ser nomeado como: Relatrio 5. Design de Interao.

ETAPA 6 (tempo para realizao: 2,5 horas)

Aula-tema: Flash: fundamentos e transformao; organizao de elementos e textos.
Flash: efeitos. Flash: Projetando interfaces grficas interativas.
Esta atividade importante para que voc habilidades na construo de sites e portais
construdos com Flash.
Para realiz-la, devem ser seguidos os passos descritos.

PASSOS
Passo 1 (Aluno)
Criar um novo arquivo no Adobe Flash para dar inicio ao desenvolvimento do Portal
conforme projeto desenvolvido na Etapa 4. Em seguida, comear desenvolvendo a Home Page
do Portal definindo sua estrutura de organizao visual, menus, corpo, rea para anncios e
demais elementos que iro compor sua Pgina Principal.
Passo 2 (Equipe)
Inserir o contedo dos relatrios elaborados na Etapas 1, 2 e 3 (1. Modalidades de Ecommerce; 2. Exemplo de E-business nas Empresas, 3. Segurana em Sistemas de E-commerce)
em seu portal.
Passo 3 (Equipe)
Utilizar de recursos do Adobe Flash para criar as demais sees do site (adicione Keyframes ou
cenas para as pginas). Observar os padres de layout do Portal para as demais pginas.

Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 8 de 10

Passo 4 (Equipe)
Utilizar Action Script (linguagem de programao do Adobe Flash) nas opes dos menus e
dos destaques de contedo para criar os links para suas respectivas sees (pginas).
Entreguem os arquivos do Portal para o seu professor em data por ele estabelecida.

ETAPA 7 (tempo para realizao: 2,5 horas)

Aula-tema: Flash: fundamentos e transformao; organizao de elementos e textos.
Flash: efeitos. Flash: Projetando interfaces grficas interativas. Criao conjunta de
segmentos de um portal.
Esta atividade importante para que voc tenha habilidades na construo de
animaes utilizando os recursos do Flash.
Para realiz-la, devem ser seguidos os passos descritos.

PASSOS
Passo 1 (Equipe)
Utilizar os recursos e efeitos de animao como interpolao e animao quadro quadro e
desenvolva 04 anncios animados representando os patrocinadores do Portal. Dos anncios
criados pelo menos 02 devem fazer parte do Home Page do Portal.
Passo 2 (Equipe)
Desenvolver Banners Animados para as sees do Portal: Modalidades de e-commerce, Ebusiness nas empresas e Segurana em sistemas de e-commerce. Os banners devem conter
imagens e textos com referncias sobre o contedo de cada pgina. As imagens e textos
devero aparecer pelo banner de forma aleatria formando assim a animao. A seguir
apresentada a figura 1 com um exemplo de banner animado.

Figura 1: Exemplo de Banner Animado

Fonte: Site Dell. Disponvel em: <http://www.dell.com.br>

Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 9 de 10

Passo 3 (Equipe)
Entregar os arquivos do Portal com as alteraes contidas nesta etapa para o seu professor
em data por ele estabelecida.

ETAPA 8 (tempo para realizao: 2,5 horas)

Aula-tema: Flash: fundamentos e transformao; organizao de elementos e textos.
Flash: efeitos. Flash: Projetando interfaces grficas interativas. Criao conjunta de
segmentos de um portal.
Esta atividade importante para que voc tenha habilidades na construo de
animaes utilizando os recursos do Flash.
Para realiz-la, devem ser seguidos os passos descritos.

PASSOS
Passo 1 (Equipe)
Criar a seo de vendas para o Portal, essa pgina deve conter os produtos (livros e/ou
apostilas) sobre e-commerce. Observar a figura 2 a seguir como exemplo de layout:

Figura 2: Exemplo de layout para vendas pelo Portal

Fonte: Site Submarino. Disponvel em: <http://www.submarino.com.br>

Passo 2 (Equipe)
Acrescentar para cada produto um link para uma seo que ir exibir as condies de
pagamento disponvel para o produto e um formulrio onde o internauta ir fornecer seus
dados pessoais, dados de entrega e dados financeiros para a realizao da compra on-line.
Passo 3 (Equipe)
Elaborar um relatrio sobre a integrao de sua seo de e-commerce construda em Adobe
Flash com alguma operadora de carto ou prestadora de servios de pagamentos digital.
Entreguem o relatrio deste passo para o seu professor. Este relatrio dever ser nomeado
como: Relatrio 6. Integrao Flash com Pagamentos Digitais.
Passo 4 (Equipe)
Entregar os arquivos do Portal concludo para o seu professor. Este documento dever ser
nomeado como: 7. Projeto do Portal sobre E-commerce.
Renato Cividini Matthiesen e Walter Gima

Sistemas de Informao 5 Srie Comrcio Eletrnico e Design de Portais

Pg. 10 de 10

Padronizao
O material escrito solicitado nesta atividade deve ser produzido de acordo com as
normas da ABNT, com o seguinte padro (exceto para produes finais no 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;

espaamento de 1,5 entre linhas;

se houver citaes com mais de trs linhas, devem ser em fonte tamanho 10, com
um recuo de 4cm da margem esquerda e espaamento simples entre linhas;

com capa, contendo:

nome de sua Unidade de Ensino, Curso e Disciplina;

nome e RA de cada participante;

ttulo da atividade;

nome do professor da disciplina;

cidade e data da entrega, apresentao ou publicao.

Para consulta completa das normas ABNT, acesse a Normalizao de Trabalhos Acadmicos
Anhanguera.
Disponvel
em:
<http://issuu.com/normalizacao/docs/normaliza____o_de_trabalhos_acad__m>.
Acesso
em: 13 maio 2014.

Renato Cividini Matthiesen e Walter Gima