Maquete do 2º Trabalho Prático Diogo Almeida Ferreira Pinho de Almeida Carlos José Pereira da Rocha Prof: José António.

Apresentação em tema: "Maquete do 2º Trabalho Prático Diogo Almeida Ferreira Pinho de Almeida Carlos José Pereira da Rocha Prof: José António."— Transcrição da apresentação:

1 Maquete do 2º Trabalho Prático Diogo Almeida Ferreira Pinho de Almeida ee11210@fe.up.pt Carlos José Pereira da Rocha ee11257@fe.up.pt Prof: José António Faria SIEM 2015/2016

2 Modelo de Dados: Tabela Produto (id, nome, descrição, cor, categoria, id_fornecedor, preço, imagem) Tabela Fornecedor (id, nome) Tabela Utilizador (id, username, pass, morada, telefone, e-mail, tipo) Tabela Encomenda (id, id_produto, id_cliente, id_fornecedor, quantidade, data, estado); Tabela Stock (id, id_produto, qt_disponível); Tabela Categoria (id, nome); Tabela Contactar (id,remetente, assunto, mensagem, data); SIEM 2015/2016

3 Tipo de utilizadores e respetivas permissões Utilizador sem registo : Efetuar registo; Consultar produtos e suas especificações. Utilizador com registo : Consultar produtos e suas especificações; Efetuar encomendas; Consultar as suas encomendas. Administrador: Consultar produtos e suas especificações; Consultar as encomendas de todos os clientes; Introduzir novos produtos; Eliminar produtos; Alterar produtos.

4 Propriedades Gráficas de Base Background: Branco; Font Header: Calibri; Font Títulos do body: Calibri ; Font-size Títulos do body: 16pt; Font-weight Títulos do body : bold; Font parágrafos : Arial; Font-size parágrafos: 14pt; Font-color parágrafos: preto; Font-weight parágrafos: normal; SIEM 2015/2016

5 Com a existência de vários tipos de utilizadores, cada um deles com permissões distintas, irão existir diferentes modos de navegação pelas páginas do site. Iremos começar por apresentar a interface do utilizador sem registo no site da empresa. (ver em slide show)

6 Username Password Não tem conta? Clique aqui Esqueceu a password? ENTRAR Início Área do Cliente Produtos Downloads Registar Bem-vindo à FeupElectronics ! A FeupElectronics é uma empresa que disponibiliza aos seus clientes uma vasta gama de produtos eletrónicos das mais variadas marcas. Poderá encontra um vasto leque de produtos, tais como Desktops, Portáteis ou Tablets. Sobre o site Este site foi criado pelos estudantes Carlos Rocha e Diogo Almeida no âmbito da unidade curricular SIEM – Sistemas de Informação Empresariais. Carlos Rocha Diogo Almeida Login Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida

7 Username Password Não tem conta? Clique aqui Esqueceu a password? ENTRAR Área do Cliente Produtos Downloads Registar Bem-vindo à FeupElectronics ! A FeupElectronics é uma empresa que disponibiliza aos seus clientes uma vasta gama de produtos eletrónicos das mais variadas marcas. Poderá encontra um vasto leque de produtos, tais como Desktops, Portáteis ou Tablets. Sobre o site Este site foi criado pelos estudantes Carlos Rocha e Diogo Almeida no âmbito da unidade curricular SIEM – Sistemas de Informação Empresariais. Carlos Rocha Diogo Almeida Caso queira registar Login Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

8 Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Ordenar por Tem várias opções de pesquisa Desktop HP OK Categoria Marca Registar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida

9 Marca Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Desktop HP OK Categoria Desktop Portátil Tablet Ordenar por Escolhe os filtros de pesquisa que desejar Registar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

10 Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Desktop HP OK Marca HP Lenovo Apple Surface FEUP Escolhe os filtros de pesquisa que desejar Categoria Registar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

11 Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Ordenar por Desktop HP OK Preço + alto Preço + baixo Escolhe os filtros de pesquisa que desejar Clicando OK a pesquisa é efetuada Marca Categoria Registar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

12 Área do Cliente Produtos Downloads 1000€ 500€ Desktop FEUP Desktop Preço + alto Desktop HP Marca OK Clicando no produto será redirecionado para uma página de especificações Registar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

13 Área do Cliente Produtos Downloads Nome: Desktop FEUP Preço: 500€ Cor: Cinza Peso: 15kg Descrição: Computador desenvolvido pela nossa loja, com preço acessível e com design moderno, ideal para trabalho universitário. Encomendar Especificações Registar Descrição do produto Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

14 SIEM 2015/2016 Caso queira encomendar um produto ou aceder à “Área de Cliente” o utilizador sem registo irá ser redirecionado para a página de registo

15 Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Registar Área do Cliente Produtos Downloads Registar: Tipo de utilizador: Admin Cliente Username: Morada: Telefone: Foto: Rua da FEUP, nº 123 Bart Simpson 911111111 Escolher ficheiro Password: --------------- Email: ee11xxx@fe.up.pt O utilizador insere os seus dados de registo Início

16 Área do Cliente Produtos Downloads Cada imagem representa um link para o respetivo conteúdo Registar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Esta página é igual para qualquer um dos tipos de utilizador Início

17 SIEM 2015/2016 Em seguida, apresentaremos a interface do Utilizador com Registo no site da empresa. (ver em slide show)

18 Username ee11xxx Password ---------- Não tem conta? Clique aqui Esqueceu a password? ENTRAR O utilizador coloca o seu username O utilizador coloca a sua password Área do Cliente Produtos Downloads Registar Bem-vindo à FeupElectronics ! A FeupElectronics é uma empresa que disponibiliza aos seus clientes uma vasta gama de produtos eletrónicos das mais variadas marcas. Poderá encontra um vasto leque de produtos, tais como Desktops, Portáteis ou Tablets. Sobre o site Este site foi criado pelos estudantes Carlos Rocha e Diogo Almeida no âmbito da unidade curricular SIEM – Sistemas de Informação Empresariais. Carlos Rocha Diogo Almeida Login Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

19 Bem vindo Sr(a). “Cliente” Sair Área do Cliente Produtos Downloads Dados Pessoais : Username: Bart Simpson Morada: Rua da FEUP, nº 123 Telefone: 911111111 Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

20 Bem vindo Sr(a). “Cliente” Sair Username: Bart Simpson Morada: Rua da FEUP, nº 123 Telefone: 911111111 Saudação e foto do cliente Dados pessoais do cliente Clicando aqui o utilizador faz logout e volta à página inicial página inicial Área do Cliente Produtos Downloads Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Dados Pessoais : Início

21 Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Ordenar por Tem várias opções de pesquisa Desktop HP Sair OK Categoria Marca Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

22 Marca Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Desktop HP Sair OK Categoria Desktop Portátil Tablet Ordenar por Escolhe os filtros de pesquisa que desejar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

23 Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Desktop HP Sair OK Marca HP Lenovo Apple Surface FEUP Escolhe os filtros de pesquisa que desejar Categoria Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

24 Área do Cliente Produtos Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Ordenar por Desktop HP Sair OK Preço + alto Preço + baixo Escolhe os filtros de pesquisa que desejar Clicando OK a pesquisa é efectuada Marca Categoria Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

25 Área do Cliente Produtos Downloads 1000€ 500€ Desktop FEUP Desktop Preço + alto Desktop HP Sair Marca OK Clicando no produto será redirecionado para uma página de especificações, onde também será possível efetuar a encomenda Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

26 Área do Cliente Produtos Downloads Nome: Desktop FEUP Preço: 500€ Cor: Cinza Peso: 15kg Descrição: Computador desenvolvido pela nossa loja, com preço acessível e com design moderno, ideal para trabalho universitário. Descrição do produto Clicar para encomendar Encomendar Especificações Sair Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

27 Área do Cliente Produtos Downloads Nome produto: Desktop FEUP Nome cliente: Bart Simpson Morada: Rua da FEUP, nº 123 Quantidade: 2 Encomendar Dados do cliente e do equipamento selecionado Quantidade a inserir pelo cliente Finalizar encomenda Encomenda Sair Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

28 Bem vindo Sr(a). “Cliente” Sair Área do Cliente Produtos Downloads Dados Pessoais Entrar em contacto Encomendas Dados Pessoais: Morada: Telefone: Rua da FEUP, nº 123 Bart Simpson 911111111 Email: ee11xxx@fe.up.pt Username: Sair Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

29 Área do Cliente Produtos Downloads Sair Dados Pessoais: Editar Clicar para editar Morada: Telefone: Foto: Editar Rua da FEUP, nº 123 Bart Simpson 911 --------------- Email: ee11xxx@fe.up.pt Dados Pessoais Entrar em contacto Encomendas Username : Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Password: Início

30 Área do Cliente Produtos Downloads Sair Dados Pessoais: Caixas de edição de texto, onde pode alterar os dados Clicando aqui pode aceder a um diretório do PC local e atualizar a imagem pessoal Morada: Telefone: Foto: Atualizar Rua da FEUP, nº 123 Bart Simpson 911 Escolher ficheiro Password: --------------- Email: ee11xxx@fe.up.pt Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Username : Início

31 Área do Cliente Produtos Downloads Sair Encomendas: Pode eliminar a encomenda Dados Pessoais Entrar em contacto Encomendas ProdutoQuantidadeEstadoData Desktop FEUP1A enviar10/10/2015eliminar Ipad mini2A enviar15/10/2015eliminar Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

32 Área do Cliente Produtos Downloads Sair Entrar em contacto: De: Mensagem: Enviar (Inserir conteúdo) Para: Bart Simpson FEUPElectronics Dados Pessoais Entrar em contacto Encomendas Enviar mensagem para a FEUPElectronics Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

33 Área do Cliente Produtos Downloads Sair Cada imagem representa um link para o respetivo conteúdo Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

34 SIEM 2015/2016 Por fim apresentamos a interface do Utilizador Administrador. (ver em slide show)

35 Username ee11xxx Password ---------- Não tem conta? Clique aqui Esqueceu a password? ENTRAR O utilizador coloca o seu username O utilizador coloca a sua password Área do Cliente Produtos Downloads Registar Bem-vindo à FeupElectronics ! A FeupElectronics é uma empresa que disponibiliza aos seus clientes uma vasta gama de produtos eletrónicos das mais variadas marcas. Poderá encontra um vasto leque de produtos, tais como Desktops, Portáteis ou Tablets. Sobre o site Este site foi criado pelos estudantes Carlos Rocha e Diogo Almeida no âmbito da unidade curricular SIEM – Sistemas de Informação Empresariais. Carlos Rocha Diogo Almeida Login Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

36 Bem vindo Sr(a). “Admin” Sair Username: Mr Burns Morada: Rua da FEUP, nº 456 Telefone: 912222222 Dados Pessoais: Saudação e foto do cliente Dados pessoais do Administrador Clicando aqui o utilizador faz logout e volta à página inicial página inicial Área do Cliente Produtos Downloads Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

37 Bem vindo Sr(a). “Admin” Sair Saudação e foto do cliente Clicando aqui o utilizador faz logout e volta à página inicial página inicial Início Área do Cliente Produtos Downloads Pesquisar Inserir Produto Telefone: 912222222 Username: Mr Burns Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Morada: Rua da FEUP, nº 456 Dados Pessoais:

38 Área do Cliente Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Ordenar por Tem na mesma várias opções de pesquisa Desktop HP Sair OK Categoria Marca Produtos Pesquisar Inserir Produto O Admin pode eliminar produtos Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

39 Área do Cliente Downloads 250€ 1000€ 780€ 500€ 2000€295€ Ipad miniPortátil lenovo Surface 2Mackbook PRODesktop FEUP Ordenar por Desktop HP Sair OK Categoria Marca Produtos Pesquisar Inserir Produto Clicando aqui o Admin pode editar os produtos Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

40 Área do Cliente Produtos Downloads Nome: Preço: Cor: Peso: Descrição: Editar Especificações Sair Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Desktop FEUP 500€ Cinza 15kg Computador desenvolvido pela nossa loja, com preço acessível e com design moderno, ideal para trabalho universitário. Escolher ficheiro Atualizar Imagem: Início

41 Área do Cliente Produtos Downloads Sair Pesquisar Inserir Produto Peso: Descrição: imagem : Inserir Escolher ficheiro Cor: Preço: Nome : Especificações do produto a inserir: (Inserir conteúdo) Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Início

42 Área do Cliente Produtos Downloads Sair Encomendas : Dados Pessoais Encomendas ClienteProdutoQuantid ade EstadoData Felisberto Mateus Desktop FEUP 1A enviar10/10/201 5 eliminar João JesusIpad mini2A enviar15/10/201 5 eliminar Funciona de maneira igual ao cliente comum Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida Clicando no nome do cliente o Administrador terá acesso aos dados pessoais do mesmo Categoria Marca OK Cliente Tem várias opções de pesquisa para as encomendas dos seus clientes Início

43 Username: João Jesus Morada: Rua da FEUP, nº 500 Telefone: 9122223452 Dados Pessoais: Dados pessoais do cliente Área do Cliente Produtos Downloads Copyright © SIEM 2015-2016 Carlos Rocha, Diogo Almeida E-mail: eexxxxx@fe.up.pt Foto: Sair Início

44 SIEM 2015/2016 Fim da Apresentação da Maquete