MozFest 2015: pathfinding, coffee and Web stuff

MozFest 2015 group photo

So it was that awesome part of the year again, the one time we all wait for, Mozilla Festival time! This was my second time being a part of this amazing event (you can read more about my first encounter with it here) and this time I was a pathfinder there.

There were 1700 attendees at the event and I have the firm belief that if you pick a group of 20 random people there and asked them what is the Mozilla Festival you'd receive 20 different answers. There will be a common theme to the answers though which is the creative nature of the event.

Mozilla's annual, hands-on festival (affectionately known as MozFest) is dedicated to forging the future of the open Web.

MozFest is a celebration of creativity, the Web and the people who ♡ it. It is the culmination of our motto of a Web made by users for users and a place where you can learn, explore and create new things and boldly take your Web stuff to places no one though sane before!

The famous tree

This event is not like you usual tech convening. MozFest is a practical event where instead of being passive watching someone talk, people engage in practical activities exploring new ideas, prototypes and connecting to other awesome people. Roughly one in three people were there as facilitators meaning they were there to help others. There were sessions about basically everything, from scaling a program such as the Mozilla TechSpeakers to learning how to play the musical instrument known as Pandeiro which is a frame drum from Brazil. The Mozilla Festival will have something for everyone.

Read More →

Nov 15 2015

A Simple Way to Plan a Club Meeting

In this post we'll share how we organize our meetings here at the Rio Mozilla Club, you can use, remix and adapt this to your own setting.

We have two types of activities going on during one of our club meetings.

  • Micro-activities: these are quite simple and only require a flip-chart, sharpie pens or similar and post-it notes. They usually take about 5 minutes to complete.
  • Activities: these are the same activities you find at the Web Literacy Basics curriculum. Most activities take about 1 hour to complete.

In our events we tend to do a little roller-coaster ride oscillating between micro-activities and full activities to keep the rythim cool.

Read More →

Sep 9 2015

Why Teach The Web?

Digital Inclusion

There is a lot of talk about digital inclusion in Brazil and in general people are supportive about it but we don't always stop to think about why it is important. There are those that think that digital inclusion is only a way to add value to your resumé so to become a more interesting hire, I disagree with this notion because I believe that digital inclusion goes way beyond professional opportunities.

For a real digital inclusion we need to talk about a bit about web literacy. In Portuguese we have two distinct concepts to use when talking about literacy. We call alphabetization the techniques of reading and writing and literacy the social practice involving those techniques. Someone who is alphabetized might not have literacy the same way an knowledgeable person might not be wise. The current web situation is similar to an old epoch when alphabetization was not wide spread and literacy was even less accessible. A time where scribes had domain over technique and common folk where unable to preserve their voices to future generations. The great majority of people experience a disconnected situation regarding their web usage, they are able to use part of the web but are unable to truly understand what is happening behind the scenes and they do not possess the techniques to put their own creations online.

The Web is the only mass communication media where the public is able to distribute their own content.

While on TV, radio and press, the democratic and accessible distribution of content is not possible. On the Web such distribution is a cybercafe away. Even without your own computer, you can still interact and benefit from the Web from libraries, schools and cybercafes. Teaching people how to use the Web both as readers and content producers is an essential factor for participation in the 21st century. Imagine living in a world where people knew how to read but only 10% of the people knew how to write. This is the kind of world we live now regarding Web usage. Knowing the basics about writing is important even if you don't have aspirations of becoming a bestseller author immortalized in classic collections for the next couple centuries. In this brief article we'll talk a bit about some interesting consequences of web literacy.

Read More →

Jun 17 2015

Playing well with others

My previous post about WhatsApp Web Client generated a lot of feedback and polarizing opinions. From all the comments I've received since then there was a point of view expressed by a minority that worried me a lot: some people seem to believe that releasing something only for Google Chrome is the correct thing to do and that is one of the topics I plan to address with this post.

Many who were not web designers or web heavy users during the 90s don't recall the horrible experiences that were common back them. Stuff such as designed for Internet Explorer and best viewed in 800x600 in Internet Explorer, on a Sunday, in the northern hemisphere, while closing one eye and wearing a funny hat (well this last one was not that common).

Lots of websites back then were designed exclusively for a single browser and made use of non-standard technologies such as ActiveX and others. It was like the wild west but with cities not communicating with one another.

It was not until Mozilla decided to fight monoculture that standards started gaining more importance but thats another tale. The tale today is about monocultures and the horrors that spawn from it.

Read More →

Jan 24 2015

WhatsApp doesn't understand the web

Today WhatsApp launched their web client in a way that is sure to upset and disappoint a lot of people. WhatsApp is a very popular instant message solution competing on the same market as LINE, Telegram and others. Here in Brazil WhatsApp is basically ubiquitous since its cheaper to send IM messages than to send SMS.

Unfortunately while other companies embrace the web and third party clients such as Telegram which has a list of official and unofficial clients and a public API, WhatsApp is actively waging war against third-party developers and their users. Last year they issued DMCA takedowns to all popular Github repositories hosting third-party clients and/or libraries interfacing with their API.

WhatsApp provides clients for many platforms but not for all platforms. Users of webOS, Firefox OS, Maemo, Sailfish, Ubuntu Touch had to use third-party libraries and also users of other platforms where there is an official client preferred using a third-party client because of many reasons.

After the takedowns, WhatsApp started banning users that connected to their network using third-party client, a move so evil that deserves a post in its own and the reason I stopped using their service. Since the takedowns and the banishments people waited for the release of a web client that would enable other platforms to use their service thru the beautiful of the world wide web.

Well, they finally launched their web offerring but its such a poor offerring that one wonders if anyone at WhatsApp actually understand the power behind the web. Lets analyse some parts of their launch post from their company blog:

To connect your web browser to your WhatsApp client, simply open in your Google Chrome browser. You will see a QR code --- scan the code inside of WhatsApp, and you’re ready to go. You have now paired WhatsApp on your phone with the WhatsApp web client. Your phone needs to stay connected to the internet for our web client to work, and please make sure to install the latest version of WhatsApp on your phone. Unfortunately for now, we will not be able to provide web client to our iOS users due to Apple platform limitations.

I added some emphasis to the quote above. Lets count their mistakes:

Read More →

Jan 21 2015

The web will be televised


The past few days we've seen lots of news regarding the current trends in SmartTV platforms. CES coverage is bringing in a lot of new tendencies and I'd like to talk a bit about the current convergence I see happening in the market.

#It all starts with LG webOS

webOS TV

LG rocked the world when it shipped webOS on SmartTVs. With the objective of making TVs simple again without reducing features or restricting potential. The LG webOS SmartTVs are a joy to use both as an end user and as a developer.

webOS has a rich history and legacy. It influenced the current mobile operating systems much more than people usually give credit for. This legacy of shaping the industry can be felt again in the SmartTV ecosystem. webOS pioneered the idea that mobile apps could be built using web technologies and while SmartTVs are a bit less mobile than smartphones they still share the foundation technologies with its older siblings from HP webOS and Palm webOS.


Apps for webOS TVs are built using the webOS SDK and web applications are a first class citizen in the system. The apps are built with good old Apache Cordova. The most impressive part of the SDK is the EnyoJS Framework which is able to build cross-platform apps that goes from Smartphones to SmartTVs with ease. The moonstone UI library for Enyo was created specifically for SmartTVs and the spotlight library allows easy navigation and input using different types of TV remote. It becomes much easier to deploy apps on TVs once you have a ready to use UI and input library.

LG with the killer combo of webOS + Enyo based apps raised the bar for the competing platforms. Finally building applications for a SmartTV was as easy as developing web pages.


#Then it becomes open with Firefox OS

Blaze your own path

The new mobile operating system by Mozilla brought a refreshing openness and power to the mobile operating system ecosystem. Smartphones with Firefox OS have been released in 29 countries are able to run in devices with specs as low as 128 MB of RAM. The new system is the only mobile operating system in the world that is developed in the open. And before you start shouting Android remember that even though most of the Android versions had their source released at some point in time, some did not. Also Android is not developed in the open, you can't go to a roadmap or issue tracker and start contributing to the next release (or help shape it by adding new features).

Firefox OS is developed in plain sight. Anyone can fetch the source tree and help make the system what they want it to be. All the roadmap and all the source for all the system, built-in apps and backend services are published. Contribution is encouraged and lots of partners already jumped in. The promise of an open operating system with no strings attached and full source code is very appealing to hardware developers.

Read More →

Jan 7 2015

Creating EnyoJS apps with Yeoman

EnyoJS Logo

What is Enyo JS

Enyo JS is a framework for building native-quality HTML5 apps that run everywhere! It begun its life in HP webOS (my favorite system ever) and was released as an open source project in the aftermath of the fiasco.

What is known as Enyo 1.0 is tied closely to webOS (a.k.a. a webkit based system). The Enyo team decided that with the open source release they should rewrite Enyo from the scratch to be compatible with other systems thus Enyo 2.x was born.

The current release is Enyo JS 2.4.0 and it is a gorgeous release sporting bindings, mvc, components, and more.

I will write more about Enyo JS as soon as I can but lets try to give you readers a glimpse of what it is all about.

Enyo is about components. Its about building reusable/shareable code into self contained components that may contain other components. Your app is a collection of these components structured in a elegant way.

I could go on for hours on why Enyo is a very elegant system but let me just give you one reason: Enyo JS core libraries and components are built in Enyo JS so if you know how to use the framework you can debug it, also if you read the framework source code you become a better Enyo coder.

You can check A Tour of Enyo to get a quick look at its features

There is a quick tutorial available at github wiki for enyojs/enyo and its very easy to follow.

Read More →

Dec 31 2014

A Free Agent at MozFest 2014


It has been some days since I've been back from the amazing Mozilla Festival and its time to post about all the amazing things I've seen and done over there. This event was probably the most engaging "tech" event I've ever been. The whole mindset of sessions and facilitators is something that we should replicate all around the globe. In my humble opinion this event represents the best of the Mozilla mission and spirit and in these brief words I will try to explain a bit of my wonderful experience over there.

A Free Agent (or being a bit lost)

I am a Mozilla Rep and love working on Web related stuff. I've been to many events around the globe but this was my first MozFest. This event is very different than all other events I've been to and part of my experience was shapped by how I got there.

MozReps making their scary face

There was an application form for Mozilla Reps that were interested in going to the event. I've filled it. There was also a public call for sessions and I've submit my proposal about teching how to run Mozilla Appmaker on a Raspberry Pi. My session was reject but my trip was approved. So in essence, I was going but I had no idea what I was going to do there.

Read More →

Nov 2 2014

A new FirefoxOS book about Game Development

Book Cover

A new book focused on Game Development

I am almost reaching the point where I can almost release the book. My idea is to release it as an early unfinished preview and allow readers to send feedback and enjoy it while I am still building it.

The Google Summer of Code is all about open source creations and its my belief that open source should also be open development so by releasing this book in early form I am able to invite you all to contribute to it.

Read More →

Jun 25 2014

Some toughts regarding the Firefox OS Tablet Keyboard

In this brief article I will expose my impressions about the keyboard used in the current Firefox OS version used in tablets. Please be aware that these tablets are reference designs used to improve Firefox OS in tablet form factor. What we see and discuss here is not what the final product will be.

This article is for the benefit of the Tablet Contribution Program run by Mozilla. This project aims to improve Firefox OS for tablet usage. An initial run of reference designs were seeded to many contributors who are bringing back improvements.

Since we're Mozilla, we do everything in the open and thats why this article is published here and not on some private walled garden.

Read More →

Jun 3 2014

Let the Games Begin! (or GSOC 2014 starts)

Playful Red Pandas

I've been accepted in Google Summer of Code 2014 as a student working with Mozilla.

My project (that can be seen here) is about creating game samples, an ebook and some reusable libraries to aid game developers working with Firefox OS.

My mentor is Soledad Penadés who is fantastic and builds awesome stuff at Mozilla. Check out her creations at 5013. I am pretty happy with this match because I will learn tons of stuff. :-)

Why games?

Games count for 50% of the app usage on mobile devices. Let that sink for a bit... Of all app categories, games count for half of the usage and all the other types of app share the remaining fifty percent. Games are so important that many developers distinguish between games and non-games application as being from different realms. No one places spreadsheets app and project management apps in different realms but people think of games as something so broad, so large, that it deserves its own category.

If games are so important for mobile platforms then it makes sense that we have great tools and documentation to aid new developers in becoming game developers. The fact is that even though we do have lots of documentation, it is all spread multiple MDN pages and wiki links and personal blogs. We lack a comprehensive collection of knowledge that can be easily followed, understood and shared by new developers.

If a game developer wants to learn something about Firefox OS itself then he can just browse MDN Game Development Zone for the information he needs. New developers that want to become game developers have no easy path to follow.

To solve this we're going to build a set of resources that when used together will teach new developers how to develop 2D casual games for Firefox OS.

Lets see what we're going to build...

Read More →

May 28 2014

Thinking about EME/DRM

I think people on the interwebs are confusing the smoke for the fire.

For those that haven't read how the new EME/DRM stuff will work: Firefox will have a sandbox to run the binary blob. The blob will not come installed on Firefox. The blob will not have access to the hardware or be able to fingerprint you. The sandbox is open source and can be compiled separate from Firefox so that people who want to make sure their sandbox has not been tampered by NSA/MAFIAA will be able to do so.

If you don't use services that use DRM such as Netflix, Hulu and Amazon then your Firefox will still be free from the evil binary DRM blob. If you decide to utilize such services then you authorize (explicit user action, like press a button and there is a message) the installation of the binary blob at the time you try to use the said services.

"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

If you're among the group that is against DRM on the web then instead of going into flamewars and hatred about Firefox having the EME spec you should just stop using DRM enabled services and show them where your convictions are. If on the other hand you want to consume said content then you will have the only open source sandbox that protects you agains hardware access and fingerprinting. Firefox still the best alternative even with EME/DRM.

Read More →

May 14 2014

Mozilla at Campus Party Brasil 2014

Mozilla at Campus Party

This year we took 15 people (Volunteers + Staff) to Campus Party Brasil which is probably the largest tech event/gathering in the world with eight thousand people camping at the venue and an unknown number of people floating at the expo area. Even though this event was organized at the nick of time, it was one of our best events ever. We had numerous activities planed among them 3 talks at the normal schedule (a.k.a. during the day), 5 talks during community schedules (a.k.a. so late it is almost day again), 1 workshop and 1 hackathon.

These activities were all great but they were not our main mission at Campus Party for we had a secret plan in our mind...

Read More →

Feb 9 2014

Help Save Torresminho the Cat

Torresminho Looking Sharp

Once upon a time, there was a frightened and skinny cat named Torresminho, because he raised himself at Noronha Torrezão street, who decided one day to help an SUV driver and change the tire of a moving car.

It didn't work. The driver, mad with the bad service drove away never looking back.

Uncle Andre and Aunt Lili who were passing by rescued what was left of the crying-half-broken kitten and drove quickly to the vet clinic.

Even though we can rebuild him, we have the technology we can't actually afford to pay the surgeries and treatment that he needs. Thats why we need your help to make sure this story has a happy ending.

What Actually Happened

Torresminho after rescue

Now in plain half-decent English: We were driving back home when we saw a little kitten lying down resting in the middle of the road. We managed not to hit him and stopped our car to rescue to little clueless cat. Lili, my wife, waved the car behind us that she was going to grab the cat. The car was an SUV that was far enough to stop or dodge our group. They never changed course and hit the 45 days old kitten. The driver never stopped, just drove away.

We picked the bloodied broken cat and drove to Pet & Vet clinic where he is undergoing treatment.

The Initial Crowdfunding Campaign

As soon as we rescued him and placed him under the care of the clinic we started a crowdfunding campaign to help treat him but we were naive in how much it would cost and we asked for way less money than we needed. Our initial campaign is already closed and we got 110% of our target which was close to USD 400. This was enough to pay for the first three days of treatment and the initial exams.

That first campaign got us about USD 400 but by the end of the week we had already spent close to USD 500. The costs started piling up and thats why we're making this page and a new appeal.

The State of Torresminho

Torresminho UTI

After many exams (X Ray, Ultrasound) we learn that Torresminho is OK inside (aka no broken internal organs) but his hips, left femur and front left leg are broken. Basically his left side and hips are a mess.

The first X Rays of Torresminho displays a Cat so broken that would not be willing to move but the reality is a bit different. Torresminho stands up and tries to walk, he loves to play and is in constant look for food and being pet. He purrs at the mere sight of us and one of the mostly friendly cat we've ever seen. Our little needy playful friend looks pretty sharp and we want him to heal completely.

Our whishes to see Torresminho treatment complete means that he needs to undergo surgery to fix his femur, Torresminho will become a hero to all cats because he is going full cyborg with some tiny metal plates. He could even pose as a pro bike racer or something after surgery. If we don't go to surgery, he'll limp, probably not be able to jump and one of his legs will be on an L shape like a Picasso painting. We'd like the Cyborg version better than the Picasso version. Unfortunately the surgery costs about USD 800 and we can't afford it.

Torresminho Needs You!!!

Torresminho Awwwnnn

Me and Lili are doing all we can do for Torresminho but we simply don't have enough money. To paint a clear picture into your mind, while I was writing this post, the cable TV guy came here to pick the Sky STB because we're canceling the cable TV to cut costs. If we're cutting cable, imagine how hard it is for us to pay for his treatment.

You can help Torresminho by donating money using the PayPal button below. If you can't contribute in a financial form to help this gorgeous sweet kitten then at least force all your friends and enemies to do it.

PayPal accepts all major credit cards. Help us help Torresminho. He already lost 3 lives by being hit by an SUV and surviving. He needs your help not to lose the few remaining lives he has.

Andre & Lili

PS: Whoever wants an update or see exam results from Torresminho can get them by sending me an email at

Read More →

Feb 3 2014

DB Lib Goes Open Source with GPL

DB Lib is a minimalistic database library for LiveCode that works on Desktop and Mobile and allows you to build database-savvy apps without writing SQL directly. For example consider the following code:

dbWhere "country", "Brazil"
put dbGet("contacts") into tDataA
set the dgdata of control "contacts" to tDataA

It picks all records from the contacts table that have the country field equals to Brazil and set a datagrid to it. It's very easy to use. A more involved example:

on mouseUp
   -- assemble array
   put dbCardToArray("contacts") into tDataA

   -- check if we're adding a new record
   -- or updating an existing one.
   -- this check depends on the record id being present.
   if field "id" is empty then
      get dbInsert("contacts", tDataA)
      if it is not a number then
         answer error it
         answer "New Record Saved"
      end if
      go card "contact list"
      dbWhere "id", field "id"
      get dbUpdate("contacts", tDataA)
      if  it is not a number then
         answer error it
         answer "Record Updated"
      end if
      go card "contact list"
   end if
end mouseUp

In this code first we pick the data from a card using dbCardToArray(), a function that magically picks data from fields, buttons and other controls, and assemble an array that is used to insert or update a given record depending on the presence of an id field.

This is just a quick glimpse of what you can do with DB Lib. It is basically a ORM for LiveCode.

Read More →

Nov 24 2013

A simple publisher/subscriber library for LiveCode

This is a simple library I made to use in a game we're making where we needed a way for objects to interact with each other without hard coded object references. This pattern is known as the publisher/subscriber pattern or the observer pattern.

In this pattern objects can register themselves as listeners for specific events. Once an object triggers an event, all objects that we're listening for such event will receive a callback message. You can use this pattern to allow controls to react to events in your program without the need to hard code dispatch/send messages. A good example is a progress bar that listens for a message that is triggered by a download operation. The download routine would trigger this message without the knowledge of the progress bar, it is just broadcasting it like: "hey, I am downloading something" and the progress bar will listen for this broadcast and react to it. The code could be like:

on openCard
  put the long id of scrollbar "progress" into tTarget
  addEventListener "downloadProgress", "downloadProgressCallback", tTarget

  libURLSetStatusCallback "urlstatus"

  load URL myURL with message "downloadComplete"
end openCard

on urlstatus pURL, pStatus
  switch item 1 of pStatus
  case "loading"
    put 0 into tDataA["start"]
    put item 3 of pStatus into tDataA["end"]
    put item 2 of pStatus into tDataA["progress"]
    trigger "downloadProgress", tDataA
  end switch
end urlstatus

on downloadComplete
  ## this is just cosmetic to guarantee that
  ## the progress bar goes to 100% once the download
  ## is completed.

  put 0 into tDataA["start"]
  put 100 tDataA["end"]
  put 100 into tDataA["progress"]
  trigger "downloadProgress", tDataA
end downloadComplete

In the given scrollbar script:

on downloadProgressCallback pDataA
  set the startValue of me to pDataA["start"]
  set the endValue of me to pDataA["end"]
  set the thumbpos of me to pDataA["progress"]
end downloadProgressCallback

This way we can change the UI that reacts to the download without touching the urlstatus message implementation. We could have many controls listening for the downloadProgress event. Also check out how both the urlstatus message and the downloadComplete message trigger the downloadProgress event. None of these messages have any prior knowledge of whom is receiving this event and nothing is hardcoded.

Using such patterns, you can decouple your user interface from the inner workings of your application easier than before. In our little game we have stuff such as objects broadcasting events like "exploded" and "died" so that other objects can react. Since in games you tend to create and destroy objects at runtime a lot, this library makes our life easier.

This library is released in the public domain. Use it as you see fit, can't sue me. To download this library, use the link on the sidebar (or link below if you're using a mobile device).

Read More →

Nov 24 2013

A brand new site

Welcome to my brand new site. Even tough I liked my previous system, I decided that it was no longer fit for my current work. My previous site was built on the early days of LiveCode server using a mix of RevIgniter and RevSpark frameworks. That site served me well for the best part of five years but the architecture I built was showing its age.

My previous site was built with a beautiful template but was not responsive and most of my current work deals with HTML5 and responsive web. Even though no one complained, I felt bad about selling mobile web sites and having a site that would not offer a good experience on smartphones or tablets. Then, a holiday came and I decided that labor day was a good day to build a new website for the next five years.

I decided to use DocPad which is a beautiful static page generator built on top of NodeJS. Even though I don't know much CoffeeScript I was able to patch the system and add the features I wanted. With a bit more than a days work, my site was running and I was ready to move my legacy content.

The new architecture

The new site is built using DocPad and the new pages are written in Markdown. DocPad generates all the static files and I upload them to the server using rsync. Since the site is no longer dynamic, I don't worry about performance.

The new layout is based on Twitter Bootstrap and is responsive. I can browse my website using my Geeksphone Keon running Firefox OS or my Android tablet running Firefox Aurora. My site has no admin interface so I don't worry about hackers exploiting the newest Wordpress zero-day or anything like that. In the end it is a new system that gets out of my way so that I can create new content with ease. I am very thankful to Benjamin Lupton for creating and releasing DocPad. It is a wonderful new tool for my work.

What about the legacy content

Some readers may be worried that I am leaving LiveCode. Don't be! I have firm roots in the LiveCode community and will keep providing my tools and developing new things. I still think that LiveCode is the best tool for creating Desktop cross-platform software fast and with a great ROI. The new LiveCode Community Edition is a dream come true. I plan to keep using LiveCode for a long time.

I ported some of my legacy content to the new site but not all of it. Some pages had outdated information that is no longer relevant to the current state of LiveCode. Among the ported content are all my current LiveCode commercial and open source projects.

The future

I am now a Mozilla Rep and am working closely with the Brazilian Mozilla Community to spread Firefox OS. Most of my current work is mobile web related and I spent my days inside HTML5/CSS/JS acronyms. So far it has been a wonderful ride and developing for Firefox OS is very fun and productive. I am looking forward to more volunteer work in conferences and gatherings. Soon my little mobile apps will be flocking the Firefox Marketplace.

I hope you all enjoy the new site. It will be more updated than the old one, mostly because its a much more interesting time to live on with all these new platforms and technologies emerging. Stay tunned for updates and send any feedback to my email

Read More →

Nov 24 2013
back to top