How to customize a Splash screen for its customers and mobile / tablet learning solutions

September 5, 2017
I have been working as e-learning project manager and instructional designer for many years in Europe. I hold a master's degree in training engineering and multimedia. Prior to this I worked in the edutainment field for software editors.
Master 6 posts
Followers: 5 people
5

How to customize a Splash screen for its customers and mobile / tablet learning solutions

I have been working as e-learning project manager and instructional designer for many years in Europe. I hold a master's degree in training engineering and multimedia. Prior to this I worked in the edutainment field for software editors.
Master 6 posts
Followers: 5 people
September 5, 2017

When we develop a WebApp or a mobile application (Android or Apple) we usually develop a screen called “Splash screen” that appears before the loading of the application. This screen identifies the project that is being launched and can display a title, an illustration, a learning objective, a company’s logo or other.

With Captivate a screen with a white background and an arrow is generated by default when we publish a responsive project, so this video shows how to customize this screen in order that users, trainees, customers are able to immediately identify the application they are launching as they can do it when they launch their WebApps or Android / Apple mobile applications.

As teaching aid this video uses a responsive project made with fluid boxes.

You can look at this video by clicking on the link or picture below.

5 Comments
2017-09-07 16:58:52
2017-09-07 16:58:52

I already commented on the video in YouTube. Thanks for posting this!

Like
2018-01-14 14:18:12
2018-01-14 14:18:12

You can also read in the Showcase section this step by step process that shows how to make a splash screen with several pictures (and not only one) in order to get a different picture according to the used device. That makes it a splash screen really responsive: https://elearning.adobe.com/2017/11/make-a-responsive-splash-screen-with-several-pictures/

Like
2018-02-14 22:39:44
2018-02-14 22:39:44

This is an excellent tutorial. Thank you so much. Getting rid of the mobile arrow will make it look much better. Is there anyway to have the Splash screen come up for a few seconds and then continue to run the Captivate Project without the user having to click. So I guess what I'm asking is there a way through maybe JavaScript to generate a click?

Like
(1)
>
slewis6337
's comment
2018-02-23 20:11:05
2018-02-23 20:11:05
>
slewis6337
's comment

Hi thank you for your appreciation. Displaying the Splash screen for a few seconds and getting the project automatically without clicking is not possible from Captivate. To me the solution is the one you mention with Javascript but I don't have deep knowledge of Javascript and unfortunately I am not able to give you a solution. I hope a person reading this will give us the relevant js file to modify with the code. it would be cool.

Like
2018-03-30 00:47:35
2018-03-30 00:47:35

Wow, what a neat way to learn how to add a splash screen. I had no idea! Thank you so much for sharing. Great work.

Like
Add your comment