Trabalho de conclusão de curso técnico em informática

SITE DE JOGOS COMO MEIO DE ENTRETENIMENTO

Allan da Silva Amaral Nº03

Lilian Aparecida Pinho Ferreira Nº32

São Paulo - SP

2012

Centro Estadual de Educação Tecnológica Paula Souza

GOVERNO DO ESTADO DE SÃO PAULO

Etec “IRMÃ AGOSTINA”

Trabalho de conclusão de curso técnico em informática

SITE DE JOGOS COMO MEIO DE ENTRETENIMENTO

Allan da Silva Amaral Nº03

Lilian Aparecida Pinho Ferreira Nº32

Dissertação apresentada a ESCOLA TECNICA IRMÃ AGOSTINA, como parte

de requisitos para a obtenção de título de técnico em informática.

Orientador:

João Carlos

São Paulo - SP

2012

Centro Estadual de Educação Tecnológica Paula Souza

GOVERNO DO ESTADO DE SÃO PAULO

Etec “IRMÃ AGOSTINA”

SITE DE JOGOS COMO MEIO DE ENTRETENIMENTO

Allan da Silva Amaral Nº03

Lilian Aparecida Pinho Ferreira Nº32

Dissertação apresentada a ESCOLA TECNICA IRMÃ AGOSTINA, como parte

de requisitos para a obtenção de título de técnico em informática.

Comissão Examinadora

__________________________________

__________________________________

__________________________________

São Paulo,_____ de _____________________ de 20____.

Dedicatória

Dedicamos este trabalho a todos as pessoas que costumam entrar em sites de

entretenimentos sejam esses de entretenimento ou mesmo jogos. Dedicamos este trabalho

também a nossos familiares e amigos que nos motivam a sempre fazer as coisas que nos

propomos a fazer sempre muito bem feitas.

Este trabalho também é dedicado a todos que lerem esse trabalho, e principalmente a

todos que lerem e a partir daí utilizarem os sites existentes ou até mesmo o nosso como um

momento de lazer um entretenimento.

Agradecimento

Não é fácil agradecer a todas as pessoas que de algum modo nos piores momentos de

nossa vida fizeram dela e contribuíram de algum modo para a nossa formação, por isso

agradeço a todos sem exceção.

Agradecemos este trabalho a nossos pais que sempre contribuíram e sempre

contribuirão de algum modo para a nossa formação.

Agradecemos a nossos professores que nos momentos de dificuldades sempre

tentaram nos ajudar de alguma maneira e contribuíram para nossa formação.

Sumário

Introdução….………………………………………………………………………………….7

• Visão Geral………………………………………………………………………………7

• Objetivo………………………………………………………………………………….7

• Problemática………………………….………………………………………………….7

• Justificativa………………………………………………………………………………7

Capítulo 1 – Planejamento do Projeto……………………………………………………….8

1.1 – Caso e uso………………………………………………………………………………8

1.2 – Estrutura da página……………………………………………………………............10

1.3 - Conteúdo das páginas…………………………………………………………………11

1.4 - Pesquisa de Campo e fóruns da internet...........................................................................12

1.5 Diagrama de caso e uso do Visitante…………………………………………………….13

Capítulo 2 – Desenvolvimento……………….……………………………………………..14

2.1 – Ferramentas……………………………………………………………………………14

2.2 – Banco de dados……………………………………………………………………….15

2.3 – Filtro de conteúdo…………………………………………………………………….16

2.4 – Moderação ……………………………………………………………………………17

2.5 – Segurança …………………………………………………………………………….18

Capítulo 3 – Conclusão……………………………………………………………………..19

Facilidades ………………………………………………………………………………….20

Dificuldades ..………………………………………………………………………………21

Referências ……..…………………………………………………………………………..22

Glossário……………………………………………………………………………………23

Introdução

Para este trabalho foi escolhido o tema: Desenvolvimento de Website de jogos e lazer

baseado no problema ou questão do setor os Websites estarem sempre muito parecidos um

com o outro.

Neste trabalho o objetivo foi buscar meios de conseguir mais dinamismo tendo assim

o site com mais opções ao usuário que busque por lazer.

Neste caso os alvos principais de pesquisa foram: Sites abordados em questão como o

problema, pesquisa em busca de conteúdo, ferramentas aprimoradas e as novidades no setor.

Sendo assim os meios que foram utilizados como mais apropriados, considerado de

fácil acesso e menor custo, foi à internet, devido ao meio a ser utilizado uma vez que podemos

encontrar o acesso à internet em casa, no trabalho e na escola, se necessário até meios

portáteis ou Lan houses e isto vêm a ser a justificativa.

Não encontramos atualmente sites para entretenimento, completos (com variedade de

temas e de conteúdo), organizados (por tema, por conteúdo e por faixa etária), layout claro

(onde se pode encontrar com facilidade o conteúdo desejado, com fácil navegação pelo site) e

visual agradável, limpo e de fácil entendimento e isto vem a ser a problemática.

7

Capítulo 1 – Planejamento do projeto

Para este projeto foi planejado elaborar um website de lazer, jogos, vídeos, chat, rádio

entre outros tipos de lazer e entretenimento, visando manter uma aparência agradável, uma

qualidade gráfica considerável ao mesmo tempo leve evitando assim problemas para quem

não possui conexões e computadores de ultima geração.

1.1 – Caso e uso

Atualmente os visitantes de website de lazer Sugerem, Criticam, Postam em fóruns e

também reclamam e muito ao entrar nestes sites e encontrar poucas opções para passar

o tempo como é mostrado nos diagrama da figura 1.1.1 ou se encontrar várias, também

encontrar uma bela de uma lentidão como é mostrado no diagrama da figura 1.1.2.

Fig. 1.1.1 - Diagrama de caso e uso do visitante encontra poucas opções.

8

Fig. 1.1.2 - Diagrama de caso e uso do visitante frustrado com a lentidão.

9

1.2 – Estrutura da página

Como planejamento para a estrutura da página temos em mente um pouco de

organização de layout visando não causar poluição visual e ao mesmo tempo ter um

visual agradável para a maioria independente de quem vir a visitar.

Também defini-mos uma separação de páginas e categorias e subcategorias da

mesma como, por exemplo:

Página de jogos, notícias, vídeos:

Categorias da página de jogos: Aventura, ação, educativos, esportes e etc.

Subcategoria de esportes: Futebol, Vôlei, Basquete, Ciclismo e etc.

Adicionarmos também sistemas de: Chat, Rádio, Vídeos, TV aberta, Notícias entre

outras ainda possíveis.

Basicamente uma ideia grande, que ao mesmo tempo, não é um grande

trabalho para a maioria dos computadores no mercado.

10

1.3 Conteúdo das páginas

Desenvolvemos um website, em que tudo, o que for de uso ao visitante, esteja

dividido em categorias e subcategorias, para que seja apresentado ao visitante,

somente o que tiver relação com o alvo de suas pesquisas, como, por exemplo:

O visitante quer ver jogos, seleciona o acesso correspondente, a partir daí, até que

ele saia desta categoria, tudo o que deve ser apresentado ao visitante, são jogos; E nada

de vídeos, notícias e aplicativos, misturados em meio aos jogos; Falha que ocorre em

muitos sistemas de filtro; Continuando o visitante, poderá selecionar a categoria de

jogos que preferir, como corrida, esportes, ação, educativos e outros, digamos que

optou por esportes, o filtro continuara a dar opções de modalidades, dentro da

categoria esporte, os vários tipos de esportes existentes e ainda sim suas modalidades.

11

1.4 Pesquisa de Campo e fóruns da internet

Com base na falta de empresas sólidas, ligadas a função relacionada ao tema do

trabalho e dispostas a abrir as portas para um grupo de estudantes, arriscando

compartilhar seus segredos: Foi de opção do grupo, efetuar a pesquisa tendo diversos

sites na internet como pesquisa de campo, estando na condição de visitante comum,

não foi necessária qualquer intervenção e/ou consulta de qualquer membro e/ou

funcionário, ligado à empresa desenvolvedora dos sites.

Devido ao fato informado acima, a pesquisa foi efetuada, com acesso, a

websites de jogos, lazer e cultura já existentes na internet e também seus fóruns.

Durante tais visitas: Com relação ao tema abordado neste trabalho de T.C.C.,

foi identificado, que uma possível inovação no setor seria melhoras no design e melhor

escolha em conteúdo, principalmente considerando mais opções para todas as partes,

com relação a tipos e faixa etária de visitantes, também foi considerado novas opções

de lazer como links para vídeos, opção de TV e rádio ligado ou desligado, salas de

bate-papo, painel para nível de detalhe visual e as demais opções ao alcance do

visitante, em toda sua estadia.

12

1.5 - Diagrama de Caso e uso do Visitante

Para o caso do visitante com acesso livre, sem a necessidade de identificação,

tendo como permissão de acesso para este caso às páginas e/ou funções de: Jogos,

Radio, Vídeos, Notícias e Cultura.

Para o caso do visitante com acesso identificado por nome de usuário e senha,

tem a permissão para acessar tanto as funções citadas para os usuários visitantes não

identificados como também as outras áreas de uso restrito especiais para uso

controlado/monitorado como áreas de: Lista de Amigos, Fórum, Bate-Papo e

Postagem de Eventos.

13

Capítulo 2 - Desenvolvimento

2.1 - Ferramentas

Devido à falta de membros no grupo com boas noções de programação, optamos por percorrer um caminho mais curto fazendo uso de programas, que permitam adicionar funções em questão de poucos minutos ou horas, tarefas que nos custariam um grande tempo de desenvolvimento, provavelmente alguns dias de cada membro em um grupo de 4-6 alunos desenvolvedores de códigos.

Para o caso do banco de dados utilizamos, o Vertrigo para armazenar o banco de dados MySQL.

Já para o caso de Visual do website, utilizamos o Wordpress para facilitar a questão o desenvolvimento do website, evitando assim códigos absurdos.

Ao trabalhar com o Wordpress notamos que ele necessita de diversos plug-ins e/ou softwares externos para ajudar com o manuseio de ferramentas para a organização de layouts.

14

2.2 - Banco de dados

Para o caso do banco de dados, ao utilizar o wordpress o próprio software assumiu o controle, de tudo o que se configura no website, tudo é automaticamente armazenado pelo wordpress para dentro do banco de dados que é mantido pelo software Vertrigo, abaixo figuras amostra do que o wordpress constrói dentro do banco de dados.

2.3 - Filtro de Conteúdo

Pretendemos para este projeto desenvolver alguns filtros, tais como:

Filtro anti-conteúdo indesejado que vai atuar dando ao visitante somente conteúdo que ele configurou em seu perfil, evitando assim dar “assunto B” ao visitante que selecionou em seu perfil somente “assunto A” e “assunto C”.

Outro filtro a ser desenvolvido servirá para bloquear conteúdo impróprio e/ou proibido.

Para que tudo isto tenha sucesso, o conteúdo a ser postado por visitantes será moderado pela administração do site, o conteúdo não chegará a ser postado sem passar por está etapa.

16

2.4 - Moderação

A ideia aqui é desenvolver um site em que visitantes devidamente cadastrados possam postar algo com relação às categorias que estiverem disponíveis no site podendo postar link e/ou colocar conteúdo no site (sempre através da moderação) como, por exemplo:

Recomendar e/ou colocar jogo e aplicativo no site, comentar sobre o mesmo, postar notícia, etc.

17

2.5 - Segurança

Uma parte de grande importância do projeto que é a segurança e não pode faltar no website.

Para este assunto estamos contando com alguns meios como obrigar o usuário que queira desfrutar de privilégios a se cadastrar no website, além disto, contamos com ferramentas do próprio wordpress para restringir as postagens dos visitantes a passar por moderação.

18

Capítulo 3 - Conclusão

Com este trabalho aprendemos que é possível de maneira fácil e com pouquíssimo conhecimento em linguagens de Programação desenvolver uma página de internet conectada a um banco de dados, ambos em excelentes condições para funcionamento sem erros de instalação dando aos autores do projeto pleno controle sobre as capacidades da página, tais como:

• Cadastro de usuários

• Postagens e comentários

• Publicações

• Pequenas aplicações

• Configurações de acessos e restrições

• Controles de segurança contra abusos

• Armazenamento de dados

A eficiência compreendida nas ferramentas aqui usadas é tão notável ao ponto de ser possível sim após a conclusão deste projeto de Trabalho de conclusão de curso e o próprio curso, utilizarmos dos mesmos meios para criar uma página de internet de uso próprio para muitas diversas funções presentes na internet.

19

Facilidades

Durante o processo de planejamento deste Trabalho de conclusão de curso tivemos

facilidade da Pesquisa de campo: A facilidade de poder visitar os websites ligados ao tema

escolhido para este trabalho permitiu aos integrantes do grupo fazer uma pesquisa de campo

não presencial.

20

Dificuldades

Logo no início do Planejamento do trabalho de conclusão do curso este grupo passou

por dificuldades, tais como:

• Conciliar trabalho com estudo: Todos os integrantes deste grupo têm suas

dificuldades com trabalho logo cedo, cansado ir ao curso.

• Falta de tempo: Todos os integrantes deste grupo têm dificuldades com a falta de

tempo para dedicar ao estudo, tendo que concentrar-se com problemas da vida

pessoal.

• Integrantes desinteressados: O grupo teve problemas desde o início com

integrantes desinteressados ao trabalho e/ou abandonando o curso.

• A falta de um orientador: Desde a decisão pelo tema escolhido para este trabalho

de T.C.C., não foi encontrado um Professor orientador que se prontifica a ministrar

no terceiro módulo de informática as aulas com relação ao Tema escolhido (seria

conveniente um professor de desenvolvimento Web).

• Pesquisa de campo: Devido a compromissos com trabalho e curso de Segunda a

Sexta e no caso do trabalho até ao Sábado, o grupo teve certa dificuldade em

disponibilizar-se de tempo para está pesquisa, por isso foi decidido recorrer à

pesquisa direta a partir de visitas aos sites atuantes no setor do Tema escolhido

para este trabalho.

21

Referências

• www.shockwave.com: Site de jogos onde constatado uma possibilidade de

melhoria na organização do site que possui as categorias mal divididas e poucas

sub-páginas sobrecarregando a página inicial.

• www.ojogos.com.br: Site onde foi constatada uma possível melhoria de opções de

lazer.

• www.clickjogos.com.br: Site onde foi constatada uma possível melhoria em seu

Design.

22

Glossário

Web site

Web site = página de internet É uma palavra que resulta da justaposição das palavras inglesas web (rede) e site(sítio, lugar). No contexto das comunicações eletrônicas,website e site possuem o mesmo significado e são utilizadas para fazer referência a uma página ou a um agrupamento de páginas relacionadas entre si, acessíveis na internet através de um determinado endereço. Lan house

O termo LAN foi extraído das letras iniciais de "Local Area Network", que quer dizer "rede local", traduzindo assim uma loja ou local de entretenimento caracterizado por ter diversos computadores de última geração conectados em rede de modo a permitir a interação de dezenas de jogadores. O conceito de LAN House foi inicialmente introduzido e difundido na Coréia em 1996, chegando ao Brasil em 1998. A tradução para o português poderia ser "casa de jogos para computador". O plural é LAN Houses.

Layout

layout |leiáute| (palavra inglesa) .Modo de distribuição e arranjo dos elementos gráficos num determinado espaço ou superfície. Plural. layouts. Chat

chat |chéte| (palavra inglesa) Sistema de comunicação escrita em tempo real, entre dois ou mais utilizadores de uma rede de computadores, nomeadamente da Internet. Plural: chats. Design

Dezáine ou dizáine (palavra inglesa) 1 projeto, intento, esquema, plano, escopo, fim, motivo, enredo, tenção. 2desenho, bosquejo, esboço, debuxo, delineação, risco, modelo. 3 invenção artística, arranjamento, arte de desenho. • vt+vi 1 projetar, planejar, ter em mira, propor-se, ter intenção. 2 designar, destinar, assinar. 3 desenhar, traçar, debuxar, esboçar, delinear, bosquejar. Links Link |linque| (palavra inglesa que significa "elo, ligação") [Informática] Ver hiperligação. Plural: links. 23

Vertrigo VertrigoServ foi desenvolvido para ser um pacote de instalação profissional e pequeno para Apache, PHPMySQL, SQLite, SQLiteManager, PHPMyAdmin e ZendOptimizer para a plataforma Windows. Com um instalador tudo-em-um, todos os componentes serão instalados em seus respectivos diretórios e poderão ser imediatamente usados após o término da instalação. O software também possui um desinstalador que remove todos os componentes de VertrigoServ do disco rígido. MySQL

O MySQL é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Linguagem de Consulta Estruturada, do inglêsStructured Query Language) como interface. É atualmente um dos bancos de dados mais populares, com mais de 10 milhões de instalações pelo mundo.[1]

Wordpress

É um aplicativo de sistema de gerenciamento de conteúdo para web, escrito em PHP com banco de dados MySQL, voltado principalmente para a criação de blogs via web. Essa é uma das ferramentas mais famosas na criação de blogs disputando diretamente com o serviço do Google chamado Blogger. No entanto, o WordPress é adotado por aqueles que queiram um blog mais profissional e com maiores recursos diferenciais.

Plug-ins

Na informática, um plugin ou módulo de extensão (também conhecido por plug-in, add-in, add-on) é um programa de computador usado para adicionar funções a outros programas maiores, provendo alguma funcionalidade especial ou muito específica. Geralmente pequeno e leve, é usado somente sob demanda.

Softwares

Software, logiciário ou suporte lógico é uma sequência de instruções a serem seguidas e/ou executadas, na manipulação, redirecionamento ou modificação de um dado/informação ou acontecimento. Software também é o nome dado ao comportamento exibido por essa seqüência de instruções quando executada em um computador ou máquina semelhante. Software também é um produto e é desenvolvido pela Engenharia de software, e inclui não só o programa de computador propriamente dito, mas também manuais e especificações. Para fins contábeis e financeiros, o Software é considerado um Bens de capital.

Fórum (latim forum, i, praça pública) 1. Praça pública, na antiga Roma. = FORO 2. Local destinando à discussão pública. 3. Reunião ou espaço virtual onde se discute determinado tema. Plural: fóruns.

24

Internet (palavra inglesa) [Informática] Rede informática largamente utilizada para interligar computadores através de modem, à qual pode aceder qualquer tipo de utilizador, e que possibilita o acesso a toda a espécie de informação. (Geralmente com inicial maiúscula.)

http://www.oficinadanet.com.br: Site que fala sobre novas tecnologias.

http://www.baixaki.com.br: Site para baixar conteúdos divessos.

http://pt.wikipedia.org: A versão em língua portuguesa da enciclopédia livre e gratuita

http://www.significados.com.br Site de dicionário.

http://www.dicionarioinformal.com.br Site traduz termos da área de informática.

http://www.priberam.pt: Site de dicionário da Língua Portuguesa.

25