ATIVIDADES PRÁTICAS SUPERVISIONADAS Sistemas de Informação 5ª. Série Comércio Eletrônico e Design de Portais 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: Renato Cividini Matthiesen Faculdade Anhangurea de Limeira Walter Gima Faculdade Anhangurea de Limeira
Pág. 2 de 10 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. Iniciar, projetar, desenvolver, implementar, validar e gerenciar soluções usando a tecnologia de computação em organizações privadas e públicas, aplicando metodologias para análise e desenvolvimento de projetos de sistemas; Identificar, analisar e documentar oportunidades, problemas e necessidades passíveis de solução via computação, e para empreender na concretização; Levantar dados e empreender uma abordagem sistêmica no trato dos problemas de distribuição da informação; Tomar decisões e saber implementá-las. Produção Acadêmica Relatórios parciais, com os resultados das pesquisas e atividades realizadas (1. Modalidades de e-commerce; 2. Exemplo de E-business nas Empresas, 3. Segurança em Sistemas de e-commerce; 4. Projeto do Portal sobre E-commerce; 5. Design de Interação; 6. Integração Flash com Pagamento Digital). Projeto final do portal sobre e-commerce (Projeto do Portal sobre E-commerce). 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 participantes conforme orientação do professor; entregar seus nomes, RAs e e-mails ao professor da disciplina e observar, no decorrer das etapas, as indicações: Aluno e Equipe. DESAFIO O comércio eletrônico não pode mais ser visto como um diferencial dentre as empresas que promovem marketing, compra e venda de serviços e/ou produtos. Ele tornouse uma ferramenta que possibilita alcançar um consumidor sem mesmo haver a preocupação de se estabelecer um endereço físico para praticar o comércio de produtos. Nos últimos anos, diversas empresas criaram seus negócios promovendo a comercialização de produtos e serviços apenas de forma on-line, outras adicionaram esta modalidade de comércio como uma opção de modalidade de compra, e, outras ainda fecharam suas lojas baseadas em estabelecimentos físicos e passaram a praticar o comércio apenas no formato eletrônico. Este desafio consiste na elaboração de um portal sobre comércio eletrônico. Primeiramente deverá elaborado um conjunto de relatórios sobre comércio eletrônico e, em uma segunda fase do projeto, construir o portal propriamente dito e inserir as informações contidas nos relatórios no próprio portal. Os relatórios são: 1. Modalidades de E-commerce; 2. Exemplo de E-business nas Empresas, 3. Segurança em Sistemas de E-commerce; 4. Projeto do
Pág. 3 de 10 Portal sobre E-commerce; 5. Design de Interação; 6. Integração 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 técnicas para programação de sistemas eletrônicos baseados na Internet para promoção de comércio eletrônico. Objetivo do Desafio Desenvolvimento de um portal sobre comércio eletrônico. Livro Texto da Disciplina A produção desta ATPS é fundamentada no livro-texto da disciplina, que deverá ser utilizado para solução do desafio: ALBERTIN, Alberto L.. Comércio Eletrônico: Modelo, Aspectos e Contribuiçoes de sua Aplicaçao. 6ª ed. São Paulo: Atlas, 2010. ETAPA 1 (tempo para realização; 2,5 horas) Aulas tema: Abordagem de E-Business e e-commerce. Estudo das variações: B2B, B2C, C2C, E-Procurement. Esta atividade é importante para que você entenda os principais conceitos de comércio eletrônico e suas variações utilizados atualmente nos sistemas baseados na web. Para realizá-la é importante seguir os passos descritos. Fazer uma pesquisa na biblioteca de sua unidade para conhecer os livros texto e complementares da disciplina. Em seguida, ler o capítulo do livro texto ou complementar que faz uma introdução aos conceitos de comércio eletrônico. Passo 2 (Aluno) Acessar e navegar pelo portal: ecommerceorg. Disponível em <http://www.ecommerce.org.br>. Acesso em: 25 mar. 2014. Este site contém uma grande quantidade de material sobre comércio eletrônico. Fazer uma pesquisa utilizando-se do livro texto, dos livros complementares e Internet e elabore um texto descrevendo a definição de e-business, e-commerce, e-procurement, B2B, B2C, C2C e B2E.
Pág. 4 de 10 Elaborar um relatório com o conteúdo pesquisado e trabalhado no passo 3 desta etapa e entregue a seu professor em data por ele estabelecida. Este relatório deverá ser nomeado como: Relatório 1: Modalidades de E-commerce. ETAPA 2 (tempo para realização: 2,5 horas) Aulas tema: Construindo um e-business: Design, Desenvolvimento e Gerenciamento. Esta atividade é importante para que você conheça 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. Ler o artigo: 6 dicas para o Empreendedor de Sucesso na Internet. 2010. Disponível em: <http://www.e-commerce.org.br/artigos/empreendedor-sucesso.php>. Este artigo também está disponível no Google Docs através 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 negócios eletrônicos 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. Descrever pelo menos duas empresas para cada modalidade de comércio eletrônico pesquisada anteriormente e detalhe cada uma delas informando o URL (Universal Resource Locator), seu tipo de negócio, tempo em que a empresa colocou seus serviços on-line, a tela principal do site ou portal, as principais características observadas no portal (layout do portal,uso de menus, cores, banners, animações, entre outros). Lembrar de colocar os endereços destes sites em seus favoritos para uso posterior. Elaborar um relatório com uma resenha de uma página sobre o artigo lido no passo 1 desta etapa e o conteúdo pesquisado e trabalhado nos passos 2 e 3 desta etapa. Em seguida entregar o relatório para o seu professor em data por ele estabelecida. Este relatório deverá ser nomeado como: Relatório 2: Exemplo de E-business nas Empresas.
Pág. 5 de 10 ETAPA 3 (tempo para realização: 2,5 horas) Aula-tema: Marketing na Internet, logística para comércio eletrônico em negócios eletrônicos. Infraestrutura em negócios eletrônicos. Formas de pagamentos digitais, segurança, certificação digital. Esta atividade é importante para que você conheça maneiras de se realizar marketing com a Internet, entrega de produtos e formas de pagamento realizado em um sistema de comércio eletrônico. É importante também para conhecer técnicas de segurança e certificados digitais utilizados em sistemas informatizados que promovem o e-commerce. Acessar e conhecer o site da Câmara Brasileira de Comércio Eletrônico. Disponível em: <http://www.camara-e.net>. Acesso em: 25 mar. 2014. Neste portal existe uma grande quantidade de informações para pesquisa e consulta sobre comércio eletrônico. Acesse também o site do Serasa Experian e verifique informações sobre Certificado Digital. Disponível em: <http://loja.certificadodigital.com.br/serasa>. Acesso em: 18 ago. 2011. Neste site estão disponíveis informações e soluções sobre certificação digital. Conhecer também o site da Serpro. Disponível através 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 Certificação Digital. 2011. Disponível em: <http://www.infowester.com/assincertdigital.php>. Acesso em: 18 ago. 2011. Este artigo também se encontra disponível no Google Docs através 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 análise detalhada dos oito exemplos (dois de cada modalidade de comércio eletrônico) verificadas no passo 3 da etapa 2 informando as formas de pagamento disponíveis e a presença ou ausência de certificados digitais. Descrever os critérios de segurança utilizados em cada portal/site pesquisado. Elaborar um relatório com uma resenha de uma página sobre o artigo lido no passo 2 desta etapa e o conteúdo pesquisado e trabalhado nos passos 3. Em seguida entregar o relatório para o seu professor em data por ele estabelecida. Este relatório deverá ser nomeado como: Relatório 3: Segurança em Sistemas de E-commerce.
Pág. 6 de 10 ETAPA 4 (tempo para realização: 2,5 horas) Aula-tema: Web Sites Institucionais. Conceito, conteúdo, design. Apresentação de exemplos. Principais elementos da Home Page de um portal (layouts funcionais). Esta atividade é importante para que você conheça as principais técnicas para elaboração de um website e de um portal institucional. Ler o capítulo do livro texto ou complementar sobre WebDesing. Esta leitura o levará a compreender as principais técnicas 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 eletrônico. Definir e explicar o padrão para seu portal, o público alvo, as estruturas dinâmicas e recursos do usuário com as seções que deseja implementar. Passo 3 (Aluno) Fazer a primeira versão de seu portal apresentando os principais elementos de sua Home Page. Atentar-se para definir o topo do portal, os menus de navegação, a área de conteúdo da Home Page com suas hierarquias, divisões, organização dos quadros e os espaços publicitários. Neste passo, você poderá utilizar-se dos relatórios produzidos anteriormente para composição do conteúdo das páginas do site. Elaborar um relatório com a descrição do projeto do portal desenvolvido. Em seguida entregar o relatório para o seu professor em data por ele estabelecida. Este relatório deverá ser nomeado como: Relatório 4. Projeto do Portal sobre E-commerce. ETAPA 5 (tempo para realização; 2,5 horas) Aula-tema: Design de Interação: conceito de metas. Design de Interação: testes de usabilidade. Esta atividade é importante para que você conheça os conceitos do Design e de Interação e como essas técnicas ajudam na criação de design.
Pág. 7 de 10 Fazer uma pesquisa na Internet para conhecer os conceitos do Design de Interação, 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 Interação que devem ser observados para um website ter um bom layout e uma boa usabilidade. Elaborar um relatório com a descrição do Design de Interação, anexo o checklist do Passo 2 e entregar o relatório para o seu professor em data por ele estabelecida. Este relatório deverá ser nomeado como: Relatório 5. Design de Interação. ETAPA 6 (tempo para realização: 2,5 horas) Aula-tema: Flash: fundamentos e transformação; organização de elementos e textos. Flash: efeitos. Flash: Projetando interfaces gráficas interativas. Esta atividade é importante para que você habilidades na construção de sites e portais construídos com Flash. Criar um novo arquivo no Adobe Flash para dar inicio ao desenvolvimento do Portal conforme projeto desenvolvido na Etapa 4. Em seguida, começar desenvolvendo a Home Page do Portal definindo sua estrutura de organização visual, menus, corpo, área para anúncios e demais elementos que irão compor sua Página Principal. Passo 2 (Equipe) Inserir o conteúdo dos relatórios elaborados na Etapas 1, 2 e 3 (1. Modalidades de E- commerce; 2. Exemplo de E-business nas Empresas, 3. Segurança em Sistemas de E-commerce) em seu portal. Utilizar de recursos do Adobe Flash para criar as demais seções do site (adicione Keyframes ou cenas para as páginas). Observar os padrões de layout do Portal para as demais páginas.
Pág. 8 de 10 Utilizar Action Script (linguagem de programação do Adobe Flash) nas opções dos menus e dos destaques de conteúdo para criar os links para suas respectivas seções (páginas). Entreguem os arquivos do Portal para o seu professor em data por ele estabelecida. ETAPA 7 (tempo para realização: 2,5 horas) Aula-tema: Flash: fundamentos e transformação; organização de elementos e textos. Flash: efeitos. Flash: Projetando interfaces gráficas interativas. Criação conjunta de segmentos de um portal. Esta atividade é importante para que você tenha habilidades na construção de animações utilizando os recursos do Flash. Passo 1 (Equipe) Utilizar os recursos e efeitos de animação como interpolação e animação quadro á quadro e desenvolva 04 anúncios animados representando os patrocinadores do Portal. Dos anúncios criados pelo menos 02 devem fazer parte do Home Page do Portal. Passo 2 (Equipe) Desenvolver Banners Animados para as seções do Portal: Modalidades de e-commerce, E- business nas empresas e Segurança em sistemas de e-commerce. Os banners devem conter imagens e textos com referências sobre o conteúdo de cada página. As imagens e textos deverão aparecer pelo banner de forma aleatória formando assim a animação. A seguir é apresentada a figura 1 com um exemplo de banner animado. Figura 1: Exemplo de Banner Animado Fonte: Site Dell. Disponível em: <http://www.dell.com.br>
Pág. 9 de 10 Entregar os arquivos do Portal com as alterações contidas nesta etapa para o seu professor em data por ele estabelecida. ETAPA 8 (tempo para realização: 2,5 horas) Aula-tema: Flash: fundamentos e transformação; organização de elementos e textos. Flash: efeitos. Flash: Projetando interfaces gráficas interativas. Criação conjunta de segmentos de um portal. Esta atividade é importante para que você tenha habilidades na construção de animações utilizando os recursos do Flash. Passo 1 (Equipe) Criar a seção de vendas para o Portal, essa página 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. Disponível em: <http://www.submarino.com.br> Passo 2 (Equipe) Acrescentar para cada produto um link para uma seção que irá exibir as condições de pagamento disponível para o produto e um formulário onde o internauta irá fornecer seus dados pessoais, dados de entrega e dados financeiros para a realização da compra on-line. Elaborar um relatório sobre a integração de sua seção de e-commerce construída em Adobe Flash com alguma operadora de cartão ou prestadora de serviços de pagamentos digital. Entreguem o relatório deste passo para o seu professor. Este relatório deverá ser nomeado como: Relatório 6. Integração Flash com Pagamentos Digitais. Entregar os arquivos do Portal concluído para o seu professor. Este documento deverá ser nomeado como: 7. Projeto do Portal sobre E-commerce.
Pág. 10 de 10 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. Para consulta completa das normas ABNT, acesse a Normalização de Trabalhos Acadêmicos Anhanguera. Disponível em: <http://issuu.com/normalizacao/docs/normaliza o_de_trabalhos_acad m>. Acesso em: 13 maio 2014.