Microlearning

[abotzki]

Hi all,

I recently discovered a company 7taps which is promoting microlearning. I think that the concept deserves its place in the educational landscape.
Here is a link to an example from a production company with workers at assembly lines. It has been shared during a conference.

https://app.7taps.com/qdLphlRyhk

I think that this concept could be 'reproduced' with Liascript.

My question is twofold - I saw that you have the option to load the 'app' on the phone. At least, it behaves like an app once you load the course on the phone. Is there an official app or how it is working?

And second, do you see an option to make a layouting with Liascript which is also so slick? ;-)

[cagix]

That's quite interesting. It reminds me in a way of Anki cards. Only in this case it's for knowledge transfer and not for knowledge assessment.

[abotzki]

Thanks for your comments @cagix I used the Anki cards for learning a language lately.

[andre-dietrich]

@abotzki thanks for sharing ... I played around with OpenBadges by ICOBC that can be used also to for certificates for courses and micro-credentials ... anyways ...

The LiaScript-Website is a PWA, which stands for Progressive Web App:

https://en.wikipedia.org/wiki/Progressive_web_app

This is basically a WebSite with a manifest file and "service-worker", the service-worker is a JavaScript file and stores all required files within the browser-cache and does a bit more ... But the idea is, that such websites can be installed like native apps, but do not require something like a PlayStore ... Works also on desktop with Chrome ...

Basically it is also possible to export a LiaScript-course into an APK-file that can be installed on Android as a native app, but this requires some configuration with Android-Studio. @SebastianZug demoed this here at minute 48

https://video.tu-freiberg.de/video/E2DTeach40Talk235-Open-Educational-Ressources-28OER29-Vision2C-Vorteile-26amp3B-praktische-Umsetzung-mit-LiaScript-und-OPAL/0e36a414baa3158a6339be43b2e4dbc5

Concerning the slick animations ... I guess this should be already possible, I will have to play a bit with the styles, but you can basically restyle the entire course. CSS can be imported via link: and simple changes can be made with the @style macro:

<!--
@style
h1 {
    color: red
}
@end
-->

# Hello World

Unfortunately I am not a CSS guy, I whish I would, but styling always takes time for me 🙈 ... I will keep this on my todo-list ...

[abotzki]

Really nice, I will check the presentation by Sebastian in more detail.
As to the CSS, I might need to get in touch with some colleagues who are more techy than I. ;-)
I have played a little bit with this to get a more VIB layout: see one example for a course overview page here.

Note: the fa icons do not always load fine, need to investigate further.

[andre-dietrich]

@abotzki concerning the animation ... a starting point could be this (if I got you correct)

<!--
@style

@keyframes zoomIn {
    from {
        transform: scale(0);
        opacity: 0;
        border: 5px solid black;
    }
    to {
        transform: scale(1);
        border: 1px solid black;
        opacity: 1;
    }
}

/* Apply the animation to the main element */
main {
    animation: zoomIn 0.75s ease-in-out;
}

@end
-->

# Course Main Title

LiveEditor-Example

You could define different animations for different elements... <main> contains the entire slide ... I simply asked ChatGPT: "make a css zoom in animation"