\n
Interactive Timelines in E-Learning #146: Challenge | Recap
\n
Interactive timelines are a great way to visually display chronological events, milestones, and procedures. They’re super easy to build and can be customized to align with any design theme.
\n
Timelines can also be used to tell stories about events that change over time. Timeline stories could include a company’s history, product lifecycles, or maintenance routines and procedures.
\n
Challenge of the Week
\n
This week, your challenge is to share an example that demonstrates how interactive timelines can be used in e-learning.
\n
NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.
\n
Resources
\n
\n
Last Week’s Challenge:
\n
Before you spend time lining up design ideas for this week’s challenge, spend some time to check out the creative home security training examples your fellow community members over the past week:
\n
\n
Home Security Training RECAP #145: Challenge | Recap
\n
\n
Have a great time this week, E-Learning Heroes!
\n
New to the E-Learning Challenges?
\n
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
\n
***NOTE: Please don’t use Google Drive or Dropbox to host your projects. Both companies have announced that they’re no longer going to support HTML projects.
\n
You can use our Dropbox file request link to send me your zipped output: https://www.dropbox.com/request/jrqHXAxWwbts234Y4xak. Please include your first and last name and challenge number in the file name: DavidAnderson_122.zip
","kudosSumWeight":0,"postTime":"2016-09-23T08:07:23.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTA1MDg5LTE1MzE4aTFBREJFMDAxRUVCQTVCQjM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTA1MDg5LTczOTcxaTEzMUVCQUM3MUFCRDA1Mzc?revision=1\"}"}}],"totalCount":2,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:E-Learning Challenge","text":"E-Learning Challenge","time":"2015-11-11T20:02:32.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":2,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1105089_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":102},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1105089":{"__typename":"Conversation","id":"conversation:1105089","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1105089"},"lastPostingActivityTime":"2017-12-31T05:03:42.000-08:00","lastPostTime":"2017-12-31T05:03:42.000-08:00","unreadReplyCount":156,"isSubscribed":false},"ModerationData:moderation_data:1105089":{"__typename":"ModerationData","id":"moderation_data:1105089","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTA1MDg5LTE1MzE4aTFBREJFMDAxRUVCQTVCQjM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTA1MDg5LTE1MzE4aTFBREJFMDAxRUVCQTVCQjM?revision=1","title":"uploads_rte_hzmviwbf_interactive-timelines.png","associationType":"BODY","width":760,"height":380,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTA1MDg5LTczOTcxaTEzMUVCQUM3MUFCRDA1Mzc?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTA1MDg5LTczOTcxaTEzMUVCQUM3MUFCRDA1Mzc?revision=1","title":"uploads_rte_lbsyhiok_elearning-home-security-examples.png","associationType":"BODY","width":760,"height":380,"altText":null},"Revision:revision:1105089_1":{"__typename":"Revision","id":"revision:1105089_1","lastEditTime":"2016-09-23T08:07:23.000-07:00"},"BlogReplyMessage:message:1105106":{"__typename":"BlogReplyMessage","id":"message:1105106","conversation":{"__ref":"Conversation:conversation:1105089"},"author":{"__ref":"User:user:1427006"},"revisionNum":1,"uid":1105106,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Interactive Timelines in E-Learning #146","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1105106"},"parent":{"__ref":"BlogReplyMessage:message:1105093"},"body":"Here's my timeline of some of my elearning challenges
http://e-adventurer.com/challenges/Timeline/story.html ","body@stringLength":"275","rawBody":"Here's my timeline of some of my elearning challenges
http://e-adventurer.com/challenges/Timeline/story.html ","author":{"__ref":"User:user:576650"},"postTime":"2016-09-23T20:24:16.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":13},"Revision:revision:1105106_1":{"__typename":"Revision","id":"revision:1105106_1","lastEditTime":"2016-09-26T06:28:12.000-07:00"},"QueryVariables:ReplyList:message:1105106:1":{"__typename":"QueryVariables","id":"ReplyList:message:1105106:1","value":{"id":"message:1105106","first":10,"sorts":{"postTime":{"direction":"ASC"}},"repliesFirst":3,"repliesFirstDepthThree":1,"repliesSorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":true,"useBody":true,"useKudosCount":true,"useTimeToRead":false,"useMedia":false,"useReadOnlyIcon":false,"useRepliesCount":true,"useSearchSnippet":false,"useAcceptedSolutionButton":false,"useSolvedBadge":false,"useAttachments":false,"attachmentsFirst":5,"useTags":false,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743609295634","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743609295634","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1743609295634","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1743609295634","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1743609295634","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1743609295634","value":{"title":"{count, plural, one{# Reply} other{# Replies}}","title@board:BLOG":"{count, plural, one{# Comment} other{# Comments}}","title@board:TKB":"{count, plural, one{# Comment} other{# Comments}}","title@board:IDEA":"{count, plural, one{# Comment} other{# Comments}}","title@board:OCCASION":"{count, plural, one{# Comment} other{# Comments}}","noRepliesTitle":"No Replies","noRepliesTitle@board:BLOG":"No Comments","noRepliesTitle@board:TKB":"No Comments","noRepliesTitle@board:IDEA":"No Comments","noRepliesTitle@board:OCCASION":"No Comments","noRepliesDescription":"Be the first to reply","noRepliesDescription@board:BLOG":"Be the first to comment","noRepliesDescription@board:TKB":"Be the first to comment","noRepliesDescription@board:IDEA":"Be the first to comment","noRepliesDescription@board:OCCASION":"Be the first to comment","messageReadOnlyAlert:BLOG":"Comments have been turned off for this post","messageReadOnlyAlert:TKB":"Comments have been turned off for this article","messageReadOnlyAlert:IDEA":"Comments have been turned off for this idea","messageReadOnlyAlert:FORUM":"Replies have been turned off for this discussion","messageReadOnlyAlert:OCCASION":"Comments have been turned off for this event"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743609295634":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743609295634","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"interactive-timelines-in-e-learning-146","messageId":"1105089","replyId":"1105106"},"buildId":"Btkyb7T6TeYM9D2gUmiOv","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx"],"appGip":true,"scriptLoader":[]}