Selasa, 18 Oktober 2022

APLIKASI WEBSITE E-LEARNING (LEARNING WITH ME) IMPLEMENTASI DAN PENGEMBANGAN E-LEARNING DENGAN MENERAPKAN KONSEP CLOUD COMPUTING

 

Mata Kuliah : Komputasi Awan

 

Disusun oleh kelompok 3 :

1.     Rizky Mutiara Citra Ayuti      20050974007

2.     Irfan Aliftya Ramadhan          20050974045

3.     Maria Alexandra Scarlet L.C  20050974062


BAB I

PENDAHULUAN

A.    Latar Belakang

Perkembangan teknologi yang begitu pesat sesuai dengan perkembangan zaman membuat semua kegiatan mengharuskan mengakses teknologi tingkat tinggi, mulai dari perangkat yang digunakan serta harus mengakses internet. Perkembangan teknologi dirasakan pada semua bidang mulai dari kesehatan, bahkan pendidikan.

Dari hal tersebut banyak sekali perkembangan teknologi di dunia pendidikan mulai yang awalnya pendidikan hanya bisa dilakukan datang ke sekolah untuk mempelajari materi yang diberikan harus melalui buku, tetapi sekarang tidak untuk bisa mengenyam pendidikan tidak harus datang ke sekolah dan membawa buku. Belajar dapat dilakukan di rumah dengan mengakses internet semua kalangan siswa sudah melakukan pembelajaran. Yang contohnya dapat mengakses e-learning pada aplikasi web semua materi atau materi yang disampaikan oleh guru sudah tercantu pada e-learning tersebut.

Dari uraian yang telah dijelaskan pada paragraph sebelumnya maka dibuatlah aplikasi web e-learning dengan judul aplikasi “E-Learning With Me” yaitu aplikasi yang berisikan website e-learning atau pembelajaran yang dapat diakses melalui internet dengan memadukan dengan layanan komputasi awan dan hosting.


B.    Rumusan Masalah

1.     Bagaimana perancangan aplikasi web e-learning tersebut ?

2.     Implementasi pembangunan web e-learning dengan layanan cloud bagaimana ?

3.     E-learning ini nantinya dapat digunakan dan diakses oleh siapa saja dan berisi materi apa saja ?

C.    Tujuan

Tujuan dibuatnya aplikasi website E-Learning ini agar membantu untuk dapat belajar dimana saja dan kapan saja. Selain itu sebagai penerapan perkembangan teknologi di bidang pendidikan. Dengan menggunakan layanan cloud computing dan cloud hosting dapat membantu membuat website memudahkan penggunanya untuk menjalankan program tanpa harus menginstall aplikasi terlebih dahulu dan memudahkan pengguna untuk mengakses data dan informasi melalui internet.

BAB II

HASIL DAN PEMBAHASAN

A. Uraian Analisis Kebutuhan

            1. Cloud Computing (Cloud Service)

Software as a Service (SaaS) merupakaan perangkat lunak berbasis cloud yang dapat langsung digunakan dengan jaringan internet, di mana pengguna tidak  harus melakukan installasi software pada server, komputer atau handphone. Kegiatan pembelajaran sekarang banyak dilakukan secara online atau disebut dengan e-learning dari e-learning tersebut atau kursus online dapat diakses oleh siapa saja yang ingin belajar secara gratis dan mudah dikases dimana mana. Dengan adanya pengembangan aplikasi e-learning dengan menerapkan cloud computing SaaS ini bisa dapat dimanfaatkan siapapun yang mengakses aplikasi e-learning ini untuk belajar, aplikasi e-learing ini dikhususkan untuk pembelajaran tenteng TKJ (Teknik Komputer Jaringan). 

2.     Database

        Database atau basis data adalah kumpulan informadi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Kegunaan utama sistem basis data adalah agar pemakai mampu menyusun suatu pandangan (view) abstraksi data. Isi dari database ini nantinya berisi mulai penambahan siswa, guru atau instruktur dan materi yang diposting atau ditambahkan.

3.     Cloud Hosting

Cloud hosting adalah jenis web hosting yang menggunakan resource dari beberapa server untuk menyeimbangkan beban (load), mempercepat performa, dan memaksimalkan uptime. Cloud hosting menggunakan server virtual untuk menghosting website. 

4. Wordpress

        WordPress adalah sistem manajemen konten (CMS) yang bisa digunakan untuk membuat dan mengelola website atau blog. Sistem WordPress berjalan menggunakan PHP dan database MySQL atau MariaDB. Beberapa fitur unggulan WordPress antara lain adalah plugin dan tema, yang mampu menambahkan berbagai fungsi pada platform ini. Jadi nantinya website E-Learning With Me dibangung menggunakan wordpress.

B.    Langkah – Langkah Pengerjaan

a.     Perancangan

   Sebelum dilakukan pembuatan website pada cloud service dan pembuatan web pada wordpress langkah pertama yaitu merancang analisis kebutuhan yang digunakan atau apa saja yang nantinya     diimplementasikan pada web sesuai dengan kebutuhan. 

1.     Use case diagram


2.     Pendefinisian Aktor

No

Aktor

Deskripsi

1.

Admin

Admin adalah orang yang bertugas dan memiliki hak akses untuk melakukan segala operasi pengelolaan data siswa yang mendaftar untuk bisa belajar online di aplikasi e-learning ini, menambahkan course atau materi yang dipelajari.

2.

Siswa

Siswa adalah orang yang menggunakan aplikasi ini untuk keperluan belajar secara online yang bisa mengakses materi di aplikasi web e-learning with me, untuk menggunakan aplikasi ini siswa juga bisa log in atau sign in terlebih dahulu.

3.     Pendefinisian Use Case

No

Use Case

Deskripsi

1.

Register / Sign Up

Merupakan proses untuk melakukan pendaftaran akun untuk menggunakan website e-learning with me

2.

Sign In / Login

Merupakan proses untuk melakukan login aplikasi oleh siswa dan admin ketika sudah terdaftar

3.

Beranda

Dihalaman beranda baik siswa maupun admin dapat melihat tampilan awal beranda aplikasi yang menjelaskan tentang elearning with me sendiri, tutor atau pengajar, about dari aplikasi ini. Atau tampilan utama dari aplikasi e-learning with me

4.

Courses

Merupakan kursus atau materi pembelajaran yang tersedia di aplikasi e-learning with me yang dapat dipelajari.

Yang ditampilkan yaitu materi dari pelajaran TKJ

5.

Melihat data siswa

Merupakan proses yang dilakukan oleh admin yaitu bisa melihat data siswa yang terdaftar untuk belajar di aplikasi.

6.

Menghapus data siswa

Merupakan proses penghapusan data siswa oleh admin yang berhak, ketika siswa yang terdaftar sudah lama tidak mengikut atau mengakses aplikasi

7.

Mengelola course

Merupakan proses pengelolaan kursus materi mulai dari penambahan materi baru yang bisa dipelajari, atau menghapus kursus yang sudah atau materi yang sudah lama untuk digantikan dengan materi yang baru

4.     Use Case Skenario

Mendaftar akun / Sign Up

Aksi Aktor

Reaksi Sistem

Skenario Normal

 

1.     Menambahkan email, nama, username , dan sandi 

 

 

2.     Memeriksa data pada tabel apakah sudah terdaftar sebelumnya atau belum

 

3.     Menyimpan data yang telah ditambahkan pada tabel siswa

 

4.     Masuk pada halaman login 

Skenario Alternatif

 

1.     Menambah email, nama, username dan sandi

 

 

2.     Memeriksa data pada tabel apakah sudah terdaftar sebelumnya atau belum

 

3.     Menampilkan pesan bahwa akun telah terdaftar 

 

4.     Menampilkan pesan kembali daftar akun atau log in

5.     Memasukkan kembali email, nama, username , dan sandi

 

 

6.     Memeriksa data pada tabel apakah sudah terdaftar sebelumnya atau belum

 

7.     Masuk ke aplikasi pengelolaan data perpustakaan

 

8.     Masuk pada halaman login

Login / Sign In

Aksi Aktor

Reaksi Sistem

Skenario Normal

 

1.     Memasukkan username dan password

 

 

2.     Memeriksa valid tidaknya data yang dimasukkan dengan memeriksa tabel siswa

 

3.     Masuk ke aplikasi e-learning with me

Skenario Alternatif

 

4.     Memasukkan username dan password

 

 

5.     Memeriksa valid tidaknya data yang dimasukkan dengan memeriksa tabel siswa

 

6.     Menampilkan pesan login gagal

7.     Memasukkan username dan password yang valid

 

 

8.     Memeriksa valid tidaknya data yang dimasukkan dengan memeriksa tabel siswa

 

9.     Masuk ke aplikasi e-learning with me

Courses

Aksi Aktor

Reaksi Sistem

Skenario Normal

 

 

1.     Memeriksa status login

2.     Membuka courses yang ingin dipelajari atau materi courses yang ingin diselesaikan. 

 

 

3.     Menampilkan courses yang diinginkan oleh siswa.

Skenario Alternatif

 

 

1.     Memeriksa status login

2.     Membuka courses yang ingin dipelajari atau materi courses yang ingin diselesaikan. 

 

 

3.     Menampilkan courses yang diinginkan oleh siswa.

 

4.     Siswa belum menyelesaikan kursus yang dipilih sebelumnya

 

5.     Menampilkan courses yang belum diselesaikan.

6.     Mempelajari kembali courses yang belum diselesaikan.

 

5. Diagaram Activity Log In

6. Diagram Activity Sign Up

7. Diagram Activity Courses

b.   Implementasi

    Setelah melakukan analisis perancangan untuk pembuatan website maka selanjutnya yaitu membangun website e-learning pada wordpress. Pembuatan website pada wordpress dilakukan pada xampp yaitu pada localhost nantinya setelah website pada localhost jadi maka akan dimigrasi pada wordpress AWS EC2.

                  Membangun website diwordpress localhost

1.    Melakukan installasi wordpress, wordpress dapat diunduh di website wordpress, setelah melakukan installasi selanjutnya membuat database pada phpmyadmin nama database disamakan ketika memulai membuat website pada wordpress.

2.   Setelah masuk pada wordpress maka selanjutnya menginstall plugin yang dibutuhkan , yaitu plugin TutorLMS plugin yang digunakan sebagai e-learning yang menyediakan template web e-learning, selanjutnya plugin Elementor yaitu plugin yang digunakan untuk mengedit website kita agar lebih menarik.


3.   Mengubah tema atau tampilan pada website dapat diubah pada tampilan dan memilih tema. Tema yang digunakan pada E-Learning With Me yaitu tema Astra yang dapat diaktifkan langsung pada wordpress.

4.    Karena disini sudah login sebagai admin maka dapat menambahkan course pada plugin Tutor Lms. Ketika plugin sudah terinstall maka pada navbar sebelah kiri terdapat tutor lms dan fitur dari tutor lms itu sendiri.

a.     Fitur Courses

Di fitur ini menampilkan materi  - materi yang siap dipelajari oleh pengguna nantinya dan isi dari materi pada courses ini dikhususkan untuk pelajaran TKJ. Untuk menambahkan mata pelajaran dapat mengklik Add New dan pelajaran tersebut dapat ditambahkan pada setiap materinya dengan masuk pada setiap judul pelajaran tersebut.

Ketika laman pelaran dibuka maka akan menampilkan seperti berikut :           


Untuk menambahkan materi materi pada mata pelajaran tersebut bisa add new topic


Pada topic yang dibuat dapat juga ditambahkan materi yang bisa dipelajari oleh siswa yang belajar dengan e learning. Selain dapat menambahkan materi juga bisa menambahkan quiz yang dapat dikerjakan setelah mempelajari materi.

Menambahkan deskripsi dari setiap materi atau topik yang akan dipelajari

Menambahkan gambar dan video pembelajaran. Video pembelajaran dapat ditambahkan dari file atau juga bisa mengambil dari video youtube si instructur tersebut.

Menambahkan materi bisa diambil dari file manager mulai dari ppt ataupun dokumen yang digunakan untuk siswa yang mengikuti courses belajar.

b.     Course Categories

    Fitur course categories ini berguna untuk mengkategorikan beberapa course agar lebih mudah dalam pengelompokan materi.

c.      Tags

    Tags berfungsi untuk memberi tanda atau judul terhadap suatu topik atau materi     tertentu  agar lebih mudah dalam pengelompokan materi.

 

d.     Students

Dalam fitur ini kegunaannya adalah pencantuman nama – nama siswa.

e.      Announcements

Fitur ini digunakan sebagai sarana pengumuman.

f.      Question and Answers

Disini dapat digunakan sebagai forum tanya jawab.


g.     Quiz Attemps

Fitur ini digunakan sebagai sarana mengetes sejauh mana kemampuan siswa dengan menggunakan kuis.

h.     Post

Lalu ada fitur post, disini dapat difungsikan sebagai sarana dalam memposting hal bebas mengenai keterkaitannya dengan materi serta dapat digunakan sebagai wadah sharing.

i.       Kategori

Fitur ini untuk mengkategorikan postingan.


j.      Tags

Yang terakhir fitur tags, untuk memberi judul pada postingan agar lebih mudah pencariannya.


5.     Untuk mengedit halaman web terdapat pada navbar nantinya akan ditampilkan page apa saja yang ada dari setiap laman dapat diedit webnya sesuai dengan keinginan.


Setelah melakukan pengeditan dan pengisian konten dari localhost maka dapat dipindahkan atau dimigrasi ke cloud service EC2

6.    Sebelum memindahkan maka dilakukanlah penginstallan wordpress pada AWS EC2, EC2 Amazon Elastic Compute Cloud (Amazon EC2) menyediakan kapasitas komputasi yang dapat diskalakan di Amazon Web Services (AWS) Cloud. Menggunakan Amazon EC2 dapat mengembangkan dan menerapkan aplikasi lebih cepat. Menggunakan Amazon EC2 untuk meluncurkan server virtual sebanyak atau sesedikit yang dibutuhkan, mengonfigurasi keamanan dan jaringan, dan mengelola penyimpanan. Amazon EC2 memungkinkan untuk meningkatkan atau menurunkan untuk menangani perubahan dalam persyaratan atau lonjakan popularitas, mengurangi kebutuhan Anda untuk memperkirakan lalu lintas.

7.     Melakukan server virtual di wordpress , pada console cari EC2 dan klik EC2


8.     Setelah terbuka EC2 selanjutnya melakukan menambahkan nama web atau judul yang dibuat pada EC2 dan mulai melakukan launch instance


9.     Setelah launch instance maka nanti akan muncul virtual yang akan digunakan karena dari awal pembuatan sudah menggunakan wordpress maka melakukan launch instance pada wordpress.

10.  Select untuk mulai menggunakan wordpress nantinya akan muncul konfigurasi dari yang dipilih atau virtual wordpress yang digunakan

11.  Memilih instance type dan key pair untuk instance type yang digunakan yaitu t2 micro disesuaikan dengan perangkat laptop yang digunakan atau disesuaikan dengan kapasitas memori laptop yang digunakan untuk menginstall virtual mecine pada AWS untuk key pair yaitu sandi yang dibuat dan didownload guna dipergunakan untuk keamanan kepemilikan virtual cloud pada AWS.

12.  Jika sudah maka proses launch instance dapat dilakukan

13.  Tunggu proses installasi selesai , jika proses sudah selesai maka akan muncul seperti dibawah ini , menandakan virtual cloud sudah bisa digunakan dan sudah bisa online karena menggunakan cloud hosting, untuk mengunjungi situs bisa membuka IP yang telah diberikan oleh AWS.

14.  Memindahkan atau memigrasi wordpress localhost ke wordpress cloud AWS digunakan pluggin wpvivid pada kedua wordpress. Untuk wordpress dilocalhost digunakan untuk mengekspor dan wordpress AWS digunakan untuk mengimporrt.

Berikut ketika dari localhost sudah keup atau sudah terpindah ke AWS

15.  Maka wordpress sudah bisa digunakan secara online dan semua konfigurasi mulai database , cloud , sudah dalam AWS.

C.    Hasil

Desain Aplikasi Web E-learning With Me

Desain halaman beranda

Terdapat tombol navbar pada header yang mengarahkan ke halaman masing masing sesuai dengan page.

1.     Home

            Sebagai tampilan home pengenalan ketika navbar di klik pada home.

            Menampilkan keunggulan dari Learning With Me

Jika terdapat kursus baru yang baru diupload oleh instructur maka akan muncul pada beranda yang menampilkan kursus terbaru


                Ditampilkan juga hasil karya karya yang telah diselesaikan oleh murid yang mengikuti kursus

Riview dari pengguna yang telah menyelesaikan kursus atau sedikit kesan dan pesan yang ditampilkan di beranda

Terdapat FAQ yang sering menjadi pertanyaan yang sudah dijawab oleh admin sehingga memudahkan pengguna untuk mencari informasi yang dibutuhkan.


2.     Courses

Kurus yang ada atau kursus yang mengarah pada materi yang akan disediakan pada pembuatan website ini akan dikhususkan untuk pelajaran TKJ.

Ketika courses dibuka maka akan menampilkan pelajaran yang dapat berupa video atau file materi pelengkap , yang dapat dimulai dengan start learning atau mulai belajar.

Terdapat sub bab yang dipelajari dalam mata pelajaran tersebut

Sedikit penjelasan materi yang akan dipelajari

Berisi file materi

                       

3.     Tentang Kami

            Page atau halaman yang menampilkan profil para pengembang.

4.     Kontak

Menampilkan page tentang dari aplikasi e-learning ini contact yang dapat dihubungi dan tempat dimana e-learning ini dibuat.

5.     Regristrasi Instruktor

Pada halaman ini dapat dilakukan pendaftaran untuk instructor/guru dengan input berupa nama, e-mail, dan password.

6.     Regristrasi Murid

Pada halaman ini dapat dilakukan pendaftaran untuk peserta didik/murid dengan input berupa nama, e-mail, dan password.

7.     Dashboard

Halaman ini merupakan laman utama untuk menggunakan e-learning. Diharuskan melakukan log-in untuk mengakses halaman ini.


FITUR DASHBOARD

1.         Halaman Utama

    Pada halaman ini terdapat kesimpulan dari aktivitas pengguna pada e-learning seperti total course yang diikuti.

2.         My Profile

       Pada halaman ini ditampilkan profil dari pribadi pengguna.

3.          Enrolled Courses

      Menampilkan seluruh course yang terlibat dengan pengguna.

 

4.         Wishlist

       Pada halaman ini ditampilkan seluruh wishlist atau daftar keinginan dari course yang akan diikuti.

5.         Review

      Pada halaman ini ditampilkan ulasan dari course yang pernah diikuti pengguna. 

 

6.               Settings

       Disini pengguna dapat mengatur profil pribadi seperti foto, nama, dan status

Jika mendaftar atau login sebagai student atau pengguna yang ingin belajar untuk tampilan dari dashboard akan berbeda dengan instructur , yang hanya menyediakan apa saja yang sudah dipelajari, atau yang masih dipelajari.



BAB III

PENUTUP

Kesimpulan

Menggunakan AWS sebagai web service yang berbasis cloud computing untuk membangun website E-Learning With Me merupakan perubahan besar dalam bidang pendidikan dengan adanya cloud computing dalam pembuatan web yang menggunakan AWS juga dapat membantu untuk penghematan biaya, inovasi yang lebih cepat dan sigap. E-Learning With Me diiusung atau dikembangkan melalui virtual wordpress yang disediakan oleh AWS sehingga dapat mudah diakses oleh pengguna bahkan oleh admin atau pembuat dari website tersebut. Yang memiliki banyak fitur yang membantu dan sudah di cloud hosting oleh AWS secara gratis.

Link website E-Learning With Me :

Uuntuk mengakses web E-Learning With Me dapat melakukan unsafe terlebeih dahulu

https://13.228.29.104/  

 

 

 


Tidak ada komentar:

Posting Komentar