Membuat Web Sederhana menggunakan PHP, Twig Template Engine dan MySQL
Ringkasan
Membuat web sederhana menggunakan Bahasa Pemrograman PHP, Twig Template Engine beserta MySQL sebagai basis penyimpanan data.
Persyaratan dan Persiapan
Untuk dapat mengikuti tulisan ini ada hal-hal yang perlu untuk dipersiapkan dan diketahui:
- Pastikan bahwa Interpreter PHP telah terinstall di mesin (Laptop/PC) anda.
- Pastikan bahwa MySQL-Server / MariaDB-Server telah terinstall di mesin anda.
- Kita hanya akan menggunakan PHP Builtin-Web Server untuk menjalankan web yang akan kita buat dari tulisan ini.
- Akan sangat baik jika anda mengetahui perintah-perintah dasar di Antarmuka Baris Perintah (CLI). Seperti cd, mkdir, touch, dan rm atau bahkan perintah-perintah lainnya. Ini akan sangat mendukung anda dalam mengikuti tulisan ini.
- Tulisan ini lebih ditujukan untuk pengguna OSx atau GNU/Linux. Namun, pengguna Sistem Operasi lain pun masih bisa ikut membaca atau bahkan mencobanya.
Membuat dan menyusun struktural projek
Hal yang akan kita lakukan adalah membuat dan menyusun struktural direktori dan file-file yang akan kita buat atau gunakan dalam membangun web sederhana ini. Seperti file-file php, template, static file (css/js) dan lain-lain.
Memastikan bahwa kita berada di $HOME. Ada beberapa cara yang dapat digunakan, yaitu dengan berpindah secara langsung, atau mengecek apakah kita telah berada pada pada Home Direktori.
#cd: change directory
$ cd ~
#atau
$ cd $HOME
#atau
$ cd
#pwd: print working directory
$ pwd
/Users/ngurajeka
Buat satu direktori khusus untuk projek yang akan kita buat menggunakan perintah di antarmuka baris perintah (gunakan terminal, console, dan lain-lain), semisal web_pribadi. mkdir web_pribadi. Kemudian berpindah ke dalam direktori yang baru saja kita buat cd web_pribadi.
Membuat file index.php, direktori inc, template, static. index.php adalah file yang pada umumnya akan menjadi file yang pertama kali di jalankan pada saat mengakses satu web yang menggunakan PHP. Walaupun hal ini bisa diubah, namun index.php ini menjadi konfigurasi default di beberapa web server. Direktori inc akan kita gunakan untuk menyimpan file-file php yang akan kita gunakan secara berulang-ulang, bisa dikatakan sebagai tempat untuk menyimpan pustaka-pustaka (library) yang akan kita buat menggunakan PHP. Direktori Template untuk menyimpan template, sedangkan static untuk menyimpan file-file seperti file css ataupun js.
$ touch index.php
$ mkdir inc template static
Menyiapkan pustaka-pustaka yang dibutuhkan
Pada bagian ini kita akan menambahkan Twig Template Engine dan Bootstrap CSS Framework.
Mengunduh file tarball Twig Template Engine, kemudian kita ekstrak dan masukkan kedalam direktori inc
$ wget https://github.com/twigphp/Twig/archive/v1.23.1.tar.gz
$ tar xvf v1.23.1.tar.gz -C inc
$ mv inc/Twig-1.23.1 inc/Twig
Dengan perintah diatas, kita mengunduh terlebih dahulu file tarballnya, kemudian mengekstrak file tersebut kedalam direktori inc dan terakhir mengubah nama direktori hasil ekstraknya dari Twig-1.23.1 menjadi Twig agar lebih mudah.
Mengunduh bootstrap, mengekstraknya dan memasukkan file-file staticnya kedalam direktori static
$ wget https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip
$ unzip bootstrap-3.3.5-dist.zip -d /tmp/bootstrap
$ mv /tmp/bootstrap/bootstrap-3.3.5-dist/* static
Untuk memastikan atau melihat struktural file-file anda sekarang, anda dapat menggunakan perintah tree ataupun find
# tree: memunculkan struktur file dan folder dalam bentuk pohon hirarki
$ tree
# find: lebih tepat digunakan untuk mencari file, namun bisa digunakan dengan tujuan yang sama seperti tree
$ find