opendata.cern.ch icon indicating copy to clipboard operation
opendata.cern.ch copied to clipboard

Previewer for 360 panoramic images of experiments and CERN

Open tpmccauley opened this issue 8 years ago • 14 comments

It might be nice to have some content on the portal like found here:

http://cern.ch/cms-aframe

where on the desktop one can view the 360 (4pi really) panoramic images available on CDS as a "magic window". If viewed on a mobile device this works as well but even better can be viewed in 3D with a Google Cardboard (e.g.)

tpmccauley avatar Sep 19 '17 13:09 tpmccauley

This would be great to have, together with event display in 3D. I can say from experience that this would be really appreciated by teachers and students! The link should be in a prominent link on mobile devices, @sefeg @tiborsimko referring to discussion on gitter (maybe cross-link this to another issue if such already exists

katilp avatar Oct 20 '17 16:10 katilp

We could have a "Go3D" link bringing to a page(/story/guide/template as you wish) with a collection of Google Cardboard stuff

katilp avatar Oct 20 '17 16:10 katilp

@katilp I agree, it would definitely be appreciated! One could also imagine to add a tag "3D/VR" to the corresponding records. That would nicely fit into the targeted UX, as users could then explore and filter such content.

sefeg avatar Oct 24 '17 08:10 sefeg

With A-Frame the code for a "magic window" is simple. An example is here: where there is actually a bit added to do the drag and drop. However, it can be as simple as specifying a file name in the element.

https://github.com/tpmccauley/panorama-viewer

https://tpmccauley.github.io/panorama-viewer/

On 24 Oct 2017 09:06, "Sebastian Feger" [email protected] wrote:

@katilp https://github.com/katilp I agree, it would definitely be appreciated! One could also imagine to add a tag "3D/VR" to the corresponding records. That would nicely fit into the targeted UX, as users could then explore and filter such content.

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub https://github.com/cernopendata/opendata.cern.ch/issues/1441#issuecomment-338908824, or mute the thread https://github.com/notifications/unsubscribe-auth/AAeTdzdhjqx8Dt903WZy616W3ZqIr7Ryks5svZqXgaJpZM4PcZIt .

tpmccauley avatar Oct 24 '17 08:10 tpmccauley

@katilp @sefeg Where is the best place to make this sort of content available? For example, I could imagine something like this:

https://tpmccauley.github.io/lhc-panoramas/

(i.e. the frame with panoramic image)

on

http://opendata-dev.web.cern.ch/about/cms

between "About CMS" above "About CMS data". Similarly for the other experiments as well?

tpmccauley avatar Oct 25 '17 16:10 tpmccauley

I made a prototype for CMS at about/CMS; is this a good location? screen shot 2017-11-06 at 4 17 37 pm

tpmccauley avatar Nov 06 '17 16:11 tpmccauley

On the desktop when one clicks on the "goggles" in the lower right the view renders nicely in full-screen and one can rotate around the panorama. "esc" gets one back to regular view. I have not tried on mobile :)

tpmccauley avatar Nov 06 '17 16:11 tpmccauley

Nice! This could be a good location, we will need to check when #1518 becomes available, as in absence of fixed entry page we will need to guide users to CMS resources they need/are interested in.

katilp avatar Nov 06 '17 16:11 katilp

One reason I was thinking of /about/* was that each experiment could have its own image. And an image of the LHC tunnel could go at /about

tpmccauley avatar Nov 06 '17 16:11 tpmccauley

I have added aframe on a branch so it ready to use. Where shall we add CMS panorama to start? It looks like the about CMS page is md so am wondering how to add js and html if we want to include aframe on this page.

tpmccauley avatar Nov 30 '17 16:11 tpmccauley

@tpmccauley: I think .md pages can generally include HTML code, but not sure what translator we're using here. Can you try on a local instance?

RaoOfPhysics avatar Nov 30 '17 16:11 RaoOfPhysics

It seems that html is ok since paragraph text gets wrapped in p tags. However don't know how to include assets from bundles like aframe js. @tiborsimko?

tpmccauley avatar Dec 11 '17 12:12 tpmccauley

Is this worth revisiting for new release?

tpmccauley avatar Jul 02 '19 15:07 tpmccauley

For the the assets, you can try amending cernopendata/modules/theme/bundles.py to include whatever is necessary... You could also grep how demobbed-viewer is used for OPERA event display

tiborsimko avatar Jul 02 '19 15:07 tiborsimko