VR project with a serious effort

This project is based on Virtual Reality. If you have seen VR project in Captivate, you would have noticed that, not much interactivity is seen in VR module, except adding standard HotSpot. Even adding Knowledge Check questions does not really add much to that(because least types of question type supported and that also without supporting Advanced Actions/JavaScript etc.)

This is the first project, where more interactivity is given by one or other way. A challenging task is given to the viewer(user).

Have a look at that…

(Please note as it is having many 360 images, it will take time to get loaded)

Play

The post VR project with a serious effort appeared first on eLearning.

Sample Virtual reality Project

This is Virtual reality project created with sample 360 image. Main differenace between simple image & 360 image is, in 360 image, a viewer can get lot more information about the sitution. BUT at the same time, he/she will need to take effort to see in all possible direction to get information. So it is more on the viewer how much he/she is catching information from all directions.

On that basis, this project is on checking viewer’s  ‘Observation Power & Memory power.’

Play

The post Sample Virtual reality Project appeared first on eLearning.

New Master Slide for Responsive Quiz.

Here is Master Slide that I created and used in my recent responsive module…

If you have used default quiz Master Slide in Captivate, you may have come across the fact that the Master slides that are used for Quiz gives many problems for Responsive design.

Basically, there are two main drawbacks while using default Quiz Master slide(for Multiple choice type).

  1. No provision to add image. (You just try… if you add it will spoil Answer area)
  2. At bottom, all buttons are in seperate rows… wasting 25% of small screen of mobile.

So I created Master slide for such questions from scratch

(taken lots of hint from Lieve Weymeis’s Blog   https://blog.lilybiri.com/)

Here is my Master Slide that worked fine. To cover different situations & different scenarios, I used 4 different Master slides.

Steps:

  1. Windows –> Master Slide
  2. Insert –> Quiz Master Slide –> Other Question Types.

Step 3: Insert –>Fluidboxes–> Vertical . Select 6

Step 4: Drag all components outside of the slides…

Step 5: Set Fluid box sizes as shown below.

Step 6:  Select FluidBox D.

Step 7: Insert 2 Fluid Boxes.

step 8:  Now select FluidBox D1. And insert 3 Horizontal FluidBoxes.
Step 9: Similarly, Select ‘E’ FluidBox and insert 4 Horizontal FluidBoxes.
Final Layout would be as follow.

This will give proper output for different devices. You can check output of this Master slide in my following project.

Note:

We can keep Image on the left slide of the windows or right-side. Just duplicate above master slide and shift Question to left side.

Also Duplicate the same slide again and delete FluidBox that is for image(D1 or D2). & That Master slide can be used for questions without images.

The post New Master Slide for Responsive Quiz. appeared first on eLearning.

Demo on: Responsive project using “Fluid Boxes”

Play

Here, I am showing responsive project using ‘Fluid Boxes’ which was perviously created using “BreakPoint Mode”.
You can compare both output(this one with previously uploaded.)

I find responsive project using Fluid box more perfect.
I have tested in 2 mobiles and a Desktop.

(QR Code for testing on Mobile… )

The post Demo on: Responsive project using “Fluid Boxes” appeared first on eLearning.

Most essential feature for your Responsive eLearning project.

Most essential feature for your Responsive eLearning project.

We all know, when we develop responsive project, Adobe has given very important feature (in Cp2019) that you can test(preview) on mobile using generated QR Code. But no QR Code for final hosted project.

Now the fact remains that normally any one can have one/two mobiles and he/she will check on that (again with the limitation of ‘must be on intranet of that developer PC).

But as professional, everyone(including you) would like to have testing of your project after final uploading and there by getting feedback, about your responsive project, from many-many other people(using different devices). To make my point clear let me put in other way, that there is no way we can ask someone to check the live hosted project on the mobile, unless he/she type that loooong web address manually on their mobile.

I was suffering from the same…. So I am showing you the method to add QR code in your Project (atleast to get final feedback) that can be used by any one on the web.

Here is the method.

Step 1: Upload your project(say for example, this blog itself on Adobe community site). Ofcourse, You can upload on any host server for that matter.

Step 2: Open that hosted Project in the web Browser.
Copy the web address of your uploaded project page from web browser address bar.
(Example: https://community-portal-prod-previewdata.s3.us-west-2.amazonaws.com../….index.html.)

Step 3: Go the following web site(it is free, no registration required). https://www.unitag.io/qrcode

Step 4: Just paste your hosted project web address that you copied in step 2.

Step 5: with in a second, QR code is generated.

Step 6: Download that QR code image.

Step 7: just open your project in edit mode and add that QR Code (image file) at appropriate place.

Step 8: Save it.(if you uploading to this Adobe community web site, once you edit, need to send it for review thats it)…

Step 9: check it using that QR code from any corner of the world. Your project hosted on the real web site will get loaded on mobile using that QR code.

You can check (NOW) on your mobile by the scanning following QR code(any one). (demo uploaded on this Adobe web site itself).

   OR                                       

Requesting you all to scan the above QR code and see my uploaded demo and give your valuable feedback.

Note:
There are few more web sites which does simillar job of giving QR Code for Free. (Tested by me)

https://www.qrcode-monkey.com/
https://www.the-qrcode-generator.com/
https://www.the-qrcode-generator.com/
http://goqr.me/#t=url
https://qr-creator.com/url.php 

The post Most essential feature for your Responsive eLearning project. appeared first on eLearning.