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 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 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, addin, 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