E-Content Design - R.D.Sivakumar

1. 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

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

3. 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)

4. 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

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

6. SCRIPT WRITING

7. 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

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

9. 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.

10. 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

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

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

13. 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

14. 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

15. 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

16. 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

17. 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

18. 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

19. 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

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

21. 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
January February March April
Blue Balls
Red Balls

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

23. 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!

24. Various Stages of
e-Content Devolvement

25. SELECTION OF TOPIC
PREPARATION OF
WRITE-UP

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

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

28. Downloading images,
video, animations /
Creating PowerPoint Slides

29. Rehearsal For Shooting

30. Shooting

31. Post Production
Editing/Digital Integration

32. Web Hosting the developed
e-content

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

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

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

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

39. How to execute the HTML Coding?

40. Small Tips

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

42. YOUTUBE
42

43. TEACHER TUBE
43

44. YOUTUBE – GMAIL LOGIN
44

45. YOUTUBE
45

46. YOUTUBE
46

48. 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>

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

50. Sound

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

54. Open the Power Point Presentation

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

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

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

67. GOOGLE DRIVE – STEPS – UPLOAD A FILE

68. Google Drive

69. Google Drive

70. Google Drive

71. Google Drive

72. 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

73. ANDROID – QR CODE CREATED
 http://www.qrstuff.com/
 http://www.qrcode-monkey.com/
 https://qrcode.kaywa.com/
 http://www.qr-code-generator.com/
73

74. ANDROID – QR CODE CREATED
74

79. WHATSAPP
79

80.  WHATSAPP : 9944042243
80

81. 81

82. 82