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

35

14- O que gostaria que estivesse disponível na aba ―Eventos‖ do menu?

Próximas datas comemorativas

APÊNDICE B– Cronograma do Projeto Tutti Mama