E-Content Design - R.D.Sivakumar

1
Mr.R.D.SIVAKUMAR,M.Sc.,M.Phil.,M.Tech.,
Assistant Professor of Computer Science &
Head of M.Com.(CA) Department and
Technical Trainer in CTEL
AYYA NADAR JANAKI AMMAL COLLEGE
(Affiliated to Madurai Kamaraj University, Madurai, Re-accredited (3rd Cycle) with
‘A’ Grade (CGPA 3.67 out of 4) by NAAC, Recognized by DBT as Star College and
College of Excellence by UGC)
SIVAKASI – 626 124.
www.rdsivakumar.blogspot.in
E-mail : sivamsccsit@gmail.com Mobile : 99440-42243
E-CONTENT DESIGN

e
 In the form of
 CD
 Pen Drive
 Memory Card
 Hard Disk

E-learning Another Name
E-learning is otherwise called as
 Web Based Learning
 Online Learning
 Multimedia Learning Material (MLM)
 Information and Communication Technologies (ICT)
 Computer Based Learning
 Technology Enhanced Learning
 Internet Based Learning
 Technology Enhanced Learning (TEL)
 Computer Aided Instructions (CAI)

Definition
 E-learning involves the use of a computer or electronic
device (e.g. a mobile phone) in some way to provide
training, educational or learning material

It is Combination of
Audio
Video
Text
Graphics

Format of e-content
 Make your one or two web pages an outline of your e-
content
 Follow the order of your outline for the rest of the e-
content
 Use the titles of each web page as main points

Structure – Good
 Write in point form, not complete sentences
 Include 4-5 points per Web page
 Avoid wordiness: use key words and phrases only

Slide Structure - Bad
 This page contains too many words for a presentation
slide. It is not written in point form, making it difficult
both for your audience to read and for you to present
each point. Although there are exactly the same number
of points on this slide as the previous slide, it looks much
more complicated. In short, your audience will spend too
much time trying to read this paragraph instead of
listening to you.

Structure – Good
 Show one point at a time:
 Will help learner concentrate on what you are saying
 Will prevent learner from reading ahead
 Will help you keep your e-content focused

Structure - Bad
 Do not use distracting animation
 Do not go overboard with the animation
 Be consistent with the animation that you use

Background – Bad
 Avoid backgrounds that are distracting or difficult to read
from
 Always be consistent with the background that you use

Graphs - Good
 Use graphs rather than just charts and words
 Data in graphs is easier to comprehend & retain than is raw
data
 Trends are easier to visualize in graph form
 Always title your graphs

Fonts - Good
 Use at least an 12-point font
 Use different size fonts for main points and secondary
points
 this font is 24-point, the main point font is 28-point, and the
title font is 36-point
 Use a standard font like Times New Roman or Arial

Fonts - Bad
 If you use a small font, your learner won’t be able to read what you have written
 CAPITALIZE ONLY WHEN NECESSARY. IT IS DIFFICULT
TO READ
 Don’t use a complicated font

Color - Good
 Use a color of font that contrasts sharply with the
background
 Ex: blue font on white background
 Use color to reinforce the logic of your structure
 Ex: light blue title and dark blue text
 Use color to emphasize a point
 But only use this occasionally

Colour - Bad
 Using a font colour that does not contrast with the
background colour is hard to read
 Using colour for decoration is distracting and annoying.
 Using a different colour for each point is unnecessary
 Using a different colour for secondary points is also
unnecessary
 Trying to be creative can also be bad

Background - Good
 Use backgrounds such as this one that are attractive but
simple
 Use backgrounds which are light
 Use the same background consistently throughout your
e-content

Graphs - Bad
January February March April
Blue Balls 20.4 27.4 90 20.4
Red Balls 30.6 38.6 34.6 31.6

Graphs - Good
Items Sold in First Quarter of 2002
0
10
20
30
40
50
60
70
80
90
100
Blue Balls
Red Balls

Graphs - Bad
20.4
27.4
90
20.4
30.6
38.6
34.6
31.6
0
10
20
30
40
50
60
70
80
90
100
Blue Balls
Red Balls

Graphs - Bad
 Minor gridlines are unnecessary
 Font is too small
 Colours are illogical
 Title is missing
 Shading is distracting

Spelling and Grammar
 Proof your e-content for:
 speling mistakes
 the use of of repeated words
 grammatical errors you might have make
 If English is not your first language, please have
someone else check your presentation!

Various Stages of
e-Content Devolvement

SELECTION OF TOPIC
PREPARATION OF
WRITE-UP

Identifying
Plug-Points for Multimedia
Elements viz., text, images,
graphics, music etc.

Conversion of the Write-up
into
Pre-production Technical
Script

Downloading images,
video, animations /
Creating PowerPoint Slides

Post Production
Editing/Digital Integration

Web Hosting the developed
e-content

E-learning Terms
 Protocol – HTTP and FTP
 IP Address
 Port Number
 Web Page Language – HTML or Scripting
 Website
 Web Browser
 e-mail

E-LEARNING SOFTWARE USED
 HTML 5
 MS- PowerPoint 2010
 Macromedia Dreamweaver
 Audacity
 Quiz Maker
 Movie Maker
 Open Source Softwares
34

E-Content Design - R.D.Sivakumar

HTML
 HTML – Hypertext Markup Language. To design a web
page.
 Save Extension – filename.html
 Run – Web Browser

Simple Webpage Creation
<html>
<head>
<body>
College
</body>
</head>
</html>
Save - index.html

How to execute the HTML Coding?

Free Tutorial Websites
 http://www.w3schools.com/
 Youtube
 Teachertube

HTML CODE
<html>
<head>
<body
<center>
<iframe width="560" height="315"
src="https://www.youtube.com/embed/uTnkTZG4MZg"
frameborder="0" allowfullscreen></iframe>
</center>
</body>
</head>
</html>

How to download youtube videos?
 Before
 http://www.youtube.com/watch?v=yyw3AYX
After
 http://www.ssyoutube.com/watch?v=yyw3AY

What is Power Point?
 To Create a Presentation
 Microsoft Product
 Version – 2003, 2007, 2010

Open the Power Point Presentation

Slide
 Slides may contain text, animation, sound, movies, and
other objects, which may be arranged freely.
 35 mm

 Slideshare : http://www.slideshare.net/search/slideshow?searchfrom=header&q=R.D.sivakumar
62

Wonder Share
 To convert from Power Point Presentation to Flash and
Web Pages.

GOOGLE DRIVE – STEPS – UPLOAD A FILE

ANDROID – QR CODE CREATED
 QR codes or “quick response codes” are part of a whole new way of
connecting with learners via their smart phones. A machine-readable
code consisting of an array of black and white squares, typically used
for storing e-learning websites URLs for reading by the camera on a
smart phone. In above all the e-learning websites are converted in to
the QR Code
72

 http://www.qrstuff.com/
 http://www.qrcode-monkey.com/
 https://qrcode.kaywa.com/
 http://www.qr-code-generator.com/
73

74

E-Content Design - R.D.Sivakumar

More Related Content

What's hot (6)

Similar to E-Content Design - R.D.Sivakumar (20)

More from Sivakumar R D . (20)

Recently uploaded (20)

E-Content Design - R.D.Sivakumar