- Beranda
- Komunitas
- Entertainment
- The Lounge
yuk belajar membangun web sederhana (Offline)
![damaswangsa](https://s.kaskus.id/user/avatar/2011/07/14/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
TS
damaswangsa
yuk belajar membangun web sederhana (Offline)
Quote:
![Hammer2 emoticon-Hammer2](https://s.kaskus.id/images/smilies/smilies_fb5ox6pkrrrw.gif)
![Hammer2 emoticon-Hammer2](https://s.kaskus.id/images/smilies/smilies_fb5ox6pkrrrw.gif)
![Smilie emoticon-Smilie](https://s.kaskus.id/images/smilies/sumbangan/15.gif)
![Smilie emoticon-Smilie](https://s.kaskus.id/images/smilies/sumbangan/15.gif)
Quote:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/cdn.thenextweb.com/wp-content/blogs.dir/1/files/2012/09/joomla.png)
Joomla! adalah Sistem manajemen konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla program yang mudah karena bersifat GUI.
Quote:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/upload.wikimedia.org/wikipedia/commons/thumb/0/03/Xampp_logo.svg/402px-Xampp_logo.svg.png)
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl
Quote:
Nah, kali ini ane akan menjelaskan tentang membangun web menggunakan Joomla.
Mengapa ane pakai Joomla?Karena Joomla bersifat free opensource, GUI yang tentunya mudah untuk para pemula seperti ane![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
Mengapa ane pakai Joomla?Karena Joomla bersifat free opensource, GUI yang tentunya mudah untuk para pemula seperti ane
![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
Quote:
Quote:
1. Langkah Pertama
Instal xampp dulu gan![Malu emoticon-Malu](https://s.kaskus.id/images/smilies/sumbangan/1.gif)
Klik icon xampp 2kali atau tekan enter
Pilih bahasa instalasi yang sesuai,lalu klik ok
Muncul tampilan seperti gambar berikut
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp3.png)
Klik next untuk melanjutkan proses instalasi
Kemudian pilih destination folder instalasi xampp
Pada step berikut ini, Centang semua pilihan, lalu klik install
Tunggu sampai proses instalasi selesai (cepet kok gan
)
Jika selesai akan muncul tampilan seperti berikut ini
Lalu jalankan program xampp, jalankan Apache dan MySQL (Klik start pada apache dan mysql)
Instal xampp dulu gan
![Malu emoticon-Malu](https://s.kaskus.id/images/smilies/sumbangan/1.gif)
Klik icon xampp 2kali atau tekan enter
Pilih bahasa instalasi yang sesuai,lalu klik ok
Spoiler for xampp:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp2.png)
Muncul tampilan seperti gambar berikut
Spoiler for xampp2:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp3.png)
Klik next untuk melanjutkan proses instalasi
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Kemudian pilih destination folder instalasi xampp
Spoiler for xampp3:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp4.png)
Pada step berikut ini, Centang semua pilihan, lalu klik install
Spoiler for xampp4:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp5.png)
Tunggu sampai proses instalasi selesai (cepet kok gan
![Malu (S) emoticon-Malu (S)](https://s.kaskus.id/images/smilies/malus.gif)
Spoiler for xampp5:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp6.png)
Jika selesai akan muncul tampilan seperti berikut ini
Spoiler for xampp6:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp7.png)
Lalu jalankan program xampp, jalankan Apache dan MySQL (Klik start pada apache dan mysql)
Spoiler for xampp7:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/xampp8.png)
Quote:
2. Langkah Kedua
Buat Database gan
Untuk tempat web ente nantinya![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Buka browser lalu ketikan : localhost/phpmyadmin pada address bar
Pada kolom database,buatlah database,beri nama,lalu klik create
Jika pembuatan database berhasil akan muncul pesan pemberitahuan seperti berikut :
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/data2.png)
kocak ya gan namanya![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
bingung ane mau kasih nama apa
Buat Database gan
Untuk tempat web ente nantinya
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Buka browser lalu ketikan : localhost/phpmyadmin pada address bar
Pada kolom database,buatlah database,beri nama,lalu klik create
Spoiler for database:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/data1.png)
Jika pembuatan database berhasil akan muncul pesan pemberitahuan seperti berikut :
Spoiler for database2:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/data2.png)
kocak ya gan namanya
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
bingung ane mau kasih nama apa
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Quote:
3. Instalasi Joomla
Sekarang waktunya nginstal Joomlanya gan![Malu emoticon-Malu](https://s.kaskus.id/images/smilies/sumbangan/1.gif)
Ekstrak file .rar Joomla menjadi folder
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla1.png)
Lalu rename folder tersebut sesuai keinginan ente gan
Copykan folder yang telah di ekstrak tadi ke C:\xampp\htdocs
Setelah itu buka file instalasi joomla dengan mengetikan alamat localhost pada web browser sebagai berikut: localhost/nama folder hasil ekstrak tadi.
Lalu akan muncul tampilan instalasi pertama Joomla![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla4.png)
Isi kan site name,descrition,admin email,admin pass,lalu klik next
Setelah itu muncul Database Configuration..
Maaf gan gambarnya agak suram![Frown emoticon-Frown](https://s.kaskus.id/images/smilies/sumbangan/06.gif)
Ane ngambil SSnya pake Sniping Tool
Akan muncul halaman database configuration
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla5.png)
Isi kan sesuai dengan gambar,lalu klik next
Setelah itu akan muncul halaman Finalisation
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla6.png)
Kenapa ane milih default?soalnya sama guru ane disuruh milih yang itu gan![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
Maaf pilihan yang lain belom ane coba![Berduka (S) emoticon-Berduka (S)](https://s.kaskus.id/images/smilies/berdukas.gif)
Lalu Next
Tunggu sampai proses instalasi web joomla selesai
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla7.png)
Lumayan cepet kok gan
Setelah proses instalasi selesai akan muncul tampilan sebagai berikut ini :
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla8.png)
Proses instalasi telah selesai, jangan lupa untuk mengklik tombol “Remove installation folder”.
Kenapa harus dihapus?Karena kalau tidak dihapus ketika kita membuka web, akan muncul halaman instalasi lagi gan
Nah penginstalan Joomla telah selesai, berikut tampilan pertama web joomla saat instalasi telah selesai
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla9.png)
Lumayan ya gan
Sekarang waktunya nginstal Joomlanya gan
![Malu emoticon-Malu](https://s.kaskus.id/images/smilies/sumbangan/1.gif)
Ekstrak file .rar Joomla menjadi folder
Spoiler for joomla:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla1.png)
Lalu rename folder tersebut sesuai keinginan ente gan
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Copykan folder yang telah di ekstrak tadi ke C:\xampp\htdocs
Spoiler for joomla2:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla2.png)
Setelah itu buka file instalasi joomla dengan mengetikan alamat localhost pada web browser sebagai berikut: localhost/nama folder hasil ekstrak tadi.
Spoiler for joomla3:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla3.png)
Lalu akan muncul tampilan instalasi pertama Joomla
![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
Spoiler for joomla4:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla4.png)
Isi kan site name,descrition,admin email,admin pass,lalu klik next
Setelah itu muncul Database Configuration..
Maaf gan gambarnya agak suram
![Frown emoticon-Frown](https://s.kaskus.id/images/smilies/sumbangan/06.gif)
Ane ngambil SSnya pake Sniping Tool
Akan muncul halaman database configuration
Spoiler for joomla5:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla5.png)
Isi kan sesuai dengan gambar,lalu klik next
Setelah itu akan muncul halaman Finalisation
Spoiler for joomla6:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla6.png)
Kenapa ane milih default?soalnya sama guru ane disuruh milih yang itu gan
![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
Maaf pilihan yang lain belom ane coba
![Berduka (S) emoticon-Berduka (S)](https://s.kaskus.id/images/smilies/berdukas.gif)
Lalu Next
Tunggu sampai proses instalasi web joomla selesai
Spoiler for joomla7:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla7.png)
Lumayan cepet kok gan
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Setelah proses instalasi selesai akan muncul tampilan sebagai berikut ini :
Spoiler for joomla8:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla8.png)
Proses instalasi telah selesai, jangan lupa untuk mengklik tombol “Remove installation folder”.
Kenapa harus dihapus?Karena kalau tidak dihapus ketika kita membuka web, akan muncul halaman instalasi lagi gan
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Nah penginstalan Joomla telah selesai, berikut tampilan pertama web joomla saat instalasi telah selesai
Spoiler for joomla9:
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/www.jejaring.web.id/wp-content/uploads/2013/01/joomla9.png)
Lumayan ya gan
![Hammer (S) emoticon-Hammer (S)](https://s.kaskus.id/images/smilies/hammers.gif)
Quote:
Gimana?mudahkan gan..
ente bisa mendownload berbagai template di internet kok
, biar web ente semakin ciamik gitu ![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
ente bisa mendownload berbagai template di internet kok
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
![Ngakak (S) emoticon-Ngakak (S)](https://s.kaskus.id/images/smilies/ngakaks.gif)
Quote:
Jangan lupa ninggalin jejak
+ rate5 ya ![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
Kasih ane
gan, mau bangun rumah nih ![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
![Paw emoticon-Paw](https://s.kaskus.id/images/smilies/sumbangan/paw.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
![Matahari emoticon-Matahari](https://s.kaskus.id/images/smilies/sumbangan/008.gif)
Kasih ane
![Blue Guy Bata (L) emoticon-Blue Guy Bata (L)](https://s.kaskus.id/images/smilies/smilies_fbejiqljqkd1.gif)
![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
Quote:
Quote:
Update
Ane sangat berterima kasih atas
yang diberikan oleh agan" sekalian, sekarang ane udah gak haus gan. Sekarang ane mau bikin rumah nih ![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Mohon
aje ye ![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/cdn-u.kaskus.co.id/90/byjegxyj.png)
Ane sangat berterima kasih atas
![Toast emoticon-Toast](https://s.kaskus.id/images/smilies/smilies_fb5ly1iothbu.gif)
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
Mohon
![Blue Guy Bata (L) emoticon-Blue Guy Bata (L)](https://s.kaskus.id/images/smilies/smilies_fbejiqljqkd1.gif)
![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
![yuk belajar membangun web sederhana (Offline)](https://dl.kaskus.id/cdn-u.kaskus.co.id/90/byjegxyj.png)
Quote:
Original Posted By damaswangsa►Tutorial selanjutnya udah meluncur gan
silahkan langsung cek ke TKP![Ngacir emoticon-Ngacir](https://s.kaskus.id/images/smilies/ngacir3.gif)
Tutorial ganti template biar web ente semaki ciamik /:ngakak/ ![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
![Big Grin emoticon-Big Grin](https://s.kaskus.id/images/smilies/sumbangan/14.gif)
silahkan langsung cek ke TKP
![Ngacir emoticon-Ngacir](https://s.kaskus.id/images/smilies/ngacir3.gif)
![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
![Ngakak emoticon-Ngakak](https://s.kaskus.id/images/smilies/smilies_fb5ohtyfyn16.gif)
Quote:
Original Posted By damaswangsa►tutorial baru udah ada gan
Membuat Menu, Sub Menu, Artikel dan Kategori Pada Joomla
![Ngacir2 emoticon-Ngacir2](https://s.kaskus.id/images/smilies/ngacir2.gif)
Membuat Menu, Sub Menu, Artikel dan Kategori Pada Joomla
![Ngacir2 emoticon-Ngacir2](https://s.kaskus.id/images/smilies/ngacir2.gif)
Diubah oleh damaswangsa 06-04-2013 04:48
0
12K
Kutip
194
Balasan
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya
Urutan
Terbaru
Terlama
![Guest](https://s.kaskus.id/user/avatar/default.png)
![Avatar border](https://s.kaskus.id/images/avatarborder/1.gif)
Komentar yang asik ya
Komunitas Pilihan