Pengembangan Konten Digital oleh Siyamta

Pengembangan
Konten

Digital
Disampaikan Pada :
Workshop Nasional
Teknologi Pembelajaran PPS
Universitas Negeri Malang
Oleh :
SIYAMTA

.

Curiculum Vitae
 Nama
: SIYAMTA
 Pekerjaan: PNS / Pengembang
Teknologi Pembelajaran (PTP)
 Instansi : P4TK / VEDC Malang
 HP/WA : 0821 328 57 57 8
12 June 2016

Pengembangan Konten Digital

2

Tujuan Workshop
Setelah mengikuti Workshop ini, peserta
diwajibkan dapat :
1. Memahami istilah digital Content
2. Menggunakan beberapa Tools untuk membuat
digital Content (Calibre, FastStoneCapture,
Ncesoft FlipBook Maker, ScreencastOmatic)
3. Pengenalan kelas Virtual (Mengelola /
mengupload digital Content)

12 June 2016

Pengembangan Konten Digital

3

Materi Workshop
4
0

1

12 June 2016

2

3

5

Pengembangan Konten Digital

4

12 June 2016

Pengembangan Konten Digital

5

Mengapa Konten Digital?
• Kebutuhan Materi
Pembelajaran sesuai
dengan Era Digital
• Dukungan Perangkat
• Mobilitas User
• Fleksibilitas (Any Time
any Where)
• Perkembangan Teknologi
12 June 2016

Pengembangan Konten Digital

6

Multiformat (Calibre)
Multiformat
menggunakan
Calibre

12 June 2016

Pengembangan Konten Digital

7

Format EPUB (dg Sigil)

12 June 2016

Pengembangan Konten Digital

8

FlipBook (SWF, EXE …)

12 June 2016

Pengembangan Konten Digital

9

12 June 2016

Pengembangan Konten Digital

10

Introductions
Calibre, is a free and
open-source e-book
computer software
application suite which
runs on multiple
platforms, allows

users to manage ebook collections as
well as to create, edit,
and read e-books.
12 June 2016

Pengembangan Konten Digital

Output Format

11

Instalasi

…

3

1

12 June 2016

Pengembangan Konten Digital

12

Cara Menggunakan
• Membuka Calibre
• Add Book -> Add
Book from single
directory
• Edit Meta Data
(Edit Cover etc)
• Convert Book ->
Convert
Individualy
12 June 2016

Pengembangan Konten Digital

13

12 June 2016

Pengembangan Konten Digital

14

Introduction
 FastStone Capture
merupakan software yang
dapat dengan mudah
digunakan untuk
mengCapture object yang
ada pada
Screen/Desktop.
 Dapat menyimpan file ke
format BMP, JPEG, PNG,
TIFF and PDF Format.
 Language : English
12 June 2016

Pengembangan Konten Digital

15

Alamat Download

http://www.faststone.org

12 June 2016

Pengembangan Konten Digital

16

Beberapa
Menu Pada FC

Capture
Screen Recorder

Convert Image to PDF

12 June 2016

Pengembangan Konten Digital

17

12 June 2016

Pengembangan Konten Digital

18

Langkah ke - 1
• Klik 2 kali (cepat)
pada Icon
FastoneCapture
• Klik Next

1

2
12 June 2016

Pengembangan Konten Digital

19

Langkah - 2
Pilih
I Agree

12 June 2016

Pengembangan Konten Digital

20

Langkah - 3
Pemilihan
posisi
dimana
software
FastStone
Capture
akan
disimpan
Pilih Install
12 June 2016

Pengembangan Konten Digital

21

Langkah - 4

Proses
Instalasi
Selesai,
Menekan
Finish

12 June 2016

Pengembangan Konten Digital

22

12 June 2016

Pengembangan Konten Digital

23

FastSoneCapture

Langsung kita
Praktikkan
12 June 2016

Pengembangan Konten Digital

24

12 June 2016

Pengembangan Konten Digital

25

Introductions
• Convert PDF to
FlipBook,
• create digital magazine,
• Flash page flip book
• Many style of your
flipping book
• Publish as HTML, EXE
• Unlimit projects, unlimit
pages
12 June 2016

Pengembangan Konten Digital

26

Mengkonversi File ke FlipBook

1

2

12 June 2016

Pengembangan Konten Digital

27

Mengkonversi File ke FlipBook
3
4

12 June 2016

Pengembangan Konten Digital

28

Hasil Akhir (Flash)

12 June 2016

Pengembangan Konten Digital

29

12 June 2016

Pengembangan Konten Digital

30

Introductions (1)
• This flipbook software can make HTML5
and Flash flipping books from all sorts of
files: PDF, images, Word, PowerPoint,
Excel etc.
• It can enrich digital books, brochures,
catalogs, magazines etc with amazing
flash page flipping animation.

12 June 2016

Pengembangan Konten Digital

31

Introductions (2)
• The realistic 3D flippingbooks are viewable
on various devices such as PC, Mac,
iPhone, iPad, iPod, Android and other
mobile devices to reach both desktop and
mobile audience.

12 June 2016

Pengembangan Konten Digital

32

Installation (1)

3

2
1
12 June 2016

Pengembangan Konten Digital

33

Installation (2)

6

5
4

12 June 2016

Pengembangan Konten Digital

34

Cara Menggunakan (1)

•
•
•
•

File
New
Open
Start

12 June 2016

Pengembangan Konten Digital

35

Cara Menggunakan (2)
•
•
•
•

12 June 2016

Pengembangan Konten Digital

Pilih Template
Edit Page
Publish
Melihat
Hasilnya

36

12 June 2016

Pengembangan Konten Digital

37

Edmodo
 Edmodo adalah situs jejaring
sosial yang digunakan untuk
membantu proses pembelajaran
(Social Learning Networks /
SLN).
 Founded 1st September 2008 by
Nic Borg and Jeff O’Hara, San
Mateo, California
 Language : English, Spanish,

Portuguese, German, Greek, French,
Turkish, Dutch, Chinese, Swedish

12 June 2016

Pengembangan Konten Digital

38

Co-Founder Edmodo

https://www.edmodo.com/about

12 June 2016

Pengembangan Konten Digital

39

Edmodo Users in the World

12 June 2016

Pengembangan Konten Digital

40

Teacher Account
Teacher :
• Membuat
Group
• Membuat
Soal Ujian
• Melakukan
Penilaian
12 June 2016

Pengembangan Konten Digital

41

Student Account
Students:
• Posting di
Group
• Mengerjakan Ujian
• Diskusi

12 June 2016

Pengembangan Konten Digital

42

Parents Account
Parents:
• Melihat
Aktifitas
kelas
• ….

12 June 2016

Pengembangan Konten Digital

43

Feature Pada Edmodo?
 Berkomunikasi
 Bertukar Ide /
Gagasan / Berdiskusi
 Sharing Bahan Ajar
 Memberikan Tugas
 Mengumpulkan Tugas
 Melakukan Penilaian
 Follow berbagai
Komunitas Online
12 June 2016

Pengembangan Konten Digital

44

Kelebihan Edmodo
 Mudah untuk mengirim file, gambar,
video dan link ke alamat web.
 Membuat grup untuk diskusi
menurut kelas atau topik tertentu.
 Pesan dirancang untuk lebih mudah
dipahami dan tidak dibatasi oleh
jumlah karakter.
 Manajemen / Kontrol dilakukan oleh
Guru
 Semua Pesan dapat
didokumentasikan / Diarsipkan
12 June 2016

Pengembangan Konten Digital

45

Karakteristik Edmodo
1. Setiap Group dikelola oleh Guru.
2. Setiap Group memiliki Code
Group yang akan digunakan
sebagai password bagi siswa
untuk masuk kelas.
3. Siswa hanya dapat
berkomunikasi ke Goup dan
Guru.
4. Orang tua dapat ikut serta untuk
melihat aktifitas kelas, dengan
menggunakan Parents Code
12 June 2016

Pengembangan Konten Digital

46

Why Edmodo (1)
1. Mudah digunakan bagi siswa,
guru, dan orang tua.
2. Diakses secara online, tanpa
memerlukan server yang harus
disiapkan oleh sekolah.
3. Dapat digunakan untuk
pembelajaran dengan siswa,
kolaborasi guru dalam satu
sekolah, maupun antar guru
mata pelajaran (MGMP).
4. Edmodo selalu di-update oleh
pengembangnya.
12 June 2016

Pengembangan Konten Digital

47

Why Edmodo (2)
5. Dapat digunakan untuk diskusi
seperti pada jejaring sosial,
menyajikan materi
pembelajaran, menyediakan
fitur-fitur untuk evaluasi seperti
penugasan atau quiz.
6. Dapat digunakan dalam
pembelajaran berbasis projek,
dan student-centered learning
dengan banyak komunikasi
dan diskusi antar siswa.
12 June 2016

Pengembangan Konten Digital

48

Kelas Virtual di Edmodo
Parent
Parent

Parent Code

Parent Code

Parent
Parent Code

Class A

Class B

Group Code

Group Code

Teacher

12 June 2016

Class D

Class C

Group Code

Group Code

Pengembangan Konten Digital

49

Framework Edmodo
EDMODO
Social Media Networking and Learning
Group Communic
ation
User
based on
based
Social
on
Media
Class/
Networkin
Subject
g

Evaluation

Individual
/Group
Assignment

Quiz/

Learning Materials/Modules

Text

Pools

Video

Web
resources

Virtual Classroom Activities and Learning Management by Online
Tutor/Teacher
12 June 2016

Pengembangan Konten Digital

50

12 June 2016

Pengembangan Konten Digital

51

12 June 2016

Pengembangan Konten Digital

52

Langkah ke - 2
• Untuk Account
Teacher,
maka wajib
mempunyai
alamat email
yang aktif.
• Isilah Email
dan
Passwordnya.
• Tekan Button
Sign Up for
Free
12 June 2016

Pengembangan Konten Digital

53

Langkah - 3
Set Up
Your
Profile
Nama,
Kelas
yang
akan
diajar,
Foto
12 June 2016

Pengembangan Konten Digital

54

Langkah - 4
Lang
kah
berikut
nya klik
pada
Go to
My
Home
Page
12 June 2016

Pengembangan Konten Digital

55

Langkah - 5

Halaman
Pertama
My
Home
Page

12 June 2016

Pengembangan Konten Digital

56

12 June 2016

Pengembangan Konten Digital

57

Joint Group
Pada Edmodo
terdapat fasilitas
untuk bergabung
pada Group lain
(group yang sudah
dibuat oleh orang
lain).

1

8bnss3

4

12 June 2016

2

3

Muncul Halaman
Baru

Pengembangan Konten Digital

58

Nama Group / Kelas

12 June 2016

Pengembangan Konten Digital

59

Beberapa File di Edmodo

12 June 2016

Pengembangan Konten Digital

60

12 June 2016

Pengembangan Konten Digital

61

12 June 2016

Pengembangan Konten Digital

62

Membut Group / Kelas
1

1. Pilih Create a Group
2. Tulis nama Group
yang akan dibuat
3. Tingkat (1st – 12th)
4. Create

2

2

12 June 2016

3

Pengembangan Konten Digital

63

Isian Jumlah Siswa dan Inforamsi

12 June 2016

Pengembangan Konten Digital

64

12 June 2016

Pengembangan Konten Digital

65

Mengundang Siswa Untuk
Bergabung Ke Group

• Group Code : myayu4, di-sharing ke
siswa yang akan kita ajak bergabung di
kelas Edmodo.
• Group Code tersebut dapat di-reset atau
setelah 14 hari akan otomatis locked.
12 June 2016

Pengembangan Konten Digital

66

Group Setting
• Group Code dapat
direset untuk mengganti
Group Code
• Setelah 14 hari, maka
Otomatis by system
Group Code akan diLOCKED, setelah itu
dapat direset kembali
12 June 2016

Pengembangan Konten Digital

67

Membuat Small Group
1

2

3
Big Group

Small Group

12 June 2016

Pengembangan Konten Digital

68

Menambahkan Member
ke Small Group
2

1

3
12 June 2016

Pengembangan Konten Digital

69

12 June 2016

Pengembangan Konten Digital

70

Group Setting

• Edit Information
-> Save Setting
• Delete Group

12 June 2016

Pengembangan Konten Digital

71

12 June 2016

Pengembangan Konten Digital

72

Note, Assignment

Note mirip dengan Wall di Facebook
Assignment -> Penugasan ke Siswa
12 June 2016

Pengembangan Konten Digital

73

Assigment
• Assignme
nt
• Load
Assignme
nt (jika
tugas
pernah
dipakai
kelas
sebelumnya)

12 June 2016

Pengembangan Konten Digital

74

12 June 2016

Pengembangan Konten Digital

75

Membuat Quiz (1)

Quiz
Create
Quiz

1

2

12 June 2016

Pengembangan Konten Digital

76

Membuat Quiz (2)

12 June 2016

Pengembangan Konten Digital

77

Membuat Quiz (3)

http://soalkurikulum2013.com/soal-tematik-kelas-1-sd-kegemaranku-kurikulum-2013/
12 June 2016

Pengembangan Konten Digital

78

Membuat Quiz (4)
Menambah Soal (Add Question | Tanda +)
Points Per Soal

12 June 2016

Pengembangan Konten Digital

79

Membuat Quiz (5)

Menambah Option
Jawaban

12 June 2016

Pengembangan Konten Digital

80

Membuat Quiz (6)
Mem-Preview Quiz

12 June 2016

Pengembangan Konten Digital

81

Membuat Quiz (7)

12 June 2016

Pengembangan Konten Digital

82

Mengupload Quiz ke Group
1

2

12 June 2016

Pengembangan Konten Digital

83

Quiz yang telah di-Send ke Group

Turned in (Mengerjakan Quiz /
Melihat hasil Quiz)

12 June 2016

Pengembangan Konten Digital

84

12 June 2016

Pengembangan Konten Digital

85

Mengedit Quiz
1. Quiz
2. Load
From
Collection
3. Pilih
Quiz
4. Edit
12 June 2016

1

2

4

3

Pengembangan Konten Digital

3

86

Halaman Edit Quiz

12 June 2016

Pengembangan Konten Digital

87

12 June 2016

Pengembangan Konten Digital

88

Membuat Quiz Bergambar
Untuk membuat
Quiz bergambar
(soal yang ada
gambarnya),
maka langkah
pertama bahwa
semua gambar
harus diupload
di LIBRARY.

12 June 2016

Pengembangan Konten Digital

89

Cara Upload di Library
1

1. Siapkan
Gambar
JPG, max
100 MB
2. Klik Library
3. Add to
Library
4. Upload File
5. Pilih File
6. Open
7. Add
12 June 2016

2
3

6

4

7
5

Pengembangan Konten Digital

90

Insert Gambar Pada Quiz (1)

1

2

3

12 June 2016

Pengembangan Konten Digital

91

Preview Soal

12 June 2016

Pengembangan Konten Digital

92

Jumlah
Student
Menulis
Posting

Memberikan
Tugas
Kode
Group

Kelas Yang
Dikelola
Attach
File

Memberikan
Quiz

Contoh
Postingan

12 June 2016

Pengembangan Konten Digital

93

12 June 2016

Pengembangan Konten Digital

94

Bergabung di Kelas Edmodo
• http://www.edmodo.
com
• Milih STUDENTS
• Masukkan kode
group uvmvtv
• Masukkan nama
depan, nama
belakang, username
dan password
12 June 2016

Pengembangan Konten Digital

95

Parent Code untuk
Login Orang Tua Siswa

12 June 2016

Pengembangan Konten Digital

96

12 June 2016

Pengembangan Konten Digital

97

Membuat Account Sebagai Parent

12 June 2016

Pengembangan Konten Digital

98

Halaman Utama “Parent”

Home
Plann
er
Apps

12 June 2016

Pengembangan Konten Digital

99

Planner Page

12 June 2016

Pengembangan Konten Digital

100

Referensi
• Siyamta (2014) Modul Diklat ICT Bagi Guru SMU Papua
Barat, VEDC Malang, Tidak diterbitkan.
• https://en.wikipedia.org/wiki/Edmodo
• http://www.miekehaverkort.edublogs.org
• http://www.edmodo.com
• https://blog.edmodo.com/wpcontent/uploads/2010/12/Edmodo_UserMap_450px2
• https://www.youtube.com/watch?t=52&v=Zo2Odx2oDL4
• Tim Seamolec (2013), E-learning dan Pembelajaran
Kolaboratif Berbasis EDMODO SEAMEO Regional Open
Learning Centre, Jakarta.
12 June 2016

Pengembangan Konten Digital

101

Terima Kasih

12 June 2016

Pengembangan Konten Digital

102