Langkah-langkah pembuatan website dengan Instalasi secara online

Transkripsi

1 Langkah-langkah pembuatan website dengan Instalasi secara online 1. Buatlah account anda dengan klik menu Sign Up 2. Kemudian anda akan dihadapkan pada sebuah halaman form untuk diisi dengan account anda. ( lihat gambar ). Isilah Username anda secara bebas Isilah Password anda secara bebas Isilah alamat anda, dan pastikan alamat anda masih aktif dan valid karena innformasi account anda akan dikirim ke anda Isilah Security Code sesuai dengan sederetan angka dan huruf Security Code yang ada disebelah atasnya. 3. Setelah selesai anda mengisi semua textbox dengan lengkap, tekan tombol. Pada langkah ini, informasi account anda sedang dikirim ke anda. 4. Segeralah buka alamat anda yang tadi anda masukkan ke halaman Sign Up. 1

2 5. Setelah anda terbuka, carilah informasi account anda di bagian Massal. ( lihat gambar ) Klik 2 kali Bukalah folder Massal, dan lihatlah dideretan daftar surat, klik dua kali dan anda akan melihat account anda seperti gambar dibawah ini. ( Jika anda berbahasa Inggris, bukalan di folder Bulk ) Informasi di atas merupakan info lengkap tentang account anda untuk membuat website secara gampang dengan hosting gratis di tempat kami. 2

3 6. Langkah selanjutnya adalah anda masuk ke account anda karena pada tahap ini pembuatan website dimulai. Masuklah ke account anda dengan mengklik pada deretan account anda ( lihat gambar atas ). 7. Setelah anda menekan link anda akan menuju ke halaman Control Panel yaitu ruang untuk membuat website kesayangan anda. Halaman seperti gambar berikut : Isilah Username dan Password Account anda yang ada pada anda tadi di Cpanel Username dan Cpanel Password 3

4 8. Langkah berikutnya, anda akan berada dihalaman VistaPanel Beta, yaitu halaman Control Panel Utama. (lihat gambar berikut). 9. Langkah berikutnya, anda harus membuat Database terlebih dahulu dengan cara mengklik tulisan PHPMyAdmin pada kategori Manage MySQL. 10. Setelah itu, akan muncul pesan sebagai berikut: 11. Pesan tersebut berarti anda belum punya Database, untuk membuatnya klik tulisan Create Database 12. Kemudian, anda akan berada dihalaman pembuatan Database seperti gambar berikut : 4

5 Tulislah nama Database anda persis dengan Username anda tadi, jika anda lupa, lihat didalam anda. Setelah itu, tekan tombol Create Database 5

6 13. Setelah anda menekan Create Database, maka database anda secara otomatis sudah terbuat dengan nama yang bisa anda lihat di DB_Name. Nama Database yang anda buat. Catatan Penting: Agar pembuatan website anda sukses, anda harus mengingat Host Name, User Name dan Database anda, karena itu nanti sangat diperlukan untuk melakukan setting konfigurasi Database anda. 14. Langkah berikutnya, kita kembali ke halaman Control Panel Utama dengan menekan tombol yg ada di bagian pojok kanan atas. 6

7 15. Setelah anda berada di halaman Control Panel utama ( VistaPanel BETA ), kliklah tulisan Automatic Installer. Perhatikan gambar berikut : 16. Kemudian anda akan berada pada halaman sebagai berikut: Jika anda sudah mempunyai Domain Name, klik tulisan domain, jika belum tekan tombol Proceed. 17. Setelah itu, anda akan menuju ke sebuah halaman YANG AMAT PENTING, yaitu halaman Menu Utama dengan berbagai pilihan model website yang anda inginkan. Website yang anda kerjakan ini menggunakan Open Source Software dengan sistem install otomatis. Ada sekitar 29 Script Automatic Installer yang bisa anda pilih, salah satunya Joomla ( website yang berbasis Content Management System ), yang akan kita bahas secara khusus di tutorial ini. Perlu anda ingat, pada langkah ini, anda bebas memilih website apa yang akan anda buat, tapi saya katakan sekali lagi bahwa tutorial ini akan memilih Script Joomla. ( lihat gambar berikut ). 7

8 Klik disini 8

9 18. Kemudian anda akan masuk ke halaman berikut : klik tombol 19. Selanjutnya anda akan mendapat pesan seperti berikut : Klik disini Pesan ini berarti anda telah berhasil menginstall script Joomla tersebut, langkah selanjutnya klik tulisan yang bergaris bawah tersebut yang mana adalah alamat website anda yang setengah jadi. 20. Langkah berikutnya adalah penyempurnaan instalasi script web, lihat gambar berikut : 9

10 a). Klik Next Klik disini b). Kemudian anda masuk ke halaman LICENSE, klik Next saja Klik disini 10

11 c). Selanjutnya anda akan menuju ke halaman Konfigurasi Database MySQL. Perhatikan gambar berikut : Isilah Host Name, MySQL User Name, MySQL Password serta MySQL Database Name yang tadi sudah saya jelaskan sebelumnya, jika anda lupa, lihat kembali halaman 6. 11

12 d). Setelah anda isi dengan benar, tekan tombol Next dan akan muncul pesan konfirmasi sebagai berikut : Anda klik tombol OK. e). Jika anda benar-benar mengisi konfigurasi database dengan benar, maka anda akan menuju halaman sebagai berikut : Anda telah berhasil membuat konfigurasi database yang terpadu dengan script instalasi sebelumnya, langkah anda sudah mencapai 90% pada tahap pembuatan website ini. Isilah Site Name dengan apa saja yang anda sukai, contohnya seperti gambar diatas, dan kemudian klik Next. 12

13 f). Selanjutnya anda akan diminta mengisi alamat dan password ( hal ini diperlukan karena anda adalah Super Administrator website yang anda buat ). Catatan Penting : Buatlah password minimal 6 karakter terdiri dari huruf dan angka, pastikan password MUDAH DIINGAT oleh anda, dan jangan ada orang lain yang tahu. ADMIN PASSWORD adalah bagian terpenting pada website anda dari segi keamanan data. 13

14 g). Kemudian anda akan menuju halaman terakhir, seperti gambar berikut : Pada halaman ini anda diberikan 2 pilihan ( perhatikan 2 tombol diatas. Tombol jika anda ingin melihat langsung website anda. Tombol jika anda ingin langsung masuk ke ruang administrator untuk mengubah desain atau yang lainnya. Tombol manapun yang anda pilih, anda akan menuju halaman yang ada pesan seperti berikut: 14

15 Pesan ini artinya, sebelum anda melihat website anda, anda HARUS menghapus keseluruhan folder INSTALLATION sekaligus isiisinya, dan kemudian anda refresh dan menekan tombol keyboard F5. Hal ini dilakukan untuk menjaga sisi keamanan web anda dari pihak yang tidak bertanggungjawab ( Hacker ). Cara menghapus folder INSTALLATION adalah sebagai berikut : 1. Kita perlu sebuah software FTP ( File Transfer Protocol ) untuk bisa masuk ke Remote Server dimana website kita dihostingkan. 2. Software tersebut bisa anda download di 3. Kemudian install terlebih dahulu dikomputer anda software tersebut. Dalam tutorial ini, saya menyarankan anda menggunakan SmartFTP Client. 4. langkah pertama, bukalah New Remote Browser. ( lihat gambar ). 5. Kemudian anda diminat untuk mengisi pasword untuk masuk ke Remote Browser. Lihat gambar. 15

16 Informasi itu bisa anda peroleh pada Account anda di . Lihat gambar. Setelah anda isi, kemudian tekan OK. 16

17 Setelah itu anda akan melihat isi dari Remote Browser dimana web anda berada. ( Lihat gambar ) folder isi web anda Langkah berikutnya, klik folder isi web anda dan cari folder INSTALLATION untuk dihapus. (Lihat gambar). Hapus file installation beserta isinya 17

18 Setelah itu anda kembali menuju ke browser anda dan lakukan REFRESH atau RELOAD atau tekan tombol F5 pada keyboard anda ( key F5 ). Well, website anda sudah jadi dan bisa dilihat secara online di seluruh dunia. Tulis alamat website anda ( URL ) di web browser anda. Selamat..Congratulation...saya sarankan anda membuat lebih dari satu ato kalo perlu sebanyak mungkin websitenya biar tambah hafal diluar kepala langkah-langkah pembuatannya, dont worry khan gratis..mumpung gratis forever guys... Note : Website anda akan tampil dalam bentuk standar / default Joomla baik dari segi tata letak desain atau isi webnya ( web content ). Untuk membuat web anda lebih sempurna dan sesuai dengan apa yang anda inginkan, anda harus mempelajari tutorial dasar Joomla atau tutorial dasar CMS yang lain. ( ) Dalam waktu dekat saya akan mengeluarkan Tutorial Ebook versi terbaru berisi langkah-langkah sistematis dan mudah dimengerti tentang contoh-contoh web seperti Web E-Commerce ( Toko Online dengan shopping cart, Web Pengelola Forum, Web Bisnis Online dan lain sebagainya ). Saya akan lengkapi dengan Portfolio ( hasil karya ) web yang sudah online sehingga anda langsung bisa melihatnya. Kunjungi web ini terus untuk informasi Ebook yang terbaru Selamat belajar menjadi webmaster handal salam Online... 18