Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

In the past, i showed you how to create a desktop extension for your Ning network using chrome, but that was just too easy.  Now I am going to show you a trick that takes only a few minutes and in the end you'll have a Google Chrome Web App of your Ning network and can submit it to the Chrome Web Store for your members to download and use.  Here is a look at the finished product as seen in the Google Chrome Browser (along with a custom theme I made for my network for land surveyors, which may become a future how-to post):


 What the heck is a Chrome Web App?

You can create application shortcuts to websites that you regularly visit, as well as apps that you've installed from the Chrome Web Store. These shortcuts can be placed on your computer desktop and menus for quick and easy access.

What is required to make a CWA?

A Chrome Web App requires two components, the Manifest and an Icon.

The Manifest is a JSON file with the namemanifest.json

The Icon is a 128px x 128px image that will be used on the New Tab page.

To create the Manifest, copy the following into a text editor like Notepad or TextEdit:

{
"name": "Your-Network-Name",
"description": "Your Description of Your Network",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://www.yournetwork.ning.com/"
],
"launch": {
"web_url": "http://www.yournetwork.ning.com/"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

 

You will need to make the appropriate changes (replace text and urls with red line beside them with your own) to the areas indicated below (name, description, urls, and launch):

Once this is done, save the file as manifest.json (NOT manifest.json.txt!!!)

Next, you need to have created an icon for your web app. You can use any graphics application such as photoshop or GIMP or web app that allows you to save it as a 128×128 png file. Save the file with the name 128.png.

 

NOW...Create a new folder somewhere on your computer and give it a name (connecting the words in the name with either an _ or - for example: Your_Network )and give it the name that you will call your Web app and place both the manifest and icon files inside the folder.

Now it’s time to install the Web App into Chrome.

1. Open Google Chrome.

2. Click the wrench in the upper-right corner of the application.

3. Click Tools and select Extensions.

4. On the right side of the Extensions page, click the + that is next to Developer mode.

5. Click the Load unpacked extension button.

6. Browse to the Web App’s folder and click OK.

BOOM!!  Your web app should now be created for your network, any errors are likely a manifest typo. Go back and check the manifest for any missed character(or an unnecessary ones).

Now when you click on the New Tab page in Chrome Browser, your new web app will appear with the others as shown above.

 

Whew..this post got long....i will create a follow up post soon to show you how to submit it to the Chrome Web store and share with your members.  For now, you have all you need to run your new app on your computer.

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • This sounds interesting...gonna try this as soon as I'm around a pc.
  • nice post lots of works,i look fowards to your postings thank you
  • NC for Hire
    glad you guys like it...it looks complicated but the whole thing shouldn't take more than 5 minutes
  • getting error that says "cannot load icon extension '128.png'" 

     

    thats not even the name of the icon

     

    how do i fix this?

     

    EDIT>> got it-had to name the icon 128.png....i guess that it has to match the code you posted..i was wondering what the deal was! Did you ever do a follow up to show how to add to store and share?

  • NC for Hire
    As promised, here are the instructions for how to upload and submit your app to Google Web Store:
    https://creators.ning.com/forum/topics/how-to-add-your-chrome-web-app

    Enjoy!
    • Hi JaFarrow,

      I tried doing this but getting an error. See below. I followed each step carefully. Attached is a copy of the folder with all the appropriate files. 

      3228425?profile=original

      • I'm having the exact same problem, and I've followed the instructions precisely as written.

        • NC for Hire

          something might have changed with chrome themes and extensions...ill look into this..  this post was from Feb of 2011

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Suzie Nielsen replied to J.Ayvar's discussion
When Activity Feed. 3.0?
"How do I get these? THanks in advance!
 "
20 hours ago
Angela Soto updated their profile
yesterday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Tip: Build a Directory and Import It Into Your Community
"Opposite Trick/ Tip"
yesterday
⚡JFarrow⌁ posted a discussion
If you ever wondered what your community looks like in the mirror, here you go: :oƃ noʎ ǝɹǝɥ…
yesterday
Steve C replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"Exactly!"
yesterday
⚡JFarrow⌁ replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"if your N2 is migrated to a N3, one would think a backup could be made for you...no?"
yesterday
⚡JFarrow⌁ posted a discussion
Over the years, many Ning Creators have asked me the best way to build a directory for their…
yesterday
Roland Rupp updated their profile
Thursday
Gavin Brown and ⚡JFarrow⌁ are now friends
NC for Hire
Thursday
Rosas † Negras left a comment on Creatori NING Italiani
"La grafica è elementare e le attività nulle,sarebbe da lavorarci un Po,sono da oltre 15 su ning…"
Wednesday
Rosas † Negras replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"if you check this has been said there is a discussion, all for free and they think of everything"
Tuesday
Rosas † Negras replied to Steve C's discussion
Is there ANY way to export a Ning 2 Site?
"Yes,absolutely must be free as has been said, I have been on ning for 15 years and we have always…"
Tuesday
More…

Meanwhile, you can check our social media channels