Merge branch 'main' of https://github.com/ICEI-PUC-Minas-PMV-ADS/PMV-…

…ADS-2024-2-E1-Proj-Projeto-Shelf-Skins

documentos/06-Programação 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)