From 6ac2f242a7ca13c42ead1bbc220dcaf2854e3928 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20V=C3=ADctor?= Date: Sun, 8 Dec 2024 13:11:27 -0300 Subject: [PATCH] =?UTF-8?q?Update=2006-Programa=C3=A7=C3=A3o=20de=20Funcio?= =?UTF-8?q?nalidades.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Programação de funcionalidades preenchida! --- ...ma\303\247\303\243o de Funcionalidades.md" | 212 ++++++++++++++++-- 1 file changed, 194 insertions(+), 18 deletions(-) diff --git "a/documentos/06-Programa\303\247\303\243o de Funcionalidades.md" "b/documentos/06-Programa\303\247\303\243o de Funcionalidades.md" index 52235bf..06f4f14 100644 --- "a/documentos/06-Programa\303\247\303\243o de Funcionalidades.md" +++ "b/documentos/06-Programa\303\247\303\243o de Funcionalidades.md" @@ -2,43 +2,219 @@ Implementação da aplicação descritas por meio dos requisitos codificados. -[Utilize a estrutura abaixo para cada funcionalidade entregue na etapa] +### Tela de Cadastro (RF-001) -### Título da funcionalidade +O acesso a tela de cadastro poderá ser feito através do primeiro acesso ao site. As estruturas de dados foram baseadas em HTML, CSS e JS. -[Adicione imagem da funcionalidade/tela] +Exemplo da tela de cadastro: +![Tela de Cadastro Shelf Skins](https://github.com/user-attachments/assets/93b3626a-f898-4f8a-a522-5f455b71d368) -#### Requisito atendido -[RF-X: adicione a descrição do requisito atendido] +### Requisito atendido -#### Artefatos da funcionalidade +RF-001: O site deve permitir ao usuário cadastrar uma conta. -[Adicione os nomes dos arquivos relacionados ao desenvolvimento da funcionalidade] -#### Estrutura de Dados +### Artefatos da funcionalidade -[Caso exista estrutura de dados, adicione aqui] +●Tela de cadastro.html +●cadastro.css -#### Instruções de acesso +●tela-inicial.js -[Adicione as orientações de acesso à funcionalidade] +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Ao clicar ao acessar o site pela primeira vez, terá acesso a página de cadastro. + +Responsável: Artur + + +### Tela de Login (RF-002) + +O acesso a tela de login poderá ser feito após realizar o cadastro no site. As estruturas de dados foram baseadas em HTML, CSS e JS. + +Exemplo da tela de login: + +![Tela Login](https://github.com/user-attachments/assets/949c3eae-6670-4027-bf21-036383890768) + +### Requisito atendido + +RF-002: O site deve permitir ao usuário fazer o login da sua conta. + +### Artefatos da funcionalidade + +● tela_de_login.html + +● tela_de_login.css + +● tela-login.js + +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Ao realizar seu cadastro, terá acesso a página de login. + +Responsável: Lucas + +### Tela de Anúncios (RF-05) + +O acesso a tela de anúncios poderá ser feito após realizar o login no site. As estruturas de dados foram baseadas em HTML, CSS e JS. + +Exemplo da tela de anúncios: + +![Tela de Anuncios](https://github.com/user-attachments/assets/d96bf9a1-cb82-402d-8245-3d6f0aa259b5) + +### Requisito atendido + +RF-05: A aplicação deve oferecer a funcionalidade de filtro/pesquisa, que permita que o usuário localize skins. + +### Artefatos da funcionalidade + +● Shelf Skins 2.html + +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Ao realizar seu login, terá acesso a página de anúncios. + +Responsável: João + + +### Tela de Anunciar (RF-04) + +O acesso a tela de anunciar poderá ser feito clicando em "Anunciar" no canto superior esquerdo na tela de anúncios. As estruturas de dados foram baseadas em HTML, CSS e JS. + +Exemplo da tela de cadastro de skin: + +![Tela de Cadastro](https://github.com/user-attachments/assets/f548aacc-c959-4f65-8390-25b08ff1d033) + +### Requisito atendido + +RF-04: A aplicação deve permitir ao usuário o cadastramento de skins. + +### Artefatos da funcionalidade + +● anunciar.html + +● anunciar.css + +● cadastrar.js + +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Ao clicar em "ANUNCIAR" na página de anúncios do site, terá acesso a página de anúnciar a skin. + +Responsável: Kevin + +### Telas de Skins CS, Dota 2 e Pubg (RF-09) + +O acesso a tela de skins de CS, Dota 2 e Pubg poderá ser feito clicando nas skins mostradas na página de anúncios. As estruturas de dados foram baseadas em HTML, CSS e JS. + +Exemplo da tela de cadastro de skin: + +![SKINS CS](https://github.com/user-attachments/assets/ba2aaab4-939c-48e8-b77e-748998937e50) + +![SKINS DOTA 2](https://github.com/user-attachments/assets/9bc2e674-b15e-4a72-a415-46ca847960f7) + +![SKINS PUBG](https://github.com/user-attachments/assets/446bb808-ad1a-4f77-9173-3f29ccb2ebd1) + + +### Requisito atendido + +RF-09: A aplicação deve mostrar ao usuário o preço que o vendedor colocou. + +### Artefatos da funcionalidade + +● Compra de skins de CS.html + +● Compra de skins de Dota 2-1.html + +● Compra de skins PUBG.html + +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Na página de anúncios ao clicar em qualquer anúncio, terá acesso a página de skin do jogo selecionado. + +Responsável: Gustavo + +### Tela de forma de pagamento (RF-10) + +O acesso a tela de forma de pagamento poderá ser feito clicando em "comprar" nas skins mostradas na página de anúncios. As estruturas de dados foram baseadas em HTML, CSS e JS. + +Exemplo da tela de cadastro de skin: + +*COLOCAR O PRINT DA PAGINA DE FORMAS DE PAGAMENTO* + +### Requisito atendido + +RF-10: A aplicação deve permitir que o usuário realize compras seguras. + +### Artefatos da funcionalidade + +● Pagamento.html + +● pagamentos.css + +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Na página de skins de CS, Dota 2 ou Pubg ao clicar em "comprar" em qualquer anúncio, terá acesso a página de formas de pagamento. + +Responsável: Kevin + +### Tela de Pagamento PIX e CARTÃO (RF-10) + +O acesso a tela de pagamento PIX e CARTÃO DE CREDITO poderá ser feito clicando nas skins mostradas na página de anúncios e depois clicando na forma de pagamento desejada. As estruturas de dados foram baseadas em HTML, CSS e JS. + +Exemplo da tela de forma de pagamento PIX e CARTAO DE CREDITO: + +![PAGAMENTO PIX](https://github.com/user-attachments/assets/85e2e5a6-5f0b-4094-b2bd-9c687029e736) + +![PAGAMENTO CARTAO DE CREDITO](https://github.com/user-attachments/assets/ceefb03c-d844-4e26-9515-03e0c73e0949) + +### Requisito atendido + +RF-10: A aplicação deve permitir que o usuário realize compras seguras. + +### Artefatos da funcionalidade + +● pagamento-pix.html + +● pagamento-cartao-credito.html + +● pix.css + +● cartao-credito.css + +● pix-pagamento.js + +● cartao-credito.js + +### Instruções de acesso + +1- Abra um navegador de Internet e informe a seguinte URL: https://icei-puc-minas-pmv-ads.github.io/PMV-ADS-2024-2-E1-Proj-Projeto-Shelf-Skins/ + +2- Na página de formas de pagamento, ao selecionar a forma de pagamento, o usuário terá acesso a página da forma de pagamento desejada. + +Responsável: Kevin -#### Responsável -[Adicione nome do responsável pelo desenvolvimento da funcionalidade] -> **Links Úteis**: -> - [Trabalhando com HTML5 Local Storage e JSON](https://www.devmedia.com.br/trabalhando-com-html5-local-storage-e-json/29045) -> - [JSON Tutorial](https://www.w3resource.com/JSON) -> - [JSON - Introduction (W3Schools)](https://www.w3schools.com/js/js_json_intro.asp) -> - [JSON Tutorial (TutorialsPoint)](https://www.tutorialspoint.com/json/index.htm)