Pengembangan Aplikasi Framework (IT657) Ramos Somya
Tujuan Dapat menerapkan teknologi framework sebagai alat pengembangan web.
Pokok Bahasan HTML CSS Javascript PHP5 Bootstrap Ajax jQuery CodeIgniter
Software Wamp Server / Xampp (Apache & MySQL) Dreamweaver / NotePad++ NetBeans
Timeline Pertemuan Materi Pembahasan P1 Silabus, HTML, CSS, JS, PHP5 PHP5 dan MySQL (CRUD Data) P3 Bootstrap (Pengenalan, Tipografi, Tabel, Form) P4 Bootstrap (Button, Image, Navigation) P5 Ajax (Teknik Dasar & Penerapan Ajax) P6 jQuery (Teknik Dasar dan Penerapan jQuery) P7 Tes Tengah Semester P8 Framework CodeIgniter (Teknik Dasar & MVC) P9 Framework CodeIgniter & MySQL (CRUD Data) P10 Framework CodeIgniter (Session & Paging) P11 Project Akhir P12 Responsi Project Akhir
Penilaian Praktikum : 30% Tugas : 15% TTS : 25% Project Akhir : 30%
Penentuan Nilai >= 80 >= 75 >= 65 >= 50 >= 45 >= 40 Nilai Angka Nilai Huruf >= 80 A >= 75 AB >= 65 B >= 50 BC >= 45 C >= 40 CD >= 35 D < 35 E
Materi 1 HTML, CSS, JS, PHP5
HTML <html> <HEAD> <TITLE>Judul dokumen</TITLE> </HEAD> <body> <h1>My First Heading</h1> <p>My first paragraph</p> </body> </html>
Tag dalam HTML Tag dibentuk oleh suatu kata (keyword) yang diapit oleh tanda kurung lancip (<tag>). Tag boleh ditulis dalam huruf kecil maupun kapital. Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal. <p> teks </p>, <br> Penulisan tag tidak boleh tumpang tindih. <tag1><tag2> teks </tag1></tag2> → penulisan yang salah <tag1><tag2> teks </tag2></tag1> → penulisan yang benar
... Text Formating (Font Color, dll) Link Image List Frame Tabel Form
Cascading Style Sheet (CSS) Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yg ada di situs kita sekaligus memformat ulang situs kita. Menggunakan tag: <style> ...... </style>
Komponen CSS
... <font id=“green”>Warna Hijau</font>
CSS Internal
CSS Inline
CSS Eksternal
Javacsript Java Script itu adalah bahasa pemrograman, yang sering digunakan untuk membangun halaman web, sehingga lebih interaktif. Java Script adalah client side scripting.. Artinya semua instruksi dalam coding akan dijalankan dalam komputer client, bukan server.
Penggunaan JS Menampilkan tanggal Validasi form Mengatur tampilan web Proteksi web dll
Event dalam JS Event yang bisa dikenakan ke elemen HTML tu ada banyak. Misal : onload, onclick, onchange, onsubmit, dll. Semua bisa digunakan untuk memicu pemanggilan fungsi JS.
<html> <head> </head> <body> <script type="text/javascript"> var tgl = new Date() var jam = tgl.getHours(); var menit = tgl.getMinutes(); var detik = tgl.getSeconds(); document.write(jam+":"+menit+":"+detik); </script> </body> </html>
Latihan Buatlah penerapan Javascript untuk melakukan validasi inputan user pada form HTML. Inputan kosong Inputan harus angka
PHP5 Sama seperti PHP yang dipelajari di matakuliah Pengembangan Web. Server Side Scripting butuh server PHP5 OOP
OOP Object-oriented programming is a style of coding that allows developers to group similar tasks into classes. This helps keep code following the tenet "don't repeat yourself" (DRY) and easy-to-maintain. sumber: http://code.tutsplus.com/tutorials/object-oriented-php-for-beginners--net-12762
Object & Classes
Class dalam PHP
Class & Object
Class Properties
Class Method
...
Latihan Buat sebuah class dengan nama Produk
...
Pewarisan
To be continue...