Disusun oleh :

Kelompok 4
Anggota :
1. Hananta Sukma
2. Johan Widagdo
3. Arip Widodo
4. Devi Rianasari
5. Junanto
 SOFTWARE ENGINEERING

Pembuatan Software applikasi

Applikasi dibuat Atas Dasar Kebutuhan
Applikasi dibuat Atas dasar Trobleshoting
“SEMUA ASPEK PRODUKSI”

• MANAGEMENT PROJECT
• PENENTUAN PERSONIL
• ANGGARAN BIAYA
• METODE
• JADWAL
• KUALITAS
• PELATIHAN PENGGUNA
TUJUAN RPL

KINERJA TINGGI

WAKTU TEPAT

BIAYA PRODUKSI
RUANG LINGKUP KEBUTUHAN PERANGKAT LUNAK

ARSITEKTUR KOMPONEN, INTERFACE

PERKEMBANGAN PERANGKAT LUNAK

(ALGO, KODE, PENGETESAN,S-TROBLE)

PENGUJIAN KESELURUAN PERANGKAT LUNAK

UPAYA PERAWATAN PERANGKAT LUNAK

USAHA BERUBAHAN KONFIGURASI PERANGKAT LUNAK

PENGUKURAN PERENCANAAN SUATU PROYEK

ALAT BANTU DAN CARA REKAYASA

PENGELOLAHAN DAN PROSE MODEL PERBAIKAN

SOFTWARE QUALITY MENITIK BERATKAN

KUALITAS/UPDATE
MASALAH (PROBLEM)
PERBEDAAN KONDISI AWAL YANG DIHARAPKAN
MENJADI KONDISI YANG TIDAK DIHARAPKAN

GEJALA
TANDA/PETUNJUK AKAN TERJADINYA MASALAH

SOLUSI
MENYELESAIKAN PROBLEM ATAS DIAGNOSA GEJALA -
GEJALA YANG MUNCUL

GEJALA - SOLUSI
HIRARKI PENYELESAIAN MASALAH
TIPE - TIPE MASALAH

PENYELESAIAN STANDART - JANGKA PANJANG

PENYELESAIAN ALTERNATIF DENGAN PERHITUNGAN YANG LEBIH EFISIEN/CEPAT

PENYELESAIAN KEPUASAN - PROFIT MENCARI KEUNTUNGAN - SERING ADANYA MASALAH , KARNA

BERKAITAN DENGAN LAYANAN
PEMROGRAMAN BASIS
DATA
Pengertian basis data
kumpulan dari data-data yang membentuk suatu berkas (file) yang saling berhubungan
(relation) dengan tatacara yang tertentu untuk membentuk data baru atau informasi.
Atau basis data (database) merupakan kumpulan dari data yang saling berhubungan
(relasi) antara satu dengan yang lainnya yang diorganisasikan berdasarkan skema atau
struktur tertentu.
Pada komputer, basis data disimpan dalam perangkat hardware
penyimpan, dan dengan software tertentu dimanipulasiunruk kepentingan
atau keguanaan tertentu. Hubungan atau relasi data biasanya ditunjukkan
dengan kunci (key) dari tiap file yang ada. Data merupakan fakta atau
nilai (value) yang tercatat atau merepresentasikan deskripsi dari suatu
objek. Data yang merupakan fakta yang tercatat dan selanjutnya
dilakukan pengolahan (proses) menjadi bentuk yang berguna atau
bermanfaat bagi pemakainya akan membentuk apa yang disebut
informasi
STRUKTUR BASIS DATA
Berkas(file) adalah himpunan seluruh record yang
bertipe sama

(record) merupakan gabungan sejumlah elemen data yang saling terkait. Istilah lain dari record
adalah baris atau tupel.

Elemen (kolom atau field) data adalah satuan data terkecil yang tidak dapat dipecah lagi
menjadi unit lain yang bermakna. Misalnya data siswa terdiri dari NIS, Nama, Alamat, Telepon
atau Jenis Kelamin.
 Obyek based Model keterhubungan entitas(ERD)
logical model Model berorientasi obyek (OOM)

Model data semantik

Model data fungsional

Pemodelan data

Model relasional

Record based
Model hirarkis
logical model

Model jaringan
 Struktur konseptual basis data

Didalam Konseptual data menjelaskan beberapa

hal yaitu entitas, atribute, key dan relasi antar
entitas.

Entitas
Entitas adalah obyek yang mewakili sesuatu dalam dunia
nyata dan dapat dibedakan antara satu dengan lainnya
(unique).Setiap entitas memiliki beberapa atribut yang
mendeskripsikan karakteristik dari objek. Entitas dapat berupa:
Data Fisik
(seperti mobil, rumah, manusia, pegawai, peserta didik.
Abstrak atau konsep
(seperti department, pekerjaan, mata pelajaran)
Kejadian
(pembelian, penjualan, peminjaman, dll)
 Atribut

Attribute merupakan karakteristik dari entitas

atau relationship, yang menyediakan
penjelasan detail tentang entitas atau
relationship.

Key adalah merupakan suatu atribut yang menandakan

kunci dari suatu entitas yang bersifat unik. Key attribute
adalah satu atau beberapa atribut yang mempunyai nilai
unik sehingga dapat digunakan untuk membedakan data
pada suatu baris/record dengan baris lain pada suatu
entitas.
 Key attribute dibedakan
menjadi tiga yaitu:
1)Superkey
2)Candidat Key dan
3)Primary key

Contoh entitas dan atributnya

Candidat Key adalah

Superkey adalah satu atau Primary key adalah suatu
merupakan superkey yang
gabungan beberapa atribut candidat key yang dipilih
jumlah atributnya paling
yang dapat menjadi kunci utama karena
sedikit. Misalnya candidat
membedakan setiap baris sering dijadikan acuan untuk
key untuk entitas pegawai
data dalam sebuah tabel mencari informasi, ringkas,
antara lain:
secara unik. Misalnya menjadi keunikan suatu
- Nama (jika dapat dijamin
superkey untuk entitas baris. Misalnya NoKTP antara
kalau tidak ada nama yang
pegawai antara lain: 1 satu pegawai dengan
sama antara satu baris
) NoKTP, Nama, Alamat, pegawai lain pasti berbeda,
dengan baris yang lain)
JenisKel, dalam hal ini noKTP
- NoKTP
Struktur Fisik Basis Data

Dalam physical data menjelaskan

definisi data yang meliputi nama
atribut, type data (misalnya
varchar, integer dll),
 Normalisasi Data

Normalisasi data adalah proses yang berkaitan

dengan model data relasional untuk
mengorganisasi himpunan data dengan
ketergantungan dan keterkaitan yang tinggi
atau erat. Hasil dari proses normalisasi adalah
tabel–tabel data dalam bentuk normal (normal
form )

Normal Form
yaitu tabel–tabel data yang terhindar dari
dua hal yaitu:Pengulangan informasi dan
Potensi inkonsistensi data pada operasi
pengubahan.
Proses-proses Normalisasi Data
Bentuk tidak normal
(unnormalized form)

1nf
Bentuk ini memiliki ciri-ciri, yaitu :
1. Merupakan kumpulan data yang akan
2nf direkam
2. Tidak ada keharusan mengikuti suatu format
tertentu
3nf 3. Dapat saja data tidak lengkap atau
terduplikasi
4. Data dikumpulkan apa adanya sesuai dengan
BCNF kedatangannya.

4nf
Bentuk tidak normal
(unnormalized form)

Normal pertama Bentuk ini memiliki ciri-ciri, yaitu :

(1nf) 1. Setiap data dibentuk dalam flat file-file data/
rata
2nf 2. Data dibentuk dalam satu record demi satu
record dan nilai dari field field berupa "atomic
value", tidak dapat dibagi-bagi lagi.
3nf 3. Tidak ada set atribute yang berulang ulang
atau atribute bernilai ganda (multivalue).
4. Tidak ada set atribut composite atau
kombinasinya dalam domain data yang
BCNF
sama.
5. Tiap field hanya satu pengertian, bukan
merupakan kumpulan kata yang mempunyai
4nf arti mendua, hanya satu arti saja dan juga
bukanlah pecahan kata sehingga artinya lain.
Bentuk tidak normal
(unnormalized form)

Normal pertama
(1nf)

2nf Bentuk normal kedua mempunyai syarat yaitu:

1. Bentuk data telah memenuhi kriteria bentuk

3nf normal kesatu.
2. Atribute bukan kunci haruslah bergantung
secara fungsi pada kunci utama atau primary
key.
BCNF
3. Sudah ditentukan kunci kunci field, dimana
kunci field haruslah unik dan dapat mewakili
atribute lain yang menjadi anggotanya.
4nf
Bentuk tidak normal
(unnormalized form)

(1nf)

(2nf) Untuk menjadi bentuk normal ketiga (3 NF)

suatu tabel harus mempunyai ciri-ciri sebagai
berikut:
(3nf) 1. Memenuhi bentuk 2 NF (normal kedua)
2. Atribut bukan kunci tidak memiliki dependensi
transitif terhadap kunci utama atau primary
key.
BCNF
3. Setiap atribute bukan kunci haruslah
bergantung hanya pada primary key dan
pada primary key secara menyeluruh
4nf
Perintah Data Definition Language,
Data Manipulation Language dan
Data Control Language
 unnormalized

Normal pertama

2nf

Contoh normalisasi
3nf
Pemrograman
Berbasis Objek
Apa itu OOP / PBO?
 OOP (Object Oriented Programming) merupakan sebuah
paradigma atau teknik pemrograman yang berorientasikan Objek.
 Pada OOP, Fungsi dan variabel dibungkus dalam sebuah objek
atau class yang dapat saling berinteraksi, sehingga membentuk
sebuah program.
Konsep Pemrograman Berbasis
Objek

Objek

Class

Attribute

Method
Object

 Objek merupakan bentuk representasi dari class

 Objek memiliki atribut sebagai status yang disebut stat
 Objek memiliki tingkah laku / behavior yang selanjutnya disebut
method
 Contoh sederhananya:
Objek motor memiliki atribut : roda, warna, merk, lampu, dst; kemudian
objek motor memiliki tingkah laku / method : pindah gigi, kecepatan
naik, kecepatan turun, lampu nyala / mati, dll
Class

 Class diibaratkan seperti blueprint untuk menciptakan instance dari

objek, atau bisa juga diartikan sebagai grup objek dengan
kemiripan atribut/properties, behavior dan relasi.
 Contoh class “Buah”

Buah

Mangga Pisang Apel

Attribute dan Method

 Seperti yang sudah dijelaskan diatas, bahwa objek mempunyai data

(atribut) dan fungsi (method/operasi)
 Atribut pada objek seperti ciri-ciri dari objek
 Method pada objek seperti tingkah laku, fungsi, operasi
Karakteristik Pemrograman Berbasis
Objek

Enkapsulasi

Pewarisan (Inheritance)

Polymorphism
Enkapsulasi
 Enkapsulasi artinya pembungkus
 Enkapsulasi menciptakan abstraksi untuk desain Class. Jika kita ingin
melindungi beberapa anggota Class dasar maka timbullah situasi
enkapsulasi
 Dalam konsep ini ada tiga kata kunci yang digunakan. Konsep hak
akses ini biasa disebut dengan Access Modifier
 Access Modifier terdiri dari Private, Protected, dan Public
Pewarisan
 Pewarisan / Inheritance merupakan sebuah konsep pemrograman
OOP dimana sebuah Class dapat menurunkan property dan
method yang dimilikinya kepada Class lain/Class turunan.
 Tujuannya untuk menghindari terjadinya duplikasi content atau
untuk memanfaatkan satu content/fungsi untuk banyak Class.

Parent Barang
Class Elektronik

Child PC Smartphone
Class
Polymorphism

 Polimorfisme adalah konsep dimana terdapat banyak Class yang

memiliki signature Method yang sama.
 Method tersebut dapat melakukan tugas lebih dari satu jenis
 Tujuannya adalah agar kode program lebih terorganisir dan
mengurangi adanya perulangan kode program.
 Pemrograman
KEGIATAN BELAJAR 4 Web
1. Konsep teknologi web
a. Web (World Wide Web)
b. Web browser
c. Server web
d. Pemrograman web (HTML)
1. dengan menggunakan editor teks biasa (notepad, editplus)
2. dengan HTML Editor (dreamweaver)
Pemrograman web (lanjutan)
Dokumen HTML disusun oleh elemen-elemen seperti : head, body, table,
paragraf dan list yang ditandai dengan tag misalnya <head> yang berpasangan
</head>
Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi
tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang
tersusun dari link, grafis, paragraf dan elemen lainnya.
2. Format teks pada halaman web
a . Mengatur Ukuran Teks atau atribut size
Dalam HTML digunakan untuk mengatur ukuran font/teks. Dan untuk html dengan css bisa seperti
ini:
<p style=”font-size:20px”
b . Mengatur Jenis Teks/Format teks
pengaturan jenis font atau teks yang digunakan contoh:
<font face=”Comic Sans MS“>teks dengan font Comic San MS </font>
c . Mengatur Warna Font/ teks html
warna font, didefinisikan dengan menggunakan nilai RGB / HEX atau canalso
Sintak Penulisan atribut seperti ini (font color=”….” )
Format teks pada halaman web (lanjutan)
Pemformatan Teks
Perintah-perintah yang digunakan:
<FONT FACE=”nama font” SIZE=”ukuran font” COLOR=”warna font”> ..teks.. </font>

tag-tag pemformatan :

Tag awal Kegunaan

<b> Mendefinisikan teks yang ditebalkan.
<big> Mendefinisikan teks yang besar ukurannya.
<em> Mendefinisikan teks yang ditekankan
<I> Mendefinisikan teks yang dimiringkan – Italic
<small> Mendefinisikan teks yang kecil ukurannya
<strong> Mendefinisikan teks yang ditebalkan.
<sub> Mendefinisikan teks yang dijadikan subscript.
<sup> Mendefinisikan teks yang dijadikan superscript.
<u> Mendefinisikan teks yang digaris bawahi – Underline
<s> Mendefinisikan teks yang di coret – strikethrough
Format teks pada halaman web (lanjutan)
Karakter Khusus
Entitas Keterangan
&copy; Copyright
&reg; Registered
&#153; Trade mark
&nbsp; Non breaking space
&amp; Ampersand
&laquo; Anggle quotation mark (left)
&raquo; Anggle quotation mark (right)
&pound; Poundsterling
&euro; Euro
&yen; Yen
Format teks pada halaman web (lanjutan)
List
❑ List dengan nomor (OL : Ordered List)
Nomor item pada ordered list secara default adalah menggunakan angka 1,2,3.., dst sampai
sejumlah item dalam list tersebut. Bila nomor ingin diganti dengan type yang lain (romawi,
abjad huruf besar/kecil), maka kita tinggal mengisi atribut type pada tag <ol>
Contoh untuk list dengan angka romawi : <ol type=”I”>
❑ List tanpa nomor (UL: Unordered List)
Jenis bullet pada unordered list bisa diganti dengan mengisikan atribut type pada tag <ul>
Contoh <ul type=”box”> : bila ingin bullet berbentuk kotak.
 3. Format tabel pada halaman web
Tabel
<table> Tag untuk membuat tabel

<th> Tag untuk membuat sebuah sel header tabel

<tr> Tag untuk membuat baris dalam sebuah tabel

<td> Tag untuk membuat sel dalam sebuah tabel

Format tabel pada halaman web (lanj...
Frame
Sintaks :
<frameset>
<frame src=”url” name=”nama frame”>
</frame>
4. Format multimedia pada halaman web
Penyisipan Gambar
❑ Perintah dibawah ini digunakan untuk menyisipkan gambar kedalam dokumen HTML.
<img src=”nama_ image.ext” width=”ukuran lebar gambar” height=”ukuran tinggi gambar”
align=”posisi/perataan gambar terhadap teks”>

❑ Bila ingin menggunakan gambar sebagai background/latar belakangdokumen HTML

<body background=”nama_image.ext”>
5. Format kaitan (link) pada halaman web
Hyperlink
❑ Membuat link dengan karakter :
<a href=”URL/dokumen.html”>link</a>
❑ Membuat link dengan gambar :
<a href=”URL/dokumen.html”><img src=”nama_gambar”></a>
❑ Membuat nama link pada satu dokumen (anchor) :
<a name=”nama_anchor”></a>
❑ Membuat link pada bagian lain dalam satu dokumen HTML. :
<a href=’#nama_anchor’>nama_link</a>
Format kaitan (link) pada halaman web
Image Map
Metode ImageMap mengharuskan pemrogram web untuk mendefinisikan daerah-
daerah dalam suatu gambar (image) yang mempunyai link. Daerah yang didefinisikan berupa
bentuk daerah dan koordinat pembatasnya. Bentuk daerah peta dibedakan menjadi :
❑ Point : daerah berupa titik
❑ Rect : daerah berupa kotak/persegi panjang
❑ Poly : daerah berbentuk polygon
❑ Circle : daerah berbentuk lingkaran
Koordinat daerah menggunakan posisi titik (point). Adapun ketentuan pendefinisian koordinat
(0,0) dimulai dari pojok kiri atas gambar, dan maksimum koordinat adalah pojok kanan bawah
gambar (lebar_maks, tinggi_maks).
Sintaks :
<img src=”nama gambar sebagai map” width=”lebar tampilan gambar” height=”tinggi tampilan
gambar” usemap=”#nama_map” border=0>
<map name=”nama_map”>
<area shape=”jenis map” coords=”koordinat map”
href=”file yang dipanggil”>
</map>
Script dari image map diatas adalah :
<html>
<head><title>Image Map</title></head>
<body>
<p align="center"><map name="Peta">
<area href="profile.html" shape="rect" coords="114, 4, 228, 118">
<area href="fasilitas.html" shape="rect" coords="115, 119, 229, 234">
<area href="Prodi.html" shape="rect" coords="4, 2, 114, 118">
<area href="alumni" shape="rect" coords="4, 115, 114, 232"></map>
<img border="0" src="Logo_Kemenristekdikti.png" width="230" height="235"
usemap="#peta"></p>
<p align="center"><b>Selamat Datang</b></p>
</body>
</html>
6. Format formulir pada halaman web
Form dan Input
Form merupakan elemen HTML yang digunakan untuk mendapatkan masukan
dari pengguna web. Pengguna web dapat memasukkan input melalui halaman
web.
Sintaks :
<form action=” URL “ method=”get/post” enctype=””>
</form>
Jenis masukan dalam suatu form dibedakan menjadi :
❑ Text : digunakan untuk memasukkan suatu nilai untuk dikirimkan ke server.
❑ Text Area : digunakan untuk memasukkan data dalam bentuk teks yang jumlah karakternya
banyak.
❑ Radio : menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih.
❑ Check Box : menyediakan beberapa pilihan, bisa lebih dari satu pilihan.
❑ List : pilihan dalam bentuk list., pilihan dapat lebih dari satu.
❑ Button : mendefinisikan tombol untuk melakukan pemrosesan form.
o Submit : untuk memenggil url, setelah selesai penginputan form.
o Reset : untuk menginisialisasi setiap elemen form.
o Button : untuk memebuat form lebih interaktif, untuk memanggil script (fungsi)
o Image : digunakan sebagai pengganti button, button yang berbentuk gambar.
7. Style pada halaman web
CSS (Cascading Style Sheet)
CSS merupakan sebuah dokumen yang dapat digunakan untuk melakukan pengaturan pada
seluruh komponen web. CSS bisa digunakan dengan berbagai metode, salah satu diantaranya
adalah diletakkan pada bagian Head.
THANK YOU