1. Colégio Técnico Industrial Prof. “Isaac Portal Roldán”
Unesp Bauru
2010
Integrantes do grupo:
06 Debora Regina dos Santos
11 Juliana Alves Pegoraro
15 Maisa Bontorin Beltrame
17 Mariana Akemi Shimabukuro
19 Matheus Giovanni Beleboni
20 Paula de Camargo Fiorini
25 Renato Giampietro
Sistema de Desenvolvimento Lógico em Programação

2. ÍNDICE
1. Briefing do Cliente ................................................................................................ 3
2. Criação da Marca ................................................................................................. 8
3. Slogans ............................................................................................................... 13
4. Estudo das Interfaces ......................................................................................... 15
5. Propostas de Interface ........................................................................................ 30
6. Mapa do Site....................................................................................................... 38
7. Marca e Slogan Aprovados................................................................................. 40
8. Interface Aprovada.............................................................................................. 42
2

3. 1. Briefing do Cliente
3

4. 1. Ramo de atuação da empresa e tempo de mercado:
A Faculdade de Ciências, Unidade Universitária da UNESP (Universidade
Estadual Paulista - "Julio de Mesquita Filho"), parte integrante do campus de Bauru,
nasceu com a Fundação Educacional de Bauru (FEB), entidade de direito público,
sem fins lucrativos, criada pela Lei Municipal n° 1.276, de 26/12/66. A faculdade
oferece diversos cursos, dentre os quais os do Departamento de Computação são
os interessados no projeto aqui descrito.
2. Produtos e/ou serviços oferecidos:
Ensino superior gratuito, com cursos de graduação, programas de pós-
graduação e cursos de extensão. A Faculdade de Ciências (FC) conta com doze
cursos de licenciatura e bacharelado, que abrangem as três áreas do conhecimento
(Ciências Humanas, Biológicas e Exatas). Além de promover vários cursos e
programas de extensão, nas mais diversas áreas, como o Programa de Educação
Continuada (para professores da rede estadual de ensino), a Jornada de
Informática, entre outros.
3. Endereço do site atual:
http://www.fc.unesp.br
4. Objetivos a serem alcançados:
Tendo como objetivo principal oferecer uma ferramenta para auxiliar o ensino
de conceitos básicos de lógica de programação a alunos do ciclo fundamental
através de uma interface simples, visa-se também o cultivo não só do interesse pela
informática, mas também do empenho quanto ao aprendizado.
5. Público-alvo:
O público-alvo são estudantes do ciclo fundamental de escolas públicas, que
deverão enfrentar alguns desafios de lógica, estimulando-os a desenvolver de forma
simples suas soluções.
4

5. 6. Documentação disponível:
Universidade Estadual Paulista
http://www.unesp.br/
Faculdade de Ciências
Av. Engenheiro Luiz Edmundo Carrijo Coube, 14-01 - Vargem
Limpa - Cep: 17033-360 - Bauru - SP
CNPJ: 48.031.918/0028-44
Fone: (14) 3103-6000
7. Tecnologias ou linguagens desejadas:
A aplicação deverá ser desenvolvida em Java, sendo que para a parte de
cadastro será utilizada a linguagem PHP.
8. Ferramentas de marketing utilizadas atualmente:
A UNESP possui uma rádio, uma revista e um jornal cujos sites são,
respectivamente: http://radio.unesp.br/, http://www.unesp.br/aci/revista/ e
http://www.unesp.br/aci/jornal/.
A UNESP FM, sediada no campus de Bauru, é uma Unidade Complementar
da reitoria, vinculada ao Centro de Rádio e Televisão Cultural e Educativa da
Universidade Estadual Paulista. Esses órgãos buscam promover a cultura e a
educação, ampliando o horizonte de seus ouvintes e telespectadores, além de
destacar a Universidade Estadual Paulista como fonte de informação.
A revista Unesp Ciência é uma publicação mensal de divulgação científica.
Ela é distribuída em diversas instituições de ensino, bem como disponibilizada pela
internet em formato pdf.
9. Objeções:
O sistema deve ser desenvolvido em linguagem JAVA, principalmente por ser
uma linguagem multiplataforma e, também, pelas facilidades oferecidas no
desenvolvimento de programas.
5

6. 10. Mínimo e máximo de verba disponível para o projeto:
O robô que será utilizado no desenvolvimento e nas apresentações do projeto
será emprestado pela UNESP, não sendo necessário nenhum desembolso referente
a isso.
No entanto, para a impressão da documentação do projeto e banners, será
preciso despender certa verba. Tais gastos serão divididos igualmente entre os
integrantes do grupo no decorrer dos bimestres.
11. Contato:
Debora Regina Ferreira dos Santos
E-mail: debora_rfs@hotmail.com
Telefone: (14) 96291992 / (14) 32373123
Juliana Alves Pegoraro
E-mail: juliana_pegoraro@hotmail.com
Telefone: (14) 38790463
Maisa Bontorin Beltrame
E-mail: mabonbel@gmail.com
Telefone: (14) 81483218
Mariana Akemi Shimabukuro
E-mail: mas_akemi@hotmail.com
Telefone: (14)88063157 / (14)30165112
Matheus Giovanni Soares Beleboni
E-mail: matheus_giovanni@yahoo.com.br
Telefone: (14) 8145-3178
Paula de Camargo Fiorini
E-mail: paula.fiorini@yahoo.com.br
Telefone: (14) 3265-2477 / (14) 8158-0945
Renato Giampietro
E-mail: vibesound194@hotmail.com
Telefone: (14) 9784-5449
6

7. 12. Prazo para desenvolvimento e/ou cronograma:
Prazo Atividades
- Desenvolvimento de logotipos e criação da empresa;
- Pesquisas sobre o tema;
Março
- Elaboração de idéias chaves / Foco do projeto;
- Documentação.
- Pesquisa sobre linguagem Java;
- Início do desenvolvimento da interface;
Abril - Estudo da arquitetura do projeto;
- Definição de critérios para desenvolvimento;
- Documentação.
- Término das implementações referentes a interface;
Maio - Início do desenvolvimento das classes de serviços;
- Documentação.
- Desenvolvimento e teste das classes;
Junho
- Documentação.
- Desenvolvimento e teste das classes;
Julho - Início do desenvolvimento da apresentação em flash;
- Documentação.
- Desenvolvimento e teste das classes;
Agosto
- Documentação.
- Desenvolvimento e teste das classes;
Setembro
- Documentação.
- Finalização da apresentação em flash;
- Prévia para a semana do colégio;
Outubro
- Apresentação do projeto para outra instituição;
- Documentação.
- Documentação;
- Ajustes finais;
Novembro
- Apresentação final;
- Correções.
Dezembro - Reapresentação.
7

8. 2. Criação da Marca
8

9. Debora Regina dos Santos
Juliana Alves Pegoraro
9

10. Maisa Bontorin Beltrame
Mariana Akemi Shimabukuro
10

11. Matheus Giovanni Soares Beleboni
Paula de Camargo Fiorini
11

12. Renato Giampietro
12

13. 3. Slogans
13

14.  Inovação e criatividade na aprendizagem
 Inovando conhecimentos
 Softwares inteligentes
 Soluções inteligentes
 Inovação em softwares
 Experimente novas escolhas
 A solução para seus desafios
 Inovando em soluções
 Engrenando soluções
 Construa o seu caminho
 Explore, divulgue, saia do twitter!
 O raciocínio lógico ao seu alcance
 Adote esse padrão de entretenimento
 Engatando novas linhas de raciocínio
 Movendo o mundo
 Engrenando inovações
 Dê engrenagens à sua imaginação
 Sua imaginação não pode parar
 Engrenagens que movem ideias
 Engatando o conhecimento
 Simplifique!
 Sua imaginação motorizada
 O circuito do conhecimento
14

15. 4. Estudo das Interfaces
15

16. Debora Regina dos Santos
GISDI - http://www2.fc.unesp.br/gisdi/
O site é bastante simples, sem imagens, botões e textos desnecessários. Por
apresentar somente o que realmente convêm, as informações podem ser facilmente
encontradas por seus visitantes. As fotos utilizadas têm boa qualidade e apresentam
tag alt. As cores escolhidas ajudam na formação de um site sério, simples e objetivo.
16

17. SIMPLE - http://www.simplecodeworks.com/website.html
O site é colorido, apresenta letras grandes, alguns desenhos e gifs animados, de
acordo com a preferência de seu público-alvo (crianças). No entanto, peca-se pelo
excesso de imagens, pois há muitos elementos em um pequeno espaço, tornando-o
cansativo. As imagens não possuem tag alt.
17

18. Juliana Alves Pegoraro
Robots for Kids - http://www.robotsforkids.com
As informações são claras e diretas, sendo os textos por página pequenos, no
entanto, alinhados à esquerda. Todas as páginas apresentam fotos representativas,
grandes e com tag alt. As cores e os botões utilizados tornam o ambiente bastante
simples e objetivo.
18

19. Kids Can Program Too - http://www.kidscanprogramtoo.com/
Tanto os parágrafos voltados aos adultos, como também os voltados às crianças
apresentam texto com fonte muito pequena. Buscou-se apresentar alguns desenhos,
mas por seu tamanho pequeno e baixa qualidade não devem cumprir sua função de
atrair crianças.
19

20. Maisa Bontorin Beltrame
Duende - http://www.duende.com.br/
O site é bem colorido, sendo atrativo para crianças que são o seu público alvo.
Também há animações que o tornam mais interessante. Existe um excesso de
desenhos que acaba atrapalhando a interpretação do site. O aglomerado de
informações impede o respiro visual. Os botões estão sobre um fundo mais escuro
não tendo o contraste necessário, o que atrapalha a leitura.
20

21. Ratolândia - http://ratolandia.folha.com.br/
O site é colorido, tornando-o divertido e interessante para crianças. A animação
ajuda a atrair seu público. Não possui muito texto, mas o pequeno texto que possui é
conciso e apresenta a proposta do site. Não há muita informação aglomerada e
possui respiro visual, fazendo com que a navegação não seja cansativa. O pequeno
texto está sobre linhas praticamente da mesma cor, o que dificulta um pouco a
leitura.
21

22. Mariana Akemi Shimabukuro
Kids and Computer - http://www.kidsandcomputers.co.uk/
Há uma boa utilização do contraste entre as cores azul e roxo. As informações de
outras páginas tem acesso facilitado graças ao menu, que apresenta temas e
subtemas bem escolhidos, e à apresentação na página inicial das páginas em
destaque. Apesar de a home conter, além do banner, imagens muito pequenas dos
destaques do site, as páginas internas apresentam imagens médias, de boa
qualidade e com tag alt.
22

23. QBASIC Programming for Kids - http://www.tedfelix.com/qbasic
Apesar de ser voltado ao público infantil, o site apresenta apenas textos com
formatação default do html. Existem pouquíssimas imagens, utilizadas apenas para
auxiliar a compreensão do texto, mas sem a função de atrair as crianças.
23

24. Matheus Giovanni Beleboni
Tigor T. Tigre - http://www.tigorttigre.com.br/inverno2010/index.html
O site Tigor T. Tigre apresenta uma interface amigável e simples, que, a primeira
vista, atrai a atenção das crianças. Além disso, imagens atrativas também são
utilizadas como links, facilitando a associação do que o usuário poderá encontrar em
cada página. Outro possível atrativo para as crianças é a animação executada
durante o carregamento. As cores utilizadas são adequadas, pois contrastam com o
fundo em que se encontram.
24

25. Disney Chanel - http://home.disney.com.br/tv/
O site do canal Disney Channel, embora atrativo, apresenta informação em demasia.
A partir da página inicial você tem acesso à diversas outras páginas do site,
programação, séries, vídeos, jogos e muito mais. Os links superiores estão bem
dispostos e facilitam a navegação. Quando o mouse passa por cima dos links, uma
animação é executada e a legenda inferior é alterada, contribuindo para chamar a
atenção das crianças. As cores utilizadas para o fundo e para o menu, embora não
contrastem muito, atraem a atenção.
25

26. Paula de Camargo Fiorini
Robô Ed - http://www.ed.conpet.gov.br/
As diversas animações presentes, como as nuvens se movimentando e o robô
flutuando, tornam o site bastante interativo. Elementos como imagens, botões e
textos não estão bem distribuídos, desse modo, sobra uma grande área vazia. As
cores foram bem escolhidas, causando um contraste entre as mesmas, e o tamanho
da fonte facilita a leitura. As imagens e links possuem tag alt, havendo uma breve
descrição.
26

27. Lego - http://www.legozoom.com.br/site/
O site contém algumas animações, propagandas e retratos de campeonatos que
acontecerão. Estas tornam botões e links interativos. As imagens possuem tag alt e
estão bem relacionadas com o tema. As cores (assim como os botões e a barra na
parte inferior da tela) são bem utilizadas, contrastando a cor do texto com o fundo,
tornando fácil a leitura. Os textos, apesar de pequenos, são bem explicativos e o
tamanho da fonte facilita a leitura.
27

28. Renato Giampietro
Toddynho - http://www.toddynho.com.br/
Site bastante colorido e ilustrado com desenhos infantis, o que certamente atrai as
crianças. Os movimentos chamam a atenção do público alvo, além de tornar o site
mais interativo. Os textos localizados na parte superior do site são muito pequenos e
não chamam muita atenção. Alguém que tenha problemas visuais encontrará uma
grande dificuldade para realizar a leitura dos mesmos.
28

29. Criança faz arte - http://www.criancafazarte.com.br/
O site não é atrativo e possui um grande “vácuo” que poderia ter sido melhor
aproveitado (para distribuição de texto ou imagens, por exemplo). O site não possui
animação nem imagens que poderiam atrair crianças. Os botões da esquerda são
pequenos e a leitura do texto é parcialmente prejudicada devido ao fundo que não
contrasta muito com a mesma.
29

30. 5. Propostas de Interface
30

31. Debora Regina dos Santos
31

32. Juliana Alves Pegoraro
32

33. Maisa Bontorin Beltrame
33

34. Mariana Akemi Shimabukuro
34

35. Matheus Giovanni Beleboni
35

36. Paula de Camargo Fiorini
36

37. Renato Giampietro
37

38. 6. Mapa do Site
38

39. Home
- Links para as outras páginas internas
Empresa
- Sobre a Empresa
Projeto
- Sobre o GoGoBots (O que é, como funciona, aspectos técnicos)
Grupo
- Apresentação dos integrantes
Instituição
- Sobre a UNESP
- Localização
Contato
- E-mails pessoais dos integrantes
- E-mail oficial da Empresa
39

40. 7. Marca e Slogan Aprovados
40

41. I. Marca Aprovada
II. Slogan Aprovado
“Engrenagens que movem ideias.”
41

42. 8. Interface Aprovada
42

43. 43