TCC WEBDESIGN

download TCC WEBDESIGN

of 42

Transcript of TCC WEBDESIGN

  • 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