1. Í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. Interface Aprovada ............................................................................................ 38
7. Interface Desenvolvida ..................................................................................... 40
8. Mapa do Site ..................................................................................................... 42
9. Marca e Slogan Aprovados ............................................................................... 44
10. Propostas de Banner ........................................................................................ 46
11. Banner Aprovado .............................................................................................. 52
12. Propostas de Capa de CD ................................................................................ 54
13. Capa de CD Aprovada ...................................................................................... 60
14. Propostas de Etiqueta de CD............................................................................ 62
15. Etiqueta de CD Aprovada ................................................................................. 66
16. Meta Tags ......................................................................................................... 68
2

2. 1. Briefing do Cliente
3

3. 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

4. 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

5. 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

6. 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 ideias 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

7. 2. Criação da Marca
8

8. Debora Regina dos Santos
Juliana Alves Pegoraro
9

9. Maisa Bontorin Beltrame
Mariana Akemi Shimabukuro
10

10. Matheus Giovanni Beleboni
Paula de Camargo Fiorini
11

11. Renato Giampietro
12

12. 3. Slogans
13

13.  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

14. 4. Estudo das Interfaces
15

15. 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.
__________________
¹Tag Alt - Descrição prévia que aparece após repousar o mouse sobre a imagem.
16

16. 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

17. 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

18. 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

19. 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

20. 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

21. 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

22. 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

23. Matheus Giovanni Soares 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

24. 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

25. 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

26. 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

27. 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

28. Criança faz arte - http://www.criancafazarte.com.br/
O site não é atrativo e tem uma grande área vazia que não foi aproveitada, dessa
forma, não houve uma adequada distribuição dos textos e imagens. Não possui
animação nem muitas imagens. 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

29. 5. Propostas de Interface
30

30. Debora Regina dos Santos
31

31. Juliana Alves Pegoraro
32

32. Maisa Bontorin Beltrame
33

33. Mariana Akemi Shimabukuro
34

34. Matheus Giovanni Beleboni
35

35. Paula de Camargo Fiorini
36

36. Renato Giampietro
37

37. 6. Interface Aprovada
38

38. 39

39. 7. Interface Desenvolvida
40

40. 41

41. 8. Mapa do Site
42

42. Home
- Página inicial com informações gerais sobre o projeto, instituição e empresa.
Instituição
- A instituição beneficiada com o desenvolvimento do projeto é a UNESP de Bauru
A Empresa
- A empresa fictícia Apparatus é a responsável pelo desenvolvimento do projeto
GoGoBots.
Projeto
- O projeto GoGoBots foi desenvolvido para que jovens de 10 à 15 anos criem sua
própria lógica e aumentem o interesse na área da informática.
Softwares
- Aqui você encontra informações sobre os softwares utilizados no desenvolvimento
do projeto e como eles foram utilizados pelo grupo.
Contato
- Nessa página você poderá se comunicar com a Empresa realizadora do projeto de
modo a enviar dúvidas, sugestões ou críticas.
43

43. 9. Marca e Slogan Aprovados
44

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

45. 10. Propostas de Banner
46

46. 47

47. 48

48. 49

49. 50

50. 51

51. 11. Banner Aprovado
52

52. 53

53. 12. Propostas de Capa de CD
54

54. 55

55. 56

56. 57

57. 58

58. 59

59. 13. Capa de CD Aprovada
60

60. 61

61. 14. Propostas de Etiqueta de CD
62

62. 63

63. 64

64. 65

65. 15. Etiqueta de CD Aprovada
66

66. 67

67. 16. Meta Tags
68

68. DESCRIPTION
Conteúdo: Empresa Apparatus, desenvolvedora do projeto GoGoBots, elaborado
para auxiliar crianças e/ou jovens a criarem sua própria lógica de programação.
Integrantes: Debora dos Santos , Juliana Pegoraro, Maisa Beltrame, Mariana
Shimabukuro, Matheus Beleboni, Paula Fiorini e Renato Giampietro (Alunos do
Colégio Técnico Industrial – Unesp/Bauru).
KEYWORDS
Conteúdo: Lógica de Programação, Lógica, Programação, Empresa Apparatus,
GoGobots, Empresa Aparatus, gogobots, aparatus, apparatus, GOGOBOTS,
APPARATUS, APARATUS, Maisa Bontorin Beltrame, Renato Giampietro, Paula de
Camargo Fiorini, Matheus Giovanni Soares Beleboni , Mariana Akemi Shimabukuro,
Debora Regina Ferreira dos Santos, Juliana Alves Pegoraro, 73b, cti, unesp, bauru.
ROBOT
Conteúdo: All,follow.
PALAVRA-CHAVE
A palavra-chave definida foi Lógica de Programação¹.
__________________
¹Lógica de Programação – É a técnica de encadear pensamentos à fim de atingir determinado objetivo.
69