Andr Barreto

Laila
SantAnna

24/08/2011

 Browser

Games (PBBG)

O que ?
Caractersticas
Mercado de jogos
Mais conhecidos

 Projeto System Crash

Linguagem
Arquitetura
Framework
IDE
Outras tecnologias de desenvolvimento
Servidor web
Banco de dados
Ferramenta de apoio
Controle de verso
Ciclo de desenvolvimento

 System

Crash O Jogo

Conceito e definio
Gameplay (ou Mecnica do jogo)
Arte conceitual
Referncias do jogo

um tipo de jogo que se caracteriza

por utilizar um navegador de
internet para ser executado.

PBBG

- Persistent Browser-Based
Game (refere-se caracterstica de
estado que sobreviva ao processo
que o criou).

Pouca ou falta absoluta de grficos

(geralmente apenas imagens e algumas
animaes).

Tecnologias de Interface grfica: Flash,

JQuery, AJAX, HTML5, dentre outras.

Presente
em
redes
sociais,
principalmente no Facebook (mais
conhecidos: FarmVille, Rune Scape,
Mafia Wars, Caf World).

Gneros de MMO (Massively Multiplayer

Online game):

MMORPG (MMO Role-Playing Game)

MMORTS (MMO Real Time Strategy)
MMOFPS (MMO First Person Shooter)
MMOSG (MMO Social Game)
MMOEG (MMO Erotic Game)
MMOBG (MMO Browser Game) System
Crash

Destaque: estratgia.

The Crims - http://www.thecrims.com/

The West - http://www.the-west.com.br/
Tribal Wars - http://www.tribalwars.com.br/
Travian - http://travian.com.br/
Dragon Fable - http://www.dragonfable.com/
Grepolis - http://pt.grepolis.com/
Knight Fight-http://www.knightfight.com.pt/
Loreaon - http://www.loreaon.com/
Origins
Return
http://www.origins-return.com/

PHP (um acrnimo recursivo paraPHP: Hypertext

Preprocessor)
PHP uma linguagem de script amplamente utilizada de

uso geral que especialmente adequado para o

desenvolvimento Web e pode ser incorporado em HTML.

Linguagem extremamente simples

O cdigo executado no servidor, gerando HTML

que ento enviado para o cliente. O cliente
recebe os resultados da execuo desse script,
mas no sabe como o cdigo-fonte. possvel
configurar o servidor para processar todos os
arquivos HTML como PHP, e ento no haver
nenhum modo dos usurios descobrirem o uso da
linguagem PHP.

MVC (Model-View-Controller)

Viso: a camada de visualizao da sua aplicao, onde ela

apenas apresenta o que foi obtido atravs do controle. o que
chega ao usurio final, a parte visual, de interface. A viso no
deve ter nenhuma lgica de cdigo, apenas a exibio dos dados.

Controle: onde sero processadas todas as requisies feitas

atravs da interface (Viso). O controle tambm acessa o Modelo
afim de obter determinadas informaes. Toda lgica da aplicao
(validaes, atribuies, etc) feita no Controle. O controle o
gerenciador da aplicao.

Modelo: o modelo da aplicao, onde so definidos

propriedades e atributos dos personagens. Pode existir ainda uma
camada de persistncia de dados (DAO), mas a persistncia
tambm pode ser feita no Modelo.

 Diagrama

MVC

CodeIgniter v2.0
CodeIgniter um Framework de Desenvolvimento de

Aplicaes - um kit de ferramentas - para as pessoas

que constroem sites usando PHP.

Seu objetivo dar a possibilidade de desenvolver

projetos muitos mais rapidamente do que se

estivesse escrevendo o cdigo do zero, provendo de
um rico conjunto de bibliotecas para tarefas comuns,
com uma interface e estrutura lgica simples de
acessos quelas bibliotecas.

Code Igniter permite que voc mantenha o foco em

seu projeto minimizando a quantidade de cdigo

necessrio para uma dada tarefa.

CodeIgniter com certeza para voc se:

Voc quer um framework leve e que no ocupe espao.

Voc precisa de uma performance excepcional.
Voc precisa de compatibilidade vasta com empresas de
hospedagem que rodam uma variedade de verses e
configuraes do PHP.
Voc quer um framework que precise de quase nenhuma
configurao.
Voc quer um framework que no precise que voc use a linha de
comando.
Voc quer um framework que no lhe deixe preso a regras
restritivas de codificao.
Voc no est interessado em monolticas bibliotecas em largaescala como a PEAR.
Voc no quer ser forado a aprender uma linguagem de template
(no entanto, um parser de template est opcionalmente disponvel
se voc desejar um).
Voc evita a complexidade, preferindo solues simples.
Voc precisa de uma clara e completa documentao.

 IDE

(Integrated
Development
Environment) um ambiente integrado
para desenvolvimento de software.

Para

o desenvolvimento do browser
game System Crash, foi utilizado o
NetBeans com PHP.

xDebug

necessita de instalao e
configurao da dll no IDE.

JQuery: umabibliotecaJavaScript crossbrowserdesenvolvida

para
simplificar
osscriptsclient sideque interagem com
oHTML.

Cdigo aberto

A sintaxe do jQuery foi desenvolvida para

tornar mais simples a navegao do
documento
HTML,
a
seleo
de
elementosDOM, criar animaes, manipular
eventos e desenvolveraplicaes AJAX. A
biblioteca tambm oferece a possibilidade de
criao depluginssobre ela.

AJAX (AsynchronousJavascriptandXML) o
uso
metodolgico
de
tecnologias
comoJavaScripteXML,
providas
pornavegadores, para tornar pginasWebmais
interativas com o usurio, utilizando-se de
solicitaes assncronas de informaes.

Tem estimulado a construo de aplicaes

Web mais dinmicas e criativas.

AJAX no uma tecnologia, mas um conjunto

de tecnologias conhecidas trabalhando juntas,
cada uma fazendo sua parte, oferecendo novas
funcionalidades.

AJAX incorpora em seu modelo:

Exposio e interao dinmica usando oDOM;
Intercmbio e manipulao de dados usandoXMLeXSLT;
Recuperao
assncrona
de
dados
usando
objetoXMLHttpRequesteXMLHttpResponse;
JavaScriptfazendo a juno entre os elementos.

O modelo clssico de aplicao web trabalha assim: a

maioria das aes do usurio na interface dispara uma
solicitaoHTTPpara oservidor web. O servidor processa,
recuperando dados, realizando clculos, conversando com
vriossistemas legados, e ento, retorna uma pginaHTML
para o cliente.

um modelo adaptado do uso original da Web como um

agente dehipertexto, porm o que faz a web boa para
hipertexto no necessariamente a faz boa para aplicaes
desoftware.

JSON (JavaScript Object Notation) um formato leve

para intercmbio de dados computacionais. JSON
um subconjunto da notao de objeto de JavaScript,
mas seu uso no requer Javascript exclusivamente.

A simplicidade de JSON tem resultado em seu uso

difundido, especialmente como uma alternativa para
XML em AJAX.

Uma das vantagens reivindicadas de JSON sobre XML

como um formato para intercmbio de dados neste
contexto, o fato de ser muito mais fcil escrever um
analisador JSON. Em JavaScript mesmo, JSON pode ser
analisado trivialmente usando a funo eval(). Isto foi
importante para a aceitao de JSON dentro da
comunidade AJAX devido a presena deste recurso de
JavaScript em todos os navegadores web atuais.

HTML (HyperText Mark-up Language)

HTML uma

linguagem que possibilita apresentar

informaes na Internet. Aquilo que visualizado ao
abrir uma pgina na Internet a interpretao que o
navegador faz doHTML.

CSS (CascadingStyleSheets)
CSS uma linguagem para estilos que define o layout

de documentosHTML. Por exemplo,CSScontrola

fontes, cores, margens, linhas, alturas, larguras,
imagens de fundo, posicionamentos e muito mais.

HTML
usado
para
estruturar
contedos.CSS usado para formatar
contedos estruturados.

XAMPP (Apache) pacote completo de

servidores web.

Na verso atual do XAMPP para Windows

contm:
Apache

2.2.17 (servidor HTTP mais bem

sucedido atualmente)
MySQL 5.5.8
PHP 5.3.5
phpMyAdmin 3.3.9
FileZilla FTP Server 0.9.37
Tomcat 7.0.3 (with mod_proxy_ajp as connector)

Sistema de gerenciamento de banco de dados utilizado:

MySQL (atualmente um dos BDs mais populares).
Caractersticas:
Portabilidade (suporta praticamente qualquer plataforma atual);
Compatibilidade (existem driversODBC,JDBCe.NETe mdulos de

interface para diversas linguagens de programao,

comoDelphi,Java,C/C++,C#,Visual
Basic,Python,Perl,PHP,ASPeRuby)
Excelente desempenho e estabilidade;
Pouco exigente quanto a recursos dehardware;
Facilidade de uso;
umSoftware Livrecom base na GPL;
Contempla a utilizao de vrios Storage Engines como MyISAM,
InnoDB, Falcon, BDB, Archive, Federated, CSV, Solid
Suporta controle transacional, Triggers, Cursors (Non-Scrollable e
Non-Updatable), Stored Procedures e Functions;
Replicao facilmente configurvel;
Interfaces grficas (MySQL Toolkit) de fcil utilizao cedidos pela
MySQL Inc.

phpMyAdmin uma ferramenta de

software livre escrito emPHPdestinado a
lidar com a administrao doMySQLsobre
o World Wide Web.

phpMyAdmin suporta uma ampla gama de

operaes com MySQL.As operaes mais
utilizadas so suportados pela interface do
usurio (bancos de dados de gesto,
tabelas,
campos,
relaes,
ndices,
usurios, permisses, etc), enquanto voc
ainda tem a capacidade de executar
diretamente qualquer declarao SQL.

MySQL Workbench uma ferramenta

de design visual de banco de dados
multi-plataforma, desenvolvido pela
MySQL.

a aplicao altamente antecipada

sucessora do projeto DBDesigner4.

MySQL Workbench est disponvel como

uma ferramenta nativa GUI no Windows,
Linux e OS X em diferentes edies.

 SVN

(Subversion) controle de
verso utilizado no jogo System
Crash.
Integrado ao IDE NetBeans.
Basta

configurar
o
repositrio,
usurio e senha para a submisso e
atualizao de verso.

 Modelo

Espiral

Foi originalmente proposto por Boehm

em 1988.
Uma maneira simplista de analisar este

modelo consider-lo como um modelo

cascata onde cada fase precedida por
uma anlise de risco e sua execuo
feita
evolucionariamente
(ou
incrementalmente).

 Fluxograma

de Tarefa

 Fluxograma

de Arte

Cultura cyberpunk
Definio de cyberpunk: [1] Por um lado um gnero de
fico literria / cincia [2], por outro lado uma
subcultura de estar e um movimento social baseado
originalmente na fico cientfica.

As obras deescritores de ficoda cultura cyberpunk so o

bero do conceito de "cyberespao". Este conceito foi
introduzido pela primeira vez ao mundo pelo escritor William
Gibson em seu romance "Neuromancer", provavelmente o
mais famoso livro cyberpunk de todos os tempos.

Filmes conhecidos da cultura cyberpunk: Robocop, Tron,

Matrix, Mad Max, Alien, Blade Runner, Cyborg, dentre outros.

System Crash (SC) um PBBG, e MMO, no

qual o jogador assume o papel de hacker no
ano de 2351 quando a tecnologia domina, por
meio da HyperNET (interliga tudo e todos).

H 4 organizaes para se filiar:

Consortium: formada por vrias mega-corporaes;
Guerreiros do Caos: grupo terrorista cuja o principal

objetivo eliminar qualquer forma de controle;

Filhos de Gaia: trabalha para todas as entidades
ambientais;
G.I.A - Global Intelligence Agency: agncia secreta
de informao do Governo global.

Para
desenvolver
seu
personagem
existem as seguintes aes:
Invaso de redes de computadores.
Realizao de trabalhos para sua organizao.
Criao e utilizao de vrus de computador e

programas diversos.
Criao e utilizao de dispositivo eletrnicos
e implantes ciberntico.
Combates contra o sistema do jogo e outros
jogadores.
Criao de alianas atravs da interao com
outros jogadores.

 Durao

do jogo:

O jogo ser divido em turnos de 100 dias.

Ao final de cada turno, o placar do jogo

ser computado e os melhores jogadores
sero premiados.
Pontuao:
Os pontos no jogo so conseguidos atravs

de pontos de respeito, que o jogador ganha

ao ser bem sucedido em suas aes.

Gameplay (ou Mecnica do Jogo): Esta

parte descreve todos os mecanismos e
sub-sistemas referentes ao gameplay em
si, ou seja, define a jogabilidade do SC.

Sistema de Personagem
Atributos primrios: Velocidade de raciocnio,

Percepo, Inteligncia, Lbia.

Atributos dinmicos: Stamina, Pontos de
Experincia, Pontos de Atributos, GeD$,
Respeito, Nvel do personagem.

Recuperao da Stamina
Aprimoramento do nvel do personagem
Sistema de Habilidades
Sistema de Testes de Ao
Sistema de Itens
Organizaes
Sistema de Tarefas
Computador do jogador: VirtualDeck (VDek)
HyperNet
Programas
Combate PvP (Jogador contra jogador)

http://ez.mygames.pt/pc/noticia/top-25-free-browser-games-13156/
http://www.facebook.com
http://browsermmorpg.com/
http://www.rpgonline.com.br/games.asp?id=823
http://ptrealms.com/browser/conteudos.php?id=481
http://www.tecmundo.com.br/835-o-que-e-mmorpg-.htm
http://www.php.net/
http://www.revistaphp.com.br/artigo.php?id=50
http://www.codeigniter.com.br/manual/
http://docs.jquery.com/Main_Page
http://www.xul.fr/en-xml-ajax.html
http://pt-br.html.net/
http://www.mysql.com/
http://pt.wikipedia.org/wiki/MySQL
http://www.phpmyadmin.net/home_page/index.php
http://wb.mysql.com/
http://www.apachefriends.org/pt_br/xampp.html
http://www.apache.org/
http://subversion.tigris.org/
http://netbeans.org/kb/index.html
http://www2.dem.inpe.br/ijar/CicoloVidaSoftPrado.html
http://project.cyberpunk.ru/idb/definition.html
http://project.cyberpunk.ru/idb/scifi.html
http://www.json.org/
http://pt.wikipedia.org/wiki/JSON

Obrigado!
Acesse: www.systemcrash.com.br
http://systemcr4sh.wordpress.com