Campus Party Recife 2014 – 3º dia

0

Nesta sexta-feira, a Mozilla Brasil continuou suas atividades na Campus Party Recife 2014, dessa vez tivemos duas palestras, no espaço by community do evento.

Confira abaixo os conteúdos abordados nas palestras:

Palestra: O Maravilhoso mundo das extensões do Firefox – Por Antonio Ladeia e equipe.

Ladeia e equipe mostraram ao público extensões que ajudam aos usuários a terem uma experiência melhor na web.

 

Palestra: Programando com Apache Cordova – Por Guilherme Berghauser (Torto)

A palestra teve como objetivo desenvolver uma aplicação em Firefox OS com Apache Cordova, bem como demonstrar algumas pecularidades do uso e criação de um aplicativo multi-plataforma.

Campus Party Refice 2014 – 2º dia

0

Dando continudade aos trabalhos iniciados na Campus Party, a comunidade Mozilla Brasil, realizou no dia 24, diversas atividades. Confira a sequência abaixo:

Hackathon de crochê – por Frabrício Zuardi

O Hackathon aconteceu ao lado da bancada da Mozilla Brasil, onde o voluntário da comunidadel, Fabrício Zuardi, criador das famosas capinhas para os smartphones Keon da Geeksphone, que rodam Firefox OS, ensinou aos participantes como soltar a criatividade e produzir capinhas para os seus smartphones e tablets.

Palestras:

Programando Open Web Apps - por Andre Garzia

André Garzia apresentou de que forma podemos criar aplicativos para Firefox OS, utilizando HTML5, CSS e Javascript, de forma bem fácil, além de explicar funcões importantes do sistema operacional móvel da Mozilla. A palestra aconteceu no palco Stadium.

Contribuindo com a Mozilla – Por Luigui Delyer e comunidade

Luigui e membros da comunidade Mozilla Brasil, demonstraram no palco Michelângelo as várias formas de como contribuir com a missão da Mozilla.

Visite nosso álbum de fotos do evento e veja ações da Mozilla Brasil na #CPRecife3

 

Campus Party Recife 2014 – 1º dia

0

No dia 23/07, a Mozilla Brasil iniciou os trabalhos para a terceira edição da Campus Party Recife em Pernambuco. Neste dia, a comunidade planejou e traçou metas para serem executadas no evento e  organizou as aprentações que serão usadas no dia seguinte. Um Install Fest foi realizado e instalações do navegador Firefox, em notebooks, tablets e smartphones dos participantes foram feitas na bancada da comunidade.

Confira as algumas imagens:

Testando os aparelhos com Firefox OS

Planejando as ações para o dia seguinte.

Planejamento.

Festa de lançamento do novo Firefox

0

Launch PartyA décima quinta edição do Fórum Internacional de Software Livre (FISL) contou com uma atividade especial em sua grade oficial, a festa de lançamento do novo Firefox. O evento, que aconteceu na área de exposição dos grupos de usuários na tarde de sexta-feira, contou com a participação de mais de 1000 pessoas que se dividiram entre participantes do evento e a comunidade local.Foto: Ricardo Pontes

Foto: Ricardo Pontes

Os participantes puderam conversar, tirar dúvidas, entender como a comunidade da Mozilla funciona e claro, conhecer os benefícios que a última atualização do Firefox trouxe. Além de serem convidados instalar a última versão do navegador em seus dispositivos, eles puderam participar de brincadeiras sobre o novo Firefox e a Mozilla e sorteio de brindes. Quem passou por lá também pode aproveitar para matar sua fome com salgados, doces e refrigerante.Foto: Naian Meneghetti

Foto: Naian Meneghetti

Outro atrativo do evento foi o photo booth, onde os participantes puderam completar a frase “Meu Firefox nunca esteve tão…” com elogios divertidos à nova versão do navegador e compartilhar a foto em seus perfis de redes sociais. O mascote da Mozilla, Fox, também esteve presente, tirou fotos, dançou e animou a todos.pb2Confira algumas curiosidades sobre a festa:

Hashtags utilizadas

#firefox #firefoxbrasil

Em Números:

  • Mais de 1000 pessoas passaram pela festa.
  • Mais de 400 pessoas se inscreveram para participar do sorteio.
  • Mais de 200 pessoas participaram de uma brincadeira com perguntas sobre o novo Firefox valendo brindes
  • Instalações durante o evento:
  • Aproximadamente 20 Firefox para Android
  • Aproximadamente 10 Firefox para desktop (a maioria dos participantes já possuía o navegador instalado e atualizado em sua máquina)
  • Vários brindes distribuídos para os participantes:
    • Dezenas de lanyards
    • Centenas de adesivos do Firefox e Firefox OS
    • Várias camisetas para quem participou do quiz
  • Aproximadamente 30 membros da comunidade auxiliando na montagem, desmontagem e realização do evento

O que rolou durante o evento:

  • Conversas sobre o novo Firefox, Firefox para Android, Firefox OS, Webmaker, Sumo…
  • Conversas sobre outros projetos da Mozilla.
  • Distribuição de material divulgando diversos projetos da Mozilla, como Firefox os, Firefox Student Ambassadors.
  • Vídeos sobre o processo de criação da versão mais recente do Firefox, Web We Want, e “What Does the Fox Say”!
  • Photo booth para os participantes da festa compartilharem que participaram da festa em redes sociais, mais de 50 fotos foram postadas.
  • Presença da Fox animando os participantes e tirando fotos.

Fica aqui o agradecimento a todos os participantes e em especial a toda comunidade Mozilla Brasil, sem vocês nada disso teria acontecido. :D

Clique aqui para conferir mais fotos da festa.
Clique aqui para ver as fotos do photo booth.
Clique aqui para acessar o photo booth e montar agora mesmo a sua foto.

Pensando sobre EME/DRM

Acho que a galera nas interwebs está confundindo fumaça com fogo.

Pra quem não leu como vai funcionar o lance do DRM: O Firefox vai ter uma sandbox para rodar o blob. O blob não vai vir instalado no Firefox. O blob não tera acesso a nada do hardware e não poderá ser utilizado para fazer fingerprint. O código fonte do sandbox é open e você poderá compila-lo separadamente se quiser ter certeza que o seu sandbox não foi macumbado pela NSA.

Se você não utilizar os serviços que usam DRM tais como Netflix, Hulu e Amazon então seu Firefox continua livre do dito blob. Se você quiser utilizar esses serviços então você autoriza a instalação do blob de DRM quando você vai assistir alguma coisa.

"As plugins today, the CDM itself will be distributed by Adobe and will not be included in Firefox. The browser will download the CDM from Adobe and activate it based on user consent." — Andreas Gal, Mozilla CEO in Reconciling Mozilla’s Mission and W3C EME

Se você é daqueles que são contra DRM na web então em vez de ficar brigando para não ter os hooks no Firefox basta não utilizar os tais serviços. Se você é daqueles que quer assistir os tais videos na internet então você tem a única sandbox open source incapaz de fazer fingerprint. Continua melhor que as alternativas.

O lance é que os provedores de conteúdo estão se movendo para o EME/DRM. Esse tipo de coisa não da para fazer com plugin pelo que nego da mozilla me disse no MWC. O Firefox vem com o EME mas não vem com o DRM, o módulo da Adobe de DRM só é instalado para quem quer utilizar algum serviço que utilize essa bagaça.

Ou seja, se você quer lutar por uma web livre, pare de consumir os tais serviços. Mostre suas convicções com a carteira. Todo mundo que está contra essa bagaça esquece que é uma escolha usa usar ou não. É a mesma coisa de ter um carro. Você pode usar o carro para passar em cima das pessoas mas você faz isso se quiser e sofre as consequências. Ai vem gente gritando que ninguém pode ter carro pois isso abre brecha para passar em cima das pessoas. Tipo: "Você não pode comer bacon pois eu sou vegetariano". Quem é contra o EME/DRM basta não usar os serviços e fica tudo bem. A presença da implementação de EME sem o blob não é maligna por sí só. É só código inativo para quem não usa a bagaça…

A alternativa seria não suportar e ai toda vez que cair uma pergunta para o exército dos incríveis tipo: "como faço para assistir netflix no meu Firefox" vc responder com "Instala o Chrome ou o IE". É essa a alternativa? Pq ninguém aqui e nem a Mozilla pode forçar os produtores de conteúdo a utilizar outra tecnologia. Podemos não gostar e não utilizar mas cortar dos usuários que querem utilizar a chance de poder fazê-lo é de uma arrogância e egoísmo incríveis tipo "nós somos moralmente contra o DRM portanto estamos limitando sua capacidade de escolher o que fazer independente da sua vontade". O Firefox continua sendo o único navegador desenvolvido as claras por uma comunidade que acredita em uma web aberta, as vezes a gente se fode e não pode fazer tudo da maneira que a gente quer.

Garanto que ninguém aqui que precisar fazer um exame médico em um equipamento totalmente proprietário vai se recusar pois o equipamento não é GNU e abençoado pela FSF. Quero ver alguém dizer: "Não põe esse marcapasso em mim pois não sei o que tem no micro código dele". Ou "tira esse piloto automático e telemetria do avião pois tem DRM". As vezes a gente perde a batalha. Eu também queria que o watermark ganhasse. Eu sou contra o DRM mas em vez de quere um Firefox sem ele, eu prefiro deixar cada pessoa escolher o que usar. Eu tenho um Kindle. Ele é entupido com DRM. Em vez de comprar livros mais baratos com DRM na Amazon, prefiro comprar direto na O'Reilly em formatos abertos. O DRM do Kindle não me afeta e eu mostro com meu dinheiro onde estão minhas convicções.

A galera age como se de repente o Firefox tivesse morrido, como se fosse uma traição imensa que vai contra o que o usuário quer. Lembrem-se sem marketshare a mozilla perde força política. A batalha desse DRM foi perdida mas a guerra por uma web melhor continua. A gente não ganha sempre. Em um mundo de apps proprietários, escutas, monocultura de webkit, justin bieber, protocolos fechados e outros terrores, esse sandbox não é o maior dos monstros.

Firefox OS: Liberdade nos dispositivos móveis – ESI – UNINORTE/2014

0

Entre os dias 05 à 09 de maio, acontece o I Encontro de Sistemas de Informação da  faculdade União Educacional do Norte-UNINORTE, com a presença de alunos dos cursos de Tecnologia em Redes de Computadores e de Sistemas de Informação da instituição. O evento conta com palestras e mini-cursos no decorrer da semana. A Mozilla Brasil esteve presente no dia 05/04, realizando a abertura oficial do evento com a palestra: Firefox OS: Liberdade nos dispositivos móveis, ministrada pelo Representante da Mozilla, Lenno Azevedo, que teve duração de 1h30min.

Veja o álbum de fotos da palestra. Clique aqui.

Flisol 2014 – Conhecendo a Mozilla – produtos e serviços para uma web melhor

0

No dia 26/04, aconteceu o Flisol - Festival Latino Americano de Instalação de Software Livre, com o objetivo de incentivar as pessoas a utilizarem os benefícios que o software livre trás.  No evento, ocorreram diversas atividades, dentre elas a instalação de programas livres nos computadores dos participantes. A Mozilla Brasil, marcou presença no evento em algumas cidades. A Mozillian Edivânia Dias, apresentou no Flisol realizado no auditório do SENAC, em Palmas – TO a palestra: Conhecendo a Mozilla – produtos e serviços para uma web melhor, e teve como objetivo mostrar o quão ampla, inovadora e transparente é a Mozilla; que ela não é somente a criadora do navegador Firefox (como muita gente pensa), mas também a de uma série de produtos e serviços que tem como principal objetivo manter a web cada vez mais aberta e acessível a todos. Alem disso, Edivânia explicou como surgiu a Mozilla, falou sobre sua missão e o que você pode fazer para contribuir, as curiosidades, novidades, escritórios, funcionários, voluntários, fotos e claro,  sobre a onda do momento, o Firefox OS.

Segunda Firefox Games Hackathon da Telefônica

todo mundo

Aconteceu entre os dias 26 e 27 de Abril de 2014 a segunda Firefox OS Games Hackathon da Telefônica. Esse evento conta uma série de palestras no início do primeiro dia e então com 24 horas de competição. O mais legal deste tipo de evento não é competir pelos prêmios mas sim ter um jogo pronto ou um experimento funcionando com algumas horas de trabalho.

Assim como no ano passado a maior parte do público era composta de estudantes universitários relacionados aos diversos cursos de games oferecidos pelas universidades de São Paulo. Queria eu que o Rio de Janeiro estivesse tão bem servido de cursos assim. Tinhamos desde formados em game design à alunos do primeiro período. Apesar de contarmos com um público menor que no ano anterior, os times que estiveram lá aproveitaram bastante.

Selfie

Palestras

Empreendedorismo em Jogos Digitais no Brasil

Nesta palestra Mauricio Alegretti da Smyowl mostrou um pouco de história e passos a serem seguidos para quem deseja se tornar empreendedor no mundo dos games.

A Smyowl foi a primeira empresa Brasileira a ter jogos na lojinha do Windows 8! :-D

Desenvolvendo Jogos HTML5 com a Cocos2D

O Pedro Kayatt apresentou todo o poder do Cocos2D-HTML que é uma plataforma para desenvolvimento de jogos muito utilizada na industria. Ele apresentou os prós e contras do Cocos2D e por que ele deve ser considerado uma boa opção pelos devs.

Game Design para o Mundo Real

Nesta palestra aprendemos a teoria e a prática do bom game designer com o Alvaro Gabriele Rodrigues que é Coordenador e Professor do Curso Superior de Jogos Digitais da FATEC. Em todos os eventos desse tipo, as palestras que eu mais gosto são as de Game Design. Sempre aprendo alguma coisa nova!

Programando jogos para Firefox OS

Eo!

Essa foi a minha palestra mas eu tive uns problemas. Eu esqueci o dongle de video do mac para ligar no projetor. Então eu tive que improvisar usando um PC velho com Windows. Quem me conhece sabe que eu não sei usar Windows, fico super nervoso rsrsrs. Em vez de uma palestra expositiva foi mais uma conversa e eu demonstrei um jogo que havia sido criado duas horas antes.

O código do app pode ser visto no repositório do Github do jogo. É um daqueles clássicos joguinhos onde caem frutas do céu e você tem uma cestinha para pegar. Tocando de um lado da tela você se move para a quele lado. Eu devo terminar esse jogo e colocar no Firefox Marketplace em breve. Esse jogo foi desenvolvido utilizando a framework Phaser que é código livre e aberto e super popular no meio de gamedev.

Fruit Catcher

Jogos

Tivemos pouca gente no evento porém tivemos alguns jogos muito bacanas no final. Como eu imaginava, ferramentas de criação de jogos são a forma mais popular de construção de jogos em hackathons. A maioria dos grupos utilizou o Construct 2 e alguns construiram no braço ou utilizando frameworks como o Phaser.

Alguns jogos que eu gostei muito foram:

Mad Blast

Mad Blast

Jogo super divertido onde o objetivo é prender explosivos em prédios e explodir tudo.

Baixe Mad Blast no Firefox Marketplace.

Box It

Box It

Jogo com a arte fantástica! O objetivo é colocar os brinquedos no local correto.

Baixe Box It no Firefox Marketplace

Run Fox Run

Run Fox Run

Esse jogo é um infinite run com uma raposa. Tem como não gostar rsrsrsrs.

Campeonato de I Wanna Be The Guy: Gaiden

I wanna be the guy

Para animarmos o pessoal durante a noite fizemos um campeonato de I wanna be the guy: gaiden

Teve até prêmio rsrsrs.

Conclusão

Gente feliz

O evento contou com um público menor que o anterior e eu tive uns problemas com a minha palestra porém mesmo assim foi sensacional. Eu gosto muito de eventos tipo Hackathon pois é impressionante ver as pessoas sairem de um conceito para algo que funciona em 24 horas.

Espero que ano que vem a gente venha a fazer esse evento novamente e consiga fazer uma divulgação melhor. Ano que vem já teremos novos telefones e tablets no mercado. O mundo do Firefox OS e do HTML5 só tem a crescer e quem estiver fazendo jogos com essa tecnologia estará na vanguarda sendo capaz de entregar suas criações em todas as plataformas móveis, em SmartTVs e videogames também.

O futuro promete ser muito divertido!

Referências para programação de Jogos no FirefoxOS/HTML5

Esta acontecendo agora a hackathon de desenvolvimento de jogos para Firefox OS organizada pela Telefônica VIVO junto com
a Qualcomm. Voce pode assistir a hackathon ao vivo clicando nesse link.

Para facilitar a vida dos participantes do evento, estou disponibilizando alguns links aqui que são do interesse de quem
quer desenvolver jogos em HTML5 e mais especificamente para o Firefox OS.

Introdução

Os apps para Firefox OS são compostos de uma coleção de HTML5/CSS/JS que podem tanto ser hospedados no seu próprio servidor
ou empacotado. Para entender um pouco mais sobre o básico de desenvolvimento de apps para Firefox OS, olhe os seguintes links:

Se você optar por criar um jogo hosted vale a pena aprender mais sobre appcache para disponibilizar o seu jogo offline.

Para validar o seu app manifest utilize o validador neste link.

Testando seu jogo

Utilize primeiro o simulador disponível nos complementos do Firefox aqui. Esse
complemento deve ser instalado em uma versão atual do Firefox.

Para testar nos telefones, procure um de nós pelo evento.

Regulamentação do governo

O Governo Brasileiro exige que os jogos comercializados no país passem por uma classificação de faixa etária. Mais
informações sobre o processo neste link do DEJUS.
Mais especificamente, a ficha técnica de classificação indicativa para jogos eletrônicos.
O procedimento é gratuíto e em teoria fica pronto em 20 dias (aka 45 dias).

APIs interessantes para jogos

Ao contrário dos apps comuns, jogos possuem necessidades bem especificas em termos de APIs.

Canvas

Para o Firefox OS quando se
trata da construção de jogos com gráficos 2D, recomendamos a utilização da API canvas.

Entrada de dados

Além de mostrar coisas na tela do aparelho, é necessário lidar com a entrada de dados. O jeito mais comum é utilizando os
touch events que estão documentados em Touch Events na MDN.
Outra possibilidade são jogos controlados via acelerometro cuja a API esta neste artigo na MDN.
Aviso, não testei essa API no Firefox OS não.

localStorage

Para salvar dados tais como high score, achievements você pode utilizar localStorage
sendo que localStorage é uma API blocking, seu jogo vai parar de processar enquanto os dados são escritos ou lidos do
storage. Para uma melhor performance, utilize uma API assíncrona como o IndexedDB.

Existe uma biblioteca para Firefox OS que é uma versão de API semelhante ao localStorage porém é assíncrona e construida em cima
do IndexedDB, essa lib esta disponível aqui no Github.

Bibliotecas

Para jogos simples, você não precisa de nada além das APIs que já estão disponíveis no Firefox OS. Para projetos mais
ambiciosos vale a pena utilizar uma biblioteca para evitar ficar reinventando a roda. Claro que se você é uma empresa
produzindo vários jogos com uma equipe especializada você vai preferir construir sua própria biblioteca especifica para
as suas necessidades mas para as outras pessoas que estão interessadas em conhecer as bibliotecas mais famosas para a
criação de jogos com HTML5 eu vou colocar uma lista abaixo. A única biblioteca dessas que eu testei no Firefox OS e mesmo
assim testei pouco é a CreateJS (mais especificamente a EaselJS que faz parte da CreateJS).

A utilização dessas bibliotecas fica por conta e risco dos participantes, eu não testei, so fiz a lista.

Ferramentas

Existem ferramentas muito legais para criação de games.

  • Texture Packer uma ferramenta ótima para criação de spritesheets/texture atlas.
  • bfxr ferramenta para criação de efeitos sonoros pros jogos.

Conclusão

Boa Hackathon! Se precisarem de alguma coisa, procurem a gente!

Mais referências para programação de Jogos no FirefoxOS/HTML5

Esta acontecendo agora a segunda hackathon de desenvolvimento de jogos para Firefox OS organizada pela Telefônica VIVO.

Para facilitar a vida dos participantes do evento, estou disponibilizando alguns links aqui que são do interesse de quem
quer desenvolver jogos em HTML5 e mais especificamente para o Firefox OS.

Introdução

Os apps para Firefox OS são compostos de uma coleção de HTML5/CSS/JS que podem tanto ser hospedados no seu próprio servidor
ou empacotado. Para entender um pouco mais sobre o básico de desenvolvimento de apps para Firefox OS, olhe os seguintes links:

Se você optar por criar um jogo hosted vale a pena aprender mais sobre appcache para disponibilizar o seu jogo offline.

Para validar o seu app manifest utilize o validador neste link.

Testando seu jogo

Utilize primeiro o simulador disponível nos complementos do Firefox aqui. Esse
complemento deve ser instalado em uma versão atual do Firefox.

Para testar nos telefones, procure um de nós pelo evento.

Livro sobre criação de Apps para Firefox OS

Para saber mais sobre programação para Firefox OS você pode baixar o Guia Rápido para Desenvolvimento para FirefoxOS.

Regulamentação do governo

O Governo Brasileiro exige que os jogos comercializados no país passem por uma classificação de faixa etária. Mais
informações sobre o processo neste link do DEJUS.
Mais especificamente, a ficha técnica de classificação indicativa para jogos eletrônicos.
O procedimento é gratuíto e em teoria fica pronto em 20 dias (aka 45 dias).

O Firefox Marketplace possui um sistema integrado para calcular essa classificação de faixa etária para você. Muito mais fácil.

APIs interessantes para jogos

Ao contrário dos apps comuns, jogos possuem necessidades bem especificas em termos de APIs.

Canvas

Para o Firefox OS quando se
trata da construção de jogos com gráficos 2D, recomendamos a utilização da API canvas.

Entrada de dados

Além de mostrar coisas na tela do aparelho, é necessário lidar com a entrada de dados. O jeito mais comum é utilizando os
touch events que estão documentados em Touch Events na MDN.
Outra possibilidade são jogos controlados via acelerometro cuja a API esta neste artigo na MDN.
Aviso, não testei essa API no Firefox OS não.

localStorage

Para salvar dados tais como high score, achievements você pode utilizar localStorage
sendo que localStorage é uma API blocking, seu jogo vai parar de processar enquanto os dados são escritos ou lidos do
storage. Para uma melhor performance, utilize uma API assíncrona como o IndexedDB.

Existe uma biblioteca para Firefox OS que é uma versão de API semelhante ao localStorage porém é assíncrona e construida em cima
do IndexedDB, essa lib esta disponível aqui no Github.

Bibliotecas

Para jogos simples, você não precisa de nada além das APIs que já estão disponíveis no Firefox OS. Para projetos mais
ambiciosos vale a pena utilizar uma biblioteca para evitar ficar reinventando a roda. Claro que se você é uma empresa
produzindo vários jogos com uma equipe especializada você vai preferir construir sua própria biblioteca especifica para
as suas necessidades mas para as outras pessoas que estão interessadas em conhecer as bibliotecas mais famosas para a
criação de jogos com HTML5 eu vou colocar uma lista abaixo.

Eu recomendo utilizar a Phaser pois é open source e funciona bem.

A utilização dessas bibliotecas fica por conta e risco dos participantes, eu não testei, so fiz a lista.

  • Phaser é a framework do momento. É open source e possui muita gente contribuindo e muitos jogos feitos nela.
  • CreateJS uma coleção de bibliotecas muito completa composta por libs independentes. O demo da
    EaselJS rodou no Firefox OS.
  • Impact JS essa é uma biblioteca super completa porém é comercial, existe um livro da O'Reilly
    sobre a mesma
    que é super bacana.
  • Crafty JS
  • Pixi JS

Ferramentas

Existem ferramentas muito legais para criação de games.

  • Texture Packer uma ferramenta ótima para criação de spritesheets/texture atlas.
  • bfxr ferramenta para criação de efeitos sonoros pros jogos.

Conclusão

Boa Hackathon! Se precisarem de alguma coisa, procurem a gente!