centro estadual de educaÇÃo tecnolÓgica paula … · cleonice da silva rocha mendes ... que os...
Post on 07-Feb-2019
214 Views
Preview:
TRANSCRIPT
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA
ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET
WEBSITE PARA CRECHE TUTTI MAMA
ANGELO ROBERTO MARTINS CLEONICE DA SILVA ROCHA MENDES WALQUÍRIA GOMES PORTILHO BRAGA
PALMITAL 2013
ANGELO ROBERTO MARTINS CLEONICE DA SILVA ROCHA MENDES WALQUÍRIA GOMES PORTILHO BRAGA
WEBSITE PARA CRECHE TUTTI MAMA
Trabalho de conclusão de curso apresentado à ETEC Prof.º Mário Antônio Verza, como parte dos requisitos necessários para a obtenção do título de Técnico em Informática para Internet.
Orientadora: Prof.ª Luciana Michele Ventura
PALMITAL
2013
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA
ETEC PROF. MÁRIO ANTÔNIO VERZA
ANGELO ROBERTO MARTINS CLEONICE DA SILVA ROCHA MENDES WALQUÍRIA GOMES PORTILHO BRAGA
WEBSITE PARA CRECHE TUTTI MAMA
APROVADO EM 20/11/2013.
BANCA EXAMINADORA:
LUCIANA MICHELE VENTURA – ORIENTADORA
CLAUDIA PATRICIA CANDIA MACIEL – EXAMINADORA
Dedicamos este trabalho com muito
carinho aos professores da ETEC Profº.
Mário Antonio Verza por trazer vários
conhecimentos para crescermos
profissionalmente, e aos nossos familiares
que nos motivaram a fazer este curso.
AGRADECIMENTOS
Nosso muito obrigado aos professores que durante todo o curso sanaram
nossas dúvidas e intermediaram novos conhecimentos.
Agradecemos aos colegas de classe a paciência, e o diálogo que sempre
tivemos quando surgiam dúvidas e quando trocamos informações.
Também agradecemos aos professores que nos auxiliaram durante todo o
processo de orientação deste trabalho, pois aliado à sua experiência profissional e
intelectual, todas as dicas e instruções foram indispensáveis para o desenvolvimento
e conclusão deste trabalho.
Enfim, agradecemos aos nossos familiares pela paciência que tiveram ao
decorrer desse tempo dedicado aos nossos estudos, por nos terem apoiado e
entendido a nossa ausência em nossos lares, não só durante as aulas, mas
especialmente durante o processo de desenvolvimento deste trabalho.
O nosso grande muito obrigado!
"Só depois que a tecnologia inventou o telefone, o telégrafo, a televisão, a internet, foi que se descobriu que o problema de comunicação mais sério era o de perto".
(Millôr Fernandes)
BRAGA, Walquíria Gomes Portilho. Martins, Angelo Roberto. Mendes, Cleonice da Silva Rocha. Trabalho de Conclusão de Curso no Ensino Técnico em Informática para Internet – WEBSITE – Creche Tutti Mama. 2013. 36 f.
RESUMO
O website foi criado de acordo com as necessidades da Creche Tutti Mama
na intenção de divulgar os eventos e trabalhos realizados, e as principais atividades
educativas desenvolvidas no decorrer do ano letivo. Ele foi projetado e desenvolvido
primordialmente para demonstrar o que é produzido no ambiente educacional para
que os pais tenham acesso às fotos de seus filhos, das atividades que eles
participam e suas vivências diárias.
O layout do site é composto por várias abas de navegação, como: módulo de
nutrição, que apresenta o cardápio que é seguido para a alimentação das crianças,
com algumas receitas que as cozinheiras produzem na creche. Já o módulo de
galeria de fotos foi desenvolvido para que a comunidade conheça os eventos
realizados na creche.
No site a comunidade irá encontrar informações detalhadas de todos os
funcionários que fazem parte da creche Tutti Mama, e também dos eventos
promovidos pela instituição nas datas comemorativas.
Palavras-chave: website; educação infantil; creche Tutti Mama.
LISTA DE ABREVIATURAS E SIGLAS
ADIs Auxiliares de Desenvolvimento Infantil
AJAX Asynchronous Javascript and XML
ASP Active Server Pages
CDHU Conjunto Habitacional Miguel Huertas
CSS Cascading Style Sheets
ETEC Escola Técnica Estadual
FUNDEB Fundo de Manutenção e Desenvolvimento da Educação Básica
HTML Hypertext Markup Language
IDE Integrated Development Environment
jQuery Java script para Web Designers
JSP Java Server Pages
LDB Lei de Diretrizes e Bases
MER Modelo Entidade Relacionamento
PHP Personal Home Page
UE Unidade Escolar
W3C World Wide Web Consortium
LISTA DE FIGURAS
FIGURA 1 – Identidade Visual creche Tutti Mama ............................................... 24
FIGURA 2 – Página Inicial – Home Page ............................................................. 25
FIGURA 3 – Educação Infantil – Página Interna .................................................. 25
FIGURA 4 – Berçário – Página Interna ................................................................ 26
FIGURA 5 – Maternal – Página Interna ................................................................ 26
FIGURA 6 – Nutrição – Página Interna ................................................................ 27
FIGURA 7 – Cardápio – Página Interna ............................................................... 27
FIGURA 8 – Receitas – Página Interna ................................................................ 28
FIGURA 9 – Bolinho de Chuva – Página Interna ................................................. 28
FIGURA 10 – Bolo de Cenoura – Página Interna ................................................. 29
FIGURA 11 – Omelete de Forno – Página Interna ............................................... 29
FIGURA 12 – Macarrão de Pizza – Página Interna .............................................. 30
FIGURA 13 – Galeria – Página Interna ................................................................ 30
FIGURA 14 – Equipe – Página Interna ................................................................ 31
FIGURA 15 – Eventos – Página Interna ............................................................... 31
SUMÁRIO
1. INTRODUÇÃO ........................................................................................ 11
1.1 OBJETIVOS ................................................................................... 12
1.1.1. OBJETIVOS ESPECÍFICOS....................................................... 12
1.1.2. OBJETIVOS GERAIS ................................................................. 12
1.2 PROCEDIMENTOS METODOLÓGICOS ....................................... 12
1.2.1. COLETA DE DADOS ................................................................. 12
2. FUNDAMENTAÇAO TEÓRICA .............................................................. 13
2.1. RAMO DE ATIVIDADE .................................................................. 13
2.1.2. ATIVIDADES DESENVOLVIDAS ............................................... 15
2.1.3. SAÚDE ....................................................................................... 15
2.1.4. ALIMENTAÇÃO .......................................................................... 15
2.1.5. HIGIENE ..................................................................................... 18
2.1.6. EVENTOS REALIZADOS ........................................................... 18
2.2 TECNOLOGIAS .............................................................................. 18
2.2.1. CSS ............................................................................................. 18
2.2.2. FERRAMENTA ADOBE DREAMWEAVER ............................... 19
2.2.3. FERRAMENTA ADOBE FLASH PROFISSIONAL CS6 ............ 20
2.2.4. FERRAMENTA COREL DRAW ................................................. 20
2.2.5. FERRAMENTA WOOSLIDER .................................................... 21
2.2.6. HTML .......................................................................................... 20
2.2.7. LINGUAGEM JAVASCRIPT ...................................................... 22
2.2.8. LINGUAGEM PHP ...................................................................... 22
3. ESTUDO DE CASO ................................................................................ 23
3.1 PROJETOS DO WEBSITE TUTTI MAMA ....................................... 23
3.1.1. IDENTIDADE VISUAL ................................................................. 23
3.1.2. LOGOTIPO .................................................................................. 23
3.2. DESENVOLVIMENTO DO WEBSITE CRECHE TUTTI MAMA ..... 23
3.2.1. PÁGINA PRINCIPAL – HOME PAGE ......................................... 24
3.2.2. PÁGINAS INTERNAS DO WEBSITE .......................................... 24
4. CONSIDERAÇÕES FINAIS .................................................................... 31
5. REFERÊNCIAS ..................................................................................... 31
6. APÊNDICE ............................................................................................. 33
APÊNDICE A – Questionário para entrevista com o cliente – Briefing 33
APÊNDICE B – Cronograma do Projeto Tutti Mama ............................. 35
11
1. INTRODUÇÃO
Devido as grandes mudanças que as tecnologias causaram em nossa
sociedade, com a inserção da internet em nossas vidas, tudo ficou mais rápido e
prático. Antigamente para enviar uma carta era necessário postar pelo correio e
demorava vários dias. Atualmente isso ocorre com menos frequência, as pessoas
usam muito seus e-mails para se comunicar, para fazer propaganda, mandar fotos,
enviar documentos. A internet é considerada uma das principais ferramentas de
comunicação instantânea, com baixo custo e grande retorno financeiro.
Para o comércio, a internet trouxe vários benefícios. Possibilitando mais
agilidade nas transições, compra, venda ou consulta de produtos sem limites de
espaço e tempo, pois hoje os empresários podem acessar os programas de sua
casa, por exemplo, para consultar algo em seu estoque é só indicar o código do
produto e o programa já informa se consta o produto ou não. Desta forma o
empresário consegue analisar e ter parâmetros se é necessário comprar mais
produtos.
A internet possui uma infinidade de recursos, como: redes sociais, blogs,
fóruns, sites de notícias, entre outras, que são ferramentas muito utilizadas pela
sociedade. O usuário acessa a internet para se informar das notícias, publicar fotos,
fazer propaganda. Devido a esses fatores, pensamos no desenvolvimento do
website para a Creche Tutti Mama para auxiliar na propagação das atividades e
eventos desenvolvidos na unidade, visto que o mundo é tecnológico.
―A grande conquista do milênio foi o surgimento da Rede Mundial de Computadores. A Internet nasceu da soma de pequenas conquistas tecnológicas feitas por cientistas extraordinários. Uma das mais vitais para o funcionamento da rede é a capacidade de um único computador dividir sua atenção com diversos usuários no mesmo instante, num processo conhecido como tempo compartilhado.‖ (MICHAEL DCITOUZOS).
No mundo contemporâneo a maior parte das informações é encontrada na
internet, que tem uma interação rápida, canais de distribuições, lojas virtuais e um
ambiente totalmente interativo.
12
1.1. OBJETIVOS
O presente projeto tem como objetivo o desenvolvimento de um website para
a Creche Tutti Mama, querendo com isso divulgar os eventos e trabalhos lá
realizados.
1.1.1. ESPECÍFICOS
Proporcionar uma melhor comunicação entre a creche e a comunidade por
meio da divulgação dos eventos que a entidade promove com a participação das
crianças e das famílias, expondo as atividades pedagógicas e lúdicas que são
realizadas no decorrer do ano letivo, entre outras datas comemorativas.
Auxiliar na divulgação dos eventos da Creche;
Expor as atividades pedagógicas e lúdicas realizadas;
Publicar fotos dos eventos, entre outros.
1.1.2. GERAL
O objetivo geral do site é propagar e apresentar as principais atividades
educativas desenvolvidas no decorrer do ano letivo.
1.2 PROCEDIMENTOS METODOLÓGICOS
A metodologia aplicada é uma análise de requisitos, no qual serão divulgados
além de atividades pedagógicas e lúdicas também, os eventos realizados.
1.2.1 COLETA DE DADOS
A coleta de dados foi realizada por meio de pesquisa bibliográfica pedagógica no
âmbito Educacional e realizando entrevista com um questionário, fotos entre
outros.
13
2. FUNDAMENTAÇÃO TEÓRICA
2.1. RAMO DE ATIVIDADE
Em 1965 um grupo de mulheres de Palmital fundou o Clube Feminino para a
Proteção à Infância, formando a primeira creche a partir da constatação da ausência
na cidade de um lugar seguro para acolher filhos de mães que trabalhavam fora
para contribuir com o orçamento familiar (JORNAL DA COMARCA, 2009).
O Clube Feminino, nos anos iniciais de sua existência desenvolveu um
trabalho socioeducativo de qualidade e voltado para o bem estar de nossas crianças
carentes na faixa etária até 14 anos. A partir de 1973, o Clube Feminino passou
atender crianças na creche São Sebastião que foi a primeira creche fundada na
cidade, um local que foi construído com recursos obtidos pela entidade, devido à
qualidade e relevância dos serviços prestados, em 1998 a Creche Tutti Mama foi
inaugurada e o clube feminino passou a administrar, ela que foi construída pela
municipalidade no conjunto habitacional Miguel Huertas (CDHU). Em 2000, a
instituição também assumiu a direção da Creche Lídio Tronco, no Bairro Morada do
Sol, também construída pela Prefeitura.
Apesar do importante trabalho realizado, as unidades tiveram que transferir à
direção do sistema educacional para o município após a aprovação do Fundo da
Educação Básica (FUNDEB) aprovado em 12 de março de 2007 pela Câmara
Municipal:
LEI Nº 2184 DE 12 DE MARÇO DE 2007 ―Dispõe sobre a criação do conselho municipal de acompanhamento e controle social do Fundo de Manutenção e Desenvolvimento da Educação Básica de Valorização dos Profissionais da educação – Conselho do FUNDEB.‖ Reinaldo Custódio da Silva, Prefeito do Município de Palmital, no uso de suas atribuições e de acordo com o disposto do art. 24, § 1º da Medida Provisória nº. 339, de 28 de dezembro de 2006, sanciona a seguinte Lei: Capítulo I Das Disposições Preliminares Artigo 1º - Fica criado o Conselho Municipal de Acompanhamento e Controle Social do Fundo de Manutenção e Desenvolvimento da Educação Básica e de Valorização dos Profissionais da Educação – Conselho do FUNDEB, no âmbito do Município de Palmital.
Esta que ampliou a abrangência das séries iniciais para o repasse de
recursos do governo federal, incluindo o Ensino Fundamental, as creches e as pré-
14
escolas, que prevê a inclusão das crianças na rede regular de ensino a partir do
nascimento.
Em 02 de Fevereiro de 2008, o comando das creches passou a ser do
Departamento de Educação, e passaram a funcionar como escolas de Educação
Infantil e passou a receber recursos do Fundo de Manutenção e Desenvolvimento da
Educação Básica e Valorização dos Profissionais da Educação FUNDEB (Fundo de
Manutenção e Desenvolvimento da Educação Básica). Devido à mudança na Lei de
Diretrizes e Bases a LDB (Lei de Diretrizes e Bases), à municipalidade viu a
necessidade de atender as exigências do FUNDEB.
A partir desse momento as creches municipalizadas passaram a serem
estabelecimentos educacionais e atendem crianças na faixa etária abaixo de quatro
anos. Trabalhando assim atividades diferenciadas, principalmente com trabalhos
lúdicos e pedagógicos adequados à idade e específico para o público atendido.
Os alunos são divididos por idade, ficando no berçário as crianças menores e
maiores no maternal.
A Creche Tutti Mama localiza-se na Rua dos Trabalhadores Nº 26, no
Conjunto Habitacional Miguel Huertas (CDHU).
Seu funcionamento é de segunda a sexta-feira, dando início em suas
atividades às 7h com término às 16h, estendendo o horário até às 18h para as mães
que necessitam deixar seus filhos um período maior por motivos trabalhistas.
As crianças são recebidas a partir das 7h às 07h40min, além de terem várias
atividades, adequadas à idade da mesma. O itinerário das crianças quando chegam
à creche é tomar o café da manhã às 07h40min para todas as turmas, os menores
tomam mamadeiras e os maiores tomam leite com chocolate e pão com margarina.
Depois, as 08h30min os maternais vão para salas, e os menores ficam a luz do sol
se o tempo estiver propício. Após o banho de sol as crianças se preparam para o
almoço, os berçários (quatro meses a um ano e oito meses) se iniciam às 10h, eles
têm uma dieta especial e as Auxiliares de Desenvolvimento Infantil responsável pelo
setor alimentam as crianças na boca. Já os Maternais (um ano e nove meses até
quatro anos) vão para o refeitório às 10h30min, onde já está servido o almoço, as
Auxiliares de Desenvolvimento Infantil auxiliam nas refeições, alimentando-as ou
orientando-as sobre o comportamento à mesa durante as refeições e em seguida a
sobremesa. Após o almoço e escovação as crianças dormem um soninho para
15
descanso. Logo às 13h se inicia o lanche da tarde, em seguida têm atividades
lúdicas diversificadas. E às 15h é servido o jantar, ao término tem a escovação com
as crianças dos Maternais, em seguida aguardam a chegada de seus responsáveis
para o retorno às suas casas.
2.1.2. ATIVIDADES DESENVOLVIDAS
As atividades elencadas são diárias:
Pela manhã, os maternais, são assistidos pelas professoras com a ajuda das
auxiliares de desenvolvimento infantil que auxiliam nas atividades pedagógicas
visando o desenvolvimento da criança;
À tarde são as auxiliares que desenvolvem o trabalho recreativo, incentivando as
brincadeiras em grupo como pular corda, brincar de roda, de bola, parques, e
outros jogos para estimular o desenvolvimento físico e mental das crianças;
Os berçários sempre são as auxiliares que desempenham todo o trabalho, dentro
das necessidades de sua clientela.
2.1.3. SAÚDE
Diariamente as crianças são observadas e se a caso foi diagnosticado algo
diferente da rotina normal, é comunicada a direção que comunica aos responsáveis,
sempre assegurando o bem-estar e saúde das crianças, caso ocorra alguma
emergência são encaminhados ao Pronto Socorro ou ao Centro de Saúde.
2.1.4. ALIMENTAÇÃO
É composto por um cardápio diversificado para ser seguido e é orientado por
uma nutricionista, com café da manhã, almoço, lanche da tarde e jantar.
Cardápio da creche Tutti Mama:
Segunda
Café da manhã
Pão com margarina e leite com chocolate.
Almoço
Arroz, feijão, carne moída,
Salada: repolho ou pepino
16
Fruta: maçã
Café da tarde
Bolinho de chuva ou pipoca e chá
Jantar
Sopa de macarrão com legumes
Terça
Café da manhã
Pão com margarina e leite com chocolate.
Almoço
Arroz, feijão, carne de porco com creme de milho,
Salada: alface ou couve.
Fruta: banana
Café da tarde
Bolo de fubá, chocolate, cenoura ou formigueiro.
Suco: uva, tangerina e outros.
Jantar
Sopa de arroz com legumes e frango.
Quarta
Café da manhã
Pão com margarina e leite com chocolate.
Almoço
Arroz, feijão, macarronada com
Almôndegas ou macarrão de pizza, salada de chicória.
Fruta: mamão
Café da tarde
Bolacha de nata com chá
Jantar
17
Sopa de fubá com frango e legumes.
Quinta
Café da manhã
Pão com margarina e leite com chocolate.
Almoço
Arroz, feijão, nhoque de forno, omelete de forno ou lasanha.
Salada: alface ou couve flor
Fruta: mexerica
Barrinha de cereal
Café da tarde
Broinha de fubá ou beliscão.
Suco: morango
Jantar
Sopa de macarrão com legumes e carne.
Sexta
Café da manhã
Pão com margarina e leite com chocolate.
Almoço
Arroz, feijão, frango refogado ou estrogonofe de frango.
Salada: Tomate ou beterraba
Fruta: melancia
Café da tarde
Danone com bolacha ou gelatina.
Jantar
Pão com salsicha ou presunto e muçarela
Suco: laranja.
18
2.1.5. HIGIENE
As crianças são orientadas constantemente sobre higiene pessoal, como:
Lavar as mãos antes e depois das refeições e sempre que utilizarem o banheiro;
A escovarem os dentes após as refeições;
Guardar seus objetos pessoais;
Pentear os cabelos, entre outras.
Diariamente é feita a limpeza das nossas salas e de todo o ambiente da
creche.
2.1.6. EVENTOS REALIZADOS
Carnaval (Interno);
Páscoa, com distribuição de ovos;
Dia das Mães;
Festa Junina;
Dia dos Pais;
Desfile sete de setembro;
Dia das Crianças;
Festa Natalina (com distribuição de presentes).
2.2. TECNOLOGIAS
As tecnologias utilizadas no desenvolvimento do presente trabalho foram
definidas juntamente com a equipe de desenvolvimento e atendendo aos requisitos
necessários para a criação do site.
2.2.1 CSS
O CSS é a abreviatura para Cascading Style Sheets — Folha de Estilos em
Cascata, que é uma linguagem que define a formatação de um site. E para habilitar
é necessário que na página principal de um website tenha um link da página de folha
de estilo, ou seja, em CSS, para as demais páginas do mesmo projeto de Website,
quando for necessária ser feita alguma alteração, fará somente na página da folha
de estilo em CSS. Possui maior compatibilidade com HTML – (Hyper Text Markup
Language), linguagem de marcação aonde o CSS é anexado ao HTML.
19
O CSS (Cascading Style Sheets) está na versão CSS3, ano de lançamento
foi em meados de 1996 a versão CSS1 para ser oficial foi lançado em dezembro do
mesmo ano. Em 1997 evolui a 2ª versão do CSS, que estendeu até a versão atual
CSS3, autores que se destacaram foram Lie e Bos e a W3C, sigla de World Wide
Web Consortium um consórcio formado por empresas de tecnologia que criam
padrões para apresentação de conteúdos que são divulgados pela web, consórcio
este que demonstrou grande interesse em manter e hospedar esta ferramenta, é um
código aberto, livre e free, link para grátis para baixar <http://www.baixaki.com.br/
download/css-tab-designer.htm>.
2.2.2 FERRAMENTA ADOBE DREAMWEAVER
Para a elaboração do website Tutti Mama foi usada à ferramenta Adobe
Dreamweaver que é um software de desenvolvimento para a web, criada pela
Macromedia posteriormente adquirida pelo Adobe Systems, e que está atualmente
na versão CS6. É uma ferramenta proprietária e por isso é paga, o valor aproximado
é de US$19,99 por mês em um plano anual ou baixar a versão de avaliação gratuita
para teste.
No Dreamweaver, é possível editar páginas em HTML- Hyper Text Markup
Language, que traduzindo é Linguagem de Marcação de Hipertexto e controlar todo
projeto de site em que está sendo desenvolvida, ferramenta de desenvolvimento
para programadores web com suporte para várias tecnologias como XHTML, CSS,
Java Script, Ajax (Asynchronous Javascript and XML), PHP(Personal Home Page),
ASP, ASP.NET, JSP, ColdFusion e outras linguagens server-side.
Utilizando-se da base da mesma versão do Dreamweaver (versão MX), a
Macromedia na época incorporou à estrutura do Dreamweaver a primeira versão da
ferramenta Adobe Flex, assim também adotando ao Dreamweaver o conceito de ser
IDE- Integrated Development Environment traduzindo ―Ambiente de
Desenvolvimento Integrado‖.
Em seu modo Design, como um editor o Dreamweaver pode esconder os
detalhes do código HTML do usuário, tornando possível que uma pessoa não seja
especialista e crie facilmente páginas, sites e até mesmo aplicações para web.
Alguns desenvolvedores criticam este modo de função do Dreamweaver por produzir
códigos sujos, muito maiores do que o necessário, o que pode levar a erros de
20
visualização em páginas HTML e erros de segurança em aplicações web. No
entanto, este tipo de erro não se dá a ferramenta, e sim ao profissional que está
usando a ferramenta, pois assim como outras IDE's (Integrated Development
Environment) de desenvolvimento, o Dreamweaver também dá a possibilidade de
editar seus trabalhos em modo código, suportando as sintaxes de todas as
linguagens de programação cobertas pelo software e também possuindo dicas,
referências em modo código.
2.2.3. FERRAMENTA ADOBE FLASH PROFISSIONAL CS6
A ilustração da página de Eventos do website creche Tutti Mama foi
desenvolvido no aplicativo ADOBE FLASH PROFESSIONAL CS6, que oferece
ferramentas para desenhar, recursos de animações, movimentos e ampliações
tridimensionais. Os resultados são imediatamente visíveis em uma única ferramenta.
O ADOBE FLASH PROFESSIONAL CS6, desenvolvido pela Macromédia e
tem sido desenvolvido pelo Adobe desde 2007 e não é gratuita, no período de
avalição a ferramenta oferece todos os recursos, custa em torno de R$ 2.772,00.
Link para baixar: <http://www.baixaki.com.br/download/adobe-flash-
professional.htm>.
2.2.4. FERRAMENTA COREL DRAW
A ferramenta CorelDRAW encontra-se na versão X6 foi fabricada por uma
empresa canadense a Corel Corporation sua primeira versão foi criada em 1989 em
inglês, esta ferramenta foi evoluindo surgindo novos recursos e assim várias versões
e adaptações quanto aos sistemas operacionais desde a sua criação, o link para
baixar< http://coreldraw.apportal.com.br/> a ferramenta é um software pago custa
em média R$ 1.599,00, para cada licença, há também a licença do programa para
teste.
O Corel CORELDRAW é o programa que desenvolve a criação de desenhos,
ilustrações, edição de páginas, computação gráficas, trabalha com objetos vetoriais
e desenhos, os trabalhos elaborados por esta ferramenta podem ser
redimensionados sem perder a originalidade dos traços.
As letras e imagens do website creche TUTTI MAMA foram desenvolvido com
a ferramenta CORELDRAWX6.
21
2.2.5. FERRAMENTA WOW SLIDER
A ferramenta WOW SLIDER permite animações como exibição de imagens e
vídeos.
O WOW Slider vem com um assistente para apontar e clicar para criar sliders
fantásticos numa questão de segundos, sem códigos nem edição de imagem, Para
que a ferramenta WOW SLIDER funcione plenamente em um website se faz
necessário que a linguagem Java Script esteja habilitada em um navegador web de
apresentação em slide show. Está disponível para adquiri-lo em free. (link para
download <http://wowslider.com/wowslider-free-setup.zip)
2.2.6. HTML
De acordo com as conclusões de (MARCONDES, 2007) A linguagem HTML
(Hyper Text Markup Language) linguagem específica para a apresentação de
documentos web por esse motivo, uma das maiores características da linguagem
HTML é não ter uma estrutura rígida e exata. Ela apenas define a estrutura de uma
página, estabelecendo o que é título texto, lista, subtítulo, local das imagens.
A linguagem HTML desenvolvido originalmente por Tim Berners-Lee o HTML
ganhou popularidade quando o Mosaic - browser desenvolvido por Marc Andreessen
na década de 1990, HTML encontra-se na versão 5.0, link para baixar gratuito, ou
seja, free < http://total-html-converter.softonic.com.br/download>.
Algumas vantagens do HTML:
Por ser essencialmente uma linguagem para a criação e manipulação de
textos, um programador e HTML necessariamente não precisa embasamento teórico
de lógica de programação. À HTML cabe apenas a manipulação de textos e objetos,
como figuras, sons, fotos, animações e, eventualmente, pode ser utilizada para
manipulação de dados. (MARCONDES, 2007).
O grupo de trabalho optou pela Estrutura da Linguagem HTML é simples e
fácil, suas páginas são documentos que contém textos e que podem ser editados
em qualquer editor de texto simples, o presente trabalho foi desenvolvido no editor
Macromedia Dreamweaver MX, os comandos foram inseridos dentro de tag’s, estas
são marcas padrões utilizadas para fazer todas as indicações necessárias ao
browser, ou seja, é o navegador necessário para visualizar as informações na web.
22
Como em qualquer linguagem, os comandos têm uma sintaxe própria e
seguem algumas regras:
As Tags aparecem sempre entre os sinais de ―menor que‖ (<) e ―maior que‖
(>). As mesmas são geralmente usadas aos pares, sendo que a Tag de finalização é
precedida de uma barra (/), que informa ao navegador como será formatada a
página.
2.2.7. LINGUAGEM JAVA SCRIPT
É uma linguagem de programação que roda livremente dentro de qualquer
texto HTML. Usando as tags <script> </script> é possível alterar o comportamento
de qualquer objeto, seja imagem, texto, ou mesmo um arquivo inteiro dentro do
documento HTML. A linguagem JavaScript é indispensável para habilitar programas
e ferramentas web.
A empresa Netscape em parceria com a Sun Microsystems, criou a primeira
versão, denominada JavaScript 1.0, foi lançada em 1995 e implementada em março
de 1996 no navegador Netscape Navegador 2.0 . Em seguida para não fugir à regra,
a Microsoft, em resposta à Netscape, criou a linguagem JavaScript baseada em
Visual Basic cuja primeira versão denominada JavaScript 1.0 foi lançada com o
navegador Internet Explorer 3.0.
Essa linguagem tem direitos autorais Oracle.
2.2.8. LINGUAGEM PHP
A linguagem PHP (Personal Home Pages) foi criada em 1994 em sua primeira
versão por Rasmus Lerdorf, após o aprimoramento em suas versões em 1998 a
sigla PHP ficou assim Hypertext Preprocessor, em 2000 foi lançada oficialmente o
PHP 4 com propósitos definidos e com inovações em recursos e suporte a diversos
serviços web. Eis o link para baixar PHP gratuito< http://www.baixaki.com.br
/download/php.htm>. O atual trabalho foi realizado na seguinte versão PHP 5.5.0, os
códigos em PHP foram inseridos em uma página da ferramenta Adobe
Dreamweaver para o desenvolvimento do website da creche Municipal de Palmital-
SP denominada Creche Municipal Tutti Mama.
PHP é uma linguagem de programação que trabalha com Orientação a
Objetos, isto é, um objeto do mundo real que possui uma identidade que podem ser
23
entidades concretas e ou entidades conceitual que pode ser respectivamente o
arquivo do computador e estratégia de jogo, os objetos são distintos mesmo que
apresentem as mesmas características, são objetos que formam uma estrutura de
dados e várias operações que manipulam estes dados.
O objetivo da linguagem é dar suporte ao desenvolvedor ao escrever em uma
página e ou programar para web, páginas que serão geradas, de forma dinâmica
num servidor visualizando os resultados de forma rápida.
3. ESTUDO DE CASO
3.1 PROJETOS DO WEBSITE TUTTI MAMA
Este projeto é um estudo de caso de um website para a creche Tutti Mama
que foi elaborado pensando numa instituição educacional que merece
reconhecimento pela função social didático pedagógico que tem a oferecer para as
crianças da comunidade, por meio do website a população e os pais terão
conhecimento do trabalho realizado na instituição Tutti Mama.
3.1.1. IDENTIDADE VISUAL
Figura 1. Entrada principal da creche Tutti Mama.
3.1.2. LOGOTIPO
3.2. DESENVOLVIMENTO DO WEBSITE CRECHE TUTTI MAMA
24
A equipe levantou as necessidades de divulgação da creche Tutti Mama,
após o levantamento foi definido o que cada membro da equipe iria desenvolver.
3.2.1. PÁGINA PRINCIPAL – HOME PAGE
O website constará com as seguintes páginas:
Na home page é apresentado a logomarca está inserido o logo TUTTI MAMA
sendo a razão social da creche, botões do site, fotos de apresentação dos
ambientes da creche e no rodapé o endereço da entidade.
Figura 2 – Home Page Website da creche Tutti Mama.
3.2.2. PÁGINAS INTERNAS DO WEBSITE
A figura 3 descreve Educação Infantil que mostra links internos, Berçário e
Maternal.
25
Figura 3 – Página que descreve o trabalho da instituição.
Na figura 4 descreve a primeira e segunda fase da criança na creche.
Figura 4 – Berçário.
Na figura 5 refere-se à página Maternal que é dividido em três fases de acordo com a idade cronológica das crianças.
26
Figura 5 – Maternal.
A figura 6 relata a página Nutrição que exibe links como o Cardápio e
Receitinhas.
Figura 6 – Nutrição.
Na figura 7 exibe o Cardápio diário supervisionado por uma nutricionista.
27
Figura 7 – Cardápio.
Na figura 8 encontram-se os links algumas receitas apreciadas pelas
crianças.
Figura 8. Índice de algumas receitas.
28
Na figura 9 expõe a receita de Bolinho de Chuva ao clicar na imagem esta irá
se expandir.
Figura 9 – Bolinho de chuva.
Na figura 10 retrata a receita Omelete de Forno ao clicar na foto a imagem irá
se expandir.
Figura 10 – Omelete de forno.
29
Na figura 11 refere-se à receita Bolo de Cenoura ao clicar na foto a imagem
irá se expandir.
Figura 11 – Bolo de cenoura.
Na figura 12 representa a receita Macarrão de Pizza ao clicar na foto a
imagem irá se expandir.
Figura 12 – Macarrão de Pizza.
30
Na figura 13 a página Galeria que é exibida em várias páginas de fotos de
atividades das crianças, ao clicar na foto a imagem irá se expandir.
Figura 13 – Galeria de Fotos.
Na figura 14 representa a página da Equipe de trabalho ao clicar na foto a
imagem irá se expandir.
Figura 14 – Equipe.
31
Na figura 15 expõe a página de Eventos que irá ser realizados de acordo com
o calendário escolar, isto é, as datas comemorativas.
Figura 15 – Eventos.
4. CONSIDERAÇÕES FINAIS
O projeto do website criado para a creche Tutti Mama proporcionou uma
melhor visibilidade para a instituição e apresentando a missão e os trabalhos
desenvolvidos por todos os funcionários da unidade, e irá divulgar para a
comunidade as atividades pedagógicas realizadas na entidade, com a finalidade de
levar conhecimento e reconhecimentos da importância dos trabalhos e verificar o
progresso e desenvolvimento das crianças.
5. REFERÊNCIAS
Disponível em: <http://www.dca.fee.unicamp.br/cursos/POOCPP/node3.html>.
Acesso em: 21 ago 2013.
Disponível em: <http://www.corel.com/corel/pages/index.jsp?pgid=800807>. Acesso
em: 25 ago 2013.
Disponível em: <http://www.php.net/manual/pt_BR/preface.php>. Acesso em 25 ago
2013.
32
Disponível em: <http://www.tecmundo.com.br/programacao/2705-o-que-e-css-.htm>.
Acesso em 25 ago 2013.
Disponível em: <http://dicasdecomofazer.net/o-que-e-e-para-que-serve-o-css/>.
Acesso em 25 ago 2013.
Disponível em: < http://www.corel.com>. Acesso em 15 set 2013.
Disponível em: <http://www.woothemes.com/products/wooslider/>. Acesso em 18 set
2013.
Disponível em: <http://blog.adrianorosa.com/css/quem-criou-e-mantem-o-css.html>.
Acesso em 18 set 2013.
Disponível em: < http://wowslider.com/pt-br/>. Acesso em 18 set 2013.
Disponível em: <http://www.originalemelhor.com.br/blog/vamos-descomplicar-o-que-
e-o-dreamweaver/>. Acesso em 16 out 2013.
Disponível em: <http://www.praticadapesquisa.com.br/2011/10/como-apresento-
citacoes-de-conteudos.html>. Acesso em 16 out 2013.
Disponível em: <http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf>.
Acesso em 16 out 2013.
Disponível em: <https://www.novatec.com.br/livros/javascriptguia/.pdf>. Acesso em
16 out 2013.
Disponível em: <http://www.ccuec.unicamp.br/revista/infotec/educacao/educacao
.html>. Acesso em 04 nov 2013.
Disponível em: < http://www.w3c.br/Home/WebHome> Acesso em 06 nov 2013.
Disponível em: <http://wiki.ua.sapo.pt/wiki/Html5_css3_tdi_2010_tema_4#CSS3>
sapo campus-Universidade de Aveiro – Portugal. Acesso em 06 nov 2013.
Disponível em: <http://jigsaw.w3.org/css-validator/about.html.pt-BR>Acesso em 07
nov 2013.
Disponível em:<http://www.adobe.com/br/downloads.html> Acesso em 10 nov 2013.
Disponível em:
<http://www.adobe.com/br/products/dreamweaver.html?kw=p&sdid=JSYWT&skwcid
=AL!3085!3!31937809782!b!!g!!baixar%20dreamweaver&ef_id=Uhku6AAABQfRQSt
w:20131110171117:s>Acesso em 10 nov 2013.
Disponível em <http://www.baixaki.com.br/download/adobe-flash-
professional.htm>Acesso em: 22 nov 2013.
33
Disponível em :<http://www.shopbot.com.br/ps-adobeflash-professional-cs6-
56060208.html>Acesso em 22 nov 2013.
Disponível em :<http://culturadigital.br/amarelasinternet/2011/12/03/a-evolucao-da-
internet-no-brasil-e-no-mundo/> Acesso em 22 nov 2013.
JARDIM, M. S. Semanário Oficial do Município de Palmital: seção I – Atos do
poder executivo, Palmital- São Paulo, p.2, 15 de mar. 2007.
LIE, Håkon Wium; e BOS, Bert. Cascading Style Sheet - projeto para a Web
(3 ª edição), Addison-Wesley, 2005, ISBN 0321193121
MARCONDES, Christian Alfim .Html4.0 Fundamental A Base da Programação
para Web.2ªed.São Paulo SP:Ed. Érica, 2007, 40 p.
PISSOLITO, C. Club Feminino desenvolve ação ecológica com crianças: Entidade
atende menores desde 1965. Jornal da Comarca, ano XVI- Nº 1.099 - Palmital – São
Paulo, p.14, 30 de jul. 2009.
OLIVIERO, Carlos A. J. Faça um site HTML 4.0 Conceitos e Aplicações. São
Paulo: Érica, 2012.
PRIMO, Lane; Estudo Dirigido de CorelDRAW X4 em Português. São Paulo:
Érica, 2008.
6. APÊNDICE
APÊNDICE A – Questionário para entrevista com o cliente – Briefing
1 - Nome da Instituição Educacional?
Creche Tutti Mama
2 - Quais cores tem a Creche?
Azul Royal, Branco, Verde (do brasão).
3 - Qual é o endereço da Creche e seu responsável imediato?
Rua dos Trabalhadores nº. 26 - Cidade: Palmital - Estado: São Paulo
Bairro: Conjunto Habitacional Miguel Huertas (CDHU)
Telefone: (18) 3351 - 4060
Responsável: Cilmara Rodrigues
Cargo: Coordenadora
4 - Tipo do Projeto?
Website para a Creche Tutti Mama
34
5- Como você pensou no desenvolvimento do website. O que gostaria que ele
apresentasse?
Em um website para apresentar as principais atividades educativas
desenvolvidas na Creche Tutti Mama.
6- Que público alvo você gostaria que visitasse o site?
Todos os interessados em conhecer o desenvolvimento da Creche, pais,
responsáveis, etc.
7- É preferência para o site um menu na horizontal ou vertical?
Horizontal.
8- Vocês têm Domínio e Servidor?
crechetuttimama@palmital.sp.gov.br
9- Windows ou Linux?
Windows
10- O que gostaria que tivesse disponível na aba ―Home‖ do menu?
Página inicial
11- O que gostaria que tivesse disponível na aba ―Educação Infantil‖ do menu?
Berçário
Maternal
11- O que gostaria que tivesse disponível na aba ―Nutrição‖ do menu?
Cardápio
Receitinhas
12- O que gostaria que tivesse disponível na aba ―Galeria‖ do menu?
Galeria
13- O que gostaria que tivesse disponível na aba ―Equipe‖ do menu?
A equipe é composta por:
Direção
Supervisão
Coordenação Pedagógica
Professores
ADIs - Auxiliares de Desenvolvimento Infantil
Nutricionista
Recepção
Auxiliares de Serviços Gerais
top related