Untuk pembuatan web offline ada beberapa cara dan juga alat/software yang digunakan antara lain: 1. Xampp 2. Phpmyadmin 3. Wordpress Dan untuk cara pembuatannya kita lanjut ke pembahasan selanjutnya. 1. INSTALLASI XAMPP Dalam pembuatan web offline kita membutuhkan sebuah web server yang gunanya sebagai wadah web yang akan kita buat nantinya. Disini kita menggunakan software xampp versi 3.2.1 Kita mulai dengan membuka setup aplikasinya yang sudah kita punya dengan cara klik 2x atau bisa juga dengan klik kanan lalu run/open. Setelah muncul seperti pada gambar 1.1 kita lanjut installasinya dengan klik Next Gambar 1.1 setup xampp
Dan kita lanjut dengan memilih komponen server yang disediakan oleh xampp yang fungsinya akan digukan untuk menjaankan web yang kita buat, sebagai pemula disini xampp sudah menentukan secara otomatis komponen apa saja yan akan di pasang dan kita cukup lanjut dengan klik Next. Gambar 1.2 pemilihan komponen server offline Lanjut pada bagian pilih letak dimana installasi xampp akan dipasang dan biasanya berada pada directori C:\xampp dan klik Next untuk lanjut. Gambar 1.3 penempatan direktori Xampp Dalam proses instalasi selanjutnya, gambar yang berada di persegi berwana biru menunjukkan informasi aplikasi web offlen apa saja yang dapat di jalankan dalam disini yang tersedia
WordPress, Drupal, Jomla dan juga aplikasi web offline lainnya. Klik Next untuk melanjutkan installasinya. Gambar 1.4 Informasi Aplikasi yang dapat dijalankan offline melalui Xampp Selanjutnya adalah Xampp memberikan informasi bahwa aplikasi telah siap untuk di install pada computer kita, klik Next untuk melanjutkan. Gambar 1.5 persiapan instalasi Xampp
Proses instalasi telah berjalan, tunggu sampai proses instalasi benar benar selesai. Gambar 1.6 Proses instalasi Petelah proses instalasi Xampp selesai. Xampp akan meminta kita untuk menjalankannya dengan menkonfigurasinya pada control panel xampp dan klik Finish dan centang pilihan Do you want to start the control panel now? untuk menyelesaikan proses instalasi dan membuka control panelnya. Gambar 1.7 Proses instalasi selesai Tetapi selain dengan cara di atass kta dapat menjalankan control panel xampp dengan cara membuka star menu dan cari xampp control panel.
Gambar 2.1 cari Xampp control panel Setelah Xampp control panel telah terbuka, kita cukup hanya dengan mengaktifkan web server ( Apache ) dan Database ( MySQL ) dengan cara klik start pada Apache dan MySQL pada tanda kolom merah seperti pada gambar. Gambar 1.8 start Web Server ( Apache ) dan Database ( MySQL )
Setelah Apache dan MySQL telah aktif, kita perlu men-setting dan mebuat database pada MySQL. Buka Web Browser lalu ketikkan link : localhost/phpmyadmin atau dengan cara klik Admin pada MySQL seperti kolom merah yang tertera pada gambar. Gambar 2.2 Xampp control panel.
2. CREATING DATABASE Lanjut denan membuat database dengan ketikan link:http://localhost/phpmyadmin/ pada web brouser yang kita punya dan klik new pada bagian pojok kanan atas seprti pada arah panah merah di bawah. Gambar 2.3 Menu phpmyadmin Dan isikan nama database yang akan kita buat dengan nama terserah kita contoh:wordpress seperti gambar di bawah lanjut dengan klik create. Gambar 2.4 Database
Database anda akan otomatis terbuat dan muncul pada pilihan database di bagian kanan urutan bawah sesuai dengan nama, lanjut dengan klik nama database kita-klik privileges-dan adduser Gambar 2.5 Tambah user Ini adalah bagian pembuatan user (pengguna) yang dapat mengakses database tersebut, dan lanjut dengan mengisikan : 1. Nama user 2. Ganti host dengan local 3. Isikan password 2x 4. Ceklist all kategori 5. Dan lanjut dengan klik go pada pojok kiri bawah. Gambar 2.6 Menu priveglies
Setelah muncul pesan sucess berarti user kita sudah terdaftar dan database kita dapat di gunakan. Gambar 2.7 User terdaftar
3. INSTALASI WORDPRESS Langkah selnjutnya yaitu instal wordpress kedalam xampp dengan cara buka dan ekstrak file wordpess yang kita punya (wordpress.rar) ke dalam direktori C:\xampp\htdocs Gambar 2.8 Copying file wordpress Lanjut dengan buka web brouser yang kita punya contoh: google chrome dan ketikan link:localhost/wordpress lalu enter akan muncul create configure file klik tag tersebut. Gambar 2.9 Configurasi instalasi wordpress
Dan lanjut dengan klik lets go! Gambar 3.0 Confirmasi instalasi wordpress Di sini kita di minta untuk mengisikan : 1. Nama database (isi kan dengan database yang sudah kita buat wordpress) 2. Nama user (isikan dengan user yang sudah kita buat wordpress) 3. Password (isikan dengan password user yang kita buat) 4. Host database (isikan dengan host yang kita buat buat user kita localhost) 5. Table prefix (tetap default saja wp_) 6. Dan lanjut dengan klik submit. Gambar 3.1 Isi data pada wordpress
Dan wordpress akan memberikan pesan kalau wordpress siap untuk di instal, dan lanjut dengan klik Run the install. Gambar 3.2 Konfirmasi instalasi wordpress Selanjutnya kita diminta untuk mengisikan : 1. Nama site (isi terserah dengan apa yang anda inginkan) 2. Nama user (terserah anda yang dapat di ingat) 3. Password user (terserah anda yang dapat di ingat) 4. Email anda (isikan dengan e-mail yang anda punya) 5. Dan lanjut dengan klik Run install. Gambar 3.3 Isi data web site
Dan proses instalasi sudah selesai, kita diminta untuk masuk menggunakan username dan password yang kita buat tadi dan klik login. Gambar 3.4 Login wordpress Di sini kita sudah sampai pad dashboard web site kita, disini adalah tempat untuk mendesign, merubah menambah dan mengatur tata letak web site kita sesuai dengan apa yaang kita inginkan dengan menumenu yang ada di sebelah kanan, dan kita sudah dapat melihat web sederhana yang sudah kita buat tadi, dengan klik nama web site kita pada bagian pojok kanan atas muhammad abdulloh. Gambar 3.5 Dashboard wordpress Inilah tampilan web site sederhana yang sudah kita buat. Gambar 3.6 Website kita