{"id":35144,"date":"2025-02-18T10:45:42","date_gmt":"2025-02-18T13:45:42","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&p=35144"},"modified":"2025-09-02T22:31:20","modified_gmt":"2025-09-03T01:31:20","slug":"projeto-integrado-inovacao-desenvolvimento-web","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/projeto-integrado-inovacao-desenvolvimento-web\/","title":{"rendered":"Projeto Integrado Inova\u00e7\u00e3o – Desenvolvimento Web"},"content":{"rendered":"
Portf\u00f3lio Projeto Integrado Inova\u00e7\u00e3o – Desenvolvimento Web<\/h5>\n

ATIVIDADES<\/b><\/p>\n

Situa\u00e7\u00e3o Problema: Desenvolvimento de um Portal de Agendamento para uma Cl\u00ednica M\u00e9dica<\/p>\n

Contexto:<\/p>\n

Uma cl\u00ednica m\u00e9dica em uma cidade de m\u00e9dio porte est\u00e1 enfrentando desafios para gerenciar os<\/p>\n

agendamentos de consultas m\u00e9dicas. Atualmente, os agendamentos s\u00e3o realizados apenas por<\/p>\n

telefone, o que frequentemente resulta em longas esperas para os pacientes, erros no registro de<\/p>\n

informa\u00e7\u00f5es e dificuldades em reorganizar a agenda em casos de cancelamentos ou remarca\u00e7\u00f5es.<\/p>\n

Al\u00e9m disso, muitos pacientes relatam insatisfa\u00e7\u00e3o devido \u00e0 falta de transpar\u00eancia sobre hor\u00e1rios<\/p>\n

dispon\u00edveis e \u00e0 impossibilidade de realizar agendamentos fora do hor\u00e1rio comercial.<\/p>\n

Diante disso, o gerente da cl\u00ednica decidiu investir no desenvolvimento de um portal de agendamento<\/p>\n

online. O objetivo principal do portal \u00e9 permitir que os pacientes visualizem os hor\u00e1rios dispon\u00edveis<\/p>\n

em tempo real, realizem agendamentos diretamente pela plataforma, recebam notifica\u00e7\u00f5es por email ou SMS como lembrete e fa\u00e7am altera\u00e7\u00f5es ou cancelamentos com facilidade. O portal tamb\u00e9m<\/p>\n

deve incluir funcionalidades para que os funcion\u00e1rios da cl\u00ednica possam gerenciar os agendamentos,<\/p>\n

acompanhar a ocupa\u00e7\u00e3o dos consult\u00f3rios e gerar relat\u00f3rios de utiliza\u00e7\u00e3o.<\/p>\n

No entanto, surgiram diversos desafios t\u00e9cnicos e estrat\u00e9gicos. A equipe de desenvolvimento precisa<\/p>\n

definir a melhor tecnologia para construir o portal, garantindo que ele seja responsivo, tenha uma<\/p>\n

boa estrutura de banco de dados e seja f\u00e1cil de usar.<\/p>\n

PROJETO INTEGRADO<\/p>\n

P\u00fablico<\/p>\n

DESAFIO:<\/b><\/p>\n

Passo 1:<\/b><\/p>\n

O seu primeiro passo \u00e9 a partir do entendimento do problema, criar um diagrama de classes que<\/p>\n

represente o sistema de consultas m\u00e9dicas. O sistema deve registrar informa\u00e7\u00f5es sobre pacientes,<\/p>\n

como nome, endere\u00e7o, data de nascimento e telefone. Cada paciente pode estar vinculado a um<\/p>\n

plano de sa\u00fade, que possui atributos como limite de cobertura e data de vencimento, e deve ser<\/p>\n

validado antes da realiza\u00e7\u00e3o da consulta.<\/p>\n

As consultas m\u00e9dicas devem incluir informa\u00e7\u00f5es como o valor, a data e o m\u00e9dico respons\u00e1vel, que \u00e9<\/p>\n

identificado pelo nome e especialidade. Cada consulta pode gerar uma receita m\u00e9dica, que inclui a<\/p>\n

descri\u00e7\u00e3o do medicamento, o tempo de tratamento e a dosagem, sendo emitida pelo m\u00e9dico. Al\u00e9m<\/p>\n

disso, deve ser poss\u00edvel registrar os pagamentos realizados para cada consulta, com informa\u00e7\u00f5es<\/p>\n

sobre o valor e a data do pagamento.<\/p>\n

O sistema tamb\u00e9m deve emitir relat\u00f3rios financeiros que consolidem informa\u00e7\u00f5es das consultas<\/p>\n

realizadas, incluindo a data de emiss\u00e3o e o valor total. A partir do diagrama, identifique as classes,<\/p>\n

seus atributos e m\u00e9todos, e crie os relacionamentos necess\u00e1rios para atender aos requisitos<\/p>\n

descritos.<\/p>\n

Outros pontos levantados pelo cliente s\u00e3o:<\/p>\n

1. Gerenciar o cadastro de pacientes, m\u00e9dicos e planos de sa\u00fade.<\/p>\n

2. Agendar consultas, vincular pacientes a m\u00e9dicos e emitir receitas.<\/p>\n

3. Registrar pagamentos e gerar relat\u00f3rios financeiros de consultas realizadas.<\/p>\n

4. Validar os planos de sa\u00fade antes de confirmar as consultas.<\/p>\n

Simule um cen\u00e1rio em que um paciente realiza uma consulta, efetua o pagamento e recebe uma<\/p>\n

receita m\u00e9dica. Em seguida, emita um relat\u00f3rio com o resumo das opera\u00e7\u00f5es realizadas. Garanta que<\/p>\n

o diagrama de classes e a implementa\u00e7\u00e3o do sistema estejam consistentes com os requisitos.<\/p>\n

Passo 2:<\/b><\/p>\n

Sua tarefa agora \u00e9 criar uma p\u00e1gina para os agendamentos: voc\u00ea desenvolver\u00e1 uma p\u00e1gina simples<\/p>\n

onde os pacientes poder\u00e3o realizar o agendamento. Essa p\u00e1gina ser\u00e1 o segundo passo para o<\/p>\n

prot\u00f3tipo do portal e deve incluir elementos b\u00e1sicos para intera\u00e7\u00e3o, como campos de entrada e<\/p>\n

bot\u00f5es.<\/p>\n

PROJETO INTEGRADO<\/p>\n

P\u00fablico<\/p>\n

Para isto, esta p\u00e1gina deve permitir que os pacientes:<\/p>\n

\u2022 Selecionem uma data: Use um campo interativo de sele\u00e7\u00e3o de data (date picker) para que o<\/p>\n

paciente possa escolher o dia desejado para a consulta.<\/p>\n

\u2022 Escolham um hor\u00e1rio: Mostre uma lista de hor\u00e1rios dispon\u00edveis para aquele dia. Essa lista ser\u00e1<\/p>\n

gerada dinamicamente em JavaScript com base em um conjunto pr\u00e9-definido de hor\u00e1rios<\/p>\n

dispon\u00edveis (simulados para esta atividade).<\/p>\n

\u2022 Insiram informa\u00e7\u00f5es pessoais: Adicione campos de entrada para que o paciente forne\u00e7a<\/p>\n

nome, telefone e e-mail. Isso garante que as informa\u00e7\u00f5es necess\u00e1rias sejam coletadas para<\/p>\n

confirmar o agendamento.<\/p>\n

Passos a seguir:<\/p>\n

a) Crie a estrutura HTML (index.html):<\/p>\n

\u00a7 Adicione os campos necess\u00e1rios para data, hor\u00e1rio e informa\u00e7\u00f5es do paciente.<\/p>\n

\u00a7 Inclua um bot\u00e3o para confirmar o agendamento.<\/p>\n

\u00a7 Crie uma \u00e1rea onde o resumo ser\u00e1 exibido ap\u00f3s a confirma\u00e7\u00e3o.<\/p>\n

b) Estilize a p\u00e1gina com CSS (style.css):<\/p>\n

\u00a7 Garanta que a p\u00e1gina seja simples, mas visualmente agrad\u00e1vel e organizada.<\/p>\n

\u00a7 Use cores suaves e elementos bem alinhados para melhorar a experi\u00eancia do usu\u00e1rio.<\/p>\n

c) Implemente o JavaScript (script.js):<\/p>\n

\u00a7 Use um array para simular os hor\u00e1rios dispon\u00edveis.<\/p>\n

\u00a7 Adicione uma funcionalidade que preencha o menu de hor\u00e1rios quando o paciente<\/p>\n

selecionar uma data.<\/p>\n

\u00a7 Valide os dados do formul\u00e1rio e exiba alertas caso algum campo esteja incompleto.<\/p>\n

\u00a7 Mostre um texto de confirma\u00e7\u00e3o no final do processo, com as informa\u00e7\u00f5es do<\/p>\n

agendamento.<\/p>\n

Passo 3:<\/b><\/p>\n

Agora que a funcionalidade b\u00e1sica do portal foi criada, sua tarefa ser\u00e1 torn\u00e1-lo responsivo, garantindo<\/p>\n

que a p\u00e1gina de agendamento ofere\u00e7a uma experi\u00eancia agrad\u00e1vel em diferentes tamanhos de tela,<\/p>\n

incluindo dispositivos m\u00f3veis, tablets e desktops.<\/p>\n

Objetivos:<\/p>\n

1. Adapte o layout para que todos os elementos fiquem organizados e utiliz\u00e1veis em dispositivos<\/p>\n

m\u00f3veis.<\/p>\n

2. Melhore a navega\u00e7\u00e3o com ajustes para tamanhos de fonte, bot\u00f5es e espa\u00e7amento,<\/p>\n

otimizando a usabilidade em telas menores.<\/p>\n

3. Use Media Queries para implementar diferentes estilos com base na largura da tela.<\/p>\n

PROJETO INTEGRADO<\/p>\n

P\u00fablico<\/p>\n

4. Verifique se o design se adapta corretamente em dispositivos com larguras de tela de 320px<\/p>\n

(smartphones), 768px (tablets) e acima de 1024px (desktops)<\/p>\n

Modifique o CSS (arquivo style.css):<\/p>\n

a) Para telas menores (largura m\u00e1xima de 768px):<\/p>\n

\u2022 Defina a largura do conte\u00fado principal como 100% e um pequeno espa\u00e7amento<\/p>\n

interno (ex. padding: 10px)<\/p>\n

\u2022 Aumente os tamanhos de fonte dos campos de entrada e bot\u00f5es para facilitar a leitura<\/p>\n

(m\u00ednimo 16px).<\/p>\n

\u2022 Reduza as margens e espa\u00e7amentos para otimizar o uso do espa\u00e7o.<\/p>\n

b) Para telas intermedi\u00e1rias (largura entre 768px e 1024px)<\/p>\n

\u2022 Centralize e defina uma propor\u00e7\u00e3o de largura menor para o conte\u00fado em rela\u00e7\u00e3o a<\/p>\n

tela (ex. 90%)<\/p>\n

\u2022 Adicione espa\u00e7amento equilibrado entre os campos.<\/p>\n

c) Valida\u00e7\u00e3o:<\/p>\n

\u2022 No navegador, redimensione a janela para verificar o comportamento da p\u00e1gina.<\/p>\n

\u2022 Nas ferramentas de desenvolvedor (F12): Teste diferentes larguras de tela.<\/p>\n

\u2022 Caso poss\u00edvel, abra a p\u00e1gina em um smartphone ou tablet.<\/p>\n

Passo 4:<\/b><\/p>\n

Desenhe o Modelo Entidade-Relacionamento (MER), incluindo:<\/p>\n

1. Entidades: Paciente, M\u00e9dico, Consulta, Plano de Sa\u00fade, Receita, Pagamento.<\/p>\n

2. Relacionamentos e cardinalidades apropriadas.<\/p>\n

3. Inclua atributos adicionais, como e-mail e CPF para Paciente, e CRM para M\u00e9dico.<\/p>\n

Passo 5:<\/b><\/p>\n

Em um sistema de agendamento para uma cl\u00ednica m\u00e9dica, o uso de fun\u00e7\u00f5es (FUNCTION) e vis\u00f5es<\/p>\n

(VIEW) no MySQL \u00e9 essencial para garantir a organiza\u00e7\u00e3o e a efici\u00eancia no acesso \u00e0s informa\u00e7\u00f5es.<\/p>\n

Enquanto fun\u00e7\u00f5es permitem a realiza\u00e7\u00e3o de c\u00e1lculos ou valida\u00e7\u00f5es reutiliz\u00e1veis, as vis\u00f5es oferecem<\/p>\n

uma maneira simplificada de consultar dados complexos. Esses elementos s\u00e3o fundamentais para<\/p>\n

atender a demandas como a valida\u00e7\u00e3o de planos de sa\u00fade, a consolida\u00e7\u00e3o de relat\u00f3rios financeiros<\/p>\n

e a exibi\u00e7\u00e3o de hor\u00e1rios dispon\u00edveis.<\/p>\n

PROJETO INTEGRADO<\/p>\n

P\u00fablico<\/p>\n

A seguir, s\u00e3o apresentadas duas perguntas relacionadas ao uso de fun\u00e7\u00f5es e vis\u00f5es no MySQL, com<\/b><\/p>\n

suas respectivas respostas.<\/b><\/p>\n

1. Pergunta:<\/p>\n

Como criar uma FUNCTION em MySQL que valide se um plano de sa\u00fade est\u00e1 dentro do per\u00edodo de<\/p>\n

validade?<\/p>\n

2. Pergunta:<\/p>\n

Como criar uma VIEW que consolide informa\u00e7\u00f5es financeiras das consultas realizadas, incluindo o<\/p>\n

nome do paciente, o m\u00e9dico respons\u00e1vel e o valor total pago?<\/p>\n

\n
\n

Como funciona?<\/strong><\/p>\n

Elaboramos os portf\u00f3lios, j\u00e1 deixamos prontos, nas normas da ABNT e conforme os requisitos da universidade. F\u00e1cil assim! O MELHOR \u00c9 QUE VOC\u00ca COMPRA E J\u00c1 BAIXA NA HORA O SEU ARQUIVO EM WORD! Sabemos que conciliar trabalho, fam\u00edlia, vida profissional e estudos \u00e9 dif\u00edcil hoje em dia, por isso, estamos aqui para ajudar voc\u00ea. Conte com nossa qualidade, experi\u00eancia e profissionalismo adquirindo seu portf\u00f3lio conosco. GARANTIMOS SEU CONCEITO!<\/p>\n

Como se realizam os envios?<\/strong><\/p>\n<\/div>\n

O seu trabalho \u00e9 disponibilizado pronto, respondido e nas normas j\u00e1 na mesma hora aqui em nosso site na sua \u00e1rea de downloads e tamb\u00e9m no seu e-mail.<\/p>\n

Em quanto tempo recebo o portf\u00f3lio?<\/strong><\/p>\n

Os envios s\u00e3o imediatos. Ap\u00f3s sua compra, o trabalho j\u00e1 \u00e9 disponibilizado instantaneamente aqui em nosso site e no seu e-mail.<\/p>\n

E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/strong><\/p>\n

Caso haja alguma solicita\u00e7\u00e3o de corre\u00e7\u00e3o\/altera\u00e7\u00e3o por parte do tutor, basta entrar em contato conosco pelo\u00a0WhatsApp\u00a0que provid\u00eanciaremos sem custo algum.<\/p>\n

Qual o formato do arquivo?<\/strong><\/p>\n

Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n

Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/strong><\/p>\n

Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n

\n

Quais os seus canais de contato?<\/strong><\/p>\n<\/div>\n

\n

Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n

\"projeto<\/h4>\n<\/div>\n
\n
\n

E-mail:portifoliosp@gmail.com<\/p>\n

\n
\n

Portf\u00f3lio<\/a>\u00a0em Word, respondido, completo e j\u00e1 nas normas<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\n
\n

Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/p>\n<\/div>\n

\n
\n

\"portf\u00f3lio\"portf\u00f3lio\"portf\u00f3lio\"portfolio<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"featured_media":35147,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"%%post_title%% %%sitetitle%%","_seopress_titles_desc":"%%post_content%%","_seopress_robots_index":""},"product_cat":[149,764],"product_tag":[],"class_list":{"0":"post-35144","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-desenvolvimento-web","7":"product_cat-projeto-integrado-inovacao-gestao","9":"first","10":"instock","11":"shipping-taxable","12":"purchasable","13":"product-type-simple","14":"col-xs-6 col-sm-4","15":"col-mf-5","16":"un-5-cols"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/35144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":0,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/35144\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/35147"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=35144"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=35144"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=35144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}