Storyline: Interactive Periodic Table - E-Learning Examples

Przemysław Hubisz

SMEs in the sciences will swoon over the way each element comes to life in this interactive periodic table.

14 Comments

Malcolm Creen

over 3 years ago07/24/20 at 3:12 pm (UTC)

Lovely. But you have errors at 49 through 54.

over 3 years ago07/24/20 at 3:21 pm (UTC)

Hey, I was using this as reference: http://www.scifun.org/periodictables/SIF-PT-2019.jpg https://www.lenntech.com/periodic/number/atomic-number.htm Can you elaborate more what is wrong?

over 3 years ago07/24/20 at 3:25 pm (UTC)

Yes, but you have 49-54 in place of 13-18. Malcolm

Przemysław Hubisz
Author

over 3 years ago07/24/20 at 3:59 pm (UTC)

Good eye! I fixed it. Thanks for commenting. Przemek

Benedict Estanislao

over 3 years ago08/05/20 at 4:53 am (UTC)

Hi Przemyslaw, Nice table, I am interested to know how did you manage to do masking effects on the tables? I am trying to create masking effects in storyline 360 but it is not easily done. Did you just create fills and outline layers and just animate the fills? :D Great job! Thanks a lot :)

over 3 years ago08/08/20 at 9:47 am (UTC)

Hello Benedict, I built the white overlay with holes and placed it under the 'table' of transparent text boxes. Then I was able to animate the color background with shapes animation. Here is the source file for SL2: https://slchallenges.s3.eu-west-1.amazonaws.com/Challenge287/chemistry.story

over 3 years ago08/09/20 at 3:07 pm (UTC)

Hi Przemyslaw, My guess was right on hehehe, thanks a lot for the info. I was hoping you have found a better way of masking technique using Storyline 360. Still, its a great technique. Thanks a lot for sharing.

Rachna Ghiya
Przemysław Hubisz

over 3 years ago08/10/20 at 9:56 am (UTC)

Could you please explain this a bit? Couldn't get this from the story file.

over 3 years ago08/11/20 at 8:54 pm (UTC)

Hey, In the source file on a timeline scroll all the way down until the rec-bg.png element. Unlock it and move aside to see how it looks.

Rachna Ghiya
Przemysław Hubisz

over 3 years ago08/12/20 at 5:39 am (UTC)

Thanks. Got it.

Felix Franke

over 3 years ago08/06/20 at 12:16 pm (UTC)

Hi Przemek, being a chemist myself, I love this of course ;-) But what is supposed to happen when I press on the little present symbol once all groups are highlighted? I am missing the point it seems...

over 3 years ago08/08/20 at 9:42 am (UTC)

Hi Felix, I wanted to include one bonus idea as a present :) So I was thinking how to make it fun to check if the learner can match element to the group. After you click on that present you will be redirected to the interaction.

Felix Franke
Przemysław Hubisz

over 3 years ago08/10/20 at 6:22 am (UTC)

OK, so far so good. But there are no instructions on that second page. Also, I am pretty sure that Helium is a noble gas (carrying a PhD in chemistry), but the slide tells me that is wrong and I cannot get back to the table...

over 3 years ago08/11/20 at 8:50 pm (UTC)

You are absolutely right. Helium is a noble gas. Once you enter the screen click on the element tile to change color / group. When the color is set click anywhere in the white area to get feedback (green rectangle with a checkmark or red with x when you are wrong). I have change the interaction a little bit so it is not that confusing (now you can only click on the big tile). Still, this is only a demo / personal experiment so feel free to modify it to your needs.