Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Pengembangan Aplikasi Framework (IT657)
Ramos Somya
2
Tujuan Dapat menerapkan teknologi framework sebagai alat pengembangan web.
3
Pokok Bahasan HTML CSS Javascript PHP5 Bootstrap Ajax jQuery
CodeIgniter
4
Software Wamp Server / Xampp (Apache & MySQL) Dreamweaver / NotePad++
NetBeans
5
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
6
Penilaian Praktikum : 30% Tugas : 15% TTS : 25% Project Akhir : 30%
7
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
8
Materi 1 HTML, CSS, JS, PHP5
9
HTML <html> <HEAD> <TITLE>Judul dokumen</TITLE> </HEAD> <body> <h1>My First Heading</h1> <p>My first paragraph</p> </body> </html>
10
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
11
... Text Formating (Font Color, dll) Link Image List Frame Tabel Form
12
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>
13
Komponen CSS
14
... <font id=“green”>Warna Hijau</font>
15
CSS Internal
16
CSS Inline
17
CSS Eksternal
18
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.
19
Penggunaan JS Menampilkan tanggal Validasi form Mengatur tampilan web
Proteksi web dll
20
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.
21
<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>
22
Latihan Buatlah penerapan Javascript untuk melakukan validasi inputan user pada form HTML. Inputan kosong Inputan harus angka
23
PHP5 Sama seperti PHP yang dipelajari di matakuliah Pengembangan Web.
Server Side Scripting butuh server PHP5 OOP
24
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:
25
Object & Classes
26
Class dalam PHP
27
Class & Object
28
Class Properties
29
Class Method
30
...
31
Latihan Buat sebuah class dengan nama Produk
32
...
33
Pewarisan
35
To be continue...
Presentasi serupa
