Design Simple Messaging System (Sms)
Dalam pembuatan Online Messanger atau Chat. Pada tutorial kali ini admin hanya memperlihatkan desain sampul saja, biar dapat dilanjutkan sampe berfungsi semestinya.
Ditahap ini kita membutuhkan Font Awesome, Bootstrap, dan JQuery untuk mempercantik tampilannya.
Sekarang siapkan alat dan materi yang akan kita gunakan :
- Text Editor
- Web Browser
- XAMPP/ WAMPP
- JQuery (http://code.jquery.com/jquery-1.11.1.min.js)
- Bootstrap (https://github.com/twbs/bootstrap/releases/download/v3.2.0/bootstrap-3.2.0-dist.zip)
- Font Awesome (http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.1.0.zip)
Setelah semua sudah siap kini kita mulai..
Langkah 1
Saya rekomendasikan memakai XAMPP alasannya aku memakai itu. Buat folder di htdocs dengan nama gd_sms. Didalam gd_sms buat lagi folder view
Struktur Folder
gd_sms/
–>view
–>bootstrap
–>css
–>fa
–>images
–>js
Langkah 2
Ekstrak Bootstrap kedalam view/bootstrap
Ekstrak Bootstrap kedalam view/fa
Kemudian kau buka link JQuery diatas maka akan muncul aneka macam script, kemudian copy semuanya/ Ctrl+A, pastekan di Text Editor simpan dengan nama jquery.min.js didalam folder view/js
Langkah 3
Buatlah beberapa file…
- index.php ( root folder )
- header.php ( root folder )
- footer.php ( root folder )
- style.css ( view/css )
Jika sudah melaksanakan semuanya, lanjutkan di tutorial selanjutnya ya..