JOOMLA Cer ee Se : aa a.Daftar Isi Instellasi Web Server Personal La Perbandingan Web Server 1b Pemilihan Web Server Le Download dan Installasi Web Server Personal Instellas! Jom 2a Perbandingan dengan versi sebelumnya 2.b Download dan Installasi Joomial 3.6 Release § Pengenalan isi Joomla! 3a BackEnd 3b Front End Installasi Template 4.a _Penentuan Template untuk kebutuhan 4.0 Download dan Installasi Template 4.¢ — Kustomisasi TemplateInstallasi Web Server Personal Sebelum melakukan Installasi Joomla! pada Web Server lokal, maka alangkah baiknya kita mengenal beberapa hal persyaratan ager Website kita berjalan dengan baik diantaranya adalah ¥ WebServer Y PHP sebagai bahasa pemrograman yang akan digunakan Joomla! MySQL sebagai Database Untuk Web Server yang akan dipilih pada lokal system kita bisa bervariasi dan semua dengan tujuan yang sama yaitu mengkondisikan PC/Laptop kita sebagai hosting personal, sedangkan jika website akan dipublikesiken maka hosting mempunyai spesifixasi tersendiri dan tetap dengan tujuan yang sama dengan Web Server yangakan dipilih 1a Perbandingan Web Server Sebagai gambaran, penulis akan membandingkan 4 webserver besar yang tersedia pada saat ini yaitu Apache, nginx, Microsoft dan Google. Data yang diambil dari situs : https://news.netcraft.com/archives/2016/11/22/november-2016-web- server-survey.html perbandingan berdasarkan Market Share or Active Sites adalah sebagai berikut : Viob server developers: Market share of active sites me oi sng — Apache o = 20% oo Seo ta Ras oe Si MGR Se Mh P98 Oe eo ORM Developer October 2016 Percent November 2016 Percent change: ‘Apache 92,052,685 46.20% 0,012,251 see7% 0.37 Microsof 26,434,903 9.27% 15,257,724 8.90% — -0.37 Google 14,296,807 siz 13,607,864 7.049% o.19 Gambar 1.1 Perbandingan Web ServerBerdasarkan data tersebut maka penulis dalam buku ini ekan menggunakan versi yang pada umumnya digunakan pada saat ini, yaitu Apache. Untuk system operasi yang bisa menjalankan Apache diantaranya adalah : Unix, BSD, Linux, Windows dan Novell Netware serta beberaps platform lainnya. Apache juga termasuk dalam ketegori Open Source dan bisa didownload/unduh secara gratis serta mempunyai komunitas terbuka dari para pengembang dibawah naungan Apache Software Foundation. Berikut versi Apache yang tertuang dalam situs : https://en.wikipedia.org/wiki/Apache HTTP Server Version _ Initial release Latest release 13 1998-06-06 | 2010-02-03 (1.9.42)!47 f20 2002-04-06 | 2013-07-10(2.0 65)" 22 2005-12-041501 | 2015-07-17 (2.2.31) 24 | 2012-02218 | 2016-07-04 (2.4.23)! Old version Older version, stl supporied Latest version Gambar 1.2 Versi Apache Sebagai catatan, versi 2.2 keatas tidak akan berjalan pada system operasi sebelum Windows 2000. Lb Pemilihan Web Server Karena Web Server yang akan kita pilih adalah Apeche untuk di Lokal PC/Notebook, make Apache senciri_ mempunyai paket bundle bersamaan dengan PHP dan MySQL, berdasarkan situs https://httpd.apache.org/docs/current/platform/windows.htmlitdown maka pilihan _berdasarkan populeritas edalzh sebagai berikut + ApacheHaus * Apache Lounge . BitNami WAMP Stack + WampServer *XAMPP Pade saat ini penulis akan merekomendasikan menggunakan XAMPP dengan versi terbaru di Desember 2016 adalah v5.6.28 untuk versi Windows. 1c Download dan Installasi Web Server Personal Untuk mendownload versi terberu bisa mengakses situs : httos://www.apachefriends.org/index.htm! lalu pilih XAMPP for Windows v5.6.28 (PHP 5.6.28) sedangkan untuk PHP 7 bisa langsung ke halaman download di: htips://www.aoachefriends.org/download.htm!Version Checksum Wat's or) Bee Ue epee Included? ree ehat What's r sezeipHese2e NaS | mdS. shat re) What's rors/pHe7o13 Whats dS shat = BEE Gambar 1.3 Versi Terbaru dari XAMPP untuk Windows a XAMPP for Windows 5.5.38, 5.6.28 & 7.0.13 Size 106 Mb 109 Mb 119Mb Penulis pada kesempatan kali ini akan mendownload versi 5.6.28 / PHP 5.6.28 Windows 326it dengan besar file 109MB. Setelah berhasil mendownload maka langkah selanjutnya adalah melakukan tata cara Installasi Web Server Personal ( XAMPP ) pada PC/Notebook kita, Pads file setup yang yang telah didownload, kik 2x lalu akan tampil peringatan yang menyatakan ada Anti Virus yang sedang berjalan, mohon agar dimetikan dahulu sebelum menuju langkah selanjutnya. {seems you have an antivirus running, In some cases, this may slow down or interfere the installation ofthe software, Please visit the following lnk to lean ‘more about ths. https//apachetriends org/en/faq-xampp-windows himizantivirus Conte whats? Cie] 1m selama prose: Gambar 1.4 Pemberitahuan Anti Virus diem stallasi Langkah selanjutnya adalah proses installasi XAMPP di Windows, lanjutkan dengan klik Next. Bahan dengan hak cipta‘Setup - XAMPP, Welcome to the XAMPP Setup Ward. Next nen you se rensy to etme, WH server Cee on conponent to gets detaled desertion [ Aveche i meso (9) Fletzila FP server [G) mercury Mod server [W) Tomcat Mf] Progran Languages pe [W Pes Bl Program targus (9) phottyadmin (9) Webatzer ig) Fate Senda KAMP: Gambar 1.6 Paket yang akan diinstall, klik NextGambar 1.7 Lokasi direktori program, klik Next Drupal, Joomla!, WerdPress and many other popular open soufce 2ons on top of your existing XANPP installation. bitos: finan. com/xemop, eam more about Btam for XAMPP Gambar 1.8 Uncheck Bitname for XAMPP, klik Next Bahan dengan hak ciptaXAMPP is an easy to install Apache distribution containing MySQL, PHP and Perl Gambar 2.0 Unpacking file yang dibutuhkan, Bahan dengan hak ciptaB Wandowa seauity Nea =a Windows Frenal has blocked some features of Asache HTTP Server en al public and pate hemor. (a at vane onc bibtex Allow Apache HTTP Server to communicate en these networks: [W)rvate networks, such aa my home or work network IP public netwerk, auch 98 those in alrperts and caffe shape (not recemmended ‘Decaute these netnoris often have iele oho security) What ere thericke of aloning a aroacam touch a feewal? Gambar 2.1 Unblocked Apache di Firewall, klik Allow Acces D bitnami Gambar 2.3 Pilihan Bahasa, klik Save anaa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.Date modified 12/23/2016 1:19 >M 12/23/2016 119 PM 12/23/2016 1:19 PM Type File folder File folder File folder 12/23/2016 119 PM 10/25/2016 5:53 PM 4/1/2016 9:04 PM 7n6/2015.10:32°M 7/6/2015 1032°M __12/23/20169:35PM Filefolder File folder Chome HTML Do... Cascading Style. eon PHP File Gambar 3.2 Pembuatan Folder baru dengan nama “webku” Selanjutnya copy semua hasil extract Joomla! tadi kedalam folder webku, seperti gambar dibawah Name: default php From: Joomla 3.6.5-Stable-Full Package ..\Joomla 36 To ‘webkas (C:\xempp\htcocs\webku) Time remeining: Calculating. Items remaining: 4629 (256 MB) Speed: Gambar 3.3 Proses pemindahan file kedalam root/webku aKB 1KB BKB KB Setelah selesai makaisi direktori didalam localhost Joomlal kita buka Browser (IE, Firefox atau Chrome ) dan ketik url: htto://localhost/webku menjadi sebagai berikut Bahan dengan hak cipta[0 beatotwebhuinstaltionindensh RY Joomlar’ Joomlat® adalah perangkat lunak bebas yang dinilis dibawah Lisensi GNU General Public @rergaturan EPoatavase ED untsar pith Bahasa { Bahasa indonesia Konfigurasi Utama Nama Situs * ‘Masukkan nama untuk situs Joomlal Anda, ‘Masukkan gambaran umium dai situs Anda untuk digunakan oleh mesin pencarl. Umumnya paling banyak 20 kata ‘Masukkan sebuah alamat email, Email ini akan menjad alamat email Super ‘Administrator. Gambar 3.4 Tampilan pertama installasi Joomla! Pads tahap ini, Joomla! akan memulai proses konfigurasi Situs yang akan kita buat sesuai kebutuhan. ‘Ada 3 Tab yang akan kita, 1. Pengaturan 2. Database 3. ikhtisar Bahan dengan hak ciptaPengaturan: Nama Situs lama yang akan diberikan untuk situs Joomlal, penulis akan mencontohkan dengan menulis webku. Deskrips! :Penjelasan dan informasi mengenai situs yang akan kita buat Email admin email administrator website yang membuat Nama Pengguna Admit Login admin yang akan digunakan, penulis akan mencontohkan dengan admin Sandi Admin : Password yang akan digunakan untuk login admin, contoh : password Konfirmasi Sandi Adr sama sepert diatas, password Jika semua sudah sesuai, maka tampilan nya akan seperti ini: C [1B tecotonwenkulinetainton/indenhp @Drergautsn — EBoatayace ED khtisar Konfigurasi Utama Nama situs © Webke ‘Situs untuk Penjuaian Onine 3 mutyana@gmaii com Azur nama pengguna untuk akun Super Administrator Anca ‘Auur sana unui akun Super Administrator aan Konnrmasikan pata mae, ( ) Pagamman sits Keuka pemasangan selesal Situs aapet ainiaupran meiaut omgurast Globa! Gambar 3.5 Tab Pengaturan Joomla! Bahan dengan hak ciptaSelanjutnya klik Berikutnya/Next, Database: Type Database MySQUi (default) Nama Host localhost Nama Pengguna ‘oot sand :*dikosongkan Karena Phamyadmin XAMPP default akses nya adalah root dan tanpa password Nama Database joomla atau sesvai dengan keinginan kita Untuk mensetting Nama Database maka langkah berikut wajib untuk dikuti : Buke browser lalu ketik http://localhost/phpmyacimin/ untuk mengakses PapMyAdmin Webserver kita, lalu login dengan : Username =: root Password: *dikosongken Lalu Enter/Login. Setelah berhasil masuk, make tampilannya adalah sebagai berikut <> ¢ (oem & phpMyAdmin UA Ge caranhaantenenoneeeees po oa some ha parortie sino So emraimn Soe 2 recton are sree Be banass_Larpuove Sree inteaeer ——— ee Penguin con + Sarwar | Gambar 3.5 PhoMyAdmin Bahan dengan hak ciptaaa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.aa You have either reached a page that is unavailable for viewing or reached your viewing limit for this book.