Drupal Solutions for You

Friday, February 28, 2014

Convert Your Site into a Firefox OS App

Open web apps are here thanks to Firefox OS, which makes it possible to build apps with only HTML, Javascript and CSS.

This is a great advantage for web developers who don't want to code for iOS or Android devices.

In this tutorial, we'll show you how to convert your existing responsive website into an app that can run on Firefox OS devices.

Step #1. HTML file

Create a file named index.html with the following code:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>OSTraining Blog</title>

<meta name="description" content="">

<meta name="viewport" content="width=device-width">   

<meta http-equiv="refresh" content="5;url=http://www.oktamam.in">   

</head>

<body>

<p>Loading...</p>

</body>

</html>

In the previous code, replace http://www.oktamam.in with your own URL
Replace 5 (seconds) with the loading time to display the message: "Loading..."

Step #2. Icon images

Create 3 .png images. These will need to be of different sizes for use on different devices. We're going to create icons that 16x16, 48x48 and 128x128.
Create a folder called /img/ and place the images inside.

Step #3. Manifest file

Create a file called manifest.webapp and add the following code:

{

"version": "1.0.0",

"name": "OSTraining Blog",

"description": "Blog post and tutorial about web development",

"launch_path": "/index.html",

"icons": {

"16": "/img/icon-16.png",

"48": "/img/icon-48.png",

"128": "/img/icon-128.png"

},

"developer": {

"name": "Valentin Garcia",

"url": "http://www.oktamam.in"

}

}

Version: is the software control for the app
Name: the name of your app
Launch pat: should point this to your index.html file
Icons: you can set the icons path
Developer: your developer name and URL

Step #4. Create the install package

Create a zip file with your files inside:

Step #5. Submit your app

The final step is send the zip file to Firefox Marketplace.
If you don't have an account, create one and login. Then go to Developers page >> Submit An App.
Once you complete the form and upload the zip file, you need to wait for the review and approval. This may take from hours to days.

The State of Drupal 8

Where is Drupal 8 Now?

As I write in November 2013, Drupal is at Alpha 6 which you can download from herehttps://drupal.org/node/2142291.
The Drupal team are releasing Alpha versions every month.
There are no upgrade paths betweeen Alpha versions so these can't be used for an actual site. The Alpha phase is for testing and development.
Please note that this post will only go over what's been added since our last "State of Drupal 8" update. Scroll to the bottom to see all previous blogs in this series.

New Installation Design

The Drupal 8 installation process is technically similar to Drupal 7, but there has been a slick re-design of the interface:

Multi-lingual improvements are Finished

The multi-lingual changes in Drupal 8 are now just about complete. All 4 core multi-lingual modules are now available.

More UI Changes

If you navigate the latest Drupal 8 alpha, you'll see that more work has gone into cleaning up and simplifying the interface.
There are very few major changes, but lots of small usability improvements. One of my favorites is the new block screen. If you're familiar with WordPress, this is similar to the Widgets screen, but in reverse.
All of the available blocks are on the right-hand side and can be placed into regions on the left-hand side.

Overlay and PHP Module Are Removed

Two of the most controversial modules in Drupal 7 have been removed.

Overlay placed all admin screens in pop-up box. This would often break and wasn't mobile-friendly. It's fair to say that most developers disabled this module.
PHP allows users to write PHP code directly into the Drupal admin area. This could be a very dangerous feature in the wrong hands.

New Release Cycle

The Drupal team have proposed a new release cycle. You can read the full details athttps://drupal.org/node/2135189.
If you're familiar with the Joomla, Typo3 or even Ubuntu release cycles, then this will be very similar. Here's a high-level overview of the new release cycle:

Drupal 7 would be called a Long Term Support (LTS) version and would keep getting fixes until Drupal 9.
Drupal 8 would be a called Short Term Support (STS) version and will get incremental versions with new features: 8.1, 8.2, 8.3 etc.
Drupal 8 would eventually get a final release that will become the new LTS.
Drupal 9 would only start serious development when there is a large completed feature that can justify the start.
Major versions will probably continue to release every few years.

The Release Date

We've been running this series for 2 years now and in that time we've had a few guesses as to when as stable Drupal 8 will arrive.
Back in late 2012, the estimate was a release in early 2014. Since then there have been some more ambitious guesses, but generally the consensus of early-to-mid 2014 has held.
However, lately I think ti's fair to say that the estimates have been getting pushed back and a date towards the end of 2014 is more likely. There are still major changes to come, including work on the Migrate module to make upgrading easier for those on previous Drupal versions.

http://drupalreleasedate.com/chart/samples is a good way to track how close Drupal 8 is getting to release. It shows you how many issues are left to be solved before a release is possible. At the moment, the chart clearly shows why people think that a release is getting further away, rather than closer:

Pages