WORKSHOP SMP Islam Al-Azhar 23 Semarang BIKIN WEBSITE DENGAN JOOMLA OLEH : AGUS TOHIR, S. PD Semarang, 30 Oktober 2010 السلام عليكم ورحمة الله وبركاته.

Presentasi berjudul: "WORKSHOP SMP Islam Al-Azhar 23 Semarang BIKIN WEBSITE DENGAN JOOMLA OLEH : AGUS TOHIR, S. PD Semarang, 30 Oktober 2010 السلام عليكم ورحمة الله وبركاته."— Transcript presentasi:

1 WORKSHOP SMP Islam Al-Azhar 23 Semarang BIKIN WEBSITE DENGAN JOOMLA OLEH : AGUS TOHIR, S. PD Semarang, 30 Oktober 2010 السلام عليكم ورحمة الله وبركاته

2 MENU UTAMA SMP Islam Al-Azhar 23 Semarang PENGERTIAN INSTALL JOOMLA DIKOMPUTER LOKAL INSTALL JOOMLA DI WEB HOSTING INSTALL JOOMLA DI WEB HOSTING KELUAR

3 DUNIA WEBSITE  Website dapat dijadikan apa saja yang kita inginkan sesuai dengan kebutuhan dan tujuan pengguna. Ada satu kisah tentang joomla.  Pada suatu hari… seorang bernama ari mendapatkan penawaran yang cukup besar dari perusahaan x untuk membuat sebuah website. Ari bingung karena belum menguasai bahasa pemrograman seperti ASP, PHP, HTML, JavaScript dsb.  Ari pergi kerumah teman yang mempunyai komputer dapat koneksi ke internet. Disana ia bertanya ke paman google (www.google.com) tentang cara membuat website profesional tanpa harus mengerti bahasa pemrograman.www.google.com

4 DUNIA WEBSITE  Hari itu ari beruntung karena menemukan halaman situs joomla (www.joomla.org). Selanjutnya ari mulai belajar cara membuat website melalui situs tersebut.www.joomla.org  Setelah beberapa waktu, ari membaca artikel di web tersebut ternyata joomla adalah salah satu Web Content Management System (WCMS) yang dapat di-download secara gratis.  Setelah satu minggu lamanya ternyata ari sudah mulai pintar membuat website dengan CMS joomla. Kemudian ari dipanggil lagi oleh perusahaan x, ari dengan cepat menjawab “saya siap membuatkan website untuk anda.”  Ari dapat menginstall website hanya dalam waktu kurang dari 1 jam lengkap dengan fitur-fitur joomla. 

5 CMS  CMS website atau Content Management System website adalah sebuah software pengelolaan isi (content) yang ada didalam website.  CMS merupakan program komputer yang digunakan untuk menciptakan, mengedit, mengatur dan melakukan pencarian serta publikasi dari beragam media digital.  Saat ini, CMS yang paling banyak beredar adalah CMS berbasis web. Kelebihannya adalah kita bisa melakukan perubahan isi website dari mana saja dan kapan saja selama kita terhubung dengan jaringan internet.

6 JOOMLA  JOOMLA adalah salah satu Web Content Management System (WCMS) yang memunginkan kita bisa membuat website yang profesional.  Versi terakhir joomla adalah 1.5.20 Security  Joomla termasuk dalam open source program (free)  Kelebihan joomla lainnya adalah adanya ribuan extentions yang dapat ditambahkan ke website joomla. Contoh dari extention adalah template.  Contoh CMS lain yang beredar di internet Mambo, Drupal, PHP-Nuke, Xoops, Siteframe dan Geeklog.  Dari sekian banyak CMS, joomla pernah menduduki ranking kedua dari jajaran CMS-CMS yang ada.

7 CARA INSTALL JOOMLA DI KOMPUTER LOKAL 1. Penuhi persyaratan instalasi Joomla 2. Install WampServer di directory sytem (c:) 3. Buat database dengan MySQL 4. Copy file Joomla ke folder c:\wamp\www 5. Install Joomla di komputer lokal 6. Isi content-content yang ada di Joomla sesuai dengan tujuan pembuatan website

8 PERSYARATAN  Web server Apache (minimum versi 1.3) – disarankan versi 2.x +  Bahasa Pemrograman Website PHP (minimum versi 4.3.10) – disarankan versi 5.2 +  Database MySQL (minimum versi 3.23) – disarankan versi 4.1.x +  Sistem Operasi Windows, Linux maupun Macintos – disarankan Linux

9 WEB SERVER  Web server merupakan kunci utama dari sebuah website yang kita kelola  Setiap website yang pernah kita lihat diinternet pasti berjalan dengan web server.  Contoh dari web server adalah Tomcat, IIS dan Apache  Pada OS Windows, webserver defaultnya adalah IIS (Internet Information Services) sedangkan pada OS Linux defaultnya adalah Apache.  Sekarang Apache juga sudah bisa diinstall di Windows  Joomla menyarankan menggunakan Apache untuk mendapatkan hasil optimal

10 PHP  PHP adalah salah satu bahasa pemrograman yang berbasiskan web dan saat ini termasuk dalam bahasa pemrograman yang paling banyak digunakan untuk membuat suatu website  Joomla dibuat dengan PHP  Penting untuk diperhatikan bahwa PHP yang kita install haruslah mendukung module MySQL, XML dan Zlib.

11 MySQL  MySQL adalah sebuah aplikasi database yang digunakan untuk menyimpan data-data yang akan disimpan oleh Joomla  Jika tidak ada MySQL, nantinya Joomla akan bingung akan menyimpan data-datanya dimana.  Untuk itu, Joomla mengharuskan kita semua untuk menginstall MySQL ke dalam komputer lokal kita.

12 Wamp Server  WampServer = Windows, Apache, MySQL dan PHP  WampServer adalah aplikasi yang menggabungkan antara Apache, MySQL dan PHP sehingga WampServer akan mencukupi semua persyaratan yang diminta Joomla.  Dengan adanya WampServer, kita tidak perlu lagi meng-install masing-masing aplikasi Apache, MySQL dan PHP.  Aplikasi yang serupa dengan WampServer Mamp = Mac, Apache, MySQL dan PHP – untuk OS Macintosh Lamp = Linux, Apache, MySQL dan PHP – untuk OS Linux Xampp = Merupakan paket All-in-one yang tersedia untuk OS Linux, Windows, SPARC dan Macintosh.

13 Tampilan Wamp Server

14 Tampilan PHPmyAdmin

15 Tampilan Awal Joomla

16 Tampilan Login Admin

17 Tampilan Control Panel Admin

18 CARA INSTALL JOOMLA DI HOSTING

19 PENGERTIAN HOSTING  Hosting bisa disebut rumah untuk website kita yang berfungsi untuk menyimpan semua data-data website.  Hosting ini terhubung dengan internet selama 24 jam sehingga kita bisa mengunjungi website kapan saja  Dua hal yang cukup penting dalam sebuah hosting adalah HTTP dan FTP.HTTP yaitu sebuah protokol yang memungkinkan para pengguna internet mengunjungi sebuah website yang ada diserver dengan hanya memasukkan alamat ke browserFTP.HTTP  Contoh formatnya :http://agustohir.com atauhttp://agustohir.com http://www.agustohir.com

20 PENGERTIAN FTP  FTP adalah sebuah protokol yang memungkinkan para pemilik website mengupload file-file ke dalam hosting melalui sebuah aplikasi FTP  Domain adalah sebuah nama atau alamat yang nantinya untuk website yang akan kita miliki di internet. Misalnya www.agustohir.comwww.agustohir.com  Selain dengan ekstensi.com domain juga bisa menggunakan ekstensi.net,.org,.info,.name sesuai dengan tujuan pembuatan website.

21  Saat ini banyak sekali perusahaan webhosting dari indonesia yang menawarkan paket-paket hosting dan domain yang terbilang sangat murah. Salah satunya adalah http://superinhost.comhttp://superinhost.com  Website ini menawarkan paket-paketnya sangat murah. Mulai dari paket hosting pertahun Rp. 35.000 untuk space 50 Mbyte hingga perbulan Rp. 75.000 untuk space 10 Gbyte  Sedangkan harga domainnya Rp. 90.000,-  Kita harus tahu terlebih dahulu space website yang akan kita gunakan. Untuk personal space 100 Mbyte sudah cukup, sedangkan untuk toko online space-nya harus lebih besar. INSTALL JOOMLA DI WEB HOSTING BERBAYAR

22 Mega_50Mega_100Mega_250Mega_500 Space50 MB100 MB250 MB500 MB Bandwith2 GB4 GB10 GB20 GB FeaturesFull Perbulan---- Per1/2Tahun---- PertahunRp.35.000Rp.50.000Rp 90.000Rp 140.000 DomainRegisterTransferPerpanjangan.COMRp. 90.000.NETRp. 90.000.ORGRp. 90.000.INFORp. 90.000.BIZRp. 90.000.USRp. 90.000.NAMERp. 90.000 Sumber http://superinhost.com

23 INSTALL JOOMLA DI WEB HOSTING BERBAYAR  Setelah kita mempunyai account hosting yang telah kita beli, langkah selanjutnya adalah masuk ke dalam menu cpanel yang telah disediakan oleh website webhosting.  Caranya ketik http://www.agustohir.com/cpanel dibrowserhttp://www.agustohir.com/cpanel  Carilah menu dengan nama Fantasico De Luxe  Ikuti langkah-demi langkah penginstalan Joomla 1.5 yang ada.  Website sudah terinstal dihosting, untuk melihat hasilnya ketik http://www.agustohir.com dibrowser dan http://www.agustohir.com/administrator untuk melakukan editing pada website kitahttp://www.agustohir.comhttp://www.agustohir.com/administrator

24 INSTALL JOOMLA DI WEB HOSTING FREE  Setelah kita melakukan editing pada website yang telah kita install di komputer lokal, langkah selanjutnya adalah mencari website diinternet yang menyediakan webhosting gratis tentunya dengan segala keterbatasannya  Website yang kami rekomendasikan www.phpnet.us atau www.hyperphp.com karena website ini menyediakan space 350 MByte dengan webhosting yang free cukup untuk kita berlatih Joomla.www.phpnet.uswww.hyperphp.com  Masuk ke salah satu situs web rekomendasi diatas (misal :www.phpnet.us), saran kami anda harus menpunyai email di Gmail.com karena kedua situs diatas hanya support alamat email dari Gmail.

25 INSTALL JOOMLA DI WEB HOSTING FREE  Terlebih dahulu kita harus mempunyai account di www.phpnet.us, gabung sebagai membernya www.phpnet.us  Setelah mendaftar, konfirmasi pendaftaran dengan membuka email kita.  Setelah berhasil menjadi member, masuk ke dalam Cpanel website lalu mulai install joomla dikomputer hosting.  Setelah instalasi selesai, maka website kita sudah dapat dilihat orang seluruh dunia  Untuk melihat hasilnya ketik http://www.agustohir.phpnet.us dan http://www.agustohir.phpnet.us/administrator untuk melakukan editing pada website kita http://www.agustohir.phpnet.us http://www.agustohir.phpnet.us/administrator

26 TERIMA KASIH TELAH MENGIKUTI WORKSHOP والسلام عليكم ورحمة الله وبركاته