1,639
edits
Changes
Jump to navigation
Jump to search
Line 252:
Line 252: − + + + − + + − + Line 267:
Line 270: + − + + +
→Timeline
The Timeline content type allows you to place a sequence of events in chronological order. For each event, you may add images and texts. You may also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud.
The Timeline content type allows you to place a sequence of events in chronological order. For each event, you may add images and texts. You may also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud.
To create timeline, click on create content type and select the '''New content''' option and choose '''Timeline''' from the list of Content types:
To create a timeline, click on create a content type and select the '''New content''' option and choose '''Timeline''' from the list of Content types:
Now, timeline editor will appear. It consists of three main parts '''Title''', '''Timeline''' and '''Dates'''
Now, timeline editor will appear. It consists of three main parts '''Title''', '''Timeline''' and '''Dates'''
# '''Title''' : Enter the '''Title''', then expand the timeline section to add a '''Headline''' and '''Body Text'''. Example "Prime ministers of india"
# '''Title''' : Enter the '''Title''', then expand the timeline section to add a '''Headline''' and '''Body Text'''. Example "Prime ministers of india"
[[File:1. Time line title details.png|400px]] <br>
('''NOTE:''' If there is an online image, video or other media that you would like to display when the timeline is first seen, expand the '''Assets''' section. Add the link to '''Media''' – this is the URL to the image, video, audio or map. Add '''Credits''' and a '''Caption'''.)
('''NOTE:''' If there is an online image, video or other media that you would like to display when the timeline is first seen, expand the '''Assets''' section. Add the link to '''Media''' – this is the URL to the image, video, audio or map. Add '''Credits''' and a '''Caption'''.)
# '''Timeline:''' This part consists of content for a starting slide and some overall settings for the entire timeline.
# '''Timeline:''' This part consists of content for a starting slide and some overall settings for the entire timeline.
[[File:2. Details about the time line.png|400px]] <br>
# '''Dates:''' This section the most important where you add events in time as a '''Date'''. An event “date” can be any period of time from a single day to a number of years. Start in the '''Dates''' section, by adding the '''Start date''', '''End date''', '''Headline''' and '''Body text''' of the first event that you would like to display to your timeline.
# '''Dates:''' This section the most important where you add events in time as a '''Date'''. An event “date” can be any period of time from a single day to a number of years. Start in the '''Dates''' section, by adding the '''Start date''', '''End date''', '''Headline''' and '''Body text''' of the first event that you would like to display to your timeline.
Your time line with first slide is ready now, You can check how the timeline is working using the '''Save''' button at the bottom of the screen.
[[File:3. Add details about each slide.png|400px]] <br>
Your timeline with the first slide is ready now, You can check how the timeline is working using the '''Save''' button at the bottom of the screen.
===== Adding content to your timelines : =====
===== Adding event details : =====
By clicking an '''add event''' you will add more events details to your timeline. Each event need to fill the following details :
By clicking an '''add event''' you will add more events details to your timeline. Each event need to fill the following details :
# '''Start date''': Event start date
# '''Start date''': Event start date
# '''Headline''': Heading for the event
# '''Headline''': Heading for the event
# '''Body text''': Detail about the event
# '''Body text''': Detail about the event
[[File:3. Add details about each slide.png|400px]][[File:5. Adding media to the slide.png|400px]] <br>
Under '''Asset'''
Under '''Asset'''
# '''Media''': Upload your file, or copy paste any OER media links
# '''Media''': Upload your file, or copy paste any OER media links
# '''Credit :''' Enter the author/website link of the media.
# '''Credit :''' Enter the author/website link of the media.
[[File:6. click add item to add more slides for your screen.png|400px]] <br>
Add more events with dates as required to your timeline with the '''Add Item''' button. In the same way, fill in all the other dates with the following content.
Add more events with dates as required to your timeline with the '''Add Item''' button. In the same way, fill in all the other dates with the following content.
=== Additional references ===
=== Additional references ===
# [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]
# [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]