# data[].attributes.body
Para o nosso projeto, o Resumo Expandido foi a peça-chave que organizou todo o trabalho. Ele foi o documento que definiu o nosso direcionamento, estabelecendo que a missão do "Naturalle" seria conectar e educar. A partir dele, conseguimos criar os diagramas e desenvolver o protótipo de forma organizada, pois a lista de requisitos funcionou como um verdadeiro roteiro para a construção das telas de login, cadastro e da vitrine de produtos. No fim, foi fundamental para manter o grupo alinhado e para transformar nossa ideia inicial em um plano de ação concreto, com um começo, meio e um futuro bem definido.

For our project, the Expanded Summary was the key piece that organized all the work. It was the document that defined our direction, establishing that the mission of "Naturalle" would be to connect and educate. From it, we were able to create the diagrams and develop the prototype in an organized way, because the list of requirements worked as a real roadmap for the construction of the login, registration and product showcase screens. In the end, it was essential to keep the group aligned and to transform our initial idea into a concrete action plan, with a well-defined beginning, middle and future.

# data[].attributes.body
O livro lido pelo grupo foi Para Educar Crianças Feministas, de Chimamanda Adichie. Ele retrata a formação de pessoas conscientes, críticas e comprometidas com a igualdade, escrito originalmente como uma carta a uma amiga, com sugestões práticas de como educar meninas para questionarem estereótipos de gênero e promoverem igualdade.

Da mesma forma, pensamos em um site de produtos sustentáveis que compartilha essa proposta de mudança, incentivando escolhas responsáveis que respeitam o meio ambiente e a sociedade. Assim como o livro propõe transformar a sociedade a partir da educação e de pequenas atitudes diárias, o site busca engajar consumidores a refletirem sobre o impacto de suas decisões, promovendo justiça social, responsabilidade e cuidado coletivo.

# data[].attributes.body
Marlecia Ferreira Sanders

Fábio Oliveira Silva

Jurandir da Cruz Barbosa

Mariana Fernandes dos Santos

Diandra Sousa Santos

# data[].attributes.body
Leonardo Assis

Luis Arthur Pardim

Thainá Martins

Thiago Aragão

# data[].attributes.body
Nosso objetivo é desenvolver uma plataforma digital que conecte empresas que oferecem produtos sustentáveis a consumidores conscientes, que buscam promover o consumo responsável de produtos

# data[].attributes.body
Inicio da produção do Padlet -

Pesquisa de mídias e consultas de datas para o processo de estruturação do diário de bordo.

Start of Padlet production –

Research on media and checking dates for the process of structuring the logbook.

# data[].attributes.body
Our goal is to develop a digital platform that connects companies that offer sustainable products to conscious consumers, which seek to promote responsible consumption of products

# data[].attributes.body
Criação dos diagramas -

No projeto Naturale, a criação de diagramas começa com o entendimento do sistema e de seus usuários, como clientes e administradores, bem como dos principais processos, desde a visualização e seleção de produtos até a realização de compras e gestão da plataforma. Esse levantamento garante que todas as funcionalidades essenciais sejam representadas.

Diagram Creation –

In the Naturale project, the creation of diagrams begins with understanding the system and its users, such as customers and administrators, as well as the main processes, from viewing and selecting products to making purchases and managing the platform. This assessment ensures that all essential functionalities are represented.

# data[].attributes.body
Dentro da Plataforma: PlantUml. Define-se o tipo de diagrama UML a ser utilizado. Para a Naturale, foram escolhidos diagramas de casos de uso e de atividades: o primeiro detalha as interações dos usuários com a plataforma, como autenticação, seleção de produtos, contato com a empresa e gerenciamento de vendas; o segundo descreve o fluxo passo a passo das ações e decisões obrigatórias ou opcionais.

Within the Platform: PlantUML. The type of UML diagram to be used is defined. For Naturale, use case and activity diagrams were chosen: the first details the interactions of users with the platform, such as authentication, product selection, contacting the company, and sales management; the second describes the step-by-step flow of actions and mandatory or optional decisions.

# data[].attributes.body
Fazendo os ajustes necessários para a estrutura e o funcionamento do site

Making the necessary adjustments to the structure and operation of the site

# data[].attributes.body
Mostra a primeira visualização do site pronto, apresentando a proposta central do projeto: incentivar o consumo sustentável por meio da tecnologia

Shows the first visualization of the ready-made website, presenting the central proposal of the project: to encourage sustainable consumption through technology

# data[].attributes.body
O diagrama de atividades do projeto Naturale mostra o fluxo de ações dos dois principais usuários: Cliente e Administrador. O processo inicia com a escolha do tipo de usuário e a autenticação, que pode incluir cadastro caso necessário, garantindo que todos os fluxos partam de um ponto comum.

Para o Cliente, o fluxo envolve buscar e selecionar produtos, entrar em contato com a empresa (obrigatório), visualizar produtos (opcional), realizar e finalizar a compra, além de acessar conteúdos educativos. Para o Administrador, o diagrama representa atividades de gestão de produtos, vendas e clientes, de forma direta, sem decisões intermediárias.

The activity diagram of the Naturale project shows the flow of actions for the two main users: Customer and Administrator. The process begins with selecting the user type and authentication, which may include registration if necessary, ensuring that all flows start from a common point.

For the Customer, the flow involves searching for and selecting products, contacting the company (mandatory), viewing products (optional), completing the purchase, and accessing educational content. For the Administrator, the diagram represents activities related to managing products, sales, and customers in a straightforward manner, without intermediate decisions.

# data[].attributes.body
O diagrama de caso de uso do Naturale mostra as interações entre os dois principais atores da plataforma: Cliente e Administrador. Ambos podem se autenticar e cadastrar-se, garantindo acesso seguro às funcionalidades do sistema.

O Cliente realiza ações relacionadas à experiência de compra, como selecionar produto, entrar em contato com a empresa (obrigatório), visualizar produtos (opcional), realizar e finalizar compras, acompanhar pedidos e acessar conteúdos educativos. Já o Administrador gerencia produtos, vendas e clientes, podendo acessar funcionalidades comuns ao cliente quando necessário. O diagrama evidencia relações obrigatórias (include) e opcionais (extend), oferecendo uma visão clara das funcionalidades e fluxos da plataforma.

The use case diagram of Naturale shows the interactions between the platform’s two main actors: Customer and Administrator. Both can authenticate and register, ensuring secure access to the system’s functionalities.

The Customer performs actions related to the shopping experience, such as selecting products, contacting the company (mandatory), viewing products (optional), making and completing purchases, tracking orders, and accessing educational content. The Administrator manages products, sales, and customers, and can access functionalities common to the Customer when necessary. The diagram highlights mandatory (include) and optional (extend) relationships, providing a clear view of the platform’s functionalities and flows.

# data[].attributes.body
A capa do nosso site esta evoluindo bem, ate agora temos: a parte estética pronta e mais algumas fotos e botões que vai dar uma visão de onde queremos chegar.

The cover of our website is evolving well. So far, we have the aesthetic part ready, along with some additional photos and buttons that will give an idea of where we want to go.

# data[].attributes.body
Registra a etapa de desenvolvimento do código em HTML e CSS, onde os alunos estruturaram e estilizaram as páginas do site.

Records the code development stage in HTML and CSS, where students structured and stylized the pages of the site.

# data[].attributes.body
The book read by the group was Para Educar Crianças Feministas by Chimamanda Adichie. It portrays the development of conscious, critical individuals committed to equality, originally written as a letter to a friend, with practical suggestions on how to raise girls to question gender stereotypes and promote equality.

Similarly, we conceived a website for sustainable products that shares this vision of change, encouraging responsible choices that respect the environment and society. Just as the book proposes transforming society through education and small daily actions, the website aims to engage consumers to reflect on the impact of their decisions, promoting social justice, responsibility, and collective care.

# data[].attributes.body
Acrescentando artigos sobre produtos sustentáveis e suas importâncias

Adding articles about sustainable products and their importance

# data[].attributes.body
Fotos de alguns produtos sustentáveis adicionados ao site.

Photos of some sustainable products added to the website.

# data[].attributes.body
1° Correção dos diagramas -

Após análise da professora Marlécia, foram ajustadas múltiplas funcionalidades em ambos os diagramas.

1st Diagram Corrections –

After analysis by Professor Marlécia, multiple functionalities were adjusted in both diagrams.

# data[].attributes.body
Por fim, os diagramas são refinados e revisados, retirando decisões redundantes, aplicando corretamente include e extend e garantindo clareza visual. O resultado é uma representação clara e funcional dos processos da Naturale, que serve como referência para compreensão, desenvolvimento e apresentação da plataforma.

Finally, the diagrams are refined and reviewed, removing redundant decisions, correctly applying include and extend, and ensuring visual clarity. The result is a clear and functional representation of Naturale's processes, serving as a reference for understanding, development, and presentation of the platform.

# data[].attributes.body
Mariana Fernandes dos Santos

Dra. em Ensino.

Ma. em Linguagens.

Prof no IFBA - Campus Eunápolis.

Escritora.

Docente do Mestrado PROFEPT-IFBA e PPGER-UFSB.

# data[].attributes.body
Marlecia Ferreira Sanders -

Bacharelado em

Informática;

Especialização em

Informática e Educação.

Professora do IFBA - Campus Eunápolis.