Upload
darlan-godat
View
251
Download
1
Embed Size (px)
Citation preview
8/17/2019 TCC WEBDESIGN
1/42
DARLAN FELIPE DA SILVA GODAT
FELIPE MEDEIROS CALIXTO
CESAR MARTINS DE MENEZES
CARLOS LYNCON TOLEDO DOS SANTOS
“Website do CEME”
Duque de Caxias - RJ2015
PROJETO FINAL
CURSO TÉCNICO EM INFORMÁTICA – TI-III
CENTRO DE INTEGRAÇÃO OBJETIVO - CIOB
8/17/2019 TCC WEBDESIGN
2/42
ORIENTADOR:Prof. George Chaves
DARLAN FELIPE DA SILVA GODAT
FELIPE MEDEIROS CALIXTO
CESAR MARTINS DE MENEZES
CARLOS LYNCON TOLEDO DOS SANTOS
“Website do CEME”
Trabalho de Conclusão de Cursorepresentando como forma de documentotodo o processo por trás do projeto finalproposto ao Técnico de Informática doCentro de Integração Objetivo.
PROJETO FINAL
CURSO TÉCNICO EM INFORMÁTICA – TI-III
CENTRO DE INTEGRAÇÃO OBJETIVO - CIOB
Duque de Caxias - RJ2015
8/17/2019 TCC WEBDESIGN
3/42
Trabalho de Conclusão de Cursorepresentando como forma dedocumento todo o processo por trásdo projeto final proposto ao Técnicode Informática do Centro deIntegração Objetivo.
DARLAN FELIPE DA SILVA GODAT
FELIPE MEDEIROS CALIXTO
CESAR MARTINS DE MENEZES
CARLOS LYNCON TOLEDO DOS SANTOS
Avaliador 3
Avaliador 2
Banca Examinadora:
Avaliador 1
“Website do CEME”
Orientador: Prof. George Chaves
8/17/2019 TCC WEBDESIGN
4/42
Dedicatória
À todos os professores e funcionários do Centro de Integração Objetivo que
trabalham arduamente para nos proporcionar um bom aprendizado, em especial osprofessores do TI: Luiz, André, George, Alexandre, Sandra, Marcelo e Bia.
À todos os amigos e familiares que nos apoiaram durante esses 3 anos de ensinotécnico, por nos dar motivação e oportunidades para crescer a partir de nossoserros.
8/17/2019 TCC WEBDESIGN
5/42
Agradecimentos
“Agradeço primeiramente a Deus, e familiares que vem me apoiando há todo essetempo, agradeço também ao meu grupo, que em meio a tantas dificuldades sesobressaiu um com a ajuda dos outros, e por fim a todos os professores que fizeramparte da minha vida, não só na formação acadêmica, mas também, como amigos,obrigado a todos vocês!”
-Felipe Medeiros Calixto
“Agradeço ao mestre Shenlong e Goku por terem me motivado a sempre acreditarnos meus sonhos e que nada é impossível quando se tem força de vontade.Também aos Vingadores por terem salvado a terra das forças galácticas. Semdeixar passar em branco claro, Superman que impediu que morrêssemos nometeoro.”
-Cesar Martins de Menezes
“”
-Darlan F. da Silva Godat
“”
-Carlos Lyncon T. dos Santos
8/17/2019 TCC WEBDESIGN
6/42
Epígrafe
“As pessoas não sabem o que querem, até
mostrarmos à elas.”
Steve Jobs
8/17/2019 TCC WEBDESIGN
7/42
Resumo
A necessidade das empresas de expandir seu negócio através de recursosdigitais é cada vez maior, devido ao grande alcance que a internet tem é um dos
melhores meios de se desenvolver uma estratégia marketing digital. A partir disso, nosso projeto tem como objetivo principal não só facilitar os
negócios de divulgação da empresa, mas também oferecer um recurso único parafacilitar e simplificar a interação do cliente com a empresa.
Nosso sistema de marcação de consultas foca no cliente, como um meiorápido para marcar suas consultas de acordo com necessidade, horário ou dia,dando prioridade a quem usa deste recurso, mas também dando ciência ao médicoem questão, disponibilizando a ele uma página exclusiva de informações sobre asconsultas que estão marcadas para seu expediente, no mesmo dia, ou do próximoem diante.
Utilizamos também técnicas e recursos práticos que “facilitam” na divulgaçãodo site além da empresa, tais como promoção de páginas pelo Facebook,priorização da página web como anúncios do Google através do Google AdWords,entre outros.
Keywords: Divulgação, Google, AdWords, Sistema, Consultas, Promoção eNegócios.
8/17/2019 TCC WEBDESIGN
8/42
Sumário
Introdução
1. Estudo do negócio do cliente ....................................................................................1.1 Profile da Empresa ..............................................................................................1.1.1 Histórico .......................................................................................................1.1.2 Ramo de atividade .......................................................................................1.1.3 Porte ............................................................................................................1.1.4 Localização ..................................................................................................1.1.5 Organograma funcional................................................................................1.1.6 Infraestrutura computacional ........................................................................1.1.7 Sistemas integrados ....................................................................................
1.2 Descrição dos 5 principais serviços ou produtos ................................................1.3 Estudo de concorrentes ......................................................................................
1.4 Estudo de vendas do cliente ...............................................................................1.5 Estudo de estratégia de marketing do cliente .....................................................
2. Projeto do website .....................................................................................................2.1 Diagnóstico .........................................................................................................2.2 Prognóstico .........................................................................................................2.3 Coleta de material ...............................................................................................2.4 Projeto Visual ......................................................................................................
2.4.1 Estrutura dos processos de navegação .......................................................2.4.2 Desenho da arquitetura técnica ...................................................................2.4.3 Paleta de cores ............................................................................................2.4.4 Fontes utilizadas ..........................................................................................
3. Desenvolvimento .......................................................................................................3.1 Tecnologia adotada .............................................................................................3.2 Sistema ...............................................................................................................3.3 Softwares utilizados ............................................................................................3.4 Registro de domínio ............................................................................................3.5 Plano de hospedagem ........................................................................................3.6 Página principal ...................................................................................................3.7 Páginas internas .................................................................................................3.8 Banco de dados ..................................................................................................
4. Estratégia de Marketing.............................................................................................
4.1 Divulgação do Site na Web .................................................................................4.2 Divulgação do Site em Redes Sociais ................................................................
8/17/2019 TCC WEBDESIGN
9/42
Lista de Ilustrações
Figura 01 - Mapa da Empresa .......................................................................................
Figura 02 - Visão panorâmica da rua, em frente a empresa .........................................Figura 03 - Visão menos ampliada da região ................................................................Figura 04 - Organograma Funcional ............................................................................Figura 05 - Infraestrutura Computacional .....................................................................Figura 06 - Banner .......................................................................................................Figura 07 - Horário Médico ...........................................................................................Figura 08 - Panfleto ......................................................................................................Figura 09 - Mapa do Site ...............................................................................................Figura 10 – Wireframe ...................................................................................................Figura 11 - Protótipo.1 ...................................................................................................Figura 12 - Protótipo.2 ...................................................................................................Figura 13 - Paleta de Cores ..........................................................................................Figura 14 –Formulário de Marcações ............................................................................Figura 15 – Linhas de Código da Função .....................................................................Figura 16 – Linhas de Código da Função “SwitchEspec” ..............................................Figura 17 – Linhas de Código da Função Validar Horário .............................................Figura 18 – Linhas de Código do Filtro de Horários ......................................................Figura 19 – Linhas de Código do Envio de Dados ........................................................Figura 20 - Ilustrações dos Softwares ...........................................................................Figura 21 - Busca por registros .....................................................................................Figura 22 - Planos oferecidos ........................................................................................
Figura 23 - Serviços incluídos .......................................................................................Figura 24 - 1ª Parte da Página Principal (Header + Conteúdo) .....................................Figura 25 - 2ª Parte da Página Principal (Conteúdo) ....................................................Figura 26 - 3ª Parte da Página Principal (Footer) ..........................................................Figura 27: O Google AdWords na prática .....................................................................Figura 28: Promoção de Páginas do Facebook ............................................................
8/17/2019 TCC WEBDESIGN
10/42
Lista de Termos/Palavras Estrangeiras
“Briefing”: Reunião feita entre o desenvolvedor e o cliente.
“Wireframe”: Esboço do site proposto ao cliente feito à mão ou por ferramentasdigitais.
“KingHost”: Site que oferece serviços de hospedagem e venda de domínios paraWebsites.
“Link”: Caminho da web que especifica onde a página está hospedada.
“AdWords”: Serviço de promoção de páginas por anúncio do Google.“Front-end”: O front-end é responsável por coletar a entrada do usuário em váriasformas, ou seja, a interface onde o usuário irá interagir.
“Back-end”: O back-end é a parte do Sistema onde é reservada para configuraçõese administração do site.
8/17/2019 TCC WEBDESIGN
11/42
1.1 Profile da Empresa
1.1.1 Histórico
O Centro Médico Empresarial (CEME) é referência no quesito saúde em Santa Cruz
da Serra. A empresa foi fundada em 2002, pela Dra. Elizabeth Alencar e vem
crescendo desde então, tem sido uma das principais opções quando se trata de
saúde na região de Santa Cruz da Serra. Conta com muitas especialidades médicas,
entre elas, as principais são: Ginecologia, Clínica Médica, Neurologia e Cardiologia.
1.1.2 Ramo de Atividade
Seu ramo de atividade é a saúde e medicina.
1.1.3 Porte
Devido à baixa quantidade de funcionários e faturamento não muito elevado, é umaEmpresa de Pequeno Porte (EPP) segundo o Ministério da Fazenda do Brasil:
“Pequeno porte (EPP) é uma pessoa jurídica com receita bruta anual entre
240 mil e 1,2 milhão de reais conforme o Ministério da Fazenda do Brasil.
Industria < 100 empregados ou serviço/comércio < 50 funcionários“
8/17/2019 TCC WEBDESIGN
12/42
1.1.4 Localização
A empresa se localiza Avenida Automóvel Clube, Lote 28 Quadra 42 - Santa Cruz da
Serra, Duque de Caxias.
Figura 01: Mapa da empresa
Imagem 02: Visão panorâmica da rua, em frente a empresa.
8/17/2019 TCC WEBDESIGN
13/42
Imagem 03: Visão menos ampliada da região
1.1.5 Organograma funcional
Os funcionários realmente da empresa, são somente sete; sendo duas
recepcionistas, duas técnicas de enfermagem, uma auxiliar de serviços gerais, um
administrador e uma técnica de exames de imagem.
Imagem 04: Organograma funcional
Direção
Administração
Recepção
Serviços Gerais
Medicina
Téc. exames de
imagem
Téc.
Enfermagem
Tercerizados
Cardiologia
Clínico Geral
Ginecologia
8/17/2019 TCC WEBDESIGN
14/42
1.1.6 Infraestrutura computacional
A empresa conta com uma infraestrutura de 2 computadores e 1 notebook. Também
conta com uma rede wifi aberta para seus clientes. O link de internet contratado é de
15Mbps da Oi Velox.
Imagem 05: Infraestrutura computacional
1.1.7 Sistemas integrados
A empresa só utiliza um sistema integrado, que este é usado para cadastrar ospacientes, se chama Sissam, este sistema foi criado exclusivamente para a
empresa. O Sissam é usado na empresa para cadastrar os pacientes, registrar
pagamentos, ordenar os pacientes e fazer o balancete mensal.
1.2 Descrição dos 5 principais serviços
8/17/2019 TCC WEBDESIGN
15/42
Os serviços mais requisitados no Centro Médico são os, a seguir:
Serviço Especialidade Quantidade/Mês Valor Subtotal
Consulta Clínico Geral 1000 R$50,00 50.000,00
Consulta Ginecologia 150 R$50,00 7.500,00
Preventivo Ginecologia 135 R$20,00 2.700,00
Eletrocardiograma Cardiologia 100 R$30,00 3.000,00
Consulta Neurologia 100 R$50,00 5.000,00
TOTAL MENSAL 68.200,00
TOTAL ANUAL 818.400,00
1.3 Estudo de Concorrentes
Nome EndereçoGrau de
Concorrência
Distância
ClínicaCentral
Rod. Washington LuísLote 32 Quadra A, s/n -Santa Cruz da Serra,Duque de Caxias - RJ
Alto 1,8km
Clínica daFamília
Rua Celita Melo Abreu(Rua da Feira),60 – Ap.
103 Santa Cruz da SerraMédio 2,2km
Dr. Paulo
R. José de Alvarenga,
264 - Centro, Duque deCaxias - RJ, 25020-140 Baixo25,8km
8/17/2019 TCC WEBDESIGN
16/42
1.4 Estudo de vendas do cliente
Como não há outra forma de marcar consulta, se não o comparecimento à clínica
todas as “vendas” são feitas por meio do balcão.
Meio Descrição Percentual
Balcão
O paciente chega ao
balcão, dá o seu nome
e entra para a fila de
espera.
100%
1.5 Estudo de estratégia de marketing do cliente
Meio Descrição Valor
Panfleto
Cliente contrata uma
pessoa para distribuir
panfletos na região,
também há panfletos
no CEME.
R$150,00 (milheiro).
Consumo ao mês
Carro de som
Cliente contrata um
carro de som para
divulgar o CEME
R$300,00
8/17/2019 TCC WEBDESIGN
17/42
2. Projeto do website
2.1 Diagnóstico
Através de um questionário anexado no documento, foi observado que ocliente se interessa em um site que não seja somente institucional, ou seja, que
tenha alguma função além de somente ser a referência online. O cliente propôs o
desenvolvimento, por parte do nosso grupo, de um sistema integrado ao site de
marcação/organização da fila de espera de consulta, que seria feito através de um
cadastro online. Porém, o site terá 3 funções, que será composto pela primeira parte
institucional e a segunda parte do sistema integrado e página de administração.
2.2 Prognóstico
As medidas a serem tomadas pelo grupo para suprir as demandas do cliente,
serão divididas em duas partes, o site Institucional e o Site do Sistema.
O site institucional consiste em informações e conteúdos relacionados com a
empresa, será focado na informação para os usuários que entram no site para
obterem o contato, a localização, resumidamente conhecer a empresa. A área do
site institucional que será em maior evidência é a de contato e de localização.Será implantado no site institucional, um gestor de conteúdo web para que
seja feito a atualização de tópicos, informações quanto a horários, localização e
especialidades pelos próprios funcionários responsáveis pela administração e
atualização do site.
Em relação ao site com sistema integrado, visto que o cliente demanda um
sistema integrado para marcação de consultadas através do site, o grupo se propôs
a fazê-lo.
Para uma administração mais eficiente, é proposto uma página de back-end,
a página de administração do sistema, contendo praticamente todas as
configurações do sistema de forma mais simplificada, voltada para leigos.
Resumidamente, o sistema cadastrará os pacientes, através deste recurso, o
cliente poderá ter a opção de marcar suas consultas numa agenda online, onde será
atualizada e monitorada ativamente pelo responsável da administração do site.
8/17/2019 TCC WEBDESIGN
18/42
8/17/2019 TCC WEBDESIGN
19/42
2.3 Coleta de Material
Aqui é representado o material bruto coletado a partir de nossos “briefings” com o
representante da empresa, tais como banner, horário médico, logo, entre outros.
Este conteúdo é de grande importância caso o cliente queria que algum material
específico seja mostrado em seu site.
Imagem 06: Banner
8/17/2019 TCC WEBDESIGN
20/42
Imagem 07: Horário Médico
8/17/2019 TCC WEBDESIGN
21/42
Imagem 08: Panfleto
8/17/2019 TCC WEBDESIGN
22/42
2.4 Projetos Visuais
Esta parte consiste no início do projeto visual do site, ou seja, o planejamento do
site. Todos os preliminares do desenvolvimento site ocorrem nesta seção.
2.4.1 Estrutura dos processos de navegação
Imagem 09: Mapa do Site
8/17/2019 TCC WEBDESIGN
23/42
2.4.2 Desenho da arquitetura técnica
Imagem 10: Wireframe
8/17/2019 TCC WEBDESIGN
24/42
2.4.3 Desenvolvimento do protótipo da homepage
Imagem 11: Protótipo.1
Imagem 12: Protótipo.2
8/17/2019 TCC WEBDESIGN
25/42
2.4.4 Paleta de cores
Imagem 13: Paleta de Cores
2.4.5 Fontes utilizadas
Fontes não padrão no Windows, mas carregadas a partir da pasta raiz do site. Roboto-Light
Marvel-Bold
Marvel-Regular
3. Desenvolvimento do Website
8/17/2019 TCC WEBDESIGN
26/42
3.1. Tecnologias Adotadas
Tivemos como base para início de desenvolvimento do website, nosso aprendizado
durante o primeiro semestre, design, estrutura de páginas da web, dentre outrasferramentas acessíveis no desenvolvimento do mesmo, tais como:
HTML – Linguagem usada a todo tempo durante a estruturação, desenvolvimento edesign do website, a partir dessa linguagem é que implementamos quaisquer outrosrecursos no mesmo.
PHP – Linguagem usada para ligação cliente-servidor
CSS – Design(CSS+HTML).
JAVASCRIPT – Basicamente, o Java Script fez de forma única algo semelhante aoque é possível fazer apenas com o PHP(Programação) ou CSS(Visual), criandoscripts e designs específicos para situações e tempos diferentes durante anavegação.
SQL – Como o sistema foi desenvolvido para uma empresa de pequeno porte, quenão terá um banco relativamente grande, o tipo de banco usado foi o MySQL.Poderia ser usado o SQL Server ou até mesmo Oracle, porém a estrutura parasuportar bancos desse nível seria muito maior, assim, gerando um custo elevado etotalmente desnecessário.
8/17/2019 TCC WEBDESIGN
27/42
3.2 Sistema
O formulário do sistema
Imagem 14: Formulário de Marcação
O sistema agendamento funciona a cada ação do usuário,
representadas a seguir:
1. Usuário seleciona a especialidade.
Através do jquery, quando o campo especialidade for mudado, navariável especialidadeEl é armazenado o elemento especialidade do
documento que é um select e executa a função “switchEspec”
Imagem 15: Linhas de código da função
8/17/2019 TCC WEBDESIGN
28/42
Essa função consulta no banco na tabela especConfig que faz parte dapágina back-end, e então mostra a agenda para o usuário escolher adata
Imagem 16: Linhas de código da função que seleciona a especialidade
2. Usuário seleciona a data desejada e clica em ver horários
Primeiro é checado se a data escolhida pelo usuário não corresponde auma data no passado, retornar true prosegue
8/17/2019 TCC WEBDESIGN
29/42
Imagem 17: Linhas de Código da função validar horário
Aí então que o php faz um select ao banco para ver na data desejadaque horários já foram marcadas para assim serem excluídos do select
que aparecerá logo
Imagem 18: Filtro de horários
8/17/2019 TCC WEBDESIGN
30/42
O usuário preenche os outros campos e da submit no formulário, aíentão que é enviado ao banco esses dados do formulário
Imagem 19: Linhas de código do envio de dados
3.3 Softwares Utilizados
Nesta seção serão mostrados brevemente, os softwares que utilizamos para finsdiversos, são eles utilizados:
3.3.1 Na construção do site
Sublime Text NetBeans
WampServer
3.3.2 Na edição de imagens
Adobe Photoshop
Adobe Illustrator
8/17/2019 TCC WEBDESIGN
31/42
3.3.3 No plano de divulgações
Adobe Photoshop
Adobe Illustrator
Imagem 20: Ilustração dos Softwares
8/17/2019 TCC WEBDESIGN
32/42
3.4 Registro de Domínio
O fundamento principal para um domínio “forte” é ser:
Curto
Objetivo
Facilmente RecordávelLogo, foi feito a escolha do domínio: “cemerj.com.br”. Com o custo padrão de
R$30,00 por ano.
Imagem 21: Busca por registros válidos
3.5 Plano de Hospedagem
Imagem 22: Planos oferecidos pelo KingHost
8/17/2019 TCC WEBDESIGN
33/42
Imagem 23: Serviços incluídos em todos os planos do KingHost
3.6 Página Principal
A Página principal passou por constantes alterações desde o início dodesenvolvimento do site, entre elas, é possível citar a paleta de cores, estrutura dasdivs e até mesmo “tecnologia” e recursos usados no design.
Imagem 24: 1ª Parte da Página Principal (Header + Conteúdo)
8/17/2019 TCC WEBDESIGN
34/42
Imagem 25: 2ª Parte da Página Principal (Conteúdo)
Imagem 26: 3ª Parte da Página Principal (Footer)
3.7 Páginas internas
3.8 Banco de Dados
3.8.1 Dicionário de Dados
8/17/2019 TCC WEBDESIGN
35/42
4. Estratégia de Marketing
4.1 Divulgação do Site na Web
Para divulgação do site na Web, utilizamos o Google AdWords, quedisponibiliza a qualquer um, a possibilidade de pagar por “links de anúncio” atravésde palavras-chave, onde teríamos que escolher um conjunto de palavras que julgamos necessárias para que um usuário num determinado raio de distância daregião, veja o link em sua pesquisa, caso digite algo relacionado às palavras chave.
O AdWords funciona como uma conta onde você deposita uma determinadaquantia em valor em sua “carteira” e é descontado apenas o anúncio que for clicado,para que assim, ninguém perca saldo em vão, por apenas ter seus anúnciosmostrados em pesquisas ordinárias.
Imagem 27: O Google AdWords na prática
8/17/2019 TCC WEBDESIGN
36/42
4.2 Divulgação do Site em Redes Sociais
Quanto a redes sociais, o próprio Facebook disponibiliza uma ferramentasemelhante à do Google, porém, o cliente deve pagar uma determinada quantia
periódica, que pode ser diariamente, semanalmente ou mensalmente.
Essa promoção de páginas propõe ao cliente que sua página apareça nocanto direito ou até mesmo no feed de notícias dos usuários, facilitando assim que aempresa atinja mais usuários, pois no facebook a página não depende de pesquisaalguma para estar no anúncio, mas ainda há uma restrição no raio de usuáriosalcançados por região.
Imagem 28: Promoção de Páginas do Facebook
8/17/2019 TCC WEBDESIGN
37/42
Apêndices
8/17/2019 TCC WEBDESIGN
38/42
Apêndice A – Questionário feito aocliente durante um dos briefings
1. Quais são os principais objetivos do seu site? (Informar? Vender? Dar suporte?)
R: Informar e marcar consultas
2. Quem é o seu público-alvo primário e secundário? (Interesses, necessidades,habilidades)
R: O público alvo primário são os pacientes, e o secundário são os
futuros pacientes, pessoas que não conhecem o CEME.
3. Qual é o principal slogan do site? (A mensagem que melhor descreve seuconteúdo)
R: “Há 12 anos cuidando da sua família. ”
4. O conteúdo do site é novo ou já existe em outro formato?
R: Já existiu em um site, porém o mesmo foi desativado. Os únicos
conteúdos do site que ainda existem em outro formato, que é papel, são
horários e as especialidades.
5. Que imagens já existentes estão disponíveis?
R: Banner, Folhetos e Horário Médico.
6. É necessário obter dados dos clientes? O que é preciso saber? Por quê?
R: Sim, os dados à serem obtidos serão relacionados à marcação de
consulta. Dados básicos como Nome, Documentação, contato e algumas
outras coisas serão requisitadas.
7. Que novas tecnologias serão utilizadas? Quais e, especificamente, por quê?
R: Listado respectivamente as tecnologias: HTML, HTML5, CSS, CSS3,
JQUERY, PHP e JAVASCRIPT.
8. Que informação do site mudará? Com que frequência e com que abrangência?
R: 1- Banner do tipo slider, na página principal com frequência
dependendo de notícias que acontecem em tempo real do CEME, maior
frequência, média abrangência
2- Galeria de fotos, em uma página exclusiva, na medida que obterem
mais fotos e terá pequena abrangência.
8/17/2019 TCC WEBDESIGN
39/42
3- Horários, na página de horários, mudará com quase nenhuma
frequência e terá grande abrangência.
9. Quando o site precisa estar pronto?
R: Até o final do 2º semestre de 2015
10. Quem aprovará o trabalho?
R: Sr. Joelson, atual diretor e dono do CEME.
11. Qual o orçamento para o site?
R: A combinar.
12. Quais são os planos para promover o site? Quem é responsável pela promoção?
R: Divulgação por meio de placas, banners, panfletos e carro de som, o
cliente é responsável pela promoção
13. O público alvo interage em redes sociais?
R: Sim, há integração ao Facebook
14. Quais as cores da logomarca e as cores que melhor representam o segmento da
empresa?
R: Prata (R:113 G:111 B:103), Vermelho (R:133 G:12 B:17) e Branco
(R:255 G:255 B:255).
8/17/2019 TCC WEBDESIGN
40/42
Apêndice B - Propostas do
Desenvolvimento do Website
Apresentação
O site precisa ser desenvolvido especificamente visando as necessidades dopúblico, tanto para se informar, quanto para poupar seu tempo quanto às suasatividades médicas.Nosso principal foco nesse desenvolvimento é a simplicidade dos processos, tantopara que o público do site não se perca durante um agendamento, quanto para
saber mais sobre os serviços oferecidos pela empresa.
Objetivo da Proposta
É atender as expectativas e as demandas do cliente, que foi observada nos briefingsrealizados entre o grupo e o cliente. Esta proposta deve satisfazer totalmente os doislados, tanto o grupo e o cliente, se o cliente estiver satisfeito, logo, o grupo tambémse satisfará.
Etapas de Desenvolvimento
Como o site se divide em duas partes, então as etapas serão fragmentadas. Afragmentação consistirá na 1ª fase - Desenvolvimento:
Planejamento
Obtenção de material/conteúdo
Desenvolvimento
Testes
Apresentação do site completo ao cliente, se o cliente aprovar, o grupo irá
avançar para próxima fase;
2ª fase - Implantação: Domínio
Hospedagem
Ligação entre o site e a empresa
Responsabilidades do Cliente
8/17/2019 TCC WEBDESIGN
41/42
O cliente deve ter em mente o que ele quer em seu site, e de que forma isso váafetar seu site. O que ele quer, deve ser analisado pelo desenvolvedor para unir avontade do cliente, a algo que se torne positivo ao site e agradá-lo ao mesmo tempo,mesmo que seja preciso alterar, acrescentar ou negar sua ideia.O conteúdo a ser posto no site e a forma como vai ser apresentado sempre estaráligado à sua vontade, afinal, o site deve coincidir com seu gosto e representar suaempresa, então o que pode ser considerado maior responsabilidade do cliente, ésua compreensão em relação à ideias e comprometimento quanto a disposição doconteúdo mínimo que deve-se ter para o desenvolvimento do site.
Compromissos do Desenvolvedor
Resumidamente, o compromisso que o desenvolvedor tem com o projeto é desempre cumprir totalmente com sua proposta, tornar algum processo na navegaçãodo site mais simples e ainda sim, não fugindo do padrão desejado pelo grupo.Também se deve ter a preocupação de não fugir do que o cliente deseja,procurando ao máximo ser flexível quanto à opinião do mesmo.
Cronograma de Execução
Ago. Set. Out. Nov. Dez.
Planejamento do Website
Planejamento do Sistema
Desenvolvimento do Website
Implementação do Bootstrap
Desenvolvimento do Sistema
Caso o Cliente Aceite a Proposta Oferecida
Registro de Domínio
Hospedagem
Implementação do Sistema
Investimento
8/17/2019 TCC WEBDESIGN
42/42
Fase 1 Aquisição do site/sistema e manutenção
Fase 2 Aquisição do Domínio e Hospedagem
Aquisição do site/sistema e manutenção
Produto/Serviço Descrição Valor
SiteImplementação de site responsivo,
com integração ao Facebook.R$1.000,00
Manutenção do site Atualização de Informações, entre
outros.R$120,00/mês
Sistema
Treinamento para utilização dosistema e implementação deagendamento de consultas e
página de administração
R$3.000,00
Manutenção dosistema Suporte à possíveis problemas,bugs e erros que venham a surgir. R$250,00/mês
Aquisição do Domínio e Hospedagem
Produto/Serviço Descrição Valor
Domínio
Valor pago anualmentepelo nome que será
utilizado no endereço dosite.
R$30,00/ano
HospedagemValor pago mensalmentepelo servidor onde será
alocado o Website.R$50,00/mês