Design Simple Messaging System (SMS)

Dalam pembuatan Online Messanger atau Chat. Pada tutorial kali ini admin hanya memberikan desain sampul saja, semoga bisa dilanjutkan sampe berfungsi semestinya.
Ditahap ini kita membutuhkan Font Awesome, Bootstrap, dan JQuery untuk mempercantik tampilannya.

Sekarang siapkan alat dan bahan 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 sekarang kita mulai..

Langkah 1
Saya rekomendasikan menggunakan XAMPP karena saya menggunakan 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 kamu buka link JQuery diatas maka akan muncul banyak sekali script, lalu copy semuanya/ Ctrl+A, pastekan di Text Editor simpan dengan nama jquery.min.js didalam folder view/js

Langkah 3
Buatlah beberapa file...

1. index.php ( root folder )
2. header.php ( root folder )
3. footer.php ( root folder )
4. style.css ( view/css ) 

Jika sudah melakukan semuanya, lanjutkan di tutorial selanjutnya ya..