WEBVTT

00:00:01.565 --> 00:00:02.430
Hi there, I'm Potch.

00:00:02.480 --> 00:00:06.080
I'm a web developer at Mozilla and I want to take a few minutes to talk to

00:00:06.100 --> 00:00:10.960
you about the new Firefox OS Simulator, tell you how to install it, and how to use it.

00:00:11.080 --> 00:00:15.870
The Firefox OS Simulator is an extension for Firefox that makes it easy for an App Developer to

00:00:15.870 --> 00:00:19.930
test out their app in Mozilla's upcoming Firefox OS mobile platform

00:00:19.950 --> 00:00:23.070
as they develop their app without needing a phone.

00:00:23.600 --> 00:00:26.810
You can find the extension on the Firefox Add-ons website at

00:00:26.820 --> 00:00:29.860
addons.mozilla.org.

00:00:32.110 --> 00:00:35.470
We'll search for Firefox OS Simulator.

00:00:37.800 --> 00:00:40.780
Version 1 of the Simulator is a preview release but

00:00:40.780 --> 00:00:44.560
it's been reviewed by Add-ons staff so it's safe to install.

00:00:47.720 --> 00:00:50.960
It's a fairly large download because it contains a full copy

00:00:50.960 --> 00:00:55.120
of Firefox OS compiled to run on a PC instead of a phone.

00:00:58.330 --> 00:01:02.250
Once it's done downloading we just click install and there we go.

00:01:06.890 --> 00:01:10.240
To launch the simulator go to the menu bar and select

00:01:10.270 --> 00:01:15.590
Tools> Web Developer> Firefox OS Simulator.

00:01:16.070 --> 00:01:19.260
This is the simulator dashboard, the dashboard is the

00:01:19.260 --> 00:01:23.090
place where you manage your installed apps and launch the simulator itself.

00:01:23.530 --> 00:01:27.710
Before we install some apps let's launch the Simulator to see what it looks like.

00:01:29.330 --> 00:01:32.680
The Simulator launches as a separate desktop application.

00:01:32.680 --> 00:01:34.650
Here you can see the lock screen.

00:01:34.730 --> 00:01:37.890
We can swipe up from the bottom to unlock the phone.

00:01:40.350 --> 00:01:45.080
On the home screen you can scroll around to see a list of the pre-installed applications.

00:01:45.110 --> 00:01:48.240
At the bottom, the is a home button to simulate

00:01:48.240 --> 00:01:50.320
the home button on the device itself.

00:01:52.560 --> 00:01:55.940
Now that we've explored the simulator some, let's install an app.

00:01:58.120 --> 00:02:01.610
In my day job, I work on the Firefox Marketplace.

00:02:01.610 --> 00:02:03.170
So let's test that.

00:02:12.220 --> 00:02:16.490
In the dashboard enter the URL of the app that you would like to test.

00:02:16.560 --> 00:02:19.510
It will auto-complete URLS from any open tabs you have.

00:02:19.560 --> 00:02:24.180
Once you click Add URL it will automatically launch running that app.

00:02:25.910 --> 00:02:29.090
Here we see the mobile version of the Marketplace.

00:02:31.930 --> 00:02:36.850
As you can see, the Simulator makes it easy to test out a web app in just a few clicks.

00:02:37.360 --> 00:02:40.060
Additionally, after you install an App,

00:02:40.060 --> 00:02:43.710
its icon will be placed on the home screen so you can launch it later.

00:02:44.540 --> 00:02:49.700
Even though this is just a preview, I hope you'll try it out and let us know what you think. Thanks!