Pengembangan Aplikasi Framework (IT657)

Slides:



Advertisements
Presentasi serupa
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Advertisements

Cascade Style Sheet (CSS) Dahlan Abdullah /
LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama.
Pengantar Teknologi Mobile 9 Antonius Rachmat C, S.Kom XHTML – Mobile Profile.
Pengembangan WEB Java Script Evangs Mailoa.
Pengembangan Evangs Mailoa Silabus & Tatib Perkuliahan WEB.
Konsep Pemrograman Internet
Peng. Komp & TI 2C M1 Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C Winda Widya A Peng. Komp & TI 2C.
Tim FT Elektro UHAMKA CSS (Cascading Style Sheet)
Pengembangan Web Java Script Ramos Somya.
CSS (Cascading Style Sheet)
Modul -4 : CSS 1 Mempelajari dasar-dasar CSS : Inheritance, class, positioning dan watermarking Cascading Style Sheet (CSS) Modul-4 :
PHP L. Erawan. Pengantar PHP itu bahasa script berjenis server-side (kalau bahasa javascript berjenis client-side) Anda harus menginstall software PHP.
Pengembangan Evangs Mailoa Cascading Style Sheet (CSS) dan HTML Form WEB.
Cascading Style Sheet Oleh : Edy Mulyanto
Pemrograman Berbasis Web CSS
Team Teknik Elektro UHAMKA HTML.
Cascading Style Sheet (CSS) dan HTML Form
Cascading Style Sheet (CSS)
Pemrograman Basis Data Berbasis Web
Pemrograman Web JavaScript
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
Pengantar Pemrograman Internet 2
Pemrograman Web Lanjut
Teknologi Dasar Internet dan Web
PENGENALAN HTML, PHP, CSS & MySQL
Pemrograman Berbasis Web CSS
Modul Design & Pemrograman Web
Pemrograman internet ABU SALAM, M.KOM.
Pemrograman internet ABU SALAM, M.KOM.
HTML CSS.
PEMETAAN VORD KEDALAM CMMI UNTUK MENINGKATKAN ANALISA KEBUTUHAN PERANGKAT LUNAK (STUDI KASUS : APLIKASI MEDIA MANAGEMENT DI PT.EBDESK INDONESIA) Mata.
Konsep Dasar HTML SLIDE 1 Agung Brastama Putra.
Perancangan & Pemrograman Web
JavaScript Part 1 : Pengertian dan Pengenalan JavaScript
PEMASARAN BERBASIS WEB
Ir. P. Insap Santosa, M.Sc., Ph.D.
(Cascading Stylesheet)
PRAKTIKUM PEMROGRAMAN WEB
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Pemrograman Berbasis WEB
Rekayasa Perangkat Lunak
Pemrograman Berbasis Web
PJ : Nuraini Purwandari
Cascade Style Sheet (CSS)
Pemrograman Berorientasi Platform
Pemrograman Berorientasi Platform (IN315B)
Pemrograman Berorientasi Platform
PEMROGRAMAN WEB Client Side XHTML, JAVASCRIPT.
Peng. Komp & TI 2C Peng. Komp & TI 2C Peng. Komp & TI 2C
Pemrograman Berorientasi Platform (IN315B)
Pemrograman Basis Data Berbasis Web
Praktikum Pengambangan Web
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Assalamu’alaikum Warohmatullah Wabarokatuh Selamat Pagi 
LAB ict Terpadu universitas budi luhur, lab Januari 2017
Pemrograman Web I --CSS--
Pemrograman Berorientasi Platform (IN315B)
Pemrograman Berorientasi Objek IST AKPRIND Yogyakarta
Pemrograman Web Pertemuan II HTML CSS JavaScript.
PRAKTIKUM PEMROGRAMAN WEB Pertemuan 3
Cascading Style Sheet (CSS) dan HTML Form
Pemrograman C (IN124C) Ramos Somya, S.Kom., M.Cs..
Pemrograman Basis Data Berbasis Web
Cascading Style Sheet (CSS) dan HTML Form
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Cascading Style Sheet (CSS) dan HTML Form
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
INTERNET Internet adalah suatu jaringan global yang terbentuk dari jaringan-jaringan lokal dan regional, memungkinkan komunikasi data antar komputer-komputer.
Pengenalan Web Server dan Server Side Script
Transcript presentasi:

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...