Kategori: IT

  • Storyboard Konten e-Learning

    Storyboard Konten e-Learning

    AhmadDahlan.Net – Storyboard adalah sekumpulan sketsa baik tulisan ataupun gambar yang disusun secara berurutan sesuai dengan skenario yang diinginkan. Storyboard konten e-learning pada umumnya ditemukan pada pembuatan Video Pembelajaran, Drama, Voice Over, Penyusunan konten e-Learning, Multimedia, Periklanan dan sejenisnya.

    Tujuan dari pembuatan storyboard ini adalah membantu proses pembuatan konten agar hasil yang didapatkan sesuai dengan skenario yang telah disusun. Pada umumnya Storyboard berisi penjabaran dari skenario dengan informasi yang lebih detail berdasarkan Time-Linenya.

    Fungsi dari Storyboard

    • Penjelasan alur cerita agar memudahkan proses pengambilan materi dari kontent seperti Suara dan Gambar.
    • Memudahkan proses editing dan retake konten jika terdapat kesalahan kontent.
    • Memudahkan pemeran, voice over, narator dan efek suara dalam menyusun multimedia yang dibuat.
    • Memandu tim dalam upaya pengumpulan konten
    • Membantu visualisasi konsep dan ide dari sutradara.

    Peran Storyboard dalam e-Learning

    Dalam pembelajaran, Storyboard itu bisa dianalogikan sebagai RPP (Rancangan proses pembelajaran) pada pembelajaran kelas konvensional. Perancang Storyboard hendaknya bisa memetakan proses-proses yang ada di dalam kepala untuk menyampikan informasi kepada pengguna secara detil.

    Dalam pembuatan kontent e-learning, Storyboard digunakan untuk

    1. Menyusun Narasi dari konten yang dibuat.
    2. Merangkum text dan penggunaan tata bahasa
    3. Membuat ilustrasi
    4. Membantu penghafalan kata kunci yang akan disampaikan dalam video
    5. Memabntu proses prensentasi / Visualisasi ide dalam bentuk kontent.

    Contoh pembuatan Storyboard yang melibatkan gambar.

    Pra Persiapan pembuatan Storyline

    1. Menentukan tujuan pembelajaran yang didapatkan setelah menyaksikan atau menggunakan konten.
    2. Melakukan analisi dari sisi peserta didik (pengguna) terkait dengan tampilan, bahasa dan backsound yang digunakan.
    3. Mengumpulkan materi yang akan dibutuhkan.
    4. Membuat asesmen yang sesuai dengan isi dari Video untuk mengetahui apakah video berfungsi untuk menyampikan materi.
    5. Perkirakan device dan perangkat yang akan digunakan oleh peserta seperti kemampuan display card, jangan membuat video dengan ukuran Ultra HD padahal tidak semua peserta didik memiliki perangkat dengan kemampuan tersebut.

    Tips dan Strategi Menyusun Storyboard

    Berikut ini beberapa hal yang penting dan perlu dicatat dalam pembuatan Storyboard

    1. Gambar yang digunakan sebisa mungkin menjelaskan ide yang ada di fikiran saat menyusun storyboard agar menjadi pengingat saat proses perekaman dan membantu visualisasi ide.
    2. Kumpulkan seluruh bahan ajar yang mungkin berkaitan dengan veideo yang dibuat misalnya quiz yang disediakan online dalam bentuk link.
    3. Story sebaiknya dibuat sedetail mungkin yang dibisa agar menjadi catatan bagi sutradara dalam proses perekaman konten.
    4. Hindari hal-hal yang bersifat melebih-lebihkan atau unsur dramatis karena ini adalah kontent pembelajaran. Lakukan validasi informasi.
  • Tag HTML Iframe – Pengertian dan Penggunaanya

    Tag HTML Iframe – Pengertian dan Penggunaanya

    Ahmaddahlan.NET – Iframe adalah salah satu tag HTML tipe desain. Kegunaan iframe (inline frame) ini seperti memberikan jendela pada layar laman anda, dimana layar tersebut menampilkan konten dari website orang lain.

    Mengapa tag Iframe perlu? Beberapa website developer yang tidak ingin server mereka dibebani dengan aplikasi berat seperti Pemutar Video atau Penampil document bisa menggunakan website pihak ketiga yang lebih handal dari sisi Server dan aplikasi kemudian setelah diembed ke laman website sendiri melalui tag HTML Iframe.

    Misalnya saja video yang tayang di media Youtube atau Document dari Google Doc. Tag Iframe cukup sederhana dan bisa ditambahkan CSS yaknai <iframe>…</iframe>

    Penggunaan Tag Iframe

    Iframe digunakan dengan tag sederhana

    <iframe src="alamatsitus.com"></iframe>

    Seperti contoh penggunaan Iframe dari Video YouTuber berikut :

    <iframe width=100% height="400" src="https://www.youtube.com/embed/s4BibernJxU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    Perhatikan tangan width=100% ini adalah css untuk menampilkan lebar Iframe responsive terhadap device dimana lebarnya akan seukuran dengan lebar device, jika ingin ditampilkan fix angka 100% diganti dengan “600” untuk ukuran 600 pixel.

    Hasilnya sebagai berikut :

    Tag Iframe ini bisa berjalan dengan lancar di browser Chrome, Safari, Mozilla, Internet Explorer, Opera dan beberapa browser populer lainnya.

    HTML Atribute yang berlaku untuk Tag Iframe

    AttributeValueDeskripsi
    AllowFitur yang mengizinkan tag <iframe>
    allowfullscreentrue/falseTrue berarti Iframe bisa ditampilkan fullscreen
    allowpaymentrequesttrue/falseIframe bisa digunakan untuk kepelruan pembayaraan online seperti Paypal, Payonerr dan sejenisnya dengan memasukkan API sistem pembayaran
    heigthpx, %Ukuran tinggi kotak, secara default terset di 150 px
    widthpx, %Ukuran lebar kotak, secara default terset di 300 px
    Nametextmemberikan nama pada kotak iframe
    srcURLAlamat sumber yang ingin ditampilkan
    srcdocHTML_codekode untuk menampilkan sumber dari HTML laman tertentu
    referrerpolicyno-referrer
    no-referrer-when-downgrade
    origin
    origin-when-cross-origin
    same-origin
    strict-origin
    strict-origin-when-cross-origin
    unsafe-url

    Bentuk lain dari tag Iframe

    <iframe src="alamatsitus.com" width="100%" height="300" style="border:1px solid black;">
</iframe>

<iframe src="alamatsitus.com" width="100%" height="300" style="border:none;">
</iframe>

    Ancaman dan Keamanan Iframe

    Penggunaan TAG Iframe sama sekali tidak memberikan ancaman keamaan baik dari sisi Webiste dan User. Hanya saja Link yang diembed haruslah dari sumber aman, karena keamaanan user dikembalikan pada situs yang dirujuk.

  • Menjadi Sulih Suara dan Dubber Profesional

    Menjadi Sulih Suara dan Dubber Profesional

    AhmadDahlan.NET – Sulih Suara dan Dubber sudah sejak lama menjadi bagian penting dari industri hiburan yang memiliki nilai komersial tinggi. Di era Industri 4.0, dunia pendidikan juga menjadi salah satu hal yang akan banyak menggunakan jasa sulih suara dan dubber, terutama dalam pengembangan media pembelajaran berbasis elektronik.

    Sumber-sumber belajar yang memanfaatkan Video akan beringan dengan pemanfaatan suara. Sampai saat ini, faktor bahasa masih menjadi penghalang dari banyak peserta didik untuk belajar dari sumber-sumber yang berasal dari luar Indonesia. Sulih suara dan dubbing adalah kuncinya.

    Menjadi Profesional di Bidang Sulih Suara, Narator dan Dubbing

    Salah satu keunggulan dari industri 4.0 adalah terbukanya ruang publik yang dulu hanya dimiliki oleh media-media besar yang dengan banyak aturan yang mereka buat sendiri. Jika dulu seorang dubber atau pengisis suara hanya bisa menjadi kaya jika punya rekanan atau teman dengan rumah produksi, saat ini orang biasa dari pelosok kampung akan memiliki peluang yang sama untuk menjadi terkenal melalui industri ini.

    Buat kalian yang memiliki keinginan untuk menjadi sulih suara profesional baik itu dibidang pendidikan ataupun murni hiburan, kalian tidak perlu repot-repot mendatangi satu demi satu rymah produksi. Kamu cukup duduk manis di dalam rumah dan membuat portofolio kamu, kemudian publish dan biarkan para pengguna jasa yang menemukanmu.

    Namun sebagai konsekuensi dari industri 4.0, hanya mereka yang berkualitas yang akan terpilih, karena diluar sana ada banyak pesaing yang dengan sungguh-sungguh menunjukkan bakat mereka.

    Membuat Demo

    Demo merupakan salah satu portofolio yang paling banyak dinilai oleh para pengguna jasa baik industri besar seperti televisi maupun perusahan kecil yang bergerak di production house kelas kecil. Kebanyakan para penguna jasa ini akan mencari tahu tentang skill dubber terkait dengan kesesuaian dengan kebutuhan produk mereka.

    Ada banyak tempat mencari para dubber berbakat melalui internet seperti Voices.com, Voice123.com dan Voicebunny.com. Namun buat merek yang tidak ingin susah-susah mendaftar di website tersebut, Youtube bisa menjadi salah satu Display Space untuk menunjukkan bakat sulih suara.

    Untuk membuat demo, saat ini kamu hanya perlu melakukan beberapa langkah sederhanaseperti berikut ini :

    1. Buat Konsep – Insudtri ini adalah industri kreatif, jadi semakin kreatif kalian semakin besar peluang untuk menjadi terkenal. Buatlah konsep yang akan kalian tunjukkan mungkin seperti konsep Drama, Dialog, Impersonate atau Narator Pembelajaran
    2. Siapkan Naskah – Buatlah naskah yang singkat, tepat, dan padat, karena pengguna jasa tidak hanya mendengar timbre dan tendecy suara kamu tapi juga ide yang disampaikan, sekalipun kelas mereka-lah yang menentukan naskah dan skript yang akan kalian baca.
    3. Merekam Suara – Untuk bisa merekam suara, anda tidak perlu memiliki perlengkapan seperti di Studio Rekaman Profesional, tujuan dari demo ini adalah menunjukkan skill anda bukan peralatan rekaman yang anda miliki. Rekamlah suara anda di ruang yang sunyi atau pada malam hari.
    4. Publikasikan – Setelah memiliki demo yang baik, publikasikanlah Demo tersebut secara online agar orang lain bisa menilai. Publikasi paling baik dilakukan di Website sendiri namun jika belum punya tidak ada salah jika publikasi disimpian di platform populer seperti YouTube.
    5. Manfaatkan Komunitas – Komunita smenjadi salah satu tempat tumbuh yang paling baik dimana kamu bisa belajar teknik Sulih suara yang baik dan juga bisa mendapatkan kesempatan untuk berkenalan dengan orang-orang yang bersentuhan dengan profesi sulih suara.

    Tips yang lain mungkin saja sangat bermanfaat adalah kuasai beberapa bahasa terutama bahasa Inggris, tidak perlu mengusai struktur atau Grammarnya, cukup dengan mampu menguasai bahasa oral dari bahasa inggris.

    Beberapa web yang berisi informasi seputar posisi pengisi suara virtual:

    Voices.com

    Penyedia jasa sulih suara bisa melakukan registrasi secara gratis di situ sini. Syarat untuk registrasi hanya profil dan juga contoh suara yang kamu tampilkan. Seteleh meiliki dua hal tersebut silahkan buat akun lalu pengguna jasa akan menawarimu pekerjaan.

    Selain itu, di situs ini juga sering diadakan audisi online untuk keperluan pekerjaan projek. Pembayaran bisa kamu dapatkan melalui Paypal atau Cek jika bank tersebut tersedia di dalam negeri.

    Voice123.com

    Voice12.com hampir sama dengan situs sebelumnya hanya situs ini lebih baik lagi dari segi pembayran karena mereka tidak memotong sepeser pun uang diberikan oleh klien karena para klien langusng berhubungan dengan penyedia jasa.

    Voicebunny.com

    Layanan ini sama dengan voice123.com. Tersedia juga informasi tentang proyek pengisian suara virtual dalam berbagai bahasa.

    Bagaimana Pendapatannya?

    Pengisi suara virtual bisa meraup 75 sampai 400 dolar AS untuk sekali proyek iklan. Bahkan yang sudah berpengalaman bisa mendapatkan 10.000 dolar AS. Sistem pembayarannya bisa per proyek atau per pekerjaan basis. Rata-rata pendatapan untuk pengisi suara virtual adalah 100 dolar AS per 15 detik rekaman. Untuk pengisi suara buku audio bisa mendapatkan 3000 dolar AS per buku. Metode honorarium ada yang berdasarkan durasi rekaman, ada juga yang berdasar jumlah kata per naskah. Cukup menggiurkan, bukan?

  • MATLAB – Syntax fzero – Menghitung Persamaan Non-Linear

    MATLAB – Syntax fzero – Menghitung Persamaan Non-Linear

    AhmadDahlan.Net – Syntax fzero adalah function yang digunakan untuk menghitung persamaan lineer dan non-linear. Hanya saja syntax ini digunakan untk menyelesaikan persamaan matametis dengan satu variabel.

    A. Penggunaan Syntax

    x = fzero('math equation with one variable', a)

    Keterangan :

    1. x : variable peubah
    2. fzero : built-in fuction matlab
    3. math equation : hanya boleh berisi satu variabel
    4. a : nilai x dengan fungsi f(x) = 0 dimana x mendekati a.

    B. Contoh penggunaan fzero pada fungsi non-liner

    Contoh persamaan matematis non-linier

    f(x) = x² - 11

    Penyelesaian:

    >> fplot('x^2-11',[-7 7])

    Setelah dieksekusi maka akan muncul kotak plot

    Untuk mencari solusi persamaan non-linear dengan dua solusi misalnya untuk x = 4 dan x = -4 maka fungsi bisa diselesaikan dengan syntax :

    solus x mendekati 4, maka a=4

    >> fzero('x^2-11',4)

ans =

3.3166

    solus x mendekati -4, maka a=-4

    >> fzero('x^2-11',-4)

ans =

-3.3166

    Berdasarkan masalah tersebut maka solusinya x = 3,3166 dan x = -3,3166

  • MATLAB – Pemecahan Masalah Persamaan Linier Multivariable

    MATLAB – Pemecahan Masalah Persamaan Linier Multivariable

    AhmadDahlan.Net – Persamaan Linier Multivariable merupakan salah satu pemodelan matematika yang digunakan untuk menganalisis masalah-masalah dengan Variable lebih dari satu. Pada permasalah Multivariable dengan dua variable pada kasus-kasus sederhana penyelesaiannya bisa dilakukan dengan melakukan perhitungan manual, tapi pada kasus dengan tiga variabel dengan maslaah kompleks, penyelesaian membutuhkan cara yang lebih lama dan rentang dengan human eror dalam penyelesaian.

    Sebagai contoh pemodelan masalah berikut ini :

    Andi membeli 3 buah buku, 2 buah pulpen dan satu penghapus dengan harga 12 ribu rupiah. Budi membeli 2 buah buku, 7 buah pulpen dan 2 penghapus dengan haraga 28 ribu rupiah, sedangkan Tono yang menukar 7 buah penghapus dengan 8 buah buku dan 2 pulpen, harus menambah 4 ribu rupiah.

    Pertanyaannya adalah berapakah harga dari buku, pulpen dan penghapus tersebut?

    Berdasarkan masalah tersebut kita akan membuat pemodelan matematis seperti berikut ini :

    3x + 2y + z = 12.000
2x + 7y + 2z = 28.000
8x + 2y - 7z = 4.000

    Solusinya bisa dilakukan perhitungan dengan metode matriks dengan metode :

    Penyelesaian Masalah Persamaan dengan tiga variable

    Solusi dari masalah ini bisa dimodelkan dengan bantuan komputasi di Matlab seperti solusi berikut :

    Metode Kanan

    » A = [3 2 1; 2 7 2; 8 2 -7]

A =

3 2 1
2 7 2
8 2 -7

» B = [12000; 28000; 4000]

B =

12000
28000
4000

» X=A\B

X =

1324.5
3099.3
1827.8
    Metode Kiri
    » A = [3 2 8; 2 7 2; 1 2 -7]

A =

3 2 8
2 7 2
1 2 -7

» B = [12000 28000 4000]

B =

12000 28000 4000

» X =B/A

X =

1324.5 3099.3 1827.8

    Kesimpulan solusi ini adalah x = 1324.5, y = 3099.3 dan z = 1827.8.

  • Dubing – Penyulihan Suara dalam Publikasi Media

    Dubing – Penyulihan Suara dalam Publikasi Media

    AhmadDahlan.NET – Bahasa inggris menjadi salah satu bahasa pengantar yang banyak penuturnya, baik yang Native maupun yang pengguna aktif non-native. Hal ini membuat budaya berbahasa inggris sangat cepat diadaptasi bahkan untuk sekelas kartun Sponges Bob atau Video dari Animal Planet. Namun untuk tujuan konsumen yang belum mengerti bahasa inggris, akan kesulitan untuk mengerti dari video-video tersebut.

    Agar lebih mudah dimengerti pemirsa (pendengar), video tersebut dimasukkan ke studio sulih suara (dubing) untuk alih bahasa. Hasilnya kita bisa menikmati film-film Spogesbob dengan suara yang khas dengan tehnik dubbing yang tepat atau menikmati proses berburu Cetha dari Animal planet setelah bahasanya digubah ke bahasa Indonesia tanpa perlu membaca Subtitle-nya.

    A. Dubing – Sulih Suara

    Dubbing adalah teknik pengisian suara dengan menempa file video/animasi dengan suara yang direkam berbeda waktu, sedangkan sulih suara adalah penggantian bahasa dengan tehnik dubbing. istilah ini merujuk pada suara-suara yang direkam yang tidak berasal dari proses pembuatan video, termasuk suara non manusia, seperti suara kuda berjalan, petir, efek megic, dan efek suara lainnya.

    Tujuan dari sulih suara ini ada banyak namun pada umumnya untuk memastikan kualitas suara dari video yang ditayangkan maksimal. Sebagai contoh dalam pembuatan film seperti di Hollywood yang dilakukan di tempat ramai akan membuat Noisy suara yang membuat suara dilog aktornya tidak terdengar.

    Cara ini juga sangat efektif digunakan untuk memberikan suara pada proses yang sejatinya tidak memiliki suara, seperti pada proses pembuatan video pembelajaran yang objeknya bukan manusia. Proses pembuatan animasiakan diselesaikan terlebih dahulu kemudian dibuatkan narasi yang dibaca oleh narator.

    Program-program dengan narator yang terkenal dan baik untuk diikuti adalah How They They Do It dari Dicovery Chanel untuk program berbahasa Indonesia biasa kita kenal dengan Laptop si Unyil.

    Contoh Video dengan Teknik Dubbing (sumber : Dscovery Channel)

    Video tersebut menjelaskan tentang pembuatan Mesin Turbo yang membantu proses injeksi oksigen ke dalam ruang bakar dan membuat proses pembakaran lebih cepat.

    B. Aspek Penting dalam Dubbing

    Pada pembuatan Video, Suara pengisis suara sangatlah penting dalam menghasilkan kesan bagi pendengar. Bisa dibayangkan pengisi suara Doraemon yang berubah tiba-tiba karena pengisi suaranya digantikan oleh orang lain. Hal ini. membuat telinga akan beradaptasi dan merasa akan ada yang kurang dari sebelumnya.

    Dalam Video pembelajaran beberapa aspek dalam Dubbing komersial seperti film tidak begitu diperhatikan, seperti gerakan mulut narator karena Narasi betul-betul terpisah dari Video. Kendati demikian tetap saja ada beberapa aspek yang ahrus diperhatikan dalam proses dubbing.

    Adapun aspek-aspek tersebut adalah :

    1. Keterpaduan narasi yang dibuat sehingga membuat pendengar mengerti apa yang dijelaskan.
    2. Intonasi suara yang berubah sesuai dengan kebutuhan. Dalam bahasa Inggris terdapat teori Stressing yakni penekatan pada suku kata tertentu yang akan membuat pendengar memusatkan konsentrasinya.
    3. Artikulasi atau penyebutan dan suara yang jelas kata demi kata, sekalipun anda penggemar berat Karni Ilyas, namun belum tentu anda punya Pesona yang sama, jadi hindari menjadi seperti beliau saat berkomunikasi.
    4. Kecepatan membaca narasi juga menjadi aspek yang perlu dipertimbangkan.
    5. Nada suara, nada suara akan memberikan kesan yang berbeda, seperti suara rendah, sedang dan tinggi.

    Untuk lebih jelas berikut beberapa jenis iklan yang Voice overnya di isi oleh Bimo Kusumo.

    Pada Video tersebut orang yang sama bisa memberikan kesan berbeda hanya dengan mengubah tone, frekuensi, kecepatan, dan amplitudi dari suaranya.

  • Prosedur Pengembangan E-Learning

    Prosedur Pengembangan E-Learning

    Prosedur pengembangan e-Learning dilaksanakan dengan implementasi prinsip-prinsip belajar yang telah dilakukan dalam kelas-kelas konvensional. Pengembangan tersebut paling tidak mempertimbangkan empat aspek penting dalam pembelajaran yakni:

    1. Kompetensi dan Capaian Pembelajaran
    2. Karakteristik Peserta Didik
    3. Sistem Asesmen Pembelajaran
    4. Interaksi sosial

    A. Prosedur Pengembangan e-Learning

    e-Learning harus dikembangkan memenuhi seluruh aspek kebutuhan belajar bagi peserta didik dan juga administrasi bagi instruktur, terutama pada model Blended Learning dan Full Daring. Kebutuhan-kebutuhan pembelajaran seperti informasi kurikulum, silabus, proses pembelajaran (konstruksi), kuis, jadwal, test baik sumatif maupun formatif, sistem penilaian dan feedback. Semua layanan tersebut sebisa mungkin disediakan melalui sistem online meskipun guru dalam e-Learning model blended juga tetap melakukan aktifitas kalsikal.

    Sekalipun dikembangkan bebas waktu dan tempat dalam artian peserta didik dapat belajar kapan dan dimana saja, namun interaksi dari pembelajaran e-Learning juga harus tetap diutamakan. Tujuannya selain melatih keterampilan khusus dan konstruki pengetahuan, interaksi sosial dilakukan untuk membentuk keterampilan sosial peserta didik.

    Adapun prosedur pengembangan e-Learning secara sederhana dapat dilakukan sebagai berikut :

    1. Menyiapkan Konten Pembelajaran

    Sebagai seorang instruktur, langkah pertama yang harus dilakukan dalam mengembangankan e-Learning adalah menyiapkan konten pembelajaran yang dari segi pendidik disebut perangkat pembelajaran. Tujuannya untuk membuat gambaran yang memudahkan proses pengembangan e-Learning. Gambaran ini akan memdauhkan pengembang untuk membuat storyboard dari e-Learning baik dari sisi instruktur maupun peserta didik.

    Perangkat pembelajaran yang perlu disiapkan sebagai berikut :

    1. Standar Kompetensi dan Kompetensi dasar Capaian yang ingin dicapai
    2. materi ajar
    3. bahan presenteasi seperti slide atau video
    4. buku ajar
    5. software simulasi (jika dibutuhkan)
    6. Bahan Assessment dan Evaluasi
    7. Identitas peserta didik termasuk identitas elektronik seperti email.

    Dalam menyusun perangkat pembelajaran instruktur harus memastikan validitas dari materi yang diajarkan karena peserta didik bisa dengan bebas mengakses informasi yang akan digunakan. Upayakan membuat narasi dan pengantar yang baik sehingga membawa unsur humanis dalam pembelajaran, seperti kalimat sapaan atau feedback setiap kali peserta didik mengerjakan sesuatu.

    2. Menyiapkan Learning Management Sistem

    Langkah selanjtunya adalah memilih Learning Management System (LMS) yang akan digunakan. LMS ini menentukan aspek seperti framework dan UI baik dari sisi instruktur maupun peserta didik, namun pertimbangan utama adalah memberikan pengalaman belajar yang baik dari sisi peserta didik lebih diutamakan.

    Pada umumnya, Moodle adalah jenis LMS yang paling banyak digunakan sebagai software e-Learning karena layanan yang lengkap untuk kebutuhan pembelajaran. Moodle juga bersifat open source sehingga tidak membutuhkan biaya tambahan, sekolah atau penggunna LMS Moodle hanya perlu mempertimbangkan dari sisi Server saja.

    Dari sisi Server, Moodle juga hemat Resource, untuk jenis OS Server Ubuntu 18.00, dengan Server Nginx, sistem Database Apache, Moodle bisa berjalan dengan baik untuk 100 user online dengan spesifikasi Server : 1 GHz Dual Core CPU, Ram 2 GB, dan 5 GB space Memory.

    Alternatif LMS lain yang banyak digunakan selain Moodle mungkin :

    1. Edmodo
    2. Blackboard, dll

    3. Membuat StoryBoard

    Storyboard pada pengembangan e-Learning adalah racangan detail tentang seluruh aktifitas yang akan dilakukan oleh peserta didik selama berada di dalam LMS. Storyboard ini berisi informasi detail mengenai konten yang diakses peserta didik, aktifitas yang dilakukan, durasi waktu dilakukan setiap aktifitas, perpindahan antar konten atau aktifitas, sampai proses pembelajaran selesai.

    Storyboard dibuat untuk memudahkan instruktur memperbaiki dan melengkapi isi konten (materi, slide, video, test, asesmen dan Evaluasi) sebelum kelas berjalan. Selain itu Storyboard membantu instruktur (guru) untuk menghitung estimasi waktu yang digunakan peserta didik selama berada dalam LMS.

    4. Menjalankan Kelas

    Setelah itu rencanan yang disusun dalam Story board kemudian disesuaikan dengan fasilitas yang ada pada LMS dan materi yang diajarkan. Konten-konten selanjutnya diunggah dan Instruktur membuat kelas dalam LMS.

    Setelah kelas terbentuk, Instruktur membuat daftar peserta sesuai dengan fasilitas dan metode dari LMS yang digunakan. Pada umumnya ada dua jenis yang pembuatan akun baru atau diundang mengunnakan otorisasi email.

    Cuplikan Rancangan Kelas di LMS

    B. E-Learning Tools

    Untuk mendukung lingkungan dna suasan belajar jarak jarak jauh (distance learning), LMS sebaiknya memiliki layanan standar seperti berikut ini :

    NoFasilitasFungsi
    1.EnrolmentFasilitas menunjuk Role dari akun di sistem LMS
    2. Course MakerMembuat course atau mata pelajaran beserta detail dari setiap pencapaian pembelejaran baik untuk basis waktu atau basis topik
    3. AssigmentMemanajemen pemberian tugas dan sistem pemberian skor kepada peserta didik
    4.QuizMenyediakan layanan pemberian kuis populer seperti isian singkat, deskripsi panjang, pilihan ganda, benar salah, dan sejenisnya
    5.Attendance ListMenyediakan sistem presensi dan adminitrasi kehadiran peserta didik
    6. Restrict Pemberian pembatasan terhadap aktifitas yang dilakukan di LMS seperti, presensi, pengiriman tugas dan lain-lain
    7.Discussion and ChattingMenyediakan fasilitas interaksi Synchronous antara instruktur dan peserta didik dalam kelas.

    7 Layanan tersebut adalah layanan standar yang harus dimiliki oleh sebuah LMS. Namun setiap LMS memiliki ciri khas masing-masing namun pada umumnya aplikasi e-Learning Populer seperti Moodle, Claroline, Dekoes, Docebo, dan lain-lain sudah memiliki fasilitas dan fitur-fitur tersebut.

  • Pengertian Sistem Manajemen Konten – CMS

    Pengertian Sistem Manajemen Konten – CMS

    Ahmaddahlan.NET – Pada saat mengembangkan website, seorang developer harus memiliki orientasi kepada user yang sebisa mungkin dianggap sebagai orang awam dalam dunia IT. Hal ini membuat developer harus mengembangkan sistem tata kelola webiste yang tidak melibatkan aktifitas coding dalam menerbitkan kontent yang lebih dikenal dengan istilah CMS.

    Saat ini mayoritas website dikembangkan untuk menyajikan informasi baik untuk berita, hobi maupun pembelajaran. Termasuk pada situs-situs e-Learning yang menggunakan LMS yang tidak lain adalah pengembangan CMS dengan layanan memenuhi kebutuhan administrasi kelas dan pembelajaran.

    A. CMS

    CMS adalah singkatan dari content management system atau sistem yang dikembangkan untuk mengelola penerbitan konten-konten dari website tersebut. Mengembangkan sebuah website tentu saja tidak semudah menerbitkan content pada website tersebut tapi mengembangkan infrastruktur dari website tersebut yang salah satu tujuannya adalah menyajikan konten kepada user.

    CMS ini adalah sistem yang dikembangkan agar user selain dari developer webiste bisa dengan mudah membuat artikel di sebuah laman website tanpa harus masuk ke dalam system back-end website yang sangat tidak user friendly. Sebagaimana yang kita ketahui bersama bagian Back-end berisi file-file yang disusun dengan bahasa program dengan nama direktori yang aneh dan hanya bisa dimengerti oleh webiste developer. Bahkan sebagain besar website developer juga tidak mengerti fungsi dari file-file tersebut secara keseluruhan.

    CMS pada umumnya memiliki dua elemen yakni

    1. CMA (Content Management Application)
    2. CDA (Content Delivery Application)

    Elemen pertama adalah CMA dimana user (content creator) bisa melakukan tata kelola konten dari website tanpa harus berhadapan langsung dengan HTML, meskipun dalam kasus ini HTML bukanlah bagian dari Back-End. Elemen ini bisa digunakan untuk membuat konten, mengedit konten dan menghapus konten tanpa perlu memiliki keahlian dasar website. Namun bagi mereka yang mengerti HTML dasar, bisa saja menyajikan konten dengan cara yang lebih menarik.

    Pada umumnya dari elemen CMA, content creator bisa mengelola tiga aspek konten dari website yakni penampilan blog post, blog page dan tata kelola tampilan menggunakan HTML. Namun setiap CMS dikembangkan dengan fitur yang berbeda tergantung dari pengembang dan komunitas dari pengguna CMS tersebut.

    Elemen berikutnya adalah CDA yang tidak lain adalah sistem atau aplikasi yang disediakan CMS untuk memberikan informasi kepada user, content creator, dan webmaster tentang perubahan yang terjadi pada website mereka. Perubahan-perubahan tersebut lebih bersifat informatif dan hanya pada lapisan fron-end saja seperti

    1. penambahan jumlah conten baik page maupun post
    2. izin pengindeksan
    3. Tata kelola tingkatan akun
    4. Mounting Top Level Domain
    5. Tata kelola Breadcrumps
    6. Tata kelola kebijakan website
    7. Widget Managament
    8. HTML Editor Tampilan
    9. Tata kelola aplikasi pihak III dan Plugging
    10. Pengarsipan

    Selain 10 point tersebut, setiap CMS memiliki karakteristik tersendiri dari CDA mereka. Semakin lengkap layanan diberikan semakin banyak pula penggunanya seperti saat ini CMS WordPress menjadi juara tata kelola Website. 60 % website yang online di seluruh dunia menggunakan CMS berbasis WordPress.

    Fitur lain dari CMS yang sangat membantu dalam tata kelola website adalah fitur managemen akun. dalam CMS khususnya lemen CDA, Admin webiste bisa membuat beberapa tingkatan akun dan dikelola melalui tampilan UI. Admin bisa menambahkan akun lain dan memberikan tingkat otorisasi berbeda dari setiap tingkatan akun. Pada umumnya tingkatan otorisasi akun ini dibagi ke dalam :

    1. Admin
    2. Editor
    3. Content Creator
    4. Contributor
    5. Subscriber

    Akun adminitrator adalah akun paling tinggi dimana akun tersebut bisa melakukan seluruh aktifitas yang ada pada level akun dibawahnya dan begitu seterusnya. Namun 5 label di atas bukanlah pakem yang ada di setiap CMS, setiap cms lagi-lagi membagi akun berdasarkan karakteristik, seperti pada WordPress Mutisite dikenal dengan istilah Super Admin, sedangkan di CMS OJS (Onlien Journal System) akun Editor memiliki peran yang tidak bisa dilakukan akun Admin yakni membuat edisi jurnal sekalipun Admin memiliki otoritas lebih tinggi dari Editor, dan akun Admin yang mengangkat akun Editor.

    Tampilan Dashboard Worpdpress
    Tampilan Dashboard CMS WordPress

    B. Jenis-Jenis CMS

    CMS dikembangkan oleh banyak pihak dan sampai sata ini sudah tercata lebih dari 100 jenis cms yang digunakan secara terbuka di seluruh dunia. Tentu saja website privat seperti perbangkan, militer dan pengeloal dokumen rahasia perusahaan dan negara juga menggunakan CMS namun tidka bisa digunakna secara terbuka.

    Blogger yang digunakan untuk mengelola webiste dengan ekstensi domain bawaan Blogspot.com adalah salah satu jenis CMS non-open Source tapi bisa digunakan secara gratis oleh siapa saja. Selain itu kita juga mengenal Wordress sebagai salah satu CMS pesaing Blog. Berikut ini adlah beberapa CMS populer dari seluruh dunia.

    1. Blogger
    2. WordPress.com
    3. WordPress.org
    4. Drupal
    5. Jomla
    6. Moodle
    7. Radian CMS
    8. Mamboo
    9. Typo3
    10. Djanggo CMS
    11. Wix
    12. MediaWiki, dll

    Sama seperti penggunaan aplikasi, CMS dikembangkan dalam banyak tipemulai dari edisi premium yang berbayar seperti Magneto, Closed Soruce tapi gratis seperti Blogger, Open Source tapi berbayar seperti Worpdress.com dan Open Source gratis seperi WordPress.org.

    Jenis-Jenis CMS yang paling populer

    Data di atas di update tahun 2019 dimana 239 juta website yang ada menggunakan CMS berbasis Wordpess.org termasuk dengan situs yang sedang anda baca ini, menggunakan CMS berbasis WordPress.org setelah sebelumnya, sejak 2014 sampai dengan tahun 2018 masih menggunakan basis Blogger.

    Alasan utama dari banyaknya pengguna Worpdress ini karena CMS ini berbasis Open Source yang gratis namun bisa dipadukan dengan banyak framework sehingga bisa dimanipulasi menjadi website berbasis aplikasi termasuk juga bisa dijadikan sebagai LMS dengan tambahan Pluggin dan Frame Work bertema edukasi.

  • Mengenal Apa Itu HMTL

    Mengenal Apa Itu HMTL

    Ahmaddahlan.NET – HTML adalah singkatan dari HyperText Markup Language merupakan bahasa yang digunakan untuk menyusun tampilan dari sebuah website.

    A. Pengertian HTML

    HTML dikembangkan dengan konsep Markup yang secara harfiah bisa digantikan sebagai penanda. Sehingga untuk memanggil fungsi yang dibutuhkan maka yang dipanggil adalah penanda yang sudah disepekati oleh pengembangan HTML, sebuh saja untuk warna maka untuk membuat tampilan berwarna merah maka kita akan menggunakan code Red.

    Pada pengembangannya, warna merah tidak hanya merah dengan gradasi red 255, green 0 dan blue 0, ada banyak warna merah seperti warna Crimpson yang diwakili uni code #DC143C. Untuk itu dibuat unicode yang selalu diupdate sesuai dengan kebutuhan.

    Markup atau penanda ini selanjutnya disebut secara sebagai Tag, sehingga kedepannya sata belajar HTML kebanyakan kita akan berbicara tentag.

    HTML digunakan untuk menyusun tampilan dasar pada website namun terkadang tampilannya akan terlihat kaku, karena HTML hanya merupakan tag, Tag ini bisa diatur sedemikian rupa sehingga memberikan warna dan style pada HTML. Proses ini disebut sebagai CSS atau Cascading Style Sheet.

    HTML akan menghasilkan tampilan sederhana yang jika dipadukan dengan CSS akan membuat website semakin styles. Agar webistes semakin indah, HTMLS bisadipadukan lagi dengan Javascript. Javascript ini akan memberikan efek-efek yang keren seperti animasi dan sejenisnya pada tampilan website anda.

    1. Sejarah HTML

    HTML dikembangkan oleh TIM Bernes-Lee pada tahun 1980 saat bekerja di CERN. CERN ini adalah perusahaan yang bergerak di bidang Fisika Nuklir. Sejarah HTML muncul pada saat perusahaan membutuhkan software yang digunakna untuk memudahkan akses dokumen.

    Tahun 1989, Tim kemudian memperkenalkan ide tentang penggunaan Hypertext berasis Internet untuk mengakses dokumen-dokumen yang dimaksud tanpa harus memabca satu-satunya. Software yang dikembangkan ia kembangkan disebut ENQUIRE yang merupakan cikal bakal dari HTML.

    Dalam proses pengemabngan Tim meminta bantuan kepada Robert Cailliau yang merupakan system engginer di CERN, lalu keduanya mengadopsi proyek yang diikembangkan di CERN dan diperkenalkan sebagai HTML Tag pada tahun 1991.

    Pada awalanya HTML tags yang diperkenalkan hanya berisi 18 tags dikembangkan berdasarkan Standard Generalized Markup Language. 18 Tag tersebut adalah

    1. <title>
    2. <nextid>
    3. <a>
    4. <isindex>
    5. <plaintext>
    6. <listing>
    7. <p>
    8. <h1>…<h6>,
    9. <address>
    10. <hp1>,
    11. <hp2>
    12. <dl>
    13. <dt>
    14. <dd>
    15. <ul>
    16. <li>
    17. <menu>
    18. <dir>

    Karena dikembangkan berdasarkan SGML bisa dikatakan jika HTML adalah implemnetasi dari SGML.

    2. Perkembangan HTML

    Peran HTML yang sangat vital dalam pengembangan website dari sisi front-end membuat HTML sering kali dikembangkan. Uniknya setiap pengembangan tidak tumpang tindih dengan edisi terbaru jadi kita masih menggunakna tag html lama jika tetap ngotot ingin menunjukkan tampilan jadul dari website kita.

    Adapaun veris-versi dari HTML tersebut adalah

    1. [Draft] HTML 1.0 (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis;
    2. HTML 2.0 (24 November 1995) adalah versi HTML kedua yang resmi pertamakali beredar di pasaran dan dirilis oleh IETF;
    3. [Draft] HTML 3.0 (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan yang memicu perdebatan;
    4. HTML 3.2 (14 Januari 1997) versi resmi yang dirilis W3C pertamakali.
    5. HTML 4.0 (24 April 1998) versi pengembangan dari yang seblumnya;
    6. HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0;
    7. XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML;
    8. XHTML 2.0 (Augustus 2002—Juli 2006) versi kedua dari XHTML;
    9. HTML 5 (28 Oktober 2014) versi html saat ini.

    B. Belajar HTML Dasar

    HTML merupakan bahasa program paling kompleks dimana bahasa telah disusun lebih mudah dikenali dan disamakan dengan bahasa manusia. Hanya saja HTML berada pada posisi bahasa program paling atas atau paling sederhana.

    Untuk belajar HTML kita tidak perlu menginstal aplikasi khusus karena HTML bisa diketikkan dimana saja seperti Microsoft Word atau bahkan Note Pad. Sedangan untuk membuka file HTML kita hanya membutuhkan aplikasi Browser.

    Membuat File HTML pertama

    Agar lebih mudah paham mari kita membuat dokumen pertama dengan nama My-Simple-Document.HTML.

    Langkah yang harus dilakukan silahkan buka Notepad atau sejenisnya lalu ketikka code berikut !

    <!DOCTYPE html>
<html lang="en">
    <head>
        <title>My Simpel Document</title>
    </head>
    <body>
        <p> <b>Hai Every one </b>, This is my first HTML Document</p>
        <p> There is Nothing Here!!!</p>
    </body>
</html>

    Setelah itu silahkan save as tulisan tersebut dengan nama My-Simple-Document.HTML. Setelah itu kamu sudah memiliki file dengan nama di atas lalu silahkan buka dengan menggunakan Web Browser, maka anda akan menemukan tampilan sebagai berikut :

    Hai Every one , This is my first HTML Document

    There is Nothing Here!!!

    Selain ekstesni .html, file tersebut juga bisa disimpan dengan dengan ekstensi .xhtml dan .htm. Jika tidak menggunakan ekstensi tersebut, misalnya .txt maka file yang terbuka hanya kaan menunjukkan apa yang telah ketikkan semata.

  • Peran dan Fungsi e-Learning

    Peran dan Fungsi e-Learning

    AhmadDahlan.NET – Pembelajaran Elektronik (e-Learning) memiliki tiga peran dalam proses pembelajaran. Tiga peran tersebut adalah Suplemen, Komplemen, dan Subtitusi.

    A. Suplemen

    Sebagai suplemen, e-Learning memiliki peran hanya sebagai tambahan dalam pembelajaran. Dalam kasus ini, penggunaan dan pengaksesan e-Learning bukanlah sebagai keharusan untuk di akses dalam pembelajaran. Perna Suplemen dari e-Learning diterapkan pada model Adjunct.

    Peserta didik memiliki kebebasan untuk mengakses atau tidak informasi tambahan yang terkait dengan pembelajaran klasikal peserta didik di kelas, namun pilihan lainnya bisa saja dengan membaca buku, makalah dan laporan di perpustakaan.

    B. Komplemen

    Peran e-Learning sebagai Komplemen adalah bagian dari pembelajaran namun sifatnya sebagai pelengkap pembelajaran. Proses pembelajaran dilakukan sebagai dengan menggunakan model Blended Learning, dimana materi pembelajaran diletakkan pada media elektronik seperti website dan sejenisnya sehingga dapat diakses kapan saja oleh peserta didik di luar dari kelas tatap muka.

    Materi dan bahan ajar yang diakses peserta didik melalui media elektronik sifatnya pokok, enrichment dan reinforcement. Sifat Enrichment diberikan kepada peserta didik yang memiliki nilai tinggi dan ingin mendapatkan informasi lebih dari materi terkait yang dipelajari sedangakn reinforcement diberikan kepada peserta didik yang memiliki skor rendah sehingga harus remedial. Remedial ini terkadang akan sulit dilakukan secara klasikal karena urutan Standar Kompetensi yang harus diprogramkan setiap minggunya oleh guru akan dibantu penyelesaiannya melalui e-Learning.

    C. Subtitusi

    Peran Subtitusi dari e-Learning memiliki defenisi sebagai pengganti pembelajaran klasikal di dalam kelas. Peserta didik akan mendapatkan seluruh proses pembelajaran secara daring melalui kelas Virtual. Peran Subtitusi e-Learning ini wajib melibatkan Learning Management Sisytem (LMS) atau Learning Conten Management System (LCMS).

    Model-model pembelajaran berbasis e-Learning penuh ini sangat beragam, seperti Kelas Virtual, Distance Learning dan Massive Open Online Course (MOOC). Kelas-kelas Daring Penuh (Full Online) ini memiliki ciri khusus seperti pengaksesan kelas yang lebih fleksibel dan bisa dilakukan dimana saja, namun tentu saja masih terbatas dalam menyelesaikan pembelajaran pada kelas-kelas vokasional yang sifatnya membutuhkan keterampilan khusus.