Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Content Development and Workflow for e-Learning Projects
Nadia El-Obaidi, Dr. Nadia Juhnke
Freie Universität Berlin
Project Management
Questionnaire for e-Learning Projects
Didactics
Content
3
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Questionnaire for e-Learning Projects
What are the learning objectives?
Which previous knowledge do you expect?
How should the e-Learning materials be used?
- website/CD-Rom for self-study - supported online course (LMS) - blended learning
- classroom
- online examination
What is the didactical concept?
- encyclopedia - online textbook
- explorative learning
From Traditional Classroom to Blended Learning
Email Web Presence Library Tutorials Lectures Without LMS Information Material Collection Library Tutorials Lectures Blended Learning 1 (Introduction) Information Material Collection Library Tutorials E-Tutor Lectures Blended Learning 2 (Extended) Information Material Collection Library Tutorials Exam Preparation Lectures Multi-media material Blended Learning 3 (Optimum) E-Tutor Information Material Collection Library Tutorials Exam Preparation Lectures Multi-media material Online Courses E-Tutor5
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Infor-mation
Commu-nity University Library CatalogCourse
Course Course Course Course
!
!
!
Evaluation Learning
Materials
Team work Exam
Forums Self-tests
Chat
central entry point
LMS – A Central Learning Platform for Teaching
Questionnaire for e-Learning Projects
Which scientific content do you want to implement?
How do you want to structure the content?
- index, map - navigation - storyboard
Which components do you want to include?
- hypertext - tests
- glossary - search - database
- communication (discussion board, chat)
7
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
9
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
11
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Authoring of e-Learning Contents
Lectora (Trivantis)
- web-content without HTML knowledge - standardized learning modules (SCORM) - templates
- multimedia elements (Flash, video, audio, math. formulas) - tests
Mediator (Matchware)
- animations - interactionsDreamweaver (Macromedia)
- HTML-editor- additional tool for updates: Contribute
XML-Editors
- separation of layout/design and content - structure-oriented authoring
13
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Authoring of e-Learning Contents
Authoring Tools: Lectora
Structure Page
Questionnaire for e-Learning Projects
Which media elements do you want to include?
- text - images - image maps - video - audio - animation (Flash)
- simulation (Flash, Java)
Do you have examples/models in mind?
Should the material accord to e-Learning standards?
- SCORM
- IMS
15
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Questionnaire for e-Learning Projects
Who will be using your e-Learning materials?
What previous technical knowledge and which environment do you
expect?
- familar with PC and internet - PC at home/at university - connection bandwith
- software - hardware
17
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Questionnaire for e-Learning Projects
What kind of resources are available for your project?
- people
- money
- technical equipment
Are these resources sufficient?
When should the e-Learning materials be ready?
Should the e-Learning materials be updated regularly?
Project ManagementDesigning Effective e-Learning Websites
1.
Decide the purpose of your e-learning materials (objectives)
2.Specify the content
3.
Identify the target group
4.
Choose the correct tool or software for developing your e-learning
website
5.
Create a flowchart
6.
Create a storyboard & layout
7.Develop your site
8.
Test your site
19
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Preparation
Home C D E A B D.1 E.1 A.1 A.2 Flowchart ExampleYour flowchart (map) will show you the organization and navigation of
your planned e-Learning website. In order to make a start, you
should:
1. make a list of topics and elements you plan to include 2. group them
3. draw a map of how the various parts of the topics and elements will fit
together
This map will be your guide for setting up the navigation concept for
your e-Learning website.
Organization
1. Approach sketching a storyboard for the screens needed
2. Ensure consistency by clustering your elements
3. Create a balance between the various groups of elements which is
very important concerning the usability of your materials
4. Provide whitespaces to enhance the visual focus on the content
5. If you wish to create an uniform style which improves the
usability of your materials make sure that the different elements
reflect that style
21
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Basic Layout
Example
Services News Content Search Related Links Main Navigation CreditsNavigation
In your flowchart, you defined the direct links between topics and
levels. Now you must decide what kind of access methods you are
planning to provide.
There are three kinds of users:
Newcomers
- They need help getting started; they need motivation, e.g.
introduction or a guided tour.
Advanced users
- They need intuitive and consistent navigation, e.g. navigation bars or
zones. They need an overview of the topics provided, e.g. sitemaps. They need direct access to crucial pages, e.g. quick jump.
Experts
23
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
This site provides different levels of access and different navigation methods
Next >>
Text and Fonts
Text
- A wall of text is very bad for an interactive experience.
Intimidating and boring to read.
- To draw users into the text and support scan ability, use
well-documented mark-ups,
e.g.: heads, subheads, bulleted lists, highlighted keywords and short paragraphs.
Fonts
- Sans-serif fonts are the basis of your website. Sans-serif fonts are those
fonts that have no "serifs": the little hooks on the end of the letters.
- Some examples of sans-serif fonts are:
Arial, Geneva, Helvetica, Lucida Sans, Verdana
- Verdana is a font family that was actually invented for use in the
25
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Pictures and Graphics
Pictures and Graphics are Important Information Elements
There are only two (or three) image formats for the web, but each is built for a specific purpose.
JPEG
This format is for images with millions of colors that have a more photo realistic look. You should use the jpeg format for photographs, and other images that have a lot of colors.
GIF
This format is for images with a small, set number of colors. GIF images use an index of colors for the image, colors that are not used in the image don't need to be included in the index. This format is good for graphics with limited colors.
Resize Web Images
Web images take up the majority of the download time in most web pages. But if you optimize your web images you will have a faster loading website.
27
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects
Application of Multimedia Elements
Animation
- Animations should be navigable
- If there is an intro, one should be able to skip it - Animations should follow a consistent design
Sound
- Sound should be navigable - Sound should support content
- Sound should not compete against content - Narrators should be professionals
29
Freie Universität Berlin, CeDiS, Content Development and Workflow of e-Learning Projects