Nama : FIDIA ASTUTI

Kelas : XII TKJ

Mapel : ASJ

Tutorial Membuat Pengumuman online dengan localhost dan ngrok

Step Pertama
 Install aplikasi XAMPP
 Ikuti langkah-langkah instalasi
 Pilih komponen yang akan digunakan. Misal CMS WordPress
adalah MySQL, FileZilla, FTP server, dan Apache. Untuk bahasa
pemrograman, Anda bisa memilih phpMyAdmin, PHP, dan Perl.
 Klik next
 Gunakan pengaturan penyimpanan default untuk penyimpanan
lokasi XAMPP
 Klik install
 Selesai. Anda sudah dapat menjalankan program XAMPP untuk
membuat website melalui localhost secara offline.
Step Kedua
Ketika XAMPP sudah terinstall di komputer atau laptop Anda, maka
langkah selanjutnya adalah menjalankan program XAMPP ini pada
localhost. Karena semua fitur sudh terinstal pada XAMPP ini makan hanya
tinggal memindahkan file ke Htdocs caranya yaitu
 Masuk ke menu file
 Lalu cari file localhost ,setelah itu klik dua kali
 Cari file bertuliskan Lulus20 lalu klik-copy
 Kemudian masuk ke file dari XAMPP tadi ,lalu cari file
bertuliskan htdocs, dan paste kan file Lulus20 tadi ke file htdocs
 Setelah selesai makan langkah selanjutnya adalah hosting secara
offline
  Buka XAMPP dan klik tombol start pada Apache dan MySQ
 Buat database di phpMyAdmin
 Bukalah,sebuah browser, kemudian ketikkan
‘localhost/phpmyadmin’, kemudian pilih menu database, lalu
masukkan nama database yang ingin dibuat. Misalnya saja
‘Lulus20’ kemudian klik buat / create
 Setelah berhasil membuat database pada phpmyadmin
 Lalu ketikkan localhost/lulus20/admin pada browser
 Lalu masuk ke menu konfigurasi dan ubah pada
tanggal,bulan,tahun dan waktu pengumuman kelulusan
 Setelah itu masuk ke menu data dan upload data nama peserta
kelulusan
 File yang akan di upload harus berupa file ckv.
 Step hosting localhost secara offline selesai.

Setelah semua step selesai makan langkah selanjutnya adalah meng

online kan localhost tersebut dengan Ngrok. Caranya sebagai berikut:
Langkah-langkah nya :
 Download aplikasi Ngrok di ngrok.com
 Copy dan Extract di folder htdocs (sebenarnya bebas mau
simpan dimana tapi untuk mempermudah mencarinya)
 Kalau sudah, daftar / sign up dulu di ngrok.com buat dapetin token.
 (Daftarnya pakai akun google aja, nah setelah daftar kalian dapetin
tuh token dari ngrok nya)
 Setelah itu, pada aplikasi ngrok klik menu authtoken lalu copy
tokennya
 Kembali ke folder htdocs, klik 2 kali ngrok.exe nya,
lalu paste tokennya dengan cara klik kanan langsung di cmd ngrok
 Setelah di enter maka akan tampil Authtoken saved blabla... (cara
ini cukup 1x di gunakan, untuk seterusnya tidak perlu lagi)
 Setelah itu muncul dua pilihan yaitu:
 Mau online kan satu folder htdocs atau online kan satu project di
dalam htdocs
 Kita pilih saja online kan satu folder htdocs caranya yaitu
 Ketik ngrok http 80
 Makan akan muncul tampilan seperti ini

 Pastikan session status nya online

 Setelah itu copy tulisan yg ada pada forwarding ( copy hanya
sampai batas ngrok.oi)
 Lalu buka browser dan pastekan link tersebut namun tambah
/lulus20 pada bagian akhir link nya
 Maka proses mengonline kan localhost hosting sudah selesai
tinggal kirim link localhost nya pada peserta untuk kemudian
mereka membuka nya dari rumah secara online.
 Dengan memasukan nomor ujian

SEKIAN DAN TERIMA KASIH