Download - Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Transcript
Page 1: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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 Email anda, dan pastikan alamat Email anda masih aktif dan valid karena innformasi account anda akan dikirim ke Email 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 Email anda.

4. Segeralah buka alamat email anda yang tadi anda masukkan ke halaman Sign Up.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 2: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

2�

5. Setelah Email 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 email 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.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 3: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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 http://cpanel.0lx.net, 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 Email anda tadi di Cpanel Username dan Cpanel Password

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 4: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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 :

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 5: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

5�

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

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 6: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 7: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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:

domainJika anda sudah mempunyai Domain Name, klik tulisan , 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 ).

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 8: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

Produced by SmartMedia Web Center @ 2007 . All rights reserved http://www.freephphoster.com

8�

Klik disini

Page 9: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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 :

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 10: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

10

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

Klik disini

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 11: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 12: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 13: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

13

f). Selanjutnya anda akan diminta mengisi alamat Email 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.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 14: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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:

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 15: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

15

Pesan ini artinya, sebelum anda melihat website anda, anda HARUS menghapus keseluruhan folder INSTALLATION sekaligus isi-isinya, 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 http://www.smartftp.com/download/

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.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 16: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

16

Informasi itu bisa anda peroleh pada Account anda di Email. Lihat gambar.

Setelah anda isi, kemudian tekan OK.

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 17: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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

Produced by SmartMedia Web Center @ 2007 . All rights reserved

Page 18: Langkah-langkah pembuatan website denganinvestasibisnis.weebly.com/uploads/8/4/9/7/8497185/jomla_tutorial... · Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan

Ebook Free version. ( versi 1 ) Tutorial membuat web PHP+MySQL dengan Automatic Installer

http://www.freephphoster.com

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. ( www.id-joomla.com ) 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.....

Produced by SmartMedia Web Center @ 2007 . All rights reserved