Cara Membuat Portal Di Localhost

What's up guysss... Akhirnya saya memposting lagi setelah beberapa hari kehilangan arah alias ga tau mau memposting apa, dan akhirnya saya kemaren melakukan projek bareng Asnul Dwi tapi Screenshotnya ga dibagi jadi saya sedih gabisa ngeshare apa yang saya kerjakan, tapi secepatnya akan saya minta kepada yang bersangkutan dalam memberi Screenshot projek yang kami kerjakan bareng.

Lalu beberapa hari kemaren saya sempat juga mengajar di SMKN Jogonalan 1 Klaten bareng Mas Lukman untuk memberikan materi Mikrotik dasar kepada siswa - siswi disana.

Lanjut ke materi awal kita, apa sih Portal itu?

Portal menurut bahasa saya sendiri itu seperti tempat awal dimana kita datang lalu kita diberikan beberapa pintu yang akan memberikan kita shortcut langsung ke beberapa tempat, seperti facebook, twitter, instagram, youtube.

Untuk contoh yang bisa dipahami, bisa kita liat seperti pada kartun Doraemon yang mempunyai pintu kemana saja yang bisa kita gunakan, jadi base kita atau home page kita ada di situ dan kita diberikan beberapa pintu yang sudah disetting untuk mengantarkan kita langsung menuju tempat itu.

Setelah itu tujuan kita membuat portal untuk apa?
Tujuan membuat portal itu untuk memudahkan para user yang masuk ke koneksi kita agar dapat dengan mudah mengakses beberapa tempat yang sudah kita setting.

Lalu saya disini menggunakan laptop Lenovo B40-70 Core i3 Ram 4GB HDD 500GB dengan menggunakan OS Linux Ubuntu Gnome 16.04

Disini saya akan mengaplikasikan pada localhost terlebih dahulu, untuk mengetes apakah sudah pas dengan apa yang kita ingin pasang pada server kita.

Lalu bagaimana cara kita membuat portal itu?

Well cara pertama kita bisa mendownload di google file portal yang kita inginkan, kalau saya sudah mendownload dari E-Book BLC Telkom Klaten.

Disini saya sudah mendownload file portal yang akan saya aplikasikan pada Localhost, jangan lupa untuk me rename nama folder terserah kalian tetapi tidak diperbolehkan menggunakan spasi, karena jika menggunakan spasi tidak akan bisa terbaca oleh terminal.

 Setelah itu kita buka terminal dan masuk sebagai superuser, setelah itu kita masuk ke directory /var/www/html/

            #CD /var/www/html

Setelah itu kita ketik #ls untuk memunculkan isi dari directory yang sedang kita masukin.

Disitu terlihat hanya ada file index.html nah kita harus membuat folder dalam directory /var/www/html/ nama folder yang akan saya buat adalah Portal.

Cara membuatnya dengan mengetikkan perintah #mkdir portal
 Lalu kita cek lagi dengan mengetikkan #ls lalu akan terlihat folder yang sudah kita buat, yg berwarna biru. 

Kalau sudah kita cek lagi dengan masuk ke folder portal dengan cara #CD portal dan mengetikkan perintah #ls dan pasti isinya akan kosong

Nah dari situ kita harus memindahkan folder SMK td yang isinya adalah file portal yang akan kita aplikasikan pada Localhost

Agar gampang dalam memindahkan file saya secara pribadi menggunakan aplikasi bernama Nautilus.
Jika teman - teman belum install nautilus bisa diinstall seperti biasa dengan perintah #apt install nautilus (Untuk ubuntu versi 16.04) jika belum menggunakan yang baru menggunakan perintah #apt-get install nautilus

Jika sudah kita buka aplikasinya dengan perintah #nautilus dan akan muncul window baru seperti ini, dan kita harus masuk ke folder home di partisi Computer

Pilih folder Ryoganime

Masuk ke folder Documents

Masuk ke folder CMS

Lalu kita pilih folder SMK yang sudah saya siapkan, klik kanan dan copy

Pindah ke folder Computer -> var -> www -> html -> portal. Dan paste disitu.

Computer.

Var.

WWW.

Html.

Paste di folder portal

Hasilnya akan seperti gambar dibawah ini.

Setelah itu kita kembali ke terminal dan memberikan hak akses kepada folder SMK di folder portal dengan perintah

#Chown -R www-data:www-data (nama folder)

Jika sudah maka hanya akan terjadi seperti ini saja.

Kita buka browser dan ketikkan link  localhost/portal/(nama folder)

Dan Portal akan segera muncul seperti apa yang sudah kita download

Tapi gwa yakin beberapa dari kalian pasti menginginkan merubah isi dari portal ini, well kalian beruntung soalnya memang bisa di edit isinya. Caranya dengan mengedit file index.html di dalam folder portal kita.

Cara merubahnya sangat gampang, kita perlu masuk ke directory /var/www/html/portal/SMK/ dan mengetikkan #ls lalu akan muncul beberapa file yang ada dalam folder tersebut, cari file index.html dan kita buka dengan perintah

    #nano index.html 

Setelah itu kita bisa sesuka hati kita merubah isi dari file tersebut, bagi teman - teman yang belum mengerti tentang script HTML bisa belajar basic atau dasarnya disini

Disini saya hanya akan mengubah basic - basicnya saja seperti nama dan gambar.

Seperti gambar dibawah ini terlihat bahwa saya mengganti judul menjadi  
Nasi Goreng Online

Lalu saya merubah tampilan tulisan Selamat Datang di Website SMK Anwarussholichin menjadi Selamat Datang di Nasi Goreng Go Online

Oh iya jika kita ingin merubah gambar di portal, kita harus menyisipkan gambar didalam folder portal yang ada di /var/www/html/portal/SMK

Setelah itu tinggal kita ubah gambar sesuai nama yang ada di folder portal kita, contohnya nama gambar saya adalah Nasigorengonline.jpg

Lalu ubah lagi

Kita ubah saja sesuai keinginan kita

Ubah terus sampai selesai

Jangan mengikuti editing saya ya gan, harus punya ide sendiri..

Lanjut lagi..

Kalau tidak ada yang ingin dirubah, ya ga usah dirubah..

Jika sudah kita save
  Ctrl+X

Tulis Y dan tekan enter

Setelah itu kita coba kembali me refresh portal yang sudah kita buat dan lihat hasilnya..

Cek beberapa editan kita apakah sudah berhasil diubah

Dari gambar

Ke tulisan

Atau mungkin editan kita yang lain

Ya seperti itulah

Kalau bisa sih kita bikin sendiri aja portal nya, karena ini saya hanya mengeshare materi jadi saya gunakan yang simpel aja biar teman - teman mudah mengerti.

Yaaa semoga aja materi yang saya berikan di Blog ini dapat digunakan dengan baik untuk teman - teman.


Sekian yang bisa saya sampaikan, terima kasih sudah mampir.

Mohon maaf jika ada kesalahan karena saya hanya manusia biasa.

And like always...
I'll see you guys later..