Web Tools for E-Content Development

Dr. P. Muthupandi Assistant Professor Department of Education, DDE Madurai Kamaraj University Madurai - 625021 Link to Download this Presentation

Link to download this presentation : www.muthupandi.net/web_tools_for_econtent_BDU.pdf

Objective of this session : To enable the participants to develop on e-content by themself Classrooms in the past and Present

Nobody can do for little children what grandparents do Nomophobia extra-curricular activities Missing Conversation between father and daughter What was……….! What is……….! Why Technology Enabling….

 New Generation of Learners  New Learning Environments  New Learning Media  Hence,  New Generation of Teachers  New Pedagogy e-Content / Module /Tutorial

12 E-Content / e-Tutorial/Module

● Video

● Audio

● Image / illustration /animation

● Text

13 Softwares for e-Content development

● Paid Sotwares (For Windows) – Adobe Premier Pro – Adobe Premier Elements – Movavi Video Editor – Adobe Creative Cloud – Filmora – Corel Video Studio Ultimate – Light Works ● Open Source Softwares (For Windows) – Windows Movie Maker 10 – OpenShot – KdenLive – Shotcut

14 Softwares for e-Tutorial development

15 Utilization of Open Sources

Software URL Link

Libre Office https://www.libreoffice.org/download/download/

Open Office https://www.openoffice.org/download/

Star Office https://staroffice.soft32.com/free-download/?nc&dm=2

Google Sheets https://www.google.com/sheets/about/

R https://cran.r-project.org/bin/windows/base/

16 Link to Download Open Source Softwares

Open Source Software Download Link OBS Studio https://obsproject.com/download OpenShot https://www.openshot.org/ Audacity https://www.audacityteam.org/download/windows/ Shortcut https://shotcut.org/download/ KdenLive https://kdenlive.org/en/download/

(or) Visit : www.muthupandi.net for Links to Download Open Source Softwares 17 Utilization of Open Sources

18 OER

Open educational resources (OER) are

free and openly licensed educational materials that can be used for teaching, learning, research and other purposes.

19 OER

“digitized materials offered freely and openly for educators, students and self-learners to use and re-use for teaching, learning and research”

20 5 R’s of OER

21 Why Participatory Approach

22 Downloading Youtube Videos (savefrom.net)

● https://www.youtube.com/watch?v=xcliAYMLzxU ● https://www.ssyoutube.com/watch?v=xcliAYMLzxU

23 Youtube Videos and Licencing

24 Google Images and Licencing

25 Download Background Music

● https://www.ashamaluevmusic.com/inspirational-music

● https://www.fesliyanstudios.com/royalty-free-music/downlo ads-c/happy-music/2

● https://www.audiosparx.com/sa/display/submain.cfm/soun dGroup_iid.2038

● https://www.melodyloops.com/music/free/

● https://www.fesliyanstudios.com/ 26 Convert file format

● https://www.zamzar.com/

27 Converting PPT into Images

● https://www.zamzar.com/

28 What is video editing

● Editing is reviewing and changing a document by making additions, deletions, or other changes to confirm to some agreed-upon standard.

● Video editing is the process of manipulating and rearranging video shots to create a new work.

29 Types of Video editing

● Linear : the process of selecting, arranging and modifying the images and sound recorded on videotape whether captured by a video camera, or recorded in a studio.

● Non-Linear : This method allows you to easily include fades, transitions, and other effects that cannot be achieved with linear editing

30 The 4 Major areas of video production

● Pre-Production – Scripting, Sourcing for Equipment, Determining the Camera Angles, Planning and liaising with all production crews ● Production – This is the actual recording where everything needs to be synchronised. Raw shots. ● Post-Production – Real editing stage, addition, deletion, animation ● Archieving – Development of a library for our edited videos

31 Animated Text

● https://cooltext.com/

● https://flamingtext.com/Animated-Logos

● https://loading.io/animation/text/

● https://engfto.com/index/create_animated_bouncing_text/0-26

● https://www.animaker.com/text-animation-maker

●

32 Online Image Editor

● https://www.online-image-editor.com/

● https://pixlr.com/

● GIMP

33 What is an Animation Software Tool?

● An Animation Software tool helps create motion from inanimate objects. A series of sequential drawings or drafts are created by artists and then animation software moves these frames one after the other to create an illusion of motion.

● Features of animation – Tweening – Rotoscoping – Motion Capture – VFX – Simulation

34 Open Sourced Animation Tools

● Blender

● Synfig Studio

● Pencil 2D

● OpenToonz

● Maefloresta Tupitube

● GIMP

● Krita

35 Open Source Softwares for Video Editing

● Avidemux

● Lightworks

● Cinelerra

● KDEnlive

● Blender

● Pitivi

● Shotcut

● Windows Movie Maker

● OpenShot

36 Is Windows Movie Maker Free?

37 Is Windows Movie Maker Free?

38 System Requirement for Premier Pro / OpenShot

Requirement for Premier Pro (Paid Version)

Requirement for OpenShot (Open Source)

39 OpenShot?

40 Features of OpenShot

41 OpenShot - Key Sections(Library)

42 OpenShot - Key Sections (Time Line)

43 OpenShot - Key Sections (Preview Monitor)

44 OpenShot - Key Sections (Exporting Video)

45 Sections are Location Changeable

46 New Project

47 Importing Source Files (1/2)

48 Importing Source Files (2/2)

49 Action Script

50 Placing source file into time line

● After importing the file(s), Simply Drag and drop into the timeline

51 Track Options

If you right click on the time line, you will get 5 options 52 Track Options

53 Key Frames(Resizing the clip)

● Select the particular video in the time line

● Right Click and select Transform

54 Key Frames(Resizing the clip)

● Select the particular video in the time line

● Right Click and select Transform

55 Insert your institution Logo

56 Animate the Image /clip

57 Fade effect to the Image /clip

58 Split Clip (Procedur-01)

Use of Razor Tool

59 Split Clip (Procedure-02)

60 Split Clip (Procedure-02)

61 Mute a particular Clip

● Drag and Drop the file into the time line ● Right Click on the video file at time line ● Select Volume - Entire Clip - level0

62 Transition Effect between clips

● Drag and Drop the files into the time line ● Merge one above the other ● Drag the transition effect and place between images or clips

63 Adding Music File

● Import the source file to the library ● Drag and drop into the time line

64 Adding title on video

● Go title menu ● Select title

65 Locating the title on video

66 Exporting /Compiling/rendering a video

67 Exporting /Compiling/rendering a video

68 Audio Editing

● https://www.audacityteam.org/

69 Audio Editing

● https://www.audacityteam.org/

70 Audio Editing

● Tools in Audacity – Time Shifting – Zooming ( Click / Shift+Click) – Selection Tool – Envelope Tool (Increasing / Decreasing level) – Cut, Copy and Paste – Input/output selection For Manual you may visit https://manual.audacityteam.org/

71 Envelope Tool in Audacity

72 OBS Studio

● https://obsproject.com/

73 OBS Studio

● https://obsproject.com/

74 OBS Studio

● https://obsproject.com/

75 It’s your time

● Create a short e-Tutorial and upload the edited video in the below link

● www.muthupandi.net/sample.htm

76 Youtube link to know more about Openshot

● https://www.youtube.com/watch?v=l_r12b99TIg&t=5s

● https://www.youtube.com/watch?v=VE6awGSr22Q&t=9s

● https://www.youtube.com/watch?v=6PA98QL9tkw

● https://www.youtube.com/watch?v=mgi4esWA84M

● https://www.youtube.com/watch?v=HT7eOPUlNrE

● https://www.youtube.com/watch?v=nNSf7CMFFWY&pbjreload=101

● https://www.youtube.com/watch?v=R5n4sTh21_A

77 Thank you

E-mail : [email protected], [email protected] Website : http://www.muthupandi.net Mobile : 9944627858