Content Management System : CMS website JOOMLA!

Apa itu yang dimaksud dengan CMS atau Content Management System? Anda akan menemukan jawabannya disini.

CMS adalah software yang memungkinkan orang atau banyak pihak, walau tidak punya basic pengetahuan HTML, CSS atau script, secara kolaboratif menambahkan dan/atau mengubah, update isi website (blog), termasuk didalamnya webstore (toko online).

CMS terdiri dua elemen :

1. Aplikasi manajemen isi (Content Management Application, [CMA])
   Elemen CMA memungkinkan admin content - yang mungkin tidak punya pengetahuan dasar HTML (Protokol Transfer Hiperteks) - untuk mengelola membuat, mengubah, dan menghapus isi website tanpa perlu keahlian webmaster.
   
   
2. Aplikasi pengiriman isi (content delivery application [CDA])
   Elemen CDA memakai dan menghimpun informasi yang sebelumnya ditambah, dikurangi atau diubah oleh admin content untuk memperbaharui website

Kemampuan (fitur) CMS berbeda-beda. Meski demikian, kebanyakan software CMS punya fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan indeks, pencarian, dan pengarsipan.

Sejarah singkat website template Joomla!

Joomla berasal dari bahasa Swahili (salah satu bahasa di Afrika Selatan) "jumla" yang mengandung makna "kebersamaan" Joomla! adalah salah satu Sistem manajemen konten (CMS) gratis (free open source), ditulis menggunakan PHP dan basis-data MySQL untuk keperluan di internet maupun di intranet (localhost). Versi pertamanya Joomla! versi 1.0.0 release 17 September 2005.

Fitur-fitur Joomla! diantaranya sistem caching untuk peningkatan performance website, RSS, blog, polling et cetera. Joomla! menggunakan lisensi GPL.

Sama seperti template website Prestashop atau template lain, Joomla! terdiri 3 elemen dasar:

1. Web server
   Web-server terhubung ke Internet atau Intranet (localhost atau server lokal dalam computer) yang berfungsi sebagai penyedia layanan situs. Joomla menggunakan Apache sebagai web-server.
   
   
2. Script PHP
   Script PHP terdiri dari kode program dalam bahasa PHP
   
   
3. Database MySQL
   Basis-data (database) merupakan tempat penyimpanan content website. Adapun basis-data yang digunakan adalah database MySQL

Pertama, user meminta akses terhadap halaman Joomla dengan mengeksekusi URL di web-browser yang kemudian terhubung ke web-server. Permintaan ini secara teknis disebut query string (selain terdapat URL juga mengandung parameter content (section, category, ID article etc)).

Berdasarkan parameter tersebut, sistem script Joomla melakukan kontak dengan database dan mengambil konten yang dimaksud berdasarkan parameternya. Terakhir, konten dan template Joomla digabung bersama dan hasilnya adalah halaman html, gambar, css dan javascript.

Paket Joomla! terdiri dari beberapa bagian terpisah dan termodul yang sangat fleksibel (mudah ddikembangkan dan diintegrasikan). Sebagai contoh "plugins" WikiBot yang memperbolehkan Super Administrator (penulis) di Joomla menggunakan "Wikitags" pada bagian artikel yang secara otomatis membuat pranala dinamis ke artikel Wikipedia pada saat ditampilkan.

Ada lebih dari 1,700 "plugins" yang secara resmi didelegasikan oleh OpenSource Matters, tersedia di http://extensions.joomla.org/ Dan kini secara resmi dipindahkan ke http://joomlacode.org dengan dukungan server lebih lengkap.

Joomla versi awal yaitu versi 1.0.0 merupakan versi alias dari Mambo 4.5.2.3 yang telah dikembangkan oleh "Pengembang Inti Mambo hingga Agustus 2005" sebelum hengkang dari Mambo.

Pemimpin Tim saat itu Andrew Eddie (dikenal dengan sebutan "MasterChief") menulis surat terbuka masalah hengkangnya di komunitas Mambo dan diumumkan di forum mamboserver.com. Tim pengembang ini kemudian membuat situs OpenSourceMatters untuk mendistrubusikan informasi ke user, developer, desainer web dan komunitas lain pada umumnya.

Perkembangan Joomla berawal dari Joomla 1.0.0 hingga ke tahap luarbiasa yaitu Joomla 1.0.15. Sekitar tahun 2007 mulai ada pengembangan Joomla 1.5.x yang memiliki beberapa persamaan dan perbedaan cukup signifikan disbanding versi sebelumnya. Pengembangan berlanjut ke Joomla 1.5.20. Kemudian ke Joomla 1.6 versi beta dan dapat diunduh diwww.joomla.org. Semakin baru versi Joomla memiliki penyempurnaan dari versi-versi sebelumnya.

Masing-masing punya daya tarik, Joomla 1.5.9 menawarkan nuansa baru dan lebih modern termasuk dalam system. Joomla 1.0.15 lebih stabil dan terdukung oleh banyak aplikasi dan developer. Kemudian dikembangkan Joomla versi 2.5.x dan versi terbaru sejak April 2014 adalah Joomla versi 3.3.

Seiring dengan semakin meratanya penggunaan smartphone, maka mulai Joomla! Versi 3.x ada tambahan fitur baru yang sangat penting, yaitu fitur Responsive. Dengan fitur ini halaman front-ends situs yang menggunakan template platform Joomla secara otomatis dapat menyesuaikan (customized) dengan lebar layer smartphone, iPad, notebook atau perangkat lain.

Elemen dasar website dengan template Joomla!

Ada 3 hal cakupan dasar yang harus ada untuk membangun website berbasis Joomla!

PHP (Personal HomePage)

PHP atau lebih dikenal dengan sebutan Hypertext Preprocessor merupakan bahasa pemrograman atau scripting yang bersifat server side. Hasil coding (pembuatan sintaks) atau program kode PHP ini akan dieksekusi oleh web-server, dan kemudian akan dikirim dalam bentuk HTML ke browser client.

Kode PHP tersebut tidak dapat dilihat oleh pengunjung, melainkan kode HTML yang merupakan hasil eksekusi kode PHP tersebut yang dapat dilihat oleh pengunjung. Untuk mengubah kode PHP tersebut menjadi kode HTML diperlukan aplikasi yaitu Engine PHP yang akan digunakan bersama-sama dengan aplikasi web-server.

Database

Tampilan kode HTML Joomla! Yang dapat dilihat oleh pengunjung diciptakan dengan menggunakan bahasa pemrograman atau scripting PHP dan penggunaan database MySQL. Database ini digunakan untuk menampung data-data Joomla! milik Anda, seperti user, password, modul, extention, image, text dan data-data lain. Jika anda ingin download aplikasi MySQL, buka http://mysql.com

Web server

PHP dan Database merupakan 2 unsur dasar yang harus ada dalam membangun situs dengan platform Joomla!, Namun ada bagian terpenting yang juga harus ada dalam website, YAITU web-server.

Web-server ini berfungsi sebagai pusat control dari pengolahan data website. Jadi input yang dilakukan oleh user internet akan diolah, kemudian dikembalikan lagi kepada pemakainya. Salah satu web-server yang paling banyak digunakan adalah Apache, karena telah banyak mendukung format file server tanpa perlu tambahan komponen aplikasi lagi.

Website dengan template platform Joomla! akan berjalan baik bila menggunakan software web-server Apache. Jika Anda ingin download aplikasi web-server Apache buka http://apache.org.

Download Joomla: http://www.joomla.org/download.html

---

That's all we know - Happy blog blogger

Website Store Prestashop : Struktur Dasar Konfigurasi 2

Bagaimana website toko online bekerja?

Sama seperti pada semua script PHP, Prestashop melakukan loading website menggunakan SATU-SATUNYA file index.php. Jika situs toko online pakai theme Prestashop. Itu artinya semua file .php, .tpl, .html, semua file lain beserta semua folder ditempatkan dalam CMS toko online Prestashop. Kali ini kita tidak membicarakan file Index.php, file .html atau .tpl secara detail.

Disini kita hanya peduli dengan pemahaman bagaimana PrestaShop bekerja.

Pembicaraan kali ini untuk menguatkan pemahaman esensi dari content posting Bagian SATU.

CARA KERJA

Kita buka sampel toko online Prestashop. Saat ketik URL http://www.clodaclodi.com/ di address bar, web server akan loading halaman index (index.php) dan mengubahnya menjadi informasi isi web page. File index.php ini termasuk di dalamnya file config.inc.php yang ada di direktori config.

Setting konfigurasi Prestashop diperankan oleh config.inc.php untuk seluruh konfigurasi dan setting. File config.inc.php memeriksa apakah semuanya sudah ter-install dan mendefinisikan template dasar (base theme), default direktori beserta alurnya (paths), status order dan lainnya.

Kita akan sering ubah kode pada baris 29 isi file config.inc.php atau dengan CTRL-F temukan ini :

Tindakan diatas untuk mengaktifkan “Error Reporting” - yaitu saat kita menginginkan pesan error ditampilkan di webpage agar mengetahui diagnosa error. (setelah diagnosa didokumentasikan, segera kembalikan status off).

Ketika file config (di folder config) dimuat (loaded), maka file index.php diperintahkan menyertakan file header.php yang diambil langsung dari root install. Yang dimaksud dengan root install berarti langsung diambil dari Prestashop, bukan dari dalam subdirektori yang ada.

INDEX.PHP

HEADER.PHP

Snippet isi file HEADER.PHP dalam bentuk image untuk DOWNLOAD script code ada DISINI
HOOK

Baris kode :

$smarty->assign('HOOK_HOME', Module::hookExec('home'));

Baris kode ini akan menentukan Hook (Hook memungkinkan administrator situs untuk menentukan di lokasi mana mereka ingin modul tertentu ditampilkan di webpage).

DISPLAY

Baris kode :

$smarty->display(_PS_THEME_DIR_.'index.tpl');

Baris code ini mengatakan tentang tampilan  index.tpl dari direktori default theme. Prestashop (Anda menentukan theme untuk digunakan dengan pergi ke Back Office >>Preferances >> appearance).

FOOTER.PHP

Baris code :

include(dirname(__FILE__).'/footer.php');

Baris code ini mengatakan tentang php yang mencakupi file footer.php dari direktori kita (dirname).

FILE TPL

Setiap file diatas terkandung request PHP untuk memasukkan file lain.  Meski ada pengaturan konfigurasi Prestashop, tapi Hooks dan file-file php  belum punya HTML. Di sinilah diperlukan peranan file tpl.

File tpl adalah file template yang mencakup HTML dan kode Smarty

File tpl sebagian besar ada di direktori theme, namun ada juga di modul karena setiap penulisan modul diperlukan file template (tpl) tersendiri.

Penjelasan kode diatas sebagai berikut :

File global.css  sedang dipanggil dari direktori theme Prestashop untuk itu diperlukan file-file CSS lain dan JavaScript yang sudah terkandung di dalamnya.

$smarty->display(_PS_THEME_DIR_.'maintenance.tpl');  

Artinya :
akan menampilkan page pemeliharaan yang disebut maintenance.tpl jika toko online ditutup */

Tampilan HTML (yaitu bagian layout halaman web) berasal dari file header.tpl

KESIMPULAN

• File index.php memanggil (meminta) file index.tpl, file footer.php dan file footer.tpl
• File tpl menentukan layout situs html dan ada dalam folder theme.
• File index.php meliputi header.php, index.tpl dan footer.tpl dari direktori theme
• File header.php memanggil file header.tpl 
• File footer.php juga memanggil file footer.tpl
  
  

  ---

• KESIMPULAN AKHIR :
  HTML utama berasal dari 3 file template : index.tpl, header.tpl dan footer.tpl

Review struktur dasar website store Prestashop

Agar semua masuk akal mari kita buka header.tpl, index.tpl dan footer.tpl secara bersamaan.

Header.tpl

Snippet isi file HEADER.TPL dalam bentuk image untuk DOWNLOAD script code ada DISINI

Index.tpl

---

{$HOOK_HOME}

KESIMPULAN :

Sumber dari HOMEPAGE (semua modul dalam kondisi un-instal dan ada sedikit JavaScript yang dihapus dari footer sehingga kita bisa fokus ke HTML saja) berasal dari file TPL UTAMA.

Script code dalam bentuk image untuk DOWNLOAD script code ada DISINI

REKAPITULASI

1. index.php loading request halaman PHP lain yang didefinisikan dalam file PHP. Lalu halaman PHP ini memanggil file-fle tpl dan bersama mengubahnya menjadi web page
   
   
2. index.tpl hanya berisi satu baris :
   
   {$ HOOK_HOME}.
   Hal ini disebabkan file index hanya akan menampilkan modul-modul Prestashop yang ditugaskan untuk homepage. Kategori dan halaman produk akan ditampilkan dengan bantuan modul lain.
   
   
3. Body ID berbeda-beda pada masing-masing halaman - misalnya : index.tpl, category.tpl, product.tpl. Sehingga kita punya fleksibilitas untuk style halaman berbeda-beda dengan hanya menggunakan aturan di global.css untuk menargetkan body ID. Darimana hal seperti ini berasal?
   
   Periksa header.tpl, kita akan lihat satu baris ini :
   
   
   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>

Kode itulah yang menjadikan nama page. Sehingga category.tpl akan punya <body id="category">

Sumber :
www(dot)daveegerton(dot)com/prestashop-guides/Prestashop-Designers-Guide/Structure/File-Structure(dot)

KEMBALI KE  >>>>>  BAGIAN 1

That's all we know - Happy blog blogger

Website Toko Online Prestashop : Struktur Konfigurasi 1

Sebagai Admin toko online, kita tahu Prestashop punya sedemikian banyak fitur untuk dioptimalkan pemakaiannya. Sebagai web designer, kita juga bingung ada ratusan modul khusus untuk Prestashop (berbayar maupun free) yang ditawarkan di internet oleh developer independent. Tapi kali ini kita membicarakannya dari sudut pandang website designer.

File index.php template website toko online Prestashop

Prestashop - seperti juga pada semua script PHP - akan memuat  website dengan menggunakan file index.php. Toko online http://www.clodaclodi.com/ adalah pengguna theme PRESTASHOP. Artinya, semua file seperti : .php, .tpl, .css dan semua folder dalam CMS Prestashop  akan ditempatkan pada database web server (hosting) yang digunakan oleh clodaclodi[DOT]com.

Maka saat visitor mengetik URL ini - http://www.clodaclodi.com/ pada address bar browser (Mozilla atau Google Chrome etc.), maka web server tersebut segera akan memuat halaman indeks tersebut. Halaman indeks ini merupakan informasi yang menentukan apa yang terjadi.

Untuk memahami apa yang terjadi saat memuat situs tersebut, kita perlu tahu tentang file indeks.

INDEX.PHP

Isi halaman index.php (versi 1.1.0.5) pada Prestashop garis besarnya meliputi kode berikut :

Secara garis besar isi file INDEX.PHP terdiri 5 baris kode (seperti terlihat diatas) sebagai struktur dasar yang membangun toko online Prestashop dan menjadikannya sebagai konfigurasi elemen-elemen dasar yang terintegrasi. Postingan kali ini akan menjelaskan kelima baris kode tersebut.

Struktur Website Prestashop : Penjelasan isi file INDEX.PHP

PENJELASAN PERTAMA : file config.inc.php

index.php termasuk di dalamnya file config.inc.php yang terletak di direktori config.
File config.inc.php ini melakukan konfigurasi dan pengaturan setting lainnya.

File config.inc.php akan memeriksa apakah semuanya sudah terpasang (install) dan mendefinisikan template dasar (base theme), default direktori dan alurnya (paths), status order dan setting lain. Saya tidak akan menyibukkan diri dengan penjelasan rinci.

Sebagai Website Desainer, kita perlu melacak jejak error dari waktu ke waktu. Jika Anda buka file config.inc.php di lokasi ini ---> .../config/config.inc.php (silahkan cari di folder config pada cPanel). Maka pada baris paling atas file, Anda akan melihat ini :


@ini_set('display_errors', 'off');

Jika Anda ubah menjadi :

@ini_set('display_errors', 'on');

Dengan di-setting "on" berarti Anda mengaktifkan “Error Reporting” – tetapi harus diingat, Anda HARUS segera mengembalikannya ke status off setelah berhasil melacak error yang terjadi.

Saya tegaskan lagi!!!.

Kembalikan ke status default “off” ketika live installation (atau setelah berhenti melacak error). Karena jika lupa mungubah ke "offf" akan muncul secara terus-menerus pesan seperti gambar ini:




PENJELASAN KEDUA : File header.php

config ini dimuat (loaded), maka file index.php diperintahkan untuk menyertakan file header.php dari instalasi root (root install). Yang dimaksud dengan root install BERARTI langsung dari situs Prestashop kita, bukan dari sesuatu yang terdapat dalam setiap sub-direktori.

File header.php

Snippet isi file HEADER.PHP dalam bentuk image untuk DOWNLOAD script code ada DISINI

---

Disini saya juga tidak akan terlalu jauh membicarakan code pada file header.php diatas.

PENJELASAN KETIGA : HOOK_HOME

Kita temukan pada baris ke-3 file INDEX.PHP (seperti terlihat pada awal postingan) baris kode ini :

$smarty->assign('HOOK_HOME', Module::hookExec('home'));

Baris kode tersebut untuk menentukan Hook (pada dasarnya Hook memungkinkan administrator untuk menentukan dimana mereka ingin modul tertentu ditampilkan pada toko Prestashop)

PENJELASAN KEEMPAT : Display File index.tpl

Selanjutnya kita temukan ini :

$smarty->display(_PS_THEME_DIR_.'index.tpl');

Baris code diatas mengatakan bahwa display file index.tpl dalam posisi dari direktori default theme.
(Anda menentukan theme tersebut untuk digunakan di Back-Office >> Preferances >> Appearance)

PENJELASAN KELIMA : File footer.php

Pada baris kelima file INDEX.PHP kita temukan footer.php :

include(dirname(__FILE__).'/footer.php');

Baris kode diatas mengatakan php ini mencakup file footer.php dari direktori kita (dirname))

File footer.php tersebut secara garis besar memiliki snippet code berikut :

File footer.php

---

Tiap file-nya  mengandung permintaan PHP untuk memasukkan file lain. Kita hanya peduli dengan apa yang sedang terjadi. Deskripsi ini untuk memahami bagaimana PrestaShop bekerja.

SELESAI - That's all we know

Meskipun kita sudah melakukan setting konfigurasi Prestashop, namun Hooks dan berbagai file php  belum punya HTML apapun. Di sinilah template (file .tpl) masuk dan mengambil peran utama.

FILE .TPL : LAYOUT WEBSITE TOKO ONLINE PRESTASHOP

File-file tpl menentukan layout situs html (webpage Prestashop) dan ada dalam folder theme. File tpl tersebut sebagian besar berada di direktori theme, tetapi juga ada di modul karena setiap seseorang menulis modul perlu file template sendiri (tpl).

File tpl adalah file template mencakup HTML dan kode Smarty.

Penjelasan file .css dan .tpl

Jadi file global.css sedang dipanggil dari direktori theme Prestashop. untuk pemanggilan ini diperlukan file CSS lain dan juga file JavaScript yang sudah terkandung didalamnya.

Tampilan HTML (merupakan bagian dari layout webpage) berasal dari file header.tpl, dan index.php "memanggil" index.tpl, dan demikian juga file footer.php "memanggil" (meminta) footer.tpl.

Bersambung ke >>>>    BAGIAN 2

That's all we know

Setting G-Zip encoding for speed load and SEO website

Menampilkan halaman website (webpage) melibatkan browser yang digunakan user dan web server yang dipakai oleh website (blog). Lakukan setting Gzip encoding file index website (/index.html) menjadi file ZIP (/index.html.zip) - tindakan ini juga disebut sebagai compress file index.html menjadi file ZIP - untuk mempercepat loading time dan menghemat bandwidth.

Mekanisme browser menampilkan halaman website

Saat membuka halaman website (blog), sebenarnya Anda meminta browser (e.g. Google Chrome / Firefox) untuk menampilkan file /index.html (merupakan heavy file karena ukuran file index ini relatif besar). Sebelum menampilkan file index, browser harus request file /index.html ke web server (yang digunakan oleh website Anda) agar mengirim file /index.html tersebut.

Terkait setting G-Zip Encoding untuk mempercepat loading halaman web dan untuk memperbaiki SEO (Search Engine Optimization), kerjasama Server dan Browser punya rumus simpel, yaitu :

Smaller file = faster download = happy user.

Kita dapat mengatur setting web server dengan mengubah heavy file /index.html (yang size nya terlalu besar) ke file ZIP. Jika web server bisa mengirim file zip ke browser (index.html.zip), MAKA akan hemat bandwidth dan download time. Artinya browser bisa lakukan download file zip, mengekstrak, menunjukkan ke user browser dan kemudian memuat webpage tersebut lebih cepat.

Percakapan antara Browser dengan Web Server saat request file /index.html yang dikompresss (diubah ke file ZIP) kurang lebihnya terlihat seperti ini :

1. BROWSER :
   Hei! Bisakah saya dapatkan /index.html?  Saya ingin versi compres jika Anda bisa lakukan.
2. SERVER :
   Coba saya lihat.  Yup! Ini dia. Anda ingin compressed version? Ini dia, keren!.
3. SERVER :
   Saya temukan /index.html. Saya akan menjadikannya file zip dan mengirimkannya ke Anda.
4. BROWSER :
   Great! Bagus!
   Ukuran file zip menjadi hanya 10KB. Saya akan unzip dan menunjukkannya ke user saya.

Bagaimana Cara Setting G-Zip Encoding website?

Sebagai USER, kita tidak bisa mengkontrol Browser, namun user bisa mengkonfigurasi Web Server terkait content file ZIP, sehingga browser mempercepat speed loading dan menghemat bandwidth untuk semua orang. Hasilnya website blog memberi rasa senang dan good user experience.

Jika pakai Web Server IIS, Anda perlu mengaktifkan kompresi dalam pengaturan.

• Pengguna Web Server Apache memungkinkan kompresi output cukup mudah. Tambahkan baris berikut ke file  .htaccess dalam web server Anda :
  # compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:
<files *.html>
SetOutputFilter DEFLATE
</files>

Web Server Apache memiliki 2 opsi metode kompresi HTTP :

• mod_deflate, opsi set up standard yang lebih mudah.
• mod_gzip, opsi lebih powerful: Anda dapat melakukan pre-compress content.

Dibandingkan dengan mod_deflate, mod_gzip memberikan rasio kompresi HTTP yang lebih besar. Artinya mod_gzip lebih baik daripada mod_deflate.

Mod_gzip secara otomatis bekerja pada server apache.  Mod_gzip menghemat bandwidth dengan cara mengkompresi bodi respon HTTP sebelum dikirimkan ke BROWSER. Rata-rata browser modern bisa membaca respon yang terkompresi. Perbandingan jumlah request teks (HTML, txt, js, css) dan gambar (gif, jpg, swf) untuk sebuah situs tipikal adalah 1:1 hingga 1:3, dan gzip dapat mengkompresi teks hingga 50%-80%. Maka pengiritan trafik outgoing web yang diperoleh rata-rata bisa berkisar antara 10%–35%. Dan total penghematan bandwidth yang diperoleh antara 4%–15%.

Agar deflate (perampingan) heavy file /index.html berlangsung cepat dan bekerja, gunakan opsi mod_gzip. Apache juga memeriksa apakah browser mengirimkan "Accept-encoding" header dan mengembalikan versi kompresi ataupun versi reguler dari file.

Bagaimana jika kita tidak dapat mengubah (memodifikasi) file .htaccess?

Jika tidak dapat mengubah file htaccess., Anda dapat menggunakan PHP. Gunakan PHP untuk mengembalikan compressed content. Berikan file HTML dengan .php extension, dengan menambahkan kode berikut di bagian atas file HTML :

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>

Syarat untuk bisa pakai metode kompresi HTTP di atas adalah browser dan server harus support. Khusus untuk mod_gzip, PHP yang digunakan harus versi 4.0.6 hingga terbaru.

Cara periksa versi PHP di website server

Cara mengetahui versi PHP pada server yang kita gunakan, silahkan buat file php (contoh: info.php), kemudian ketikkan kode berikut:

<?php
phpinfo ();
?>

Kemudian SAVE dan uploadlah file tersebut ke root direktori Wordpress. Buka file tersebut melalui browser yang kita gunakan. Contoh: http://nama-domain.com/info.php. Disini akan kita lihat informasi lengkap PHP yang ada di server dan bisa mencari fitur-fitur yang terintegrasi di dalamnya.

Verify Your Compressed file of website

Setelah mengkonfigurasi web server, lakukan cek ulang untuk memastikan ada compressed content.

• Online : GUNAKAN online gzip test untuk memeriksa apakah halaman web Anda telah compressed.
• Pada browser : GUNAKAN Web Developer Toolbar >> Information >>  View Document Size UNTUK melihat apakah halaman web Anda telah compressed.
• View the headers : GUNAKAN Live HTTP Headers UNTUK memeriksa response. Carilah baris yang berisi frase  "Content-encoding: gzip".

Hasilnya sangat mengagumkan! Misalnya, ukuran (size) instacalc homepage dapat menyusut ukurannya dari 36kb ke 10kb, atau penyusutan ukuran sampai 75%.

Contoh pengkompressan file website

Untuk dicoba, bukalah downloadable example:

• index.html - No explicit compression (pada server ini digunakan compression by default ).
• index.htm - Explicitly compressed with Apache. File .htaccess menggunakan .htm sebagai rule
• index.php - Explicitly compressed using the PHP header

Jangan ragu download contoh2 file di atas. Tempatkan mereka di server Anda dan tweak pengaturan.

PERINGATAN

HTTP Compression tidak selalu bekerja baik karena masalah :

• Older browsers sering trouble terkait dengan compressed content.
• Already-compressed content
  Image, musik dan video telah compressed. Jangan buang waktu untuk kompres. Anda HANYA PERLU COMPRESS “THE BIG 3” (HTML, CSS and Javascript).
• CPU-load
  Kompres content mempersingkat CPU time dan hemat bandwidth. Biasanya ini menjadi tradeoff besar mengingat kecepatan kompresi. Ada cara untuk pra-kompres content statis dan mengirimkan versi terkompresi. Ini memerlukan konfigurasi lebih. Gunakan siklus CPU untuk pengalaman user lebih cepat, mengingat rentang perhatian yang pendek di web.

Mengaktifkan kompresi adalah salah satu cara tercepat meningkatkan kinerja website. Lakukan dan biarkan user website menikmati manfaat sebagai user-experience yang baik.
Related Post : Mengatur G-Zip Encoding untuk percepat Speed Loading
Source :   How To Optimize Your Site With GZIP Compression

---

That's all we know

---

Basic PHP : Latihan Sederhana Part-2 - website archives

Selayang Pandang PHP untuk rancang website design

PHP ditemukan Rasmus Lerdorf tahun 1995. PHP merupakan free software di-release dibawah PHP License, yang tidak compatible dengan GNU General Public License (GPL) karena restriksi dalam penggunaan term PHP.

PHP merupakan script yang dijalankan di Server. Manfaat penggunaan PHP adalah code yang menyusun program tidak perlu diedarkan ke user sehingga kerahasiaan code terlindungi. Hal yang menarik adalah PHP bisa digunakan untuk akses atau support bermacam database seperti Access, Oracle, MySQL etc. Salah satu persyaratan teknis penggunaan PHP adalah website harus beli domain name dan menyewa web server karena mengakses PHP via Control Panel.

Bagian 1, membicarakan macam variable tipe data dan latihan 1-4 untuk penggunaan Parsing Variabel via Form dan Parsing Variable via Link. Kita juga ulas statement Program.

BAGIAN 1                     BAGIAN 2                         BAGIAN 3                         BAGIAN 4

Pernyataan Kontrol - website files

Pernyataan IF - arsip website

Pernyataan if pada PHP berguna untuk melakukan Decision Making terhadap lebih dari 1 alternatif. Bentuknya :

• If
• If else
• If elseif

A.     Bentuk pernyataan if paling sederhana

If (ekspresi) {
              pernyataan;
}

Penjelasan :
Bagian pernyataan akan dijalankan kalau bagian ekspresi bernilai benar.
Bila jumlah pernyataan yang akan dijalankan if lebih dari 1 (satu)

If (ekspresi) {
              pernyataan satu;
              … … …
              Pernyataan_n;
}

B.     Bentuk If – else

B.1.  Bentuk ini melibatkan bagian else, formatnya berikut ini :

If (ekspresi) {
              pernyataan X;
else
              Pernyataan Y;
}

Bagian pernyataan_1 akan dijalankan jika ekspresi bernilai benar. Jika bernilai salah maka dijalankan pernyataan_2.

B.2.   Jumlah pernyataan yang akan dijalankan If atau else lebih dari satu, maka bentuknya adalah :

If (ekspresi) {
              Pernyataan X1;
              … … … 
              Pernyataan Xn;
} else {
             Pernyataan Y1;
             … … … 
             Pernyataan Yn; 
}  

B.3.   Bentuk ini digunakan untuk mengambil keputusan yang melibatkan banyak alternatif.

If (ekspresi) {
              Pernyataan_1;
             … … … 
             Pernyataan_n;
}
else if (ekspresi2) {
             Pernyataan_1;
             … … … 
             Pernyataan_n;
}
… … … 
else {
             Pernyataan_1;
             … … … …
             Pernyataan_n;
}

Latihan5.php

<HTML>
<HEAD>
<TITLE> Latihan kelima </TITLE>
</HEAD>
<BODY>
<?
$nama_hari=date("l");  If ($nama_hari=="Monday"){
print"Hari ini hari Senin";
} else{
}
print"Hari ini bukan hari Senin";
       ?>
</BODY>
</HTML>

Pada latihan diatas dibuat program konversi hari English ke hari Indonesia.

Pernyataan Switch - arsip website

Pernyataan ini berfungsi menyeleksi sejumlah alternatif. Bentuk umumnya sebagai berikut :

switch (ekspresi){
case ekspresi_case_1 :
pernyataan_1;
break;
case ekspresi_case_2 :
pernyataan_2;
break;
…
default :
pernyataa/n_n;
}

Kegunaan break untuk mengarahkan eksekusi ke akhir switch. Setiap case bisa mengandung lebih dari 1 pernyataan, antar pernyataan dipisahkan dengan titik-koma. Bagian default akan dieksekusi kalau tidak ada yang cocok pada bagian case.


Latihan6.php

<HTML>
<HEAD>
<TITLE> Latihan keenam </TITLE>
</HEAD>
<BODY>
<?
$nama_hari=date("l");
switch ($nama_hari){
case "Sunday" : 
print"Hari ini hari Ahad";
break;
default :
print"Hari ini bukan hari Ahad"; }
?>
</BODY>
</HTML>

Pada latihan diatas dibuat konversi hari English ke hari Indonesia.
Pernyataan Perulangan

Pernyataan While - website archives

Pernyataan while berguna untuk melakukan suatu perulangan. Bentuknya :

while (ekspresi){
                pernyataan_pernyataan;
}

Pernyataan For - website files

Sebagaimana while, pernyataan for berguna untuk perulangan. Bentuknya

for (ekspresi1; ekspresi2; ekspresi3){                                                 pernyataan_pernyataan;   }

• ekspresi1 untuk memberi nilai awal variable yang digunakan untuk melakukan pencacahan pengulangan.
• ekspresi2 untuk menentukan repetisi pernyataan yang ada dalam tanda 2 kurung kurawal ( { … } ) akan dilakukan atau tidak.
• ekspresi3 untuk mengatur nilai variable yang digunakan dalam ekspresi1.

Latihan7.php

<HTML>
<HEAD>
<TITLE> Latihan ketujuh </TITLE>
</HEAD>
<BODY> 
<? 
for ($i=1;$i<=7;$i++){
print"<FONT SIZE=\"$i\" COLOR=\"silver\" FACE=\"Verdana\">$i</FONT>
<BR>";
}
?>
</BODY>
</HTML>

Latihan8.php

<HTML>
<HEAD>
<TITLE> Latihan kedelapan </TITLE>
</HEAD>
<BODY> <?
$i=1;
while ($i<=7){
print"<FONT SIZE=\"$i\" COLOR=\"silver\" FACE=\"Verdana\">$i</FONT>
<BR>";
$i++;
}
?>
</BODY>
</HTML>

---

That's all we know - Happy blog blogger

---

Latihan sendiri
Buat program dengan tampilan seperti latihan sebelumnya tapi gunakan while

---

Bersambung ke :  Bagian 3                    atau                  Kembali :  Bagian 1

---

OK,  Good luck!

---

PHP basic : Latihan sederhana untuk website designer 4

Cara kerja PHP pada website

Saat orang mengunjungi web berbasis PHP, web server akan memproses code PHP. Beberapa perintah PHP selanjutnya ada yang diterjemahkan ke HTML dan ada yang disembunyikan (misal proses kalkulasi / operasi matematika). Setelah diterjemahkan ke HTML, web server mengirim kembali ke web browser pengunjung tersebut.

Dapat disimpulkan bahwa : script code diakses di sisi server, dan browser hanya menerima hasil-jadi berupa kode HTML.

Keunggulan PHP

1. FREE SOURCE - Mudah di-download di internet karena merupakan Software Open Source.
2. PHP termasuk server-side programming, artinya script code diakses di sisi server, dan browser hanya menerima hasil-jadi berupa kode HTML. Dengan begitu keamanan kode PHP terjaga.
3. PHP mudah dibuat dan memiliki kecepatan akses yang tinggi.
4. PHP termasuk Embedded Language, artinya bisa ditempel (diletakkan) dalam tag HTML
5. PHP bisa dijalankan di berbagai Platform, selain dijalankan pada sistem operasi keluarga *NIX (Linux, UNIX, BSD, etc.). PHP bisa berjalan di Windows 9x/ME/XP/NT, dan Machintosh
6. PHP bisa dijalankan pada berbagai Web Server selain Apache seperti IIS, PWS, Xitami etc.
7. PHP support berbagai Database, seperti Oracle, Sysbase, mSQL, MySQL, Solid, Generic ODBC, Postgres SQL.
8. PHP support komunikasi dengan layanan lain via protokol IMAP, SNMP, NNTP, POP3, HTTP

Kami mengulas FILE PHP sebagai bagian terakhir 4 seri Dasar-dasar PHP beserta latihan sederhana pada setiap bagiannya.  Masing-masing seri direpresentasikan pada link-link berikut:

Kami mengulas FILE PHP sebagai bagian terakhir 4 seri Dasar-dasar PHP beserta latihan sederhana pada setiap bagiannya. Masing-masing seri direpresentasikan pada link-link berikut:

BAGIAN 1                       BAGIAN 2                           BAGIAN 3                              BAGIAN 4

File

Topik  : Cara menyimpan data ke dalam file dan cara membaca data yang tersimpan di dalamnya.

Prinsip Pemrosesan pada File

Pemrosesan file pada dasarnya hanya ada 3 proses, yaitu,

1. Membuka File
2. Manipulasi File (menyimpan data ke file atau membaca data yang ada di file)
3. Menutup File

Perintah membuka file PHP menggunakan fopen, sintaknya:

fopen("nama_file","mode buka")

Mode untuk buka file ada 3 macam :

• r (untuk membaca / read file)
• w (untuk menyimpan / write data ke file)
• a (untuk menambah / append data ke file).

Biasanya perintah fopen disimpan dalam sebuah variable karena hasil perintah ini digunakan untuk parameter perintah akses file berikutnya. Untuk mode buka r file sudah harus ada, sedangkan untuk mode lain, file boleh ada atau boleh juga tidak.

Manipulasi File

Memanipulasi file ada 2 :

• Menyimpan data ke file
• Membaca data dari file.

Untuk menyimpan data ke file digunakan perintah :

fputs(variable_penyimpan_buka_file,"data yang akan disimpan ke file");

Untuk membaca data ke file digunakan perintah :

fread(variable_penyimpan_buka_file,panjang karakter yang akan dibaca);
atau
fgets(variable_penyimpan_buka_file,panjang karakter yang akan dibaca);

Perbedaan fread dan fgets :

fgets hanya mampu membaca per baris. Pada fread pembacaan yang dilakukan adalah dari data awal file hingga bagian akhir.

Seharusnya fungsi fread maupun gets disimpan dalam suatu variable, disebabkan nanti apa yang sudah dibaca selanjutnya dicetak ke browser.

Manipulasi file harus selaras dengan mode buka. Jika manipulasi file untuk membaca data, digunakan mode buka r. Dan jika manipulasi filenya adalah menyimpan data maka digunakan mode buka w atau a.

Perbedaan mode buka w dan a adalah : w menyebabkan overwriting sedangkan a menyebabkan data tambahan akan terletak pada akhir pointer.

Menutup File

Jika akses file selesai seharusnya file ditutup. Perintah menutup file fclose, sintaknya :
fclose(variable_penyimpan_buka_file);

Selamat mempraktekkan latihan PHP.

Kembali ke Bagian : Bagian 3

---

That's all we know - Happy blog Blogger

---

How to Manage Prestashop ver. 1.4.8.2’s Catalog? - Part I

Prestashop merupakan CMS toko online dibuat menggunakan bahasa pemrograman PHP dan database MySQL. Prestashop bisa di-download dari official site http://prestashop.com. Versi terbaru (saat ini versi 1.4.8.2) akan didapatkan.

Mengelola content website toko online Prestashop

Me-MANAGE content untuk ditampilkan di halaman toko online Prestashop dilakukan di jendela Back Office. Posting ini kelanjutan dari How to Connect Prestashop Back Office? Setelah kita berhasil akses BACK OFFICE, maka akan muncul halaman “Back Office welcome” Anda juga bisa melihat ada beberapa menu di bagian atas halaman :

a. Catalog, digunakan untuk mengatur kategori, produk dan suplier
b. Customers, digunakan untuk mengatur pelanggan yang ada beserta groupnya
c. Orders, digunakan untuk melihat order, status order dan pembayaran
d. Payment, digunakan untuk mengatur metode pembayaran
e. Shipping, digunakan untuk mengatur ongkos pengiriman
f. Stats, digunakan untuk melihat statistik
g. Modules, digunakan untuk mengatur module yang digunakan
h. Employees, digunakan untuk mengatur user yang bisa akses ke back office
    beserta hak aksesnya
i.  Preferences, digunakan untuk pengaturan dasar toko online
j. Tools, digunakan untuk menambah bahasa, membackup database, import data

OK. Kita masuk ke Section «Catalog» yang bisa diakses dengan klik tab yang sama namanya (di sudut kiri-atas). Jika klik «Catalog» kotak tersebut warnanya berubah orange. (lihat kotak merah gambar di samping). Dari sinilah Anda bisa MANAGE semua produk.

Di bagian Categories melalui fungsi «Add a New Subcategory» (red arrow), Anda dapat membuat kategori berbeda-beda. Bagian ini untuk mengatur artikel, membantu pelanggan menemukan dengan mudah apa yang mereka cari. Semua kategori merupakan sub-kategori dari kategori Home. Secara default kategori “Home” ada 3 sub-kategori + 7 produk (sebagai contoh demo).

Catalog Page

Create a Category - arsip website*

Untuk membuat kategori isilah form ini :

Pertama, memberi nama semua kategori/produk. Kemudian tentukan produk/kategori mana  yang akan ditampilkan. Dengan kata lain, apakah akan bisa diakses pelanggan atau tidak. Anda mungkin ingin menunda display kategori atau produk ke pelanggan karena Anda belum cukup menyelesaikannya.

Jika Anda membuat subkategori yang termasuk kategori selain halaman selamat datang _(HOME), pilihlah kategori dimana akan muncul dalam menu drop-down “Parent Category” Klik "Browse" untuk upload gambar dari komputer.

Search Engine Optimization (SEO) Fields - website archives*

Informasi ini akan membantu Anda mengoptimalkan visibilitas katalog di search engine :

• Meta title adalah judul yang akan muncul di search engine saat query dibuat pelanggan
• Meta description adalah presentasi toko online hanya dalam beberapa baris dimaksudkan untuk menangkap kepentingan pelanggan. Ini akan muncul dalam hasil pencarian.
• Meta Keywords adalah keyword yang Anda harus tetapkan agar situs toko online direferensikan mesin pencari. Anda bisa memasukkan beberapa keyword, dipisahkan dengan tanda koma, serta ekspresi yang harus ditunjukkan dalam tanda kutip.
• Friendly URL memungkinkan rewrite alamat kategori sesuai keinginan anda.
  
  
  Misalnya, daripada menulis alamat seperti ini :
  
  
  http://www.mystore.prestashop.com/category.php?id_category=3
  
  
  bisa (lebih mudah) ditulis seperti :
  
  
  http://www.mystore.prestashop.com/123-name-of-the-category

Semua yang perlu dilakukan diindikasikan di bidang yang ditandai “Friendly URL” kata-kata yang diharapkan terlihat bukan sekadar "name-of-the-category" yang dipisahkan tanda hubung.

• “ Groups access ” membatasi kategori dan produk terpilih dari buyer tertentu.
  
  Untuk melihat kategori atau produk ini, pembeli Anda harus terlebih dahulu masuk kelompok user tertentu. Info lebih jauh tentang ini, silahkan periksa fungsi kelompok (Group) dalam “Customers tab”

Setelah selesai mengkonfigurasi kategori, Anda dapat menyimpannya selama masih di halaman sama dengan klik tombol “Save” atau “Save and Back to Parent Category" untuk menyimpan dan kembali ke kategori sebelumnya.

Catatan :
Setiap bidang ada bendera yang ditempatkan di sisi kanannya, menunjukkan bahwa itu bisa dikonfigurasi dalam beberapa bahasa. Untuk informasi lebih lanjut, silakan lihat fitur manajemen bahasa.

Menambahkan Deskripsi Produk - website files*

Pedoman mengisi deskripsi produk di website toko online Prestashop

Ada 2 kotak yang didedikasikan untuk mengisi deskripsi produk. Kotak perama untuk menulis deskripsi pendek (maksimal 400 karakter) yang akan muncul di search engine. Pada kotak ke-2, Anda bisa menuliskan keterangan lengkap tentang produk, yang akan muncul langsung di bawah image produk di toko online. Editor teks yang ada menawarkan berbagai pilihan untuk membuat deskripsi menarik secara visual (font,  size, teks warna, etc.).

• Kolom "tags" definisikan beberapa istilah dan keyword yang akan membantu pelanggan menemukan apa yang mereka cari.
• Kolom “accessories”, memberikan Anda opsi memilih produk yang relevan terkait dengan produk ini. Untuk menyarankan produk ke pelanggan, ketikkan huruf pertama nama produk, pilih, kemudian klik pada tombol hijau di sebelah kanan kolom.

Setelah mengisi semua informasi, simpan dengan klik “Save” Anda akan dibawa ke Homepage katalog, atau dengan klik “Save and Stay” untuk tetap terus bekerja pada presentasi produk. Saat Anda simpan pekerjaan dengan “Save and Stay” beberapa pilihan baru ditampilkan, seperti tab “3. Combinations,” “4. Features,” “5. Customization,” “6. Discounts,” “7. Attachments.”

That's all we know

---

Dasar-Dasar PHP Latihan Sederhana 1 - website files

Jika Anda ingin membuat atau melakukan Kustomisasi Toko Online disyaratkan Anda mengetahui kode HTML, CSS, Javascript dan bahasa kode lain. Pemasangan plugin pada pada Quick.Cart v3.0 untuk fitur “Keranjang Belanja” (Add Cart) suatu Toko Online harus dilakukan oleh seseorang yang mengerti HTML dan PHP dasar. Pada kali ini saya hanya ingin sedikit mengenalkan sebagian dari dasar-dasar PHP.

Pengenalan PHP untuk website design

PHP adalah script yang dijalankan di Server. Manfaat dari penggunaan PHP adalah kode yang menyusun program tidak perlu di-release ke User sehingga kerahasiaan kode tetap terlindungi. Hal menarik adalah kenyataan bahwa PHP bisa digunakan untuk mengakses atau men-support berbagai macam database seperti Access, Oracle, MySQL, dan lain-lain. Untuk lebih mudah memahami PHP, langsung saja pada Exercise di bawah ini.

BAGIAN 1                        BAGIAN 2                          BAGIAN 3                             BAGIAN 4

Bagian 1 : Pengkodean PHP - website files

-latihan1.php

<HTML>
<HEAD>
<TITLE> Latihan pertama </TITLE>
</HEAD>
<BODY>
<H1>Contoh PHP pertama</H1>
<?
//latihan pertama
print"Selamat belajar PHP <BR>";
print"Semoga Anda sukses !";
/* Komentar Program : menampilkan pesan di halaman browser
Selamat Belajar PHP
Semoga sukses ! 
Teks komentar program tidak dimunculkan */ ?>
</BODY>
</HTML>

Pada program diatas terdapat code HTML dan PHP. Code PHP diawali <? dan diakhiri tanda ?>. Dalam pasangan tersebut terdapat pernyataan-pernyataan PHP. Snippet kode :

• print "Selamat belajar PHP <BR>";
  

disebut sebagai pernyataan (statement). Antar-pernyataan dipisahkan titik-koma (;). Hasilnya : Dimunculkan pada halaman Browser teks berikut  :

Selamat belajar PHP
Semoga Anda sukses !

Teks yang ada setelah tanda // disebut komentar program yang tidak akan dieksekusi. Pada contoh diatas menunjuk :

//latihan pertama

Teks diantara tanda /* dan */ disebut komentar program (comment out) contoh diatas menunjuk :

/* Komentar Program : menampilkan pesan di halaman browser
Selamat Belajar PHP
Semoga sukses !
Teks komentar program tidak dimunculkan */

Aturan Comment-out :

• Tanda // hanya berlaku untuk 1 baris.
• Sedangkan tanda /* … …  */ berlaku untuk 2 baris atau lebih.

Variabel dan Tipe Data pada PHP

Variable berfungsi menyimpan suatu nilai, dan nilai yang ada di dalamnya bisa diubah-ubah. Penulisan Variable didahului tanda $.  Nama Variable harus memenuhi aturan pengenal (Identifier) yang digunakan pada pemberian nama Variable, Fungsi atau Kelas. Aturan untuk pengenal (Identifier) sebagai berikut :

• Karakter yang digunakan adalah huruf, angka atau garis bawah
• Karakter pertama harus berupa huruf atau garis bawah
• Panjang pengenal bisa berapa saja
• Case Sensitive.

Contoh : _latihan1.php atau latihan2.php atau latihan_3.php atau _latihan_4.php  dan seterusnya

Tipe data

Tipe data PHP ada 3 macam, yaitu :

• Integer menyatakan tipe data bilangan bulat
• Double menyatakan tipe data bilangan real yaitu bilangan yang mempunyai bagian pecahan
• String menyatakan tipe data teks.

-latihan2.php

<HTML>
<HEAD>
<TITLE> Latihan kedua </TITLE>
</HEAD>
<BODY>
<H1>Contoh PHP kedua</H1>
<?
$nama="Anwar";
$nomor=2;
$tanggal=date("d F Y");
$jam=date(H:i:s);
print"Ini Halaman ke-$nomor diakses pada tanggal $tanggal<BR> ";
print"Ini Halaman ke-$nomor diakses pada jam $jam<BR> ";
print"Selamat belajar PHP $nama <BR>";
print"Semoga sukses !";
?>
</BODY>
</HTML>

Parsing Variabel Melalui Form

latihan3.php

<HEAD>
<TITLE> Latihan ketiga </TITLE>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="latihan3_hasil.php">
Silakan Masukkan Nama Anda <BR>
<INPUT TYPE="text" NAME="nama"><BR>
Silakan Masukkan Pesan Anda <BR>
<TEXTAREA NAME="pesan" ROWS="5" COLS="30"></TEXTAREA><BR>
<INPUT TYPE="submit" value="Kirim">
</FORM>
</BODY>
</HTML>

Latihan3_hasil php

<HTML>
<HEAD>
<TITLE> Hasil Latihan ketiga </TITLE>
</HEAD>
<BODY>
<?
print"<B>Data yang Anda masukkan :</B> <BR>";
print"Nama Anda : $nama <BR>";
print"Pesan Anda : $pesan"; ?>
</BODY>
</HTML>

Parsing Variabel Melalui Link

latihan4.php

<HTML>
<HEAD>
<TITLE> Latihan keempat </TITLE>
</HEAD>
<BODY>
Silakan Klik di
<A HREF="latihan4_proses.php?nama=Anwar&pesan=Terima+kasih">sini</A>
</BODY>
</HTML>

latihan4_proses.php

<HTML>
<HEAD>
<TITLE> Hasil Latihan keempat </TITLE>
</HEAD>
<BODY>
<?
print"Variabel dan nilai yang terkirim adalah : <BR>";
print"\$nama = $nama <BR>";
print"\$pesan = $pesan";
?>
</BODY>
</HTML>

Soalan Latihan :

Setelah mencermati exercise 1,2,3, dan 4 cobalah Anda uraikan kode PHP tayangan form input data dan data hasil isian (output) seperti 2 gambar dibawah ini :

---

- That all we know -

---

Bersambung ke : BAGIAN  2

---

Dasar-Dasar PHP dan Latihan Sederhana – Bagian 3

Welcome to Coding World,

Peran PHP : Membantu membuat website dinamis

Kita membicarakan topik “Scripting Language” di bidang website design, khususnya Toko Online. Menurut informasi dari official site PHP, yaitu PHP.net, definisi PHP atau PHP: Hypertext Prepocessor adalah :

PHP adalah bahasa pemrograman web yang bisa disisipkan dalam code HTML dan berupa script yang dijalankan di Server.

Banyak sintaks di dalamnya yang mirip dengan bahasa C, Java dan Perl. Tujuan PHP membantu para Pengembang Website (Web Developer) untuk membuat website dinamis dengan cepat. Manfaat penggunaan PHP adalah code yang menyusun program tidak perlu diedarkan ke user sehingga kerahasiaan code terlindungi. Dan hal yang menarik, PHP digunakan untuk akses atau support bermacam database seperti Access, Oracle, MySQL et cetera.

Saat Anda membuka website berbasis PHP, web server akan memproses code-code PHP. Beberapa code atau perintah dari PHP tersebut selanjutnya ada yang diterjemahkan ke dalam HTML dan ada yang disembunyikan (misalnya proses kalkulasi dan operasi). Setelah diterjemahkan ke dalam HTML, web server akan mengirim kembali ke web browser pengunjung tersebut.

BAGIAN 1                        BAGIAN 2                          BAGIAN 3                             BAGIAN 4

Pada bagian 1, membicarakan macam variable dan tipe data, beserta latihan 1 - 4 untuk penggunaan pada Parsing Variabel melalui Form dan Parsing Variable melalui Link. Bagian 2 mengulas Statement Program. Pada bagian 3 ini akan membicarakan dasar-dasar proses operasi dan kalkulasi pada program PHP.

Operator

Operator adalah symbol yang digunakan dalam program untuk melakukan suatu operasi, misal perkalian atau pembandingan, penjumlahan, kesamaan dua buah nilai, atau bahkan memberikan nilai ke variable.

Operator Aritmatika

+= menambahkan variable di sisi kiri dengan nilai di sisi kanan
-= mengurangi isi variable di sisi kiri dengan nilai di sisi kanan
/= membagi isi variable di sisi kiri dengan nilai di sisi kanan
%= memperoleh sisa pembagian antara variable di sisi kiri dengan nilai di sisi kanan

Operator Pembanding

== sama dengan
< kurang dari
> lebih dari
<= kurang dari atau sama dengan
>= lebih dari atau sama dengan
!= tidak sama dengan (bisa juga menggunakan <>)

Latihan9.php

<?
switch ($operator){ 
            case "+" : $hasil=$angka1+$angka2; 
                                break;
            case "-" : $hasil=$angka1-$angka2;
                               break;
            case "*" : $hasil=$angka1*$angka2; 
                               break;
            case "/" : if ($angka2==0) $hasil="E"; else $hasil=$angka1/$angka2;
                              break;
}
?>

<HTML>
<HEAD>
<TITLE> Latihan kesembilan </TITLE>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="latihan9.php">
<TABLE style="font-family:verdana;font-size:10pt" align=center border=5
cellspacing=0>
<TR bgcolor=f1f1f1>
<TD colspan=4>Kalkulator Sederhana</TD>
</TR>
<TR>
<TD colspan=4><INPUT TYPE="text" NAME="angka1" value="<? print $angka1
?>"></TD>
</TR>
<TR>
<TD colspan=4><INPUT TYPE="text" NAME="angka2" value="<? print $angka2
?>"></TD>
</TR>
<TR align=center>
<TD><INPUT TYPE="submit" name="operator" value="+"></TD>
<TD><INPUT TYPE="submit" name="operator" value="-"></TD>
<TD><INPUT TYPE="submit" name="operator" value="*"></TD>
<TD><INPUT TYPE="submit" name="operator" value="/"></TD>
</TR>
<TR>
<TD colspan=4><INPUT TYPE="text" NAME="hasil" value="<? print
$hasil?>"></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

Array

Pengertian Array

Array adalah wadah yang dapat menyimpan sejumlah nilai scalar

Masing-masing nilai diakses melalui indeks yang biasa disebut subskrip. Dalam hal ini indeks berupa bilangan bulat yang dimulai dari nol.

Menciptakan Array

Array dalam PHP diciptakan dengan bentuk sebagai berikut :

$namaArray=array(elemen_1, … , elemen_N);

Mengubah Variabel Biasa Menjadi Array

Sebuah variable biasa bisa diubah keadaannya menjadi sebuah array, contoh :

variable $kalimat="Saya belajar PHP";

bisa diubah menjadi array $kata dengan masing-masing elemen sebagai berikut :

$kata[0]="Saya"; $kata[1]="belajar"; $kata[2]="PHP";

Fungsi untuk melakukan hal tersebut adalah menggunakanexplode. Sintaknya adalah :

explode("pemisah","string yang akan dijadikan array");

Karena itu pernyataan di atas dapat dituliskan dalam program berikut ini :

$kalimat="Saya belajar PHP";
$kata=explode(" ",$kalimat);

Kebalikan explode adalah implode. Sintaknya adalah :

implode("perekat","array yang akan digabung")    

Jika variable array di atas akan digabung kembali dengan penggabungnya tanda strip tengah (-) misalnya maka hal tersebut dapat dituliskan dalam program berikut :

$gabung=implode("-",$kata);

Mengetahui Jumlah Elemen Array

Untuk tahu jumlah elemen array gunakan fungsi count() dengan argument berupa nama array.

Latihan10.php

<?
$kalimat="Saya belajar PHP";
$kata=explode(" ",$kalimat);
$jumlahArray=count($kata);
for ($i=0;$i<$jumlahArray;$i++){
             print "\$kata[$i]=$kata[$i]<BR>";
}
$gabung=implode("-",$kata);
print"<BR>";
print "\$gabung=$gabung";
?>

Bersambung ke : BAGIAN 4

---

OK,  Good luck!

---