Make something real for Firefox OS with Mozilla app templates

•

0 likes•1,267 views

The document discusses building apps for Firefox OS using Mozilla app templates. It describes emulating Firefox OS, available tools for app development including X-Tags building blocks, pre-app submission steps, and templates for a standard app stub, 2D game, and server app. Templates include necessary components and are aimed to allow building a basic app in a day. The document encourages attendees to use the templates to build their own awesome Firefox OS apps.

@TOFUMATT AND @ZALUN

Wednesday, 12 September 12 3

MAKE SOMETHING REAL
FOR FIREFOX OS WITH
MOZILLA APP TEMPLATES

Wednesday, 12 September 12 4

FIRST,
we’ll need a phone

Wednesday, 12 September 12 5

EMULATING FIREFOX OS

• Download and install B2G emulator (95MB)

• Checkout gaia project (200MB)

• Create proﬁle (50MB)

• Run $> b2g -proﬁle /Users/{user}/gaia/proﬁle

Wednesday, 12 September 12 6

B2G + GAIA

Wednesday, 12 September 12 7

STANDARD WEBDEV TOOLS
MAKE USE OF THEM

Wednesday, 12 September 12 8

RESPONSIVE VIEW

Wednesday, 12 September 12 11

WEB CONSOLE

Wednesday, 12 September 12 12

JSFIDDLE DRAFT FEATURE

Wednesday, 12 September 12 13

X-TAGS:
BUILDING
BLOCKS

Wednesday, 12 September 12 14

X-TAGS
• ﬂipbox
• accordion • select-list
• grid-list
• actionbar • shiftbox
• index-scroller
• alert-popup • slidebox
• list-view
• autosuggest • slider
• map
• date-time-picker • tabbox
• mediaquery
• dialog-prompt • time-picker-analog
• modal
• dialog-toast • toggle-switch
• overlay
• dragbox • toggler
• pager
• dropdown-menu • search-list
• panel

Wednesday, 12 September 12 15

MANY OTHER TOOLS...

Wednesday, 12 September 12 16

PRE-APP SUBMISSION

• Write your app

• Create Manifest
check it on http://appmanifest.org

• Host the app somewhere
for github $> volo ghdeploy

Wednesday, 12 September 12 17

http://marketplace.mozilla.org/developers

Wednesday, 12 September 12 18

IN STORE!

Wednesday, 12 September 12 19

OK, SO HOW DO I BUILD IT?!

Wednesday, 12 September 12 20

WE’VE THOUGHT OF THAT

Wednesday, 12 September 12 21

MANY MOVING PARTS

Wednesday, 12 September 12 23

• Payment API
• Appcache and web app manifests
• iOS Compatibility
• Asset management
• Modular JavaScript
• Responsive design
• App-speciﬁc libraries
• Server to host an app
• Kitchen sink?
• Gaming template

Wednesday, 12 September 12 24

APP TEMPLATES

Wednesday, 12 September 12 26

• Standard App Stub

• 2D Game Template

• Server Template

Wednesday, 12 September 12 27

APP STUB

• Appcache (App
works oﬄine)

• iOS, FirefoxOS, etc.

• Responsive Design

• Works with volo

Wednesday, 12 September 12 28

WEBGAMESTUB

• Animation Loop

• Canvas + JS

• Desktop + Mobile

• Keyboard, Mouse, and
Gamepad

Wednesday, 12 September 12 29

SUTTHISAN สุทธิสาร

• node.js + express

• Common use cases

• Deploy on Heroku

• Includes App Stub

Wednesday, 12 September 12 30

VOLO
Web app package and deploy management

Wednesday, 12 September 12 31

VOLO
It does all this awesome stuﬀ OMG!!!1♥♥♥

Wednesday, 12 September 12 32

ONE-STEP DEPLOY

Wednesday, 12 September 12 33

COMPRESS ASSETS

Wednesday, 12 September 12 34

CREATE MANIFESTS

Wednesday, 12 September 12 35

SHOW ME THE MONEY

Wednesday, 12 September 12 36

MUCH COOLER

Wednesday, 12 September 12 38

NOT JUST GAMES

Wednesday, 12 September 12 39

BUILT IN
A DAY

Wednesday, 12 September 12 40

TELEPONG
Two contributors in one afternoon

Wednesday, 12 September 12 41

YOU CAN DO THIS

Wednesday, 12 September 12 42

NOW GO MAKE
AWESOME APPS!

Wednesday, 12 September 12 43

QUESTIONS?

Wednesday, 12 September 12 44

THANKS!
http://tinyurl.com/mozcamp-apps

Wednesday, 12 September 12 45

This document discusses the development of a website for an electronic music festival called ILoveTechno. It describes several companies that will be involved in the development, including their roles. It also outlines many of the key features that will be implemented for the site, such as a music player, lineup editor, Flash integration, dynamic content loading, and others. Technical aspects like PHP, JavaScript, and communication between Flash, client, and server are examined.

Html5 new sword for interactive app

Yohan Totting

Overcoming Command Line Allergies

Elaine Nelson

How we Learned to Stop Worrying and Solve the Distributed Graph Problem

InfiniteGraph

Using A Distributed Graph Database To Make Sense Of Disparate Data Stores

InfiniteGraph

- The document discusses using a graph database called InfiniteGraph to analyze relationships in disparate data stores and make new connections. - InfiniteGraph allows organizations to store, manage, and query relationships in their data more efficiently than traditional SQL or NoSQL databases. It can be used for applications like logistics, healthcare informatics, market analysis, and social network analysis. - The document provides examples of how InfiniteGraph is used to perform threat analysis on intelligence data and find the cheapest route for transporting cargo between cities by modeling the data as a graph.

2010 09-neo4j-deutsche-telekom

Peter Neubauer

In the Telecommunications sector, there are a lot of complex data sets and problems that are well suited for graph models and the use of graph databases like Neo4j. This talk gives just some ideas on where Neo4j currently is used within the TelCo sector. If you recognize problem areas that you have, don't hesitate to contact me at peter at neotechnology dot com, we are eager to learn more and help!

Data Modeling in Telecoms - GraphConnect NY 2013

Craig Taverner

This document discusses using graph databases like Neo4j for data modeling in telecommunications. It provides examples of how Neo4j can be used to model cellular network topology, geographic spatial indexes, open street map data, user access management, event log correlation, network management and critical infrastructure, and business intelligence and statistics. Neo4j is well suited for these types of models due to its high performance on complex traversals and ability to match the domain model to the database schema.

How to use phone calls and network analysis to identify criminals

Linkurious

The document describes how Atlassian convinced their development team to use the Magnolia CMS. It outlines their previous content management process, issues they faced, a pilot program using Magnolia for 40 pages, a redesign, and eventual adoption of Magnolia for their entire website. Key benefits of Magnolia included support for multiple languages, separation of content and layout, and a staging process.

Replacing Wordpress with Cascade Server (where possible) by Mike Roy

hannonhill

Wordpress is a powerful and ubiquitous tool, but it uses resources and introduces vulnerabilities. Most campuses have several instances of Wordpress running, and they are usually hacked into simple CMS functionality. We'll show you why we end up doing that and how we can set up Cascade Server to adress those needs. For the few situations where Wordpress really is the better tool, we'll give an overview of best practices for using Cascade Server's Wordpress connector while minimizing risk and upkeep costs.

Brand Engagement and the Future of the Interface

Amber Case

Cloud Foundry Bootcamp

Alvaro Videla

The document provides an overview of a Cloud Foundry bootcamp presented by Alvaro Videla. It includes information about the presenter such as his role as a Developer Advocate for Cloud Foundry, his blog and Twitter account. It also outlines the topics that will be covered in the bootcamp, including the basics of how Cloud Foundry works, Micro Cloud Foundry, the capabilities and services offered by Cloud Foundry, and a demo of deploying an application from the command line.

Lanesse meeting Eye amsterdam

Vincent Everts

The document appears to be a presentation about various technology topics given by Vincent Everts. It discusses emerging technologies like electric vehicles, location-based social media, 4G networks, tablets, internet and social media usage statistics. It also covers topics like online collaboration tools, Google AdWords, BYOD policies in companies, and the impact of social media and online tools on business.

Keeping responsive into the future by Chris mills

Codemotion

Chris Mills will go beyond the obvious, looking at what we can do today to adapt our front-ends to different browsing environments, from mobiles and other alternative devices to older browsers we may be called upon to support. You’ll learn some advanced media query and viewport tricks, including a look at @viewport; insights into responsive images: problems, and current solutions; how to provide usable alternatives to older browsers with Modernizr; what other CSS3 modules provide responsive capabilities; and where media queries are going in the future, with CSS4 media queries.

Tech Tools for Meeting Professionals

Midori Connolly

The document discusses a presentation by Midori Connolly and David Kliman about making technology work for the user rather than the other way around. They cover topics like which devices and operating systems users have, how to present with an iPad, apps for managing travel and staying connected, online meeting tools, document collaboration tools, keeping files in the cloud, free communication apps, measuring internet speed, and ensuring wireless security. The presentation aims to provide users with tools and tips for integrating technology effectively.

Multiplatform, Promises and HTML5

C4Media

This document contains a presentation about developing multiplatform mobile applications. It discusses the benefits of using HTML5 for cross-platform development, including code sharing across platforms. However, it also notes some disadvantages of HTML5 like underestimating challenges, varying performance across browsers and devices, and lack of native UI capabilities. The presentation explores options for developing native apps, web apps, and hybrid apps that combine web technologies with native platforms. It emphasizes the importance of considering multiple factors like distribution channels, development approaches, and each platform's varying support for HTML5 features when choosing a development strategy.

living drupal

James Walker

This document summarizes James Walker's experience with Drupal over the past decade, from building his first custom Drupal site in 2002 to his various contributions to the community. It describes how Drupal has changed significantly over the years but remains a powerful open-source CMS with an active, passionate community. The document provides advice on how to survive and thrive with Drupal by accepting its current state, embracing its strengths, and getting involved in the community.

iOS Prototyping with Xcode Storyboards

Kyle Oba

Performance for Product Developers

Matthew Wilkes

This document discusses performance optimization for product developers building add-ons for Plone. It recommends using tools like plone.app.caching, Dexterity instead of Archetypes, and OOBTree for data structures to improve performance. It emphasizes testing caching functionality and providing rulesets to make caching easier for integrators. The presenter offers help from the Code Distillery in implementing these techniques.

Adapt and respond: keeping responsive into the future

Chris Mills

Media queries blah blah blah. You've all heard that talk a hundred times, so I won't do that. Instead, I'll go beyond the obvious, looking at what we can do today to adapt our front-ends to different browsing environments, from mobiles and other alternative devices to older browsers we may be called upon to support. You'll learn advanced media query and viewport tricks, including a look at @viewport, Insights into responsive images: problems, and current solutions, providing usable alternatives to older browsers with Modernizr and YepNope, other CSS3 responsive goodness - multi-col, Flexbox, and more, and finally where RWD is going ‚Äî matchMedia, CSS4 media queries, etc.

Migrando do App Engine para o Heroku

Filipe Ximenes

O App Engine (PaaS da Google) foi por algum tempo uma das plataformas mais simples para se começar um produto na web, pela facilidade e abstração que oferece, fazendo com que o desenvolvedor não tenha que se preocupar com dificuldades técnicas normalmente encontradas em outras plataformas do gênero. Nesta palestra, vamos falar sobre porque no Trainee World (http://www.traineeworld.com.br/home) optamos pela migração para o framework Django e o serviço de hosting do Heroku. Quais são as vantagens e desvantagens? Vale a pena?

Node jsworkshop

Sebastian Springer

Ultrapassando o ABC do Scrum

Igor Macaubas

The document is a presentation in Portuguese about agile development practices beyond basic scrum. It discusses how agile development is a system of values rather than just a process, and emphasizes that people are the most important part of the system. It also provides examples of metrics and risk management practices used at the company globo.com to plan projects and monitor sprint performance, including burn down charts and calculating a "backlog ready" forecast. The presentation concludes by promoting job opportunities at globo.com for developers and other roles.

component: ruby gems for the browser

Timothy Oxley

This document discusses component, a package manager for the browser that allows developers to require and use small, focused modules known as components in a similar way to how Ruby gems work. It notes that over 328,000 components are currently available and describes how components can be used by requiring them and calling functions or methods exported by the component. The document argues that an ecosystem of independent components without a monopoly like jQuery could promote more sharing, innovation and an open web.

Firefoxos bcndevcon

Alina Mierlus

The document discusses Firefox OS, which is an open source mobile operating system developed by Mozilla. It aims to bring the open web to mobile devices by allowing apps and customization to be built entirely using HTML5, CSS and JavaScript. The document provides an overview of Firefox OS components like Gonk, Gecko and Gaia. It also discusses technical resources for developing and testing Firefox OS such as the simulator, nightly builds, and web APIs. Finally, it covers writing apps for Firefox OS and distributing them through the Mozilla Marketplace.

Why not to use Rails? (actually it's when not to use Rails)

Arik Fraimovich

The document discusses when to use and not use Ruby on Rails frameworks for web applications. Some key benefits of Rails include its large community, simplicity, and convention over configuration approach. However, it notes that Rails can become slow for large applications or non-web applications. It suggests using Rails carefully as projects grow and considering other options like actor models, JRuby, or TorqueBox that allow for more concurrency. The document wraps up by saying to use Ruby and Rails judiciously while remembering there are other tools available.

100% JS

__lucas

The document discusses strategies for building out a company focused on 100% JavaScript. It addresses hiring priorities, technical stacks, and challenges. For servers, it recommends building microservices with Express and storing data in databases. For mobile, it advocates developing a progressive web app instead of native apps. It also stresses the importance of front-end developers learning backend concepts like asynchronous programming and databases.

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

Alpen-Adria-Universität

FREE A4 Cyber Security Awareness Posters-Social Engineering part 3

Data Hops

Similar to Make something real for Firefox OS with Mozilla app templates

TRNK Presentation

Dennis Reumer

How AngryNerds Convinced Atlassian to Use Magnolia

bkraft

Replacing Wordpress with Cascade Server (where possible) by Mike Roy

hannonhill

Brand Engagement and the Future of the Interface

Amber Case

Cloud Foundry Bootcamp

Alvaro Videla

Lanesse meeting Eye amsterdam

Vincent Everts

Keeping responsive into the future by Chris mills

Codemotion

Tech Tools for Meeting Professionals

Midori Connolly

Multiplatform, Promises and HTML5

C4Media

living drupal

James Walker

iOS Prototyping with Xcode Storyboards

Kyle Oba

Performance for Product Developers

Matthew Wilkes

Adapt and respond: keeping responsive into the future

Chris Mills

Migrando do App Engine para o Heroku

Filipe Ximenes

Node jsworkshop

Sebastian Springer

Ultrapassando o ABC do Scrum

Igor Macaubas

component: ruby gems for the browser

Timothy Oxley

Firefoxos bcndevcon

Alina Mierlus

Why not to use Rails? (actually it's when not to use Rails)

Arik Fraimovich

100% JS

__lucas

Similar to Make something real for Firefox OS with Mozilla app templates (20)

TRNK Presentation

How AngryNerds Convinced Atlassian to Use Magnolia

Replacing Wordpress with Cascade Server (where possible) by Mike Roy

Brand Engagement and the Future of the Interface

Cloud Foundry Bootcamp

Lanesse meeting Eye amsterdam

Keeping responsive into the future by Chris mills

Tech Tools for Meeting Professionals

Multiplatform, Promises and HTML5

living drupal

iOS Prototyping with Xcode Storyboards

Performance for Product Developers

Adapt and respond: keeping responsive into the future

Migrando do App Engine para o Heroku

Node jsworkshop

Ultrapassando o ABC do Scrum

component: ruby gems for the browser

Firefoxos bcndevcon

Why not to use Rails? (actually it's when not to use Rails)

100% JS

Recently uploaded

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

Alpen-Adria-Universität

FREE A4 Cyber Security Awareness Posters-Social Engineering part 3

Data Hops

Fueling AI with Great Data with Airbyte Webinar

Zilliz

GraphRAG for Life Science to increase LLM accuracy

Tomaz Bratanic

Programming Foundation Models with DSPy - Meetup Slides

Zilliz

GNSS spoofing via SDR (Criptored Talks 2024)

Javier Junquera

In the realm of cybersecurity, offensive security practices act as a critical shield. By simulating real-world attacks in a controlled environment, these techniques expose vulnerabilities before malicious actors can exploit them. This proactive approach allows manufacturers to identify and fix weaknesses, significantly enhancing system security. This presentation delves into the development of a system designed to mimic Galileo's Open Service signal using software-defined radio (SDR) technology. We'll begin with a foundational overview of both Global Navigation Satellite Systems (GNSS) and the intricacies of digital signal processing. The presentation culminates in a live demonstration. We'll showcase the manipulation of Galileo's Open Service pilot signal, simulating an attack on various software and hardware systems. This practical demonstration serves to highlight the potential consequences of unaddressed vulnerabilities, emphasizing the importance of offensive security practices in safeguarding critical infrastructure.

Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe

Precisely

Inconsistent user experience and siloed data, high costs, and changing customer expectations – Citizens Bank was experiencing these challenges while it was attempting to deliver a superior digital banking experience for its clients. Its core banking applications run on the mainframe and Citizens was using legacy utilities to get the critical mainframe data to feed customer-facing channels, like call centers, web, and mobile. Ultimately, this led to higher operating costs (MIPS), delayed response times, and longer time to market. Ever-changing customer expectations demand more modern digital experiences, and the bank needed to find a solution that could provide real-time data to its customer channels with low latency and operating costs. Join this session to learn how Citizens is leveraging Precisely to replicate mainframe data to its customer channels and deliver on their “modern digital bank” experiences.

June Patch Tuesday

Ivanti

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

JavaLand 2024: Application Development Green Masterplan

Miro Wengner

Best 20 SEO Techniques To Improve Website Visibility In SERP

Pixlogix Infotech

Driving Business Innovation: Latest Generative AI Advancements & Success Story

Safe Software

Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency. During the hour, we’ll take you through: Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board. Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes. Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI. We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI. This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!

Public CyberSecurity Awareness Presentation 2024.pptx

marufrahmanstratejm

Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency

ScyllaDB

Skybuffer SAM4U tool for SAP license adoption

Tatiana Kojar

Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool. SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.

Building Production Ready Search Pipelines with Spark and Milvus

Zilliz

Columbus Data & Analytics Wednesdays - June 2024

Jason Packer

Generating privacy-protected synthetic data using Secludy and Milvus

Zilliz

During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.

dbms calicut university B. sc Cs 4th sem.pdf

Shinana2

Azure API Management to expose backend services securely

Dinusha Kumarasiri

System Design Case Study: Building a Scalable E-Commerce Platform - Hiike

Hiike

Recently uploaded (20)

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

FREE A4 Cyber Security Awareness Posters-Social Engineering part 3

Fueling AI with Great Data with Airbyte Webinar

GraphRAG for Life Science to increase LLM accuracy

Programming Foundation Models with DSPy - Meetup Slides

GNSS spoofing via SDR (Criptored Talks 2024)

Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe

June Patch Tuesday

JavaLand 2024: Application Development Green Masterplan

Best 20 SEO Techniques To Improve Website Visibility In SERP

Driving Business Innovation: Latest Generative AI Advancements & Success Story

Public CyberSecurity Awareness Presentation 2024.pptx

Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency

Skybuffer SAM4U tool for SAP license adoption

Building Production Ready Search Pipelines with Spark and Milvus

Columbus Data & Analytics Wednesdays - June 2024

Generating privacy-protected synthetic data using Secludy and Milvus

dbms calicut university B. sc Cs 4th sem.pdf

Azure API Management to expose backend services securely

System Design Case Study: Building a Scalable E-Commerce Platform - Hiike

Make something real for Firefox OS with Mozilla app templates

1. Wednesday, 12 September 12 1

2. OHAI Wednesday, 12 September 12 2

3. @TOFUMATT AND @ZALUN Wednesday, 12 September 12 3

4. MAKE SOMETHING REAL FOR FIREFOX OS WITH MOZILLA APP TEMPLATES Wednesday, 12 September 12 4

5. FIRST, we’ll need a phone Wednesday, 12 September 12 5

6. EMULATING FIREFOX OS • Download and install B2G emulator (95MB) • Checkout gaia project (200MB) • Create profile (50MB) • Run $> b2g -profile /Users/{user}/gaia/profile Wednesday, 12 September 12 6

7. B2G + GAIA Wednesday, 12 September 12 7

8. STANDARD WEBDEV TOOLS MAKE USE OF THEM Wednesday, 12 September 12 8

9. INSPECTOR Wednesday, 12 September 12 9

10. 3D VIEW Wednesday, 12 September 12 10

11. RESPONSIVE VIEW Wednesday, 12 September 12 11

12. WEB CONSOLE Wednesday, 12 September 12 12

13. JSFIDDLE DRAFT FEATURE Wednesday, 12 September 12 13

14. X-TAGS: BUILDING BLOCKS Wednesday, 12 September 12 14

15. X-TAGS • ﬂipbox • accordion • select-list • grid-list • actionbar • shiftbox • index-scroller • alert-popup • slidebox • list-view • autosuggest • slider • map • date-time-picker • tabbox • mediaquery • dialog-prompt • time-picker-analog • modal • dialog-toast • toggle-switch • overlay • dragbox • toggler • pager • dropdown-menu • search-list • panel Wednesday, 12 September 12 15

16. MANY OTHER TOOLS... Wednesday, 12 September 12 16

17. PRE-APP SUBMISSION • Write your app • Create Manifest check it on http://appmanifest.org • Host the app somewhere for github $> volo ghdeploy Wednesday, 12 September 12 17

18. http://marketplace.mozilla.org/developers Wednesday, 12 September 12 18

19. IN STORE! Wednesday, 12 September 12 19

20. OK, SO HOW DO I BUILD IT?! Wednesday, 12 September 12 20

21. WE’VE THOUGHT OF THAT Wednesday, 12 September 12 21

22. Wednesday, 12 September 12 22

23. MANY MOVING PARTS Wednesday, 12 September 12 23

24. • Payment API • Appcache and web app manifests • iOS Compatibility • Asset management • Modular JavaScript • Responsive design • App-speciﬁc libraries • Server to host an app • Kitchen sink? • Gaming template Wednesday, 12 September 12 24

25. Wednesday, 12 September 12 25

26. APP TEMPLATES Wednesday, 12 September 12 26

27. • Standard App Stub • 2D Game Template • Server Template Wednesday, 12 September 12 27

28. APP STUB • Appcache (App works oﬄine) • iOS, FirefoxOS, etc. • Responsive Design • Works with volo Wednesday, 12 September 12 28

29. WEBGAMESTUB • Animation Loop • Canvas + JS • Desktop + Mobile • Keyboard, Mouse, and Gamepad Wednesday, 12 September 12 29

30. SUTTHISAN สุทธิสาร • node.js + express • Common use cases • Deploy on Heroku • Includes App Stub Wednesday, 12 September 12 30

31. VOLO Web app package and deploy management Wednesday, 12 September 12 31

32. VOLO It does all this awesome stuﬀ OMG!!!1♥♥♥ Wednesday, 12 September 12 32

33. ONE-STEP DEPLOY Wednesday, 12 September 12 33

34. COMPRESS ASSETS Wednesday, 12 September 12 34

35. CREATE MANIFESTS Wednesday, 12 September 12 35

36. SHOW ME THE MONEY Wednesday, 12 September 12 36

37. BORING Wednesday, 12 September 12 37

38. MUCH COOLER Wednesday, 12 September 12 38

39. NOT JUST GAMES Wednesday, 12 September 12 39

40. BUILT IN A DAY Wednesday, 12 September 12 40

41. TELEPONG Two contributors in one afternoon Wednesday, 12 September 12 41

42. YOU CAN DO THIS Wednesday, 12 September 12 42

43. NOW GO MAKE AWESOME APPS! Wednesday, 12 September 12 43

44. QUESTIONS? Wednesday, 12 September 12 44

45. THANKS! http://tinyurl.com/mozcamp-apps Wednesday, 12 September 12 45

Make something real for Firefox OS with Mozilla app templates

Recommended

Recommended

More Related Content

Similar to Make something real for Firefox OS with Mozilla app templates

Similar to Make something real for Firefox OS with Mozilla app templates (20)

Recently uploaded

Recently uploaded (20)

Make something real for Firefox OS with Mozilla app templates