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
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
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
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
Tidak ada komentar:
Posting Komentar