Return to the Cloudy Nights Telescope Reviews home page


Speciality Forums >> Astronomy Software & Computers

Pages: 1 | 2 | (show all)
darethehair
member


Reged: 09/11/09

HTML5 Experiment: SidClock [Version 1.00 Finally!]
      #5945355 - 06/28/13 06:43 PM

Not sure if I have ever mentioned this on the CN forums before, but some of you might be interested in my humble attempts to develop a somewhat specialized astronomy app built with platform-agnostic HTML5. I started down my self-education path back in 2011, and today I hit v1.00 (!). Yes, I did what I set out to do -- learn a bit of HTML5/javascript/canvas programming with something 'fun'

I continue to host this on my own server, but for speed/reliability it works better to use Google Drive:

Dare's HTML5 SidClock App (regular version)
Dare's HTML5 SidClock App [no cache] (for Chrome)

I haven't tried Internet Explorer higher than v9, and HTML5 compliance was very poor with those that I tried. Perhaps v10 or higher would work better (?).


Post Extras: Print Post   Remind Me!   Notify Moderator  
germana1
professor emeritus
*****

Reged: 05/14/09

Loc: New Jersey
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5946337 - 06/29/13 10:59 AM

Nice app but the non cache version not found on server I'd like to download it.
Pete


Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: germana1]
      #5946364 - 06/29/13 11:11 AM

Quote:

Nice app but the non cache version not found on server I'd like to download it.
Pete




I'm not sure what difficulty you may be having, but the link for the 'no cache' version works fine for me in both Firefox (works OK) and Chrome (where it was intended). Can you elaborate? What browser/OS are you using? Does the regular link work for you?

Thanks for trying it


Post Extras: Print Post   Remind Me!   Notify Moderator  
germana1
professor emeritus
*****

Reged: 05/14/09

Loc: New Jersey
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5946383 - 06/29/13 11:19 AM

It comes up on the site but won't download want to install on the iPad ,wow really fast response.
Pete


Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: germana1]
      #5946410 - 06/29/13 11:31 AM

Quote:

It comes up on the site but won't download want to install on the iPad ,wow really fast response.
Pete




Sorry, still not sure what you are experiencing. Can you post a screen image? This is an HTML5 app, so you don't "download" it in the traditional sense. It is just javascript, etc. that runs in your browser (it is not a Windows/Mac/Linux computer app). HTML5 does support the concept of running 'offline', which I also tried to build into this app -- but I haven't experimented a lot with that particular feature.

Does the regular (cache) version work any better or different on your iPad? Maybe someone else with one can try it as well to elaborate on the situation (?).


Post Extras: Print Post   Remind Me!   Notify Moderator  
germana1
professor emeritus
*****

Reged: 05/14/09

Loc: New Jersey
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5946423 - 06/29/13 11:38 AM

Ok works fine when I click on the link I was mistaken and thought it was a Stand alone app both links work on the iPad ,thanks for getting back so quick looks interesting and will play around with it latter.
Thanks Pete

Edited by germana1 (06/29/13 11:39 AM)


Post Extras: Print Post   Remind Me!   Notify Moderator  
Raginar
Postmaster
*****

Reged: 10/19/10

Loc: Rapid CIty, SD
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: germana1]
      #5947982 - 06/30/13 12:40 PM

That is very cool.

Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: Raginar]
      #5948063 - 06/30/13 01:25 PM

Quote:

That is very cool.




Thanks for saying so! A possible downside is that it takes a bit of poking around to find out what all the features are. For example, some have mentioned that how 'tiny' the sky circle map is, and I had to point out that it is completely re-sizable to whatever you are comfortable with. For the initial view, the circle is made smaller so that minimal page scrolling is needed to set the options desired.


Post Extras: Print Post   Remind Me!   Notify Moderator  
Raginar
Postmaster
*****

Reged: 10/19/10

Loc: Rapid CIty, SD
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5948410 - 06/30/13 05:36 PM

It's fairly in-depth What a great project to learn HTML5 on though.

Post Extras: Print Post   Remind Me!   Notify Moderator  
Scott Janssens
member


Reged: 07/12/13

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5967252 - 07/12/13 11:41 AM

The regular version doesn't work in IE10, but the chrome link runs fine in IE10.

Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: Scott Janssens]
      #5967282 - 07/12/13 11:58 AM

Quote:

The regular version doesn't work in IE10, but the chrome link runs fine in IE10.




Thanks for letting me know! I don't have a version of Windows that let's me run a newer version of IE like that


Post Extras: Print Post   Remind Me!   Notify Moderator  
BPO
sage


Reged: 02/23/10

Loc: South Island, NZ
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5968576 - 07/13/13 06:32 AM

Nice app, although a couple issues.

Both versions appear to work well in Opera 12.16, except that the Local Date, Local Time and Precession Year field boxes are all too narrow by one digit, and cannot be resized. (The drag arrows are missing.)

Interestingly the field boxes are correctly displayed within Chrome (latest version), but the fields are always unpopulated (no data) and the drag arrows don't work. (Maybe that's just because there is no data in the fields.)

Hope this can be remedied, because these look very useful.


Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: BPO]
      #5968803 - 07/13/13 10:43 AM

Quote:

Both versions appear to work well in Opera 12.16, except that the Local Date, Local Time and Precession Year field boxes are all too narrow by one digit, and cannot be resized. (The drag arrows are missing.)




I'll have to check out Opera to see what it looks like, but I can tell you that even comparing the 'default' font size (and field box widths) between Firefox and Chrome was a bit surprising (and frustrating) to me, since they are fairly different -- at least how things look on the screen.

Quote:

Interestingly the field boxes are correctly displayed within Chrome (latest version), but the fields are always unpopulated (no data) and the drag arrows don't work. (Maybe that's just because there is no data in the fields.)




One of the behaviors of Chrome (at least the Linux version) is that when the app is started not everything is filled in -- because Chrome *thinks* that there might be a security risk. In the Linux version, there is a 'shield' symbol in the upper right menu bar. When clicked, it says "This page includes script from unauthenticated sources". In the past, this was due to my use of Google Maps (!). In any case, there is no security risk, and when you then click "Load unsafe script" everything is filled in and starts to work properly. Can you try this and confirm?

P.S. I have a slightly newer version that I intend to upload soon that removes some extra screen junk that should not be displaying in all modes.

EDIT: Uploaded v 1.01, which makes the display fields larger for the sake of Opera (looks like I have to declare the fields 2 characters wider than they actually require, which makes it look a bit ugly for Firefox). Thanks to BPO for pointing out Opera glitches. Also did that small display info fix that I mentioned above.

Edited by darethehair (07/13/13 11:15 AM)


Post Extras: Print Post   Remind Me!   Notify Moderator  
BPO
sage


Reged: 02/23/10

Loc: South Island, NZ
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5969497 - 07/13/13 07:23 PM

Okay, that tip about the little shield in Chrome sorted out the empty data fields and all looks good, but unfortunately the Opera problem persists.

Screenshot:

SidClock in Opera


Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: BPO]
      #5969541 - 07/13/13 08:05 PM

Quote:

Okay, that tip about the little shield in Chrome sorted out the empty data fields and all looks good, but unfortunately the Opera problem persists.

Screenshot:

SidClock in Opera




Yep, I had two versions of 1.01, and I uploaded the wrong one :/ Anyways, this should be OK now. Thanks for taking the time to verify this at your end


Post Extras: Print Post   Remind Me!   Notify Moderator  
skysurfer
sage


Reged: 10/05/09

Loc: NL, N 52 E 6
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5975473 - 07/17/13 05:50 AM

In Firefox Linux it works fine and even on the Boat Browser (webkit) for Android it seems to work fine.
It looks like the old Maemo version which I had on the N810 in 2009 but it a lot faster and better, including on Android ! Even dragging on the map works on an Android browser (unlike many other sites), great !

A few issues:

- 'Get Location' always sets to 49N 98W and not the GPS location (this bug was already in the 2009 Maeome version).
- Zooming on the map does not work by pinching on a touchscreen and not by a scroll wheel on the computer.
- Fields for positions and time somewhat small. Maybe a jQuery date/time picker and a slider for the position is an option. I have a working example of a jQuery slider for position field and a date *and time* picker (the latter can be found on the internet as well). WOrks on touchscreens as well.



Edited by skysurfer (07/17/13 06:55 AM)


Post Extras: Print Post   Remind Me!   Notify Moderator  
skysurfer
sage


Reged: 10/05/09

Loc: NL, N 52 E 6
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: germana1]
      #5975474 - 07/17/13 05:51 AM

Quote:

Nice app but the non cache version not found on server I'd like to download it.
Pete




Try to 'wget' it and you have it locally.


Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: skysurfer]
      #5975570 - 07/17/13 08:46 AM

Quote:

In Firefox Linux it works fine and even on the Boat Browser (webkit) for Android it seems to work fine.




Great! I don't yet have an Android tablet myself (waiting for Nexus 7 HD anytime now), but part of my plan for doing the whole HTML5 thing was cross-platform compatibility with no hassles.

Quote:

It looks like the old Maemo version which I had on the N810 in 2009 but it a lot faster and better, including on Android ! Even dragging on the map works on an Android browser (unlike many other sites), great !




Are you referring to my MEphemeris or MChronos apps on Maemo? If so, I am amazed that anyone in the astronomy community here is even aware of them! Yea, I tried to combine the easiest parts of each for SidClock. I had hoped that Android would have a nice complete Python-GTK implementation that could run my code effortlessly, but since it does not, I decided to try HTML5 this time

Quote:

A few issues:

- 'Get Location' always sets to 49N 98W and not the GPS location (this bug was already in the 2009 Maeome version).




Take note of the help notes at the bottom part of the app, but 'Get Location' does not use GPS location. The 'Guess Location' option is the one that uses geolocation code in HTML5 to guess your location. The 'get' and 'save' options, in general, are for you to save values of parms i.e. for startup the next time, or whatever. Whether or not the geolocation HTML5 code works with GPS devices (in, say, Android) is something that I have not investigated yet. It would be great if GPS is used first, and then IP location second.

Quote:

- Zooming on the map does not work by pinching on a touchscreen and not by a scroll wheel on the computer.




Maybe once I have a touchscreen device to experiment/test with, I can try the pinch/zoom thing. The scroll wheel idea is tricky, since it would have to differentiate between scrolling the screen and zooming the map.

Quote:

- Fields for positions and time somewhat small. Maybe a jQuery date/time picker and a slider for the position is an option. I have a working example of a jQuery slider for position field and a date *and time* picker (the latter can be found on the internet as well). WOrks on touchscreens as well.




Yea, once I have a tablet I can see if there is a way to size stuff better for it. Right now on regular computer/laptop screens, the default widgets look OK to me.

Thanks for your good input!


Post Extras: Print Post   Remind Me!   Notify Moderator  
skysurfer
sage


Reged: 10/05/09

Loc: NL, N 52 E 6
Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: darethehair]
      #5976002 - 07/17/13 01:27 PM

OK, I tested the app now without internet connection and it did not work, because it requires online maps.
About Maemo ? It was the Mephemeris app which is rather similar to this app.
I did slight modifications where I check the online status and if not, the maps are not loaded and the app runs flawlessly.
I have a simple routine to retrieve the GPS position by Javascript.
If you are interested I'll send you this version with a few modifications in the 'main' module sidclock.html.

There *is* a Python implementation for Android but I think HTML5 / Javascript is a lot faster and can just run in a browser.


Post Extras: Print Post   Remind Me!   Notify Moderator  
darethehair
member


Reged: 09/11/09

Re: HTML5 Experiment: SidClock [Version 1.00 Finally!] new [Re: skysurfer]
      #5976016 - 07/17/13 01:35 PM

Quote:

OK, I tested the app now without internet connection and it did not work, because it requires online maps.
About Maemo ? It was the Mephemeris app which is rather similar to this app.
I did slight modifications where I check the online status and if not, the maps are not loaded and the app runs flawlessly.
I have a simple routine to retrieve the GPS position by Javascript.
If you are interested I'll send you this version with a few modifications in the 'main' module sidclock.html.

There *is* a Python implementation for Android but I think HTML5 / Javascript is a lot faster and can just run in a browser.





Sure, it would be cool to see your suggested enhancements! BTW, are you saying that HTML5's geolocation code doesn't automatically use GPS if it is present?

HTML5 Geolocation

Quote:

Note: Geolocation is much more accurate for devices with GPS, like iPhone.




I would have hoped to not require any special coding to take advantage of GPS devices


Post Extras: Print Post   Remind Me!   Notify Moderator  
Pages: 1 | 2 | (show all)


Extra information
4 registered and 6 anonymous users are browsing this forum.

Moderator:  richard7, kkokkolis 

Print Thread

Forum Permissions
      You cannot start new topics
      You cannot reply to topics
      HTML is disabled
      UBBCode is enabled


Thread views: 1644

Jump to

CN Forums Home




Cloudy Nights Sponsor: Astronomics