changed 4 years ago  
Published Linked with GitHub

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
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
fileCard
exercise
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

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.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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' 
    },
},

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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]

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
More to read

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
What is ULA – Universal Learning App

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Install app template on your computer (for further development)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Configure Home page

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Learn Navigation and Content Structure

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Get an idea of Content types, how to use them and create new ones

Study built-in content types:

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
richText

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
richMedia

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
fileCard

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
exercise

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
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)

Select a repo