1. 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”

2. 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”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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