Palestra: Firefox OS

0

No dia 06/06 aconteceu na faculdade Uninorte-Acre a palestra: Firefox OS, onde foi abordado informações de como testar e desenvolver aplicações para o Firefox OS e o Firefox Marketing Place e principalmente como se envolver no Team Mobilizer Brasil, um grupo de mobilizadores do Firefox OS no Brasil, presente no Facebook.

Mais informações:

Wiki do evento.

Site da STIUninorte

Fotos: Google +

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!

Palestra sobre Firefox OS na Semana de Tecnologia da Informação – UNINORTE-AC

1

Nesta quinta-feira dia 06/06, a faculdade UNINORTE- Acre recebe uma apresentação sobre o Firefox OS, o sistema operacional móvel da Mozilla. A palestra é voltada para académicos, professores e demais participantes entusiastas, fornecendo informações de como testar e desenvolver aplicações para o Firefox OS e o Firefox Marketing Place, como também se envolver no Team Mobilizer Brasil e ficar por dentro das novidades de lançamento do Firefox OS no Brasil.

Outras informações:

Biz and Code Podcast – Firefox OS

[en-US] At this week episode of Biz and Code Podcast, Fabio Magnoni, me and the friends of Biz and Code are talking about Firefox OS.

Enjoy :)

[pt-BR] No episódio dessa semana do Podcast Biz and Code, Fabio Magnoni, eu e os amigos do Biz and Code falamos sobre o Firefox OS.

Divirtam-se :)

http://bizandcode.com/post/51073727337/episodio-8-firefoxos-gravado-em-14-05-2013-voce

Guia: escrevendo um pedido de budget para o programa Mozilla Reps

Atrvés do post será possível ver como escrever um pedido de budget para o programa Mozilla Reps de forma simples e fácil. Mozilla Reps (Fonte: Benny Chandra) Graças a ideia da Mozilla Rep Emma Irwin sugerida em um encontro regional do norte da América a algumas semanas atrás Regnard Raquedan foi inspirado a escrever um … Continue reading

O post Guia: escrevendo um pedido de budget para o programa Mozilla Reps apareceu primeiro em Fernando Vargas.

Ferramentas interativas para educação – Mozilla Webmaker

Você conhece o Webmaker? Neste post vamos ter um overview das ferramentas interativas para educação da Mozilla. Esta iniciativa foi dada porque para a Mozilla é importante que se torne mais fácil e comum a produção de conteúdos web. Com estas ferramentas torna-se fácil e divertido aprender a gerar seus próprios conteúdos web. Openbadges O … Continue reading

O post Ferramentas interativas para educação – Mozilla Webmaker apareceu primeiro em Fernando Vargas.

Dicas para adicionar um evento no portal dos Mozilla Reps

Mozilla Reps events

Todo Mozilla Rep tem a missão de espalhar a missão da Mozilla e contagiar novas pessoas com o espírito de colaboração que temos! Uma das melhores maneiras de explicar às pessoas o que é a Mozilla, como ela trabalha e quais são seus produtos é através da organização de eventos.

O Portal dos Rep possui uma página de eventos muito útil para a organização e documentação dos eventos onde os Reps estão presentes. Aqui segue uma sugestão de como utilizar essa página para organizar seu evento:

Nome e descrição: O nome do evento deve ser mantido em português para que seja mais fácil encontrar ele posteriormente. A descrição , por sua vez, precisa ser colocada em inglês, pois quando o conselho estiver analisando seu pedido de budget e/ou swag vai precisar entender melhor o evento e saber qual a importância do seu pedido. É aconselhável não poupar detalhes na descrição para garantir que o conselho entenda a importância do evento.

Link externo: Logo abaixo da descrição fica o campo para colocação do endereço do site do evento. Também é altamente recomendado preencher este campo.

Data de início e finalização do evento: Os campos de data abaixo do link são utilizados para indicar o início e término do evento. Confira se você escolheu o fuso horário correto para o seu evento.

Informações adicionais: Este espaço serve para que sejam colocadas informações relevantes em relação ao evento. Exemplos de uso seriam justificativas da importância da presença da Mozilla no evento ou ainda informações sobre tipo de público, palestras, atrações, etc. Para facilitar a visualização das informações, pode-se utilizar sinais de marcação Markdown.

Endereço: No canto superior direito da página é preciso indicar o endereço do local de realização do evento. Essa informação também é muito importante para que os participantes consigam chegar ao evento mesmo sem contato com você. Na opção “Point venue in map” é preciso marcar as coordenadas do local através de um mapa. Para isso, navegue até o local no mapa e dê um clique na área onde o evento será realizado, após isso, basta clicar em “Use these geo-coordinates”.

Organização e audiência estimada: Essas duas informações são muito importantes para uma análise de patrocínio ou então para documentar a importância do evento para a Mozilla. Marque o checkbox se alguém da Mozilla (isso inclui você :D) for o principal organizador do evento (ex: MozCoffe, L10N Sprint, Apps Day, etc), e após isso selecione a quantidade de pessoas que você espera que participem do evento.

Planning pad: Para facilitar a organização e a comunicação entre os organizadores, essa opção serve para que seja referenciado o etherpad onde estão os planos para o evento. Muito importante para evitar perda ou duplicação de informações.

Event Hashtag: Serve para rastrear fotos publicadas no Flickr ou menções no Twitter. Muito importante para medição da repercussão do evento na Web e facilitar a busca por opiniões e fotos tiradas pelos participantes. Lembre-se: é muito importante divulgar a hashtag do evento durante sua realização e conseguir o máximo possível de barulho na Web :)

Categoria: Utilizada para facilitar buscas na página de eventos.

Swag e budget request: Nestes campos insira os números dos bugs que contém seus pedidos de swag e budget para o evento.

Métricas: Decisivas para medição do sucesso do seu evento e para aceitação ou negação dos pedidos de budget e swag. Utilize sempre métricas verdadeiras e de fácil medição antes e depois do evento. Alguns exemplos poderiam ser:

  • Pessoas inscritas no evento;
  • Submissões na página “Envolva-se”;
  • Cobertura na imprensa (blogs, jornais, revistas, etc);
  • Compartilhamentos e publicações nas redes sociais;
  • Comentários em seu site ou blog;
  • Número de documentos traduzidos (L10N Sprint);
  • Número de apps submetidos (Apps Day);

Alguns recursos muito úteis são liberados quando você cria o evento, são eles:

I will attend this event: Essa opção permite que os Reps que forem participar do evento sinalizem isso no portal, e assim, o evento é automaticamente adicionado ao relatório mensal de atividades de cada Rep.

Mail attendees: Opção que permite enviar um e-mail para todos os Reps que marcaram a opção descrita acima.

Get Involved Form: Com este recurso o Rep gera uma cópia da página “Envolva-se” específica para o evento, e assim, pode rastrear quantas pessoas conseguiu “recrutar” com sua participação. Cada vez que alguém submete um pedido de contribuição pela página, o contador de submissões aumenta.

Além de todos esses recursos, a Mozilla ainda disponibiliza uma série de materiais para a divulgação do seu evento. Confira todos na seção Events Toolkit desta página.

Agora bora organizar eventos por esse Brasil \o/

 

 

 

 

O texto Dicas para adicionar um evento no portal dos Mozilla Reps foi publicado em Marcelo Araldi.

Movimento Mozilla – UNAERP – Campus Guarujá

1

O Movimento Mozilla é uma ação regional voltada para o esclarecimento da
comunidade da Baixada Santista em geral a respeito do software livre,
open web e como a Mozilla, por meio de sua filosofia e seus produtos,
trabalha para que esses ideais continuem relevantes e cada vez mais
presentes no dia-a-dia para todos os usuários de tecnologia.

Sendo uma ação regional, o Movimento Mozilla não é apenas um único
evento, mas uma série de diferentes eventos que ocorrerão em diversos
lugares da Baixada Santista. Isso firma o compromisso dos organizadores
de atingir o máximo de público possível durante a existência do projeto,
com conteúdo diversificado e de qualidade.

Então, é com grande prazer que anunciamos o primeiro evento dessa ação:
Movimento Mozilla na UNAERP Campus Guarujá. No dia 11 de maio de 2013,
das 10h às 16h15, a Universidade abrirá suas portas para todos os
interessados em conhecer, aprimorar e compartilhar seus conhecimentos
sobre tecnologias livres e entender como isso pode melhorar não só o
nosso uso de tecnologia, mas também a nossa interação cultural e social
com todos ao nosso redor.

O evento contará com palestras, intervalos para o café e bate-papo e
algumas participações especiais. Confira abaixo a programação:

10h00 – Abertura;

10h30 – Palestra: Comunicação, colaboratividade e a Mozilla, por Diego
Souza “Apu” e Paulo “Kretcheu”;

11h40 – Palestra: Webmaker, por Ricardo Pontes “Chuck”;

12h40 – Coffeebreak;

13h10 – Hello from Mark Surman, Mozilla Executive Director;

13h25 – Palestra: TelaSocial, por Marcio Galli;

14h35 – Palestra: Firefox OS, por Fábio Magnoni e Clauber Stipkovic;

15h45 – Vídeo Conferência: How Free and Open Source Software transformed my life, por Jon “maddog” Hall, Linux International Executive Director;

16h15 – + coffeebreak e fim do evento;

Link da inscrição para as atividades: http://va.mu/cT55
Ache o local no Google Maps: http://va.mu/cT59
Nos vemos lá! =D

15 anos de uma web melhor

15 years of a better web

E a Mozilla completou 15 anos :-)

Esta semana estamos comemorando o 15 º aniversário da Mozilla. Como você pode nos ajudar a comemorar 15 anos de uma Web melhor?

Leia mais sobre isso
Confira em https://www.mozilla.org/pt-BR/contribute/ os 15 fatos sobre a Mozilla, as nossas maiores metas e como você pode participar do projeto Mozilla. Você também pode ler as reflexões próprias da Mitchell Baker sobre os últimos 15 anos.

Confira abaixo o post em inglês:

This week we’re celebrating Mozilla’s 15th anniversary.  How can you help us commemorate 15 years of a better Web?

Read about it
Check out www.mozilla.org/contribute to read 15 facts about Mozilla, our biggest milestones and how you can join the Mozilla project. You can also read Mitchell Baker’s own reflections on the past 15 years and a look ahead to what’s next for Mozilla. Go here for a more in-depth look at the history of Mozilla and our 1998 origin.

Tweet your #Webstory
Starting today, the @Firefox and @Mozilla Twitter accounts will be telling our #Webstory by posting 15 facts about Mozilla. We invite you to join in and tell your own #Webstory, too. Give us a tweet, an image or a video about how you’ve contributed to 15 years of Mozilla, what Mozilla and Firefox mean to you, or a memorable moment you’ve had on the Web. Be sure to post on Twitter with the hashtag #webstory. We’ll be retweeting and responding throughout the day.

Make your #Webstory
Tell your own #Webstory with one of our Webmaker projects. Make a list of your own 15 favorite things about the Web, or make a video telling us about your first experience with the Web, and what you want it to look like 15 years from now.

Thank you to everyone who’s helped us make the Web better along the way. The success of our mission depends on participation from people like you. Find out how you can get involved or support Mozilla to help make a difference in the lives of users everywhere for the next 15 years – and beyond.

(fonte: Mozilla’s blog)

Eu me orgulho de ter feito parte dessa história. Espero continuar ajudando por mais 15 anos :-)

Let’s rock!!!
The web is the platform \o/

Apresentação do Webmaker da Mozilla no Seminário Nacional de Inclusão Digital

Palestra Webmaker UPF

Você já ouviu falar no projeto Webmaker, da Fundação Mozilla?

O Webmaker foi criado pela Mozilla para incentivar as pessoas a aprenderem programação Web, para que deixem de ser apenas consumidores e passem a ser criadores de conteúdo. Além de ferramentas que facilitam o aprendizado de programação, a Mozilla também dá suporte à oficinas ao redor do mundo inteiro com voluntários e profissionais no assunto. Quer saber mais sobre como a Mozilla vai criar uma geração de pessoas que constroem a Web e até organizar um evento na sua região?

Assista a palestra “A Web feita por você”, dos representantes da Mozilla Marcelo Araldi, Maurício Araldi, Fernando Vargas e Tales Farias, durante o Seminário Nacional de Inclusão Digital, na Universidade de Passo Fundo. A pré-inscrição pode ser feita neste formulário. São só 200 lugares, então corre, vivente!

 

O texto Apresentação do Webmaker da Mozilla no Seminário Nacional de Inclusão Digital foi publicado em Marcelo Araldi.