PEMROGRAMAN

FRAMEWORK

Khairul Abdi Sinuraya, S.Kom., M.Kom

 KONTRAK KULIAH & RPS
PERTEMUAN 1 (TEORI)
• RPS & Kontrak Kuliah 01
• Konsep Pemrograman Web
• OOP Pemrograman Web

PERTEMUAN 2 (PRAKTIKUM)
• Dasar OOP 02
• Object dan Class

PERTEMUAN 3 (TEORI+PRAKTIKUM)
• Object dan Class 03
• Dasar Class pada PHP
 KONTRAK KULIAH & RPS
PERTEMUAN 4 (PRAKTIKUM)
• Dasar Class pada PHP 04

PERTEMUAN 5 (TEORI)
• Konsep Lanjut Class 05
• Pemanfaatan Class pada PHP

PERTEMUAN 6 (TEORI PRAKTEK)

• Pengenalan Framework 06
• Pengenalan CodeIgniter
• Macam-macam Framework
• Konfigurasi CodeIgniter
 KONTRAK KULIAH & RPS
PERTEMUAN 7 (PRAKTIKUM)
• Macam-macam Library Open Source CodeIgniter 07
• Library pada CodeIgniter
• Macam-macam Helper

PERTEMUAN 8
UTS (Ujian Tengah Semester) 08

PERTEMUAN 9 (TEORI)
09
• Konsep MVC (Model, View,
Controller)
 KONTRAK KULIAH & RPS
PERTEMUAN 10 (PRAKTIKUM)
• Implementasi MVC 10

PERTEMUAN 11 (PRAKTIKUM)
• Model dan Database 11
• Implementasi Model

PERTEMUAN 12 (PRAKTIKUM)
12
• UI / UX
• Implementasi View
 KONTRAK KULIAH & RPS
PERTEMUAN 13 (PRAKTIKUM)
• Software Arsitektur 13
• Implementasi Controller

PERTEMUAN 14 (PRAKTIKUM)
• Explorasi dan penyelesaian contoh kasus 14
project based learning pembuatan aplikasi
dengan framework codeigniter
Implementasi Model

PERTEMUAN 15 (PRAKTIKUM)
• Memberi feedback laporan 15
perancangan proyek masing-masing
kelompok
 KONSEP
PEMROGRAMAN
WEB
PENGERTIAN
WEBSITE
website dapat diartikan sebagai kumpulan-kumpulan
halaman yang berisi informasi data digital baik berupa teks,
gambar, animasi, suara dan video atau gabungan dari semuanya
yang disediakan melalui jalu koneksi internet sehingga dapat
diakses dan dilihat oleh semua orang di seluruh dunia.Halaman
website dibuat menggunakan bahasa standar yaitu HTML. Skrip
HTML ini akan diterjemahkan oleh web browser sehingga dapat
ditampilkan dalam bentuk informasi yang dapat dibaca oleh
semua orang.
JENIS-JENIS WEBSITE
Website Statis
Website statis yaitu jenis website yang isinya tidak diperbaharui
1 secara berkala, sehingga isinya dari waktu ke waktu akan selalu
tetap. Website ini biasanya hanya digunakan untuk menampilkan
profil dari pemilik website seperti profil perusahaan / organisasi.

Website Dinamis
Website Dinamis yaitu jenis website yang isinya terus diperbaharui
2 secara berkala oleh pengelola web. Website jenis ini banyak
dimiliki oleh perusahaan atau perorangan yang aktifitas bisisnya
memang berkaitan dengan internet. Contohnya Web Blog dan
website berita.

Website Interaktif
Website interaktif pada dasarnya termasuk dalam kaetgori website
3 dinamis, dimana isi informasinya selalu diperbarui dari waktu ke
waktu. Hanya saja, isi informasi tidak hanya diubah oleh pengelola
website tetapi lebih banyak dilakukan oleh pengguna website itu
sendiri. Contoh, jejaring sosial seperti facebook, twiter atau website
marketplace seperti shopee, tokopedia, dsb.
PENGERTIAN PEMROGRAMAN WEB
Pemrograman Web terdiri dari kata pemrograman dan web.
Pemrograman sendiri dapat diartikan sebagai proses atau cara pembuatan
program menggunakan bahasa pemrograman dan Web adalah Sistem untuk
mengakses, memanipulasi, dan mengunduh dokumen yang terdapat pada
komputer yang di hubungkan melalui internet atau jaringan. Adapun bahasa
pemrograman merupakan bahasa yang digunakan untuk memberikan
instruksi kepada komputer sehingga komputer dapat memproses data dan
menampilkan informasi sesuai yang dikehendaki oleh pemrogram. Dengan
demikian pemrograman web dapat diartikan sebagai kegiatan pembuatan
program atau aplikasi berbasis web menggunakan bahasa pemrograman
tertentu sehingga dapat memproses data dan menghasilkan informasi sesuai
yang dikehendaki oleh pemilik website.
BAHASA PEMROGRAMAN WEB
HTML
1 Berperan sebagai pembentuk struktur halaman website yang
menempatkan setiap elemen website sesuai layout yang diinginkan.

CSS
2 Berperan sebagai pembentuk desain website dengan mengatur
setiap elemen HTML agar tampil menarik pada browser.

PHP
3 Berperan sebagai pemroses data pada sisi server sesuai yang
diminta oleh client menjadi informasi yang siap ditampilkan, juga
sebagai penghubung aplikasi web dengan database. Selain PHP,
dapau juga menggunakan bahasa pemrograman lain seperti ASP,
Java, dsb.
BAHASA PEMROGRAMAN WEB
SQL
4 Berperan sebagai bahasa yang mengatur trasaksi data antara
aplikasi dengan databse sebagai tempat penyimpanan data.
Database yang biasa digunakan diantaranya MySql, Oracle, SQL
Server, dsb.

JAVASCRIPT
5 Berperan sebagai bahasa yang memproses data pada sisi client serta
dapat memanipulasi HTML dan CSS secara dinamis.
APLIKASI PENGEMBANG WEB

Web Authoring Web Server

 Adobe Dreamweaver Xampp
 Microsoft Expression Web Appserv
 Nvu

Text Editor Web Browser

 Notepad Chrome
 Notepad ++ Mozilla Firefox
 Sublime Text Opera
 Bracket, dsb Microsoft Edge, dsb
 ISTILAH-ISTILAH PEMROGRAMAN
WEB

CLIENT

Merupakan perangkat komputer biasa baik

berupa komputer personal, laptop,
perangkat mobileHere
Content atau lainnya yang dapat
mengakses halaman website. DOMAIN
SERVER

Merupakan komputer khusus dengan Merupakan nama unik yang mewakili

kecepatan dan kapasitas penyimpanan di alamat IP dari server website berupa kata
atas komputer biasa yang digunakan yang mudah diingat sehingga lebih mudah
sebagai tempat pemrosesan data dan juga dalam menemukan atau memanggil alamat
sebagai tempat penyimpanan file-file sebuah website pada internet.
website.
 ISTILAH-ISTILAH PEMROGRAMAN
WEB

HTTP
Merupakan singkatan dari Hypertext Transfer
Protocol yaitu protokol yang mengatur
URL pengiriman data dari client ke server atau
sebaliknya dan menerjemahkannya menjadi
Merupakan singkatan dari Uniform Resources
informasi yang dapat dibaca oleh pengguna
Locator yaitu nama unik yang mengidentifikasi
website.
leyakContent
sumber Here
daya website berupa file HTML,
gambar, video dsb yang biasanya akan tampil
Content Here
pada addres bar browser ketika sumber daya
HOSTING tersebut diakses.

Merupakan tempat menyimpan file-file website

pada sebuah server di internet sehingga website
dapat diakses dari mana saja melalui perangkat
komputer atau mobile yang terhubung dengan
internet.
 OOP
PEMROGRAMAN
WEB
Object Oriented Program
OOP (Object Oriented Programming) adalah salah satu cara membuat
program (programming paradigm) dengan memecah alur program menjadi
modul-modul sederhana yang disebut dengan objek. Setiap objek akan
memiliki fungsi dan tugas tersendiri. Konsep pemrograman yang
menerapkan konsep objek, dimana objek terdiri dari properti (informasi-
informasi mengenai objek) dan method (prosedur/proses) yang bisa
dilakukan oleh objek tersebut. Untuk membuat sebuah aplikasi, berbagai
objek akan saling bertukar data untuk mencapai hasil akhir.
KELEBIHAN OOP
a. Meningkatkan produktivitas : Karena kelas dan objek yang ditemukan dalam suatu
masalah masih dapat dipakai ulang untuk masalah lainnya yang melibatkan objek
tersebut (reusable).
b. Kecepatan pengembangan : Karena sistem yang dibangun dengan baik dan benar pada
saat analisis dan perancangan akan menyebabkan berkurangnya kesalahan pada
pengkodean.
c. Kemudahan pemeliharaan : Karena dengan model objek, pola-pola yang cenderung
tetap dan stabil dapat dipisahkan dan pola-pola yang mungkin sering berubah-ubah.
d. Adanya konsistensi : Karena sifat pewarisan dan penggunaan notasi yang sama pada
saat analisis, perancangan maupun pengkodean.
e. Meningkatkan kualitas perangkat lunak : Karena pendekatan pengembangan lebih dekat
dengan dunia nyata dan adanya konsistensi pada saat pengembangannya, perangkat
lunak yang dihasilkan akan maupun memenuhi kebutuhan pemakai serta mempunyai
sedikit kesalahan.
Jenis Bahasa Pemrograman yang mendukung OOP

JAVA C++ Visual Basic.NET

RUBY PYTHON

PHP
KONSEP DASAR OOP
Class & Object

Property & Method

Constructor

Object Type

Inheritance

Visibility / Access Modifier

Setter & Getter

Static Method
CLASS
Blueprint / Template untuk membuat instance dari object

Class mendefinisikan Object

Menyimpan data dan perilaku yang disebut dengan property dan method

MEMBUAT
CLASS
Diawali dengan menuliskan keyword class, diikuti nama dan dibatasi dengan {} untuk
menyimpan property dan method

Aturan penamaan class sama seperti variable

MEMBUAT CLASS
OBJECT
Instance yang didefinisikan oleh Class
Banyak object dapat dibuat menggunakan satu Class
Object dibuat dengan menggunakan keyword new
MEMBUAT
OBJECT
MEMBUAT
OBJECT