1

Hosting Aplikasi Berbasis Web

Oya Suryanahttp://ozs.web.id

Lisensi Dokumen:Copyright © 2014 ozs.web.idDokumen ini dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyrightyang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,kecuali mendapatkan ijin terlebih dahulu dari penulis.

Materi hosting biasanya selalu terlewatkan didalam kurikulum ilmu komputer ketika mahasiswa belajar tentang web programming, padahal ketika menguasai web programming mahasiswa harus tahu tenang hosting meski hanya satu pertemuan, karena web tanpa hosting adalah pincang !, untuk itu pada materi kali ini penulis menjelaskan sedikit tutorial hosting gratisan dengan membuat subdomain (bukan domain) gratisan. Adapun contoh kasus adalah meng-upload aplikasi yang dibangun menggunakan framework CodeIgniter.

A. PersiapanHal-hal yang harus dipersiapkan :1. Email2. Aplikasi FTP Cilent dalam hal ini FileZilla download di 3. Paket server (xampp) terinstall di localhost 4. PHP editor (Notepad++, genay for windows, dll)

B. Pendaftaran Akun ke penyedia hosting Untuk memperoleh layanan hosting anda harus terdaftar di perusahaan jasa hosting, dalam hal ini dicontohkan menggunakan IDHOSTINGER yang beralamat di http://idhostinger.com

Gambar1

Adapun langkah-langkahnya :Klik buat akunKlik salah satu icon untuk mendaftar, jika mengunakan akun facebook klik akun Facebook, jika menggunakan Google Klik akun google

Gambar 2

2

Dalam hal in imenggunakan akun facebook

Gambar 3

Isi form diatas dengan login facebook anda

C. Login ke cpanel idhostingerSetelah pendaftaran selesai login ke idhostinger1. Buka alamat berikut http://cpanel.idhostinger.com/auth

Gambar 5

2. Klik Salah satu Icon misal facebook, isi email dan password3. Klik Login

D. Mendaftarkan domain/subdomainSetelah berhasil mendaftarkan diri pada langkah ‘B’ diatas saatnya anda mengelola hosting anda, sebagai langkah pertama adalah membuat domaon atau subdomain, pada kasus kali ini karena menggunakan layanan gratisan maka hanya diizinkan menggunakan subdomain dari layanan gratisan (free hosting)Domain adalah nama internet missal smkn2-kng.sch.id, sedangkan subdomain adalah alamat internet yang berada dibawah domain misa: pmb.smkn2-kng.sch.id pusdikom.smkn2-kng.sch.id

3

tracer.smkn1-kng.sch.id

Berikut langkah-langkah untuk membuat subdomain gratisan1. Login ke idhostinger2. Pilih menu Hosting3. Pilih menu order hosting baru (lihat gambar)

Gambar 6

4. Kemudian pilih pilihan hosting gratis (lihat gambar), klik Order

Gambar 7

5. Kemudian masukan nama subdomain

4

6. Pilih domain gratisan dalam hal ini url.ph (lihat gambar)7. Masukan password8. Ulangi masukan password

Gambar 8

9. Klik Lanjutkan (lihat gamabr diatas)10. Tahap konfirmasi masukan kode Captcah 11. Kemudian klik Order

Gambar 9

12. Jika berhasil maka pada menu hosting terdapat subdomain yang telah didaftarkan

5

Gambar 10

E. Mengelola SubdomainUntuk mengelola subdomain, klik subdomain yang didaftarkan dalam contih ini (sisinfopustaka.url.ph), maka pada sebelah kanan layar akan tampak informasi IP address, username dan password (lihat gambar)

Gambar 11

F. Membuat databaseSetelah masuk ke control panel , gulung layar sampai tampil bagian database, pada blok database create Database MySQL

Gambar 12

1. Pada gambar diatas klik tombol Databse MySQL2. Kemudian buat nama database3. Buat username untuk database yang akan dibuat4. Masukan password database tersebut5. Masukan kembali password untuk verifikasi6. JIka telah selesai diisi semua, klik tombol BUAT

6

Gambar 13

7. Selanjutnya dibagian bawah layar akan ditampilkan nama database, nama user dan nama host, catat bagian ini untuk konfigurasi database.php di project COdeIgniter atau file project Aplikasi PHP anda

Gambar 14

G. Membackup database di Komputer localUntuk meng-online-kan database yang telah dibuat, anda harus membackup terlebih dahulu database yang ada di computer anda, adapun caranya adalah :1. Jalankan Xampp For Windows2. Jalankan phpmyadmin3. pilih database yang akan di backup misal : perpustakaan4. Klik menu Export5. Klik tombol Go (lihat gambar)

7

Gambar 15

6. Kemudian simpan di folder projek anda misal di c:\xampp\htdocs\perpustakaan, maka akan tercipta file dengan extension .sql misal perpustakaan.sql

H. Mengedit file sql hasil backupAgar file hasil backup datap berjalan di server hosting, terdapat bagian yang harus dihilangkan apabila didalam database yang kita buat terdapat view, function atau triggers, dalam hal ini di projek perpustakaan terdapat beberapa buah view.

1. Pada sintax view, blok bagian antara CREAT dan VIEW (lihat gambar) ubah bagian berikut :

2. Pada script editor (misal notepad++) tekan tombol CTRL+H atau memilih menu SEARCH kemudian klik menu REPLACE, maka akan keluar kotak dialog berikut :

Gambar 16

3. Kemudian klik tombol REPLACE ALL

8

4. Berikutnya merubah nama database menjadi nama yang sesuai ketika membuat database di Server hosting (lihat gambar 13 bagian F)

5. Ganti nama database asal :

Gambar 17

Menjadi :

Gambar 18

6. Simpan semua perubahan diatas

I. Meng-upload database ke server hostingSetelah sukses mem-backup database, saatnya meng-upload database ke server hosting, adapun langkahnya adalah sebagai berikut :

1. Login ke idhostinger dengan akun yang telah dibuat2. Masuk ke bagian database (lihat gambar)3. Klik menu Database MySQL)

Gambar 19

4. Maka akan tampil database yang telah dibuat

Gambar 20

5. Klik tombol Masuk PhpMyadmin untuk menjalankan phpmyadmin, maka akan tampil jendela baru phpmyadmin

9

Gambar 21

6. Dari gambar diatas klik menu Import, maka akan tampil layar import database, klik tombol choose file untuk memilih file sql yang telah dibackup pada point G.

Gambar 22

7. Kemudan klik tombol GO, jika tidak ada masalah maka hasil import akan telihat seperti tampak pada gambar dibawah ini :

Gambar 23

J. Persiapan meng-upload file-file aplikasi yang telah dibangunLangkah berikutnya adalah meng-upload file-file php dan seluruh file pendukung aplikasi ke document root akun anda, document root di terletak di direktori /public_html, jadi upload seluruh fie ke folder tersebut.1. Login ke akun anda di idhostinger2. Pada Blok menu File klik Akses FTP

10

Gambar 24

3. Maka akan keluar layar detail akses FTP, catat seluruh informasi tersebut yang akan digunakan untuk men-seting FTP Cilent (FileZilla).

Gambar 25

K. Menginstall FTP Client1. Download FTP cilent, bisa menggunakan FileZilla atau SmartFTP atau bisa menggunakan FTP

Client lainnya.2. Install FTP Client tersebut, dalam hal ini misal FileZilla3. Seteh selesai instalasi, jalankan aplikasi FTP Client tersebut, jika berhasil maka akan tampak

jendela FileZilla

11

Gambar 26

L. Meng-upload file-file php dan file pendukung aplikasi lainnyaSetelah menginstall FTP Client tahap berikutnya meng-upload seluruh file di document root projek anda misal c:\xampp\htdocs\perpustakaan ke server hosting, berikut langkah-langkahnya :1. Jalankan FTP Client2. Berbekal seting dari FTP akun di Control Panel subdomain anda (lihat gambar 25)

Gambar 27

3. Pada filezilla isi ketentuan berikut :a. Host : nama subdomain url anda (misal : sisinfopustaka.url.ph)b. Pada user name isi dengan usernamec. Pada kotak password isi dengan password andad. Pada Port isi dengan port default ftp yaitu 21

4. Kemudian klik QuickConnect5. Tunggu di layar status FileZila sampai terkoneksi dengan server hosting6. Perhatikan gambar 28, meupakan contoh kondisi dimana anda telah terkoneksi ke server

hosting.7. Perhatikan juga bagian-bagian layar dari filezilla FTP Client di gambar 288. Untuk mengupload anda tinggal melakuan double klik setiap file atau folder di jendela kiri

atau melakukan drag and drop, folder yang akan di upload kemudian pilih menu upload9. Dan untuk mendownload lakuan sebaliknya dengan melakukan drag and drop dari jendala

kanan ke jendela kiri, atau klik kanan pada file atau folder yang akan di download kemudian pilih menu download

10. PERHATIAN UNTUK : UPLOAD SELURUH FILE PHP DAN PENDUKUNGNYA KE FOLDER /public_html yang merupakan root direktori aplikasi anda, jika diibaratkan dengan xampp maka /public_html adalah folder htdocs yang ada di server hosting

12

11. Gambar 29 adalah proses upload dari komputer anda ke server hosting12. Untuk kasus aplikasi perpustakaan, yang harus di-upload adalah :

a. Folder applicationb. Folder systemc. Folder images (jika ada)d. File index.phpe. File style.css (jika ada)f. File .htaccess (jika ada)g. Dan folder lain sesuai dengan aplikasi yang anda bangun

Gambar 28

Status Koneksi

Jendela Komputer anda Jendela server hosting

Daftar antrian upload/download

13

Gambar 29

M. Mengkonfigurasi ulang CodeIgniter yang telah di-uploadSetelah di-upload seluruh file-file framework Code Igniter, berikutnya adalah melakukan seting ulang terhadap aplikasi yang menggunakan framework CodeIgniter1. Buka file config di /public_html/application/config.config.php dengan cara klik kanan pada

file config.php kemudian pilih Edit (lihat gambar 30)

Gambar 30

14

2. Edit bagian base_url dengan subdomain yang telah anda buat

Gambar 31

3. Kemudian simpan, maka di fileZilla akan keluar kotak dialog berikut yang menyatakan konformasi apakah hasil perubahan akan di-upload, untuk klik Yes agar terjadi perubahan di server hosting.

Gambar 32

4. Berikutnya edit file database.php dengan cara yang sama seperti langkah nomor 1

Gambar 32

5. Ubah bagian hostname, username, password dan database sesuai dengan ketentuan yang telah dibuat dilangkah membuat database (lihat point F: membuat database, gambar 13), jika anda lupa di Control Panel Subdomain anda pilih Database MySQL pada Blok Databas3

Gambar 33

N. Menguji aplikasi yang telah di-uploadSetelah selesai seluruh proses upload dan konfigurasi, saatnya anda menguji apakah aplikasi yang tlah anda bangun berjalan normal setelah di-upload di web hosting. Adapun caranya adalah

15

anda memanggil alamat subdomain yang anda daftarkan pada URL address browser anda misal menggunakan opera kemudian ketik http://nama-sub_domain_anda misal http://sisinfopustaka.url.ph jika berjalan tanpa masalah maka akan tampil seperti apa yang tampil di localhost !

Gambar 33