Content types

A content type in terms of ULA is a label for a predictable, typical piece of content, with predefined interactivity and styling.

richText	richMedia

fileCard	exercise

Interactivity

At this point we have 4 pre-built types: richText, richMedia, fileCard, exercise.

Interactivity means how an element responds to user interaction.

In richText, for example, you can add a quiz, and after a user has answered the quiz, the program will show if the answer was right or wrong.

In richMedia there are phrases, and when you click on one of them a short part of a long audio or video is played.

In fileCard small files like audio and images are joined together into clickable sounded cards.

In exercise you have to read or listen to something and choose one answer from many, then you get feedback on whether you were right or not.

for more info: richText, richMedia, fileCard, exercise

Styling

Styling is another important part of content type. You can change styles of pre-built types and create new types with different styles.

for more info: Styling

Custom types

You can create custom content types on top of those 4 pre-built ones.

For example, you can create a content type song on top of richMedia, set a pink background for it and align text to the center. You can also create a type story with sky-blue background and align text to the left. Both, song and story will look completely different from the default richMedia and from each other.

You just need to add to your /content/styles/contentType.js a couple of rows:

song: {
    parent: 'richMedia',
    phraseText: { 
        textAlign: 'center', 
        backgroundColor: 'pink' 
    },
story: {
    parent: 'richMedia',
    phraseText: { 
        textAlign: 'left', 
        backgroundColor: 'skyblue' 
    },
},

for more info: Styling

It will make your content more structured and clear because now you should add these types after titles in /content/content.md:

# Shape of my heart [song]

# Day of my life [story]

for more info: Navigation and Content Structure

It's easier to read, edit and translate that kind of structured text while you are working on the app. And of course, it immerses a user/student in a better learning experience after you've built the app.

More to read

What is ULA – Universal Learning App

Install app template on your computer (for further development)

Configure Home page

Learn Navigation and Content Structure

Get an idea of Content types, how to use them and create new ones

Study built-in content types:

richText

richMedia

fileCard

exercise

Translate your content to any languages

Style any part of the app as you want

Build your app for Android, iOS, Web

Deploy – free, fast and easiest way to share your app with the world

Update – keep the app up to date

Roadmap – our plans (to-do list)