Page 1 of 1

Mobile Minisite - Any interest?

Posted: Wed 24 Oct 2012 8:47 pm
by Sandy
Hello
I've been creating (cobbling together) some webpages to display Cumulus data on a mobile device. They are roughly in the style of cumulus and usually fit on the screen of a mobile phone. The pages are pretty much hacks of the original Cumulus ones and are therefore more or less completely in html with the exception of a 'live' page that uses David Jamieson's excellent WeatherConsole Javascript. I have also put a couple of lines in Cumulus' index.htm to detect devices with a screen less than 800 pixels wide and then direct them to the mobile versions.

Is anyone interested in this and, if so, where do contributions like this normally go?

Thanks

Sandy

Re: Mobile Minisite - Any interest?

Posted: Wed 24 Oct 2012 9:09 pm
by steve
You could just attach them to a post in this thread for now, and then at some point I can add them to the downloads page.

Re: Mobile Minisite - Any interest?

Posted: Thu 25 Oct 2012 10:24 am
by laulau
Perhaps a link to have a look :?:

Re: Mobile Minisite - Any interest?

Posted: Mon 29 Oct 2012 9:39 pm
by Sandy
Hello

I attach the files that I have used for the mobile minisite.

In the 'webfiles' subfolder of the site:
m-weatherstyle.css - almost identical to the Cumulus css.

In the 'web' subfolder of the site:
m-annualT.htm - this month's and this year's data
m-consoleT.htm - the 'live' page that uses the David Jamieson work
m-dailyT.htm - today's and yesterday's data
m-graphsT.htm - the weather graphs
m-indexT.htm - current situation at same update frequency as cumulus homepage
indexT.htm - this hacked version of the Cumulus homepage has a couple of lines of javascript to redirect devices with small screens to m-index.htm.

In the root folder of the site:
wconsole.js - David Jamieson's script file. Edit this to change the update frequency of the live page
jquery.js - a parser (I think) used by David Jamieson's script file, published by David Jamieson

In the Internet Settings the html pages need to be added to the site files for upload and should be marked for process and ftp (on the 'Files' tab). Make sure that you specify the correct subfolder on the server. After the first upload you can remove the m-console.htm from the list since it reads its data from the server from the live datafile.

To make sure that the 'live' file works, on the Sites/Options tab, you should set Enable Realtime, Enable Realtime FTP and Realtime txt FTP. Set the update period to the same number of seconds that are in the wconsole.js file so that the data file is written and read after the same period. I chose 30 seconds.

Re: Mobile Minisite - Any interest?

Posted: Wed 31 Oct 2012 1:20 pm
by Sandy
Hello again

You can have a look at the minisite by visiting:

www.waltonweather.co.uk

There is a redirection page that should take you to my weather site. If your device has a screen less than 800 pixels wide then you should be shown the mobile version.

Cheers

Sandy

Re: Mobile Minisite - Any interest?

Posted: Thu 01 Nov 2012 7:28 pm
by M1DUL
Hi Sandy,
Thanks for making a Mobile Minisite, I set mine up last night and it works very well on my Iphone 4S. All the info you said worked very well.

Many Thanks once again
Michael

Re: Mobile Minisite - Any interest?

Posted: Wed 26 Jun 2013 3:45 pm
by Mapantz
I've just installed this and it's all messy for me.
The Today and Annual page, all the text overlaps + the page doesn't fit on the screen properly and the other pages don't redner correctly either.

here's some screenshots.. hope sombody could help me out.

Image

Image

Image

http://www.wareham-weather.co.uk/m-index.htm

http://www.wareham-weather.co.uk/css/m-weatherstyle.css

I'm using a Nokia Lumia 920, screen size is 768 x 1280 pixels.