# data[].attributes.body
Para este projeto, personalizei o layout base do App Hotel e criei uma nova tela chamada Sobre, onde apresentei o nome do desenvolvedor, o ano de desenvolvimento e o contexto do app.

A tela foi construída utilizando XAML com .NET MAUI, mantendo os padrões visuais e estruturais indicados no material da agenda 13.

Usei componentes como StackLayout, Label e Image, e organizei tudo dentro de um ScrollView para garantir responsividade.

Essa experiência me ajudou a entender melhor o uso do BindingContext e da estrutura MVVM no MAUI, e como personalizar telas respeitando um layout orientado à usabilidade.

# data[].attributes.headline
Agenda 13 DSII - Jozué Alves de Azevedo Junior

# data[].attributes.subject
Agenda 13 DSII - Jozué Alves de Azevedo Junior

# data[].attributes.body
Utilizei cores que achei mais sofisticadas, gostei do cinza. Além disso continuei com a fonte do título do vídeo do material.

# data[].attributes.body
Ao ajustar os comandos ao meu agrado, verifiquei que os códigos propostos na agenda no github ainda podiam ser quase que totalmente modificados, com isso observei os trabalhos de colegas de grupo e adicionei ideias de apresentação com o "SOBRE" e como exigido, a página principal com cálculo de datas no check-in e check-out, quantidade de pessoas e suítes disponíveis. Ao total fora 4 páginas de comando, 2 xaml.cs e 2 xaml. propondo apresentação simples e agradável ao usuário e funcionalidade de recursos.

# data[].attributes.headline
Agenda 13 DSII - Arthur Lucas França de Lima 

# data[].attributes.subject
Agenda 13 DSII - Arthur Lucas França de Lima 

# data[].attributes.body
O sistema de Cálculo da Diária foi desenvolvido com o objetivo de facilitar a simulação de custos de hospedagem. A interface é dividida em duas partes principais: uma tela funcional e uma tela informativa. Na parte funcional, o usuário pode inserir o número de adultos e crianças por meio de botões incrementais, selecionar a suíte desejada a partir de uma lista e definir o período de estadia utilizando campos de data para check-in e check-out. Essas informações são essenciais para o cálculo do valor total da hospedagem. A interface conta ainda com botões para avançar no processo e acessar informações sobre o aplicativo.

Na aba "Sobre", são exibidos os dados do desenvolvedor, a versão do sistema, a instituição de ensino vinculada ao projeto (ETEC – Centro Paula Souza) e o ano de desenvolvimento (2025). O layout é simples, bem organizado e busca proporcionar uma boa experiência ao usuário, com uma divisão clara entre a parte funcional e a informativa.

# data[].attributes.body
Pensando em algo diferente, pensei em criar o aplicativo incluindo nome e marca para o hotel, utilizando a cor rosa para combinar com o nome dele.

Melhorei os elementos gráficos para que as informações ficassem organizadas e agradáveis visualmente.

Em relação a página “sobre”, criei um novo arquivo chamado SobrePage.xaml com sua classe de código SobrePage.xaml.cs. A página usa o controle ContentPage com um layout vertical (VerticalStackLayout) centralizado na tela. Dentro desse layout, foram inseridos elementos como uma imagem (logo do hotel), um título com o nome do hotel e dois textos informando o nome do desenvolvedor e o ano do projeto.

A navegação para essa tela acontece através de um botão na tela principal (MainPage.xaml). Quando o botão “Sobre” é clicado, o evento OnSobreClicked é executado, fazendo a navegação para a nova página com o comando Navigation.PushAsync(new SobrePage());

# data[].attributes.body
Utilizei cores mais simples com contraste no botão sobre, para que o usuário não confunda com a cor semelhante ao botão avançar.

# data[].attributes.body
Aplicativo desenvolvido utilizando linguagem C#

Aplicação dos códigos Grid para criação de grades, Stepper para contador, Picker para seleção de opções, e DatePicker para seleção de data.

Informações sobre o APP, coloquei nome do desenvolvedor, data de desenvolvimento, versão do APP e uma mensagem de agradecimento.

# data[].attributes.body
Escolhi cores claras para deixar o visual da aplicação mais clean e agradável. Como se trata de uma plataforma voltada para a hospedagem eu quis transmitir uma sensação de leveza.

# data[].attributes.body
Eu refiz o layout do programa frisando a utilização de uma cor neutra (preto) e uma cor vibrante (azul claro), desta forma melhorando a visibilidade do usuário sobre os botões utilizados, peguei como base algum dos projetos anteriores enviados no fórum para ter uma inspiração esse foi o projeto final espero que tenham gostado.

# data[].attributes.body
Higor José da Silva - Turma EHX

# data[].attributes.body
Este projeto foi desenvolvido com foco na simplicidade e na funcionalidade, permitindo uma navegação intuitiva e fluida. Cada elemento foi pensado para proporcionar uma experiência agradável ao usuário, desde a escolha das cores até a organização da interface. A estrutura foi criada de uma forma para facilitar a interação e o acesso às informações essenciais, garantindo eficiência no uso.

# data[].attributes.body
Eu na criaçao do layout da agenda 13 preferi utilizar a cores mais escuras e ao texto na cor turmalina o que fica em tom mais agradavel

# data[].attributes.body
Busquei inspiração em meus colegas que já fizeram sua publicação, escolhi um layout simples e objetivo, tornando o aplicativo intuitivo e fácil de ser utilizado, gosto de cores calmas e monocromáticas. Espero que esteja do agrado dos demais, utilizei a ferramenta de design Figma.

# data[].attributes.attachment_caption
Aplicativo de Cálculo de Diária de Hotel

# data[].attributes.body
A partir da criação do conteúdo da agenda, modifiquei as cores utilizadas, para tons de azul para ficar mais harmônico. Os botões de Avançar e Sobre coloquei em azul marinho, assim como o background. O resto, coloquei em azul bebê, mais claro, para contrastar com o tom mais escuro. Também coloquei bordas em cada segmento, para ficar mais bonito e bem separado um do outro, e tudo em negrito, para melhor visualização. A criação da outra tela, Sobre, foi feita também nos tons da tela principal, background em azul marinho com a parte escrita em branco para um contraste maior. As informações colocadas foram nome do desenvolvedor, ano, versão do app e uma frase de finalização com agradecimento. Coloquei como título "Sobre este aplicativo" e as outras informações dentro de uma borda também, para ficar mais organizado, sendo tudo centralizado.

Agenda 13 - DS - Rachel Castilho

# data[].attributes.body
Eu para realizar essa atividade fiz o que se pediu para colocar o nome do desenvolvedor e a data de criação e no como algo complementar a aula feita por nós nessa agenda 13 e ultilizei um perfil de cores mais escuros contanando a borda com o branco e também destaquei os tópicos de cada subtítulo com a fonte de escrita na qual a que eu usei foi a "CalSans-Regular" que utilizei ela no "Custo da Diária, Tipos de Suíte, Período da Estadia e na tela do sobre ultilizei no meu nome"

# data[].attributes.headline
Agenda 13 - DS II - Sabrina Dias de Castilho

# data[].attributes.subject
Agenda 13 - DS II - Sabrina Dias de Castilho

# data[].attributes.body
As duas telas são construídas utilizando o VerticalStackLayout para organizar os elementos. A tela de cálculo utiliza um Grid para o layout dos campos de número de hóspedes, um Picker para seleção e DatePickers para datas, além de Steppers para ajuste numérico. A tela "Sobre" exibe as informações textuais dentro de Frames para agrupamento visual. Ambas as telas utilizam Labels com formatação específica (fonte, tamanho, cor) para a apresentação do texto e botões para navegação.

# data[].attributes.headline
Agenda 13: Atividade Interativa - DSII - Wesley Araújo Vieira

# data[].attributes.subject
Agenda 13: Atividade Interativa - DSII - Wesley Araújo Vieira

# data[].attributes.body
A tela Sobre foi criada para apresentar informações essenciais do aplicativo de forma clara e elegante. O layout utiliza um VerticalStackLayout centralizado, garantindo que todo o conteúdo fique alinhado vertical e horizontalmente no centro da tela, proporcionando uma experiência visual equilibrada.

Um Frame com cantos arredondados, sombra e borda na cor primária do app destaca o bloco principal de informações, criando um efeito de “cartão” que chama a atenção sem poluir o design. O fundo da página é um cinza suave (Gray100), que contrasta harmoniosamente com o branco do card e as cores dos textos.

A hierarquia visual é estabelecida por meio do uso de diferentes tamanhos e pesos de fonte: o título principal é grande e em negrito, os subtítulos usam fonte em negrito menor, e as informações detalhadas têm tamanho médio e cor preta para facilitar a leitura. Os textos estão centralizados e com espaçamento adequado para garantir legibilidade e conforto visual.

Em resumo, o design prioriza simplicidade, clareza e profissionalismo, utilizando cores consistentes e um layout minimalista que se adapta bem a diferentes dispositivos.

# data[].attributes.body
Desenvolvido utilizando .NET MAUI para a Agenda 13 da matéria e Desenvolvimento de Sistemas ll.

A escolha das cores bem como a imagem e tipografia se deve a ideia de trazer uma percepção de luxo e modernidade ao hotel.

Legenda: Os elementos em verde demonstram a navegação entre os conteúdos.

# data[].attributes.attachment_caption
App Maui Hotel – Cálculo da Diária | Lucas Titonelli Fernandes – Turma EHX

# data[].attributes.body
A tela "Sobre o Aplicativo" (lado direito) foi criada com um Frame centralizado que contém o nome do desenvolvedor, o ano de desenvolvimento e uma pequena descrição do projeto. Usei ScrollView para garantir que o conteúdo fique acessível em diferentes tamanhos de tela.

# data[].attributes.headline
Agenda 013- Atividade // Pedro Higor Santos Gama

# data[].attributes.subject
Agenda 013- Atividade // Pedro Higor Santos Gama

# data[].attributes.body
Essa página do app foi feita usando um Grid com três linhas: a primeira mostra quem desenvolveu o app, a segunda tem o conteúdo com rolagem, e a terceira é o rodapé com os direitos autorais.

No topo (primeira linha do Grid), usei um StackLayout centralizado pra organizar verticalmente o texto “Desenvolvido por”, uma imagem redonda (dentro de um Frame com borda e sombra), e o meu nome.

Na parte do meio (segunda linha do Grid), coloquei um ScrollView com um VerticalStackLayout dentro. Ali tem um título “Sobre o projeto”, uma breve descrição dizendo que o app foi feito como atividade da Agenda 013, e um botão “Voltar” que chama o evento Button_Clicked.

No final da página (terceira linha do Grid), tem um rodapé com uma faixa escura e um texto centralizado de direitos autorais.

# data[].attributes.body
O objetivo é praticar a criação de telas com XAML, uso de eventos em C# e navegação entre páginas no .NET MAUI.

Usei dois comandos principais para a navegação: Navigation.PushAsync(new SobrePage()) que abre a tela Sobre;

E Navigation.PopAsync() que volta para a tela anterior (neste caso, a tela de hospedagem).

Também aprendi a deixar o app mais completo com informações do projeto.

Andressa Alves Viana

# data[].attributes.body
Izaias Correa Filho - Turma EHX