pasta de aplicativos

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

3

1. Briefing do Cliente

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.

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.

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: [email protected]

Telefone: (14) 96291992 / (14) 32373123

Juliana Alves Pegoraro


Telefone: (14) 38790463

Maisa Bontorin Beltrame


Telefone: (14) 81483218

Mariana Akemi Shimabukuro


Telefone: (14)88063157 / (14)30165112

Matheus Giovanni Soares Beleboni


Telefone: (14) 8145-3178

Paula de Camargo Fiorini


Telefone: (14) 3265-2477 / (14) 8158-0945

Renato Giampietro


Telefone: (14) 9784-5449

7

12. Prazo para desenvolvimento e/ou cronograma:

Prazo Atividades

Março

- Desenvolvimento de logotipos e criação da empresa;

- Pesquisas sobre o tema;

- Elaboração de idéias chaves / Foco do projeto;

- Documentação.

Abril

- Pesquisa sobre linguagem Java;

- Início do desenvolvimento da interface;

- Estudo da arquitetura do projeto;

- Definição de critérios para desenvolvimento;

- Documentação.

Maio

- Término das implementações referentes a interface;

- Início do desenvolvimento das classes de serviços;

- Documentação.

Junho - Desenvolvimento e teste das classes;

- Documentação.

Julho

- Desenvolvimento e teste das classes;

- Início do desenvolvimento da apresentação em flash;

- Documentação.

Agosto - Desenvolvimento e teste das classes;

- Documentação.

Setembro - Desenvolvimento e teste das classes;

- Documentação.

Outubro

- Finalização da apresentação em flash;

- Prévia para a semana do colégio;

- Apresentação do projeto para outra instituição;

- Documentação.

Novembro

- Documentação;

- Ajustes finais;

- Apresentação final;

- Correções.

Dezembro - Reapresentação.

8

2. Criação da Marca

9

Debora Regina dos Santos


10



11

Matheus Giovanni Soares Beleboni


12

Renato Giampietro

13

3. Slogans

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

15

4. Estudo das Interfaces

16


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.

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.

18


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.

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.

20


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.

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.

22


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.

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.

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.

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.

26


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.

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.

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.

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.

30

5. Propostas de Interface

31


32


33


34


35

Matheus Giovanni Beleboni

36


37

Renato Giampietro

38

6. Mapa do Site

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

40

7. Marca e Slogan Aprovados

41

I. Marca Aprovada

II. Slogan Aprovado

“Engrenagens que movem ideias.”

42

8. Interface Aprovada

pasta de aplicativos

Education