Plans & Prices My Applications Cloud Resources Profile Support Login Sign Up

Creating, Editing and Publishing a WebApp    
This topic is assigned to Vick

Apr 05, 2013 04:50 AM

                           Creating, Editing and Publishing a WebApp 


   In this tutorial I will show you how to create, edit and publish a WebApp (Mobile Website).


 Create an App using any of our tutorials and choose the target - "WebApp"



You may also change the target of an existing App (iPhone, iPad, Android or Kindle) to WebApp



There is one important thing that needs to be noted when you are changing the target to an existing App or you are duplicating an existing App ( duplicate an App ). A WebApp cannot have native tabs. So if your existing App has tabs, after changing the target or duplicating, it will not have tabs. The tab pages will be in the App (tab1.html, tab2.html. tab3.html, etc) but the default start-up page will be now index.html.

So after changing the target of an existing App, it will look like this:


 



The start-up page will be blank. But do not worry. When changing the target, a blank index.html file was created. You may rename any page from your App to index.html and that page will show up on start-up (first rename the default index.html to any other name).




Once you created a WebApp, you will notice in its Dashboard that there are fewer options than a native App has. We have removed all the unnecessary settings like: Navigation Settings, App Store Proprieties, Statistics, Push Notifications, Page Settings, Newsstand. Also some options from App Settings we removed. All of these settings were removed because a WebApp uses only HTML based pages and obviously there is no need for Navigation Settings, Push Notifications, etc.

The WebApp cannot have native features. Here is a list of the page types supported on WebApps:


HTML, Button Menu, Color Menu, Content Menu, Grid Menu, Image Menu, Large Button Menu, Magazine Menu, Menu, Sample Menu, Side Bar Menu, Stripes Menu, WebKit Menu, WebKit Submenu, About Us, Audio Stream, Calculator, Form, Drag & Drop, jQueryMobile, Radio Stream, WebKit details, Image Area, RSS.


As I already mentioned a WebApp cannot have native tabs or a Top Navigation Bar but you may create them in a HTML page. You may also create a back button and many other things.

 

Once your WebApp is ready, you may publish it. You can publish a WebApp on a domain or a subdomain. 



After you click "Ready to Publish", there will be a field where you will have to insert your domain or subdomain. The URL link you set will be the direct link for your Web App. Note that you do not need a server. Your App will be hosted on our server.


a) In your DNS management console create a CNAME record and point it to webapps.seattleclouds.com.



In App Dashboard, you will find the direct link to your App. In case you want to unpublish the App from your domain, click the "UnPublish button" 



It might take some time till the domain is set up to our server (up to 1-2 hours). Open the link in a web browser or a mobile browser on your device:






b) Publish the WebApp on a subdomain.  Set your subdomain and click "Publish"



You must add following address as host DNS entry of your subdomain (Point your subdomain to the CNAME address)


webapps.seattleclouds.com.


Note that if you are using a subdomain, you do not need to point the domain to our nameserver. 


After processing is finished click "Done". The subdomain link will be active from a few minutes up to a few hours.


Once your App is published, you can make changes to it in App Dashboard > Edit Pages. You may add or remove pages. After you make any changes to the App you will have to republish it.


Updates were made to the WebApps functionalities. 

New options were added:

1) Offline Mode .This will allow the WebApp to be cached on the device so it will fully work in offline mode. Once the app is installed on the device it will work similar as a native app.

 

2) Open links in the same window. This is an important option that will make all the URL's and pages from the app to be opened in the same window. A new tab will not be opened in the browser anymore.

3) App Multimedia .You can now upload icons (for all devices) and even splash screens.

 


4) QR Code will appear after the app is published .



5) Updates. Once you would like to update an installed WebApp on a device, you will have just to republish it on the website. In a few minutes then a pop-up message will appear on the device informing about the updates received. 
Note that in order for the WebApp to be updated, it needs to be opened on the device. 

How to publish a Progressive Web Application? 

Progressive Web App (PWA) is the web application which can be installed and used as a simple native mobile application, with the possibility to be accessed offline, to be published without any store review, installed to Home Screen and with active PWA Push NotificationsCurrently we would like to announce that the WebApp platform is updated and now each of the users can try to create a Progressive Web Application with many interactive features. For more details on this update consider to follow the PWA Tutorial.

Best Regards,
Victor,
SC Support Team




Apr 06, 2013 06:23 PM
if you guys could add compatibility (maybe as a simple option to select?) with something like Bartender:


that would be fantastic.

i know there are other html5 / webapp software services that include the ability to use tab bar menu's in their services...it would be most beneficial if you guys could make it super simple for us SC users as well.

thanks in advance!


Apr 08, 2013 02:42 AM
Charles,


Thanks for the idea. We will check if this could be added in the nearest future.


best regards,
Victor. 


Apr 08, 2013 01:09 PM
Hi Victor,

1) do we have the "webapptest.com" that is shown in above example setup? I would like to preview.

2) Will location finder page work on web app?

Please advise.

Thank you.

Cheers
 Ivan


Apr 10, 2013 11:54 AM
Here's another example:


:)  thanks again.


May 30, 2013 06:30 AM
Any update on the ability to add a tab bar menu in order to make this webapp competitive with other service provider offerings?  

I really like your interface and support, etc but the webapp is a vital piece of the puzzle. It really needs to be a fully functional option. 

Thank you. 


May 31, 2013 06:05 AM
Ivan,


1) That example is not active anymore.
2) Unfortunately Location Finder will not work for WebApps as it as a native page.

Charles,


At the moment tabs are not added by default for WebApps. We will work on this matter in about 1-2 months. Till then you may add own tabs using HTML5 just like in the examples you have showen.

best regards,
Victor,
SC Team. 



Jul 18, 2013 05:19 AM
Charles,


We are happy to inform you that we are working on major updates and improvements on Web Apps. The next features will be added:

1) HTML 5 tabs 

2) And option for the WebApps to work in offline mode.

3) QR Codes for WebApps. Once an App is created, an automatic QR Code will be also created with a URL link. You will be able to preview the Web App in the browser on a Mobile device.

We plan to release the new features next features next month. So stay tuned.

best regards,
Victor,
SC Team.


Aug 29, 2013 09:11 AM
Victor:
Has this update for the Web Apps that you mentioned actually gone live yet?
Thanks again!
- Charles



Aug 30, 2013 07:37 AM
Charles,


We are close to finish the new implementations. I will let you know once we are done.

best regards.  


Sep 27, 2013 07:52 AM
Victor,
How is the progress going on new implementations to webapps?  It's been a month with no new word, and I am anxiously waiting for them.


Sep 27, 2013 07:59 AM
Leon,


The new Webapp functionalities are in testing mode for the last few weeks. The release date delay is caused by the iOS 7 release which we had adapted in our system and which was a higher priority. 

At the moment we are in the final stage. The new updates will include adding offline mode, QR code links and option for installing the WebApp on the device (adding the icon on the home screen). These functionalities are already implemented but not yet released. I will let you know once we do that.

best regards,
Victor,
SC team.

 




Oct 01, 2013 07:46 AM
As always, thanks for your quick response Victor.  The additions you mentioned are great news, and I anxiously await the updates.


Oct 02, 2013 11:41 AM
Thank you for your feedback Leon. 




Nov 18, 2013 07:45 AM
Victor,
Any word yet on the revisions and updates for the WebApp ?
This is still quite a weak point for using the SC services...Web Apps need to be (and definitely CAN be) just as powerful and useful as native apps.  It's been almost 2 months since your last update to us regarding this being released 'soon' .
Thanks,
Charles



Nov 27, 2013 05:02 AM
Charles,


In about a week there will be an update on the SC website.

best regards,
Victor,
SC Team.

    1 2   next