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

WORKSHOP

  • Upload
    vila

  • View
    57

  • Download
    0

Embed Size (px)

DESCRIPTION

السلام عليكم ورحمة الله وبركاته. Bikin WebsiTE DENGAN joomla. WORKSHOP. Oleh : agus tohir , s. pd. Loading. Semarang, 30 Oktober 2010. SMP Islam Al- Azhar 23 Semarang. Pengertian. INSTALL JOOMLA DIKOMPUTER LOKAL. INSTALL JOOMLA DI WEB HOSTING. MENU UTAMA. KELUAR. - PowerPoint PPT Presentation

Citation preview

Page 1: WORKSHOP

WORKSHOP

SMP Islam Al-Azhar 23 Semarang

BIKIN WEBSITE DENGAN JOOMLA

OLEH : AGUS TOHIR, S. PD

Semarang, 30 Oktober 2010

الله ورحمة عليكم السالموبركاته

Loading...

Page 2: WORKSHOP

MENU UTAMA

SMP Islam Al-Azhar 23 Semarang

PENGERTIAN

INSTALL JOOMLA DIKOMPUTER LOKAL

INSTALL JOOMLA DI WEB HOSTING

KELUAR

Page 3: WORKSHOP

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.

Page 4: WORKSHOP

DUNIA WEBSITE

Hari itu ari beruntung karena menemukan halaman situs joomla (www.joomla.org). Selanjutnya ari mulai belajar cara membuat website melalui situs tersebut.

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.

Page 5: WORKSHOP

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.

Page 6: WORKSHOP

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.

Page 7: WORKSHOP

CARA INSTALL JOOMLADI 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

Page 8: WORKSHOP

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

Page 9: WORKSHOP

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

Page 10: WORKSHOP

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.

Page 11: WORKSHOP

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.

Page 12: WORKSHOP

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.

Page 13: WORKSHOP

Tampilan Wamp Server

Page 14: WORKSHOP

Tampilan PHPmyAdmin

Page 15: WORKSHOP

Tampilan Awal Joomla

Page 16: WORKSHOP

Tampilan Login Admin

Page 17: WORKSHOP

Tampilan Control Panel Admin

Page 18: WORKSHOP

CARA INSTALL JOOMLADI HOSTING

Page 19: WORKSHOP

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 browser

Contoh formatnya : http://agustohir.com atauhttp://www.agustohir.com

Page 20: WORKSHOP

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.com

Selain dengan ekstensi .com domain juga bisa menggunakan ekstensi .net, .org, .info, .name sesuai dengan tujuan pembuatan website.

Page 21: WORKSHOP

Saat ini banyak sekali perusahaan webhosting dari indonesia yang menawarkan paket-paket hosting dan domain yang terbilang sangat murah. Salah satunya adalah http://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

Page 22: WORKSHOP

INSTALL JOOMLA DI WEB HOSTING BERBAYAR

Mega_50 Mega_100 Mega_250 Mega_500

Space 50 MB 100 MB 250 MB 500 MB

Bandwith 2 GB 4 GB 10 GB 20 GB

Features Full Full Full Full

       

Perbulan - - - -

Per1/2Tahun - - - -

Pertahun Rp.35.000 Rp.50.000 Rp 90.000 Rp 140.000

Domain Register Transfer Perpanjangan

.COM Rp. 90.000 Rp. 90.000 Rp. 90.000

.NET Rp. 90.000 Rp. 90.000 Rp. 90.000

.ORG Rp. 90.000 Rp. 90.000 Rp. 90.000

.INFO Rp. 90.000 Rp. 90.000 Rp. 90.000

.BIZ Rp. 90.000 Rp. 90.000 Rp. 90.000

.US Rp. 90.000 Rp. 90.000 Rp. 90.000

.NAME Rp. 90.000 Rp. 90.000 Rp. 90.000

Sumber http://superinhost.com

Page 23: WORKSHOP

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 dibrowser

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 kita

Page 24: WORKSHOP

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.

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.

Page 25: WORKSHOP

INSTALL JOOMLA DI WEB HOSTING FREE

Terlebih dahulu kita harus mempunyai account di www.phpnet.us, gabung sebagai membernya

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

Page 26: WORKSHOP

TERIMA KASIH TELAH MENGIKUTI WORKSHOP

الله ورحمة عليكم والسالموبركاته