ERD
UML
Menu Utama
Entity Relationship Diagram (ERD) Langkah langkah membuat E_R Diagram : 1. Tentukan entity entity yang diperlukan. 2. Tentukan relantionship antar entity-entity. 3. Tentukan cardinality ratio dan participation constraint. 4. Tentukan atribute-atribute yang diperlukan dari setiap entity. 5. Tentukan key diantara antribute-atribute. 6. Hindari penamaan entity, relationship dan atribute yang sama
State Diagram
add file add file [ numberOffile==MAX ] / flag OFF Writ ing
Package Diagram
Openning
close file
Closing
Domain Expert
Use Case 3
UI
Class
Repository DocumentList
Deployment Diagram
- 95 : - NT: - - : - -, - - IBM : -, - Window95 Windows95 Windows95
Class Diagram
Doc umentApp
9: sortByName ( )
global
mainWnd : MainWnd
1: Doc view request ( )
L
FileManager
- .EXE
Windows NT
gFile : GrpFile
Package Diagram
Document
- .EXE Windows NT
Solaris
StateChart Diagram
IBM Mainframe
7: readFile ( ) 5: readDoc ( )
Collaboration
mainWnd user fileMgr : FileMgr document : Document gFile repository
- . 1: Doc view request ( ) 2: fetchDoc( ) 3: create ( ) 4: create ( )
- - .
6: fillDocument ( )
8: fillFile ( )
- - .
9: sortByName ( )
sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara umum. Sebuah aktivitas dapat direalisasikan oleh satu use case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara use case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas
Fork (Percabangan)
Join (Penggabungan)
Decision
Swimlane
Sebuah cara untuk mengelompokkan activity berdasarkan Actor (mengelompokkan activity dalam sebuah urutan yang sama)
Ke UML
terkait dan membentuk sistem secara teratur yang dilakukan atau diawasi oleh sebuah aktor. use case digunakan untuk membentuk tingkah-laku benda/ things dalam sebuah model serta di Realisasikan oleh sebuah collaboration. Umumnya use case digambarkan dengan sebuah elips dengan garis yang solid, biasanya mengandung nama
system dari sudut pandang user) Secara umum use case adalah: Pola perilaku system Urutan transaksi yang berhubungan yang dilakukan oleh satu actor Use case diagram terdiri dari Use case Actors Relationship System boundary boxes (optional) Packages (optional)
Association
Associations bukan menggambarkan aliran data/informasi Associations digunakan untuk menggambarkan bagaimana actor terlibat dalam use case Ada 4 jenis relasi yang bisa timbul pada use case diagram 1. Association antara actor dan use case 2. Association antara use case 3. Generalization/Inheritance antara use case 4. Generalization/Inheritance antara actors
Contoh KS VB
Contoh KS Web
Ke UML
CLASS DIAGRAM Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi). Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Class memiliki tiga area pokok : 1.Nama, merupakan nama dari sebuah kelas 2. Atribut, merupakan peroperti dari sebuah kelas. Atribut melambangkan batas nilai yang mungkin ada pada obyek dari class 3. Operasi, adalah sesuatu yang bisa dilakukan oleh sebuah class atau yang dapat dilakukan oleh class lain terhadap sebuah class
:
Private, tidak dapat dipanggil dari luar class yang
bersangkutan Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak yang mewarisinya Public, dapat dipanggil oleh siapa saja Package, hanya dapat dipanggil oleh instance sebuah class pada paket yang sama
Nama Class
Atribut
Metode/operasi
menggambarkan class yang memiliki atribut berupa class lain, atau class yang harus mengetahui eksistensi class lain. Panah navigability menunjukkan arah query antar class. 2. Agregasi, yaitu hubungan yang menyatakan bagian (terdiri atas..). 3. Pewarisan, yaitu hubungan hirarkis antar class. Class dapat diturunkan dari class lain dan mewarisi semua atribut dan metoda class asalnya dan menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya. Kebalikan dari pewarisan adalah generalisasi. 4. Hubungan dinamis, yaitu rangkaian pesan (message) yang dipassing dari satu class kepada class lain. Hubungan dinamis dapat digambarkan dengan menggunakan sequence diagram yang akan dijelaskan kemudian.
MULTIPLICITY
Unspecified Exactly one Zero or more (many, unlimited) One or more Zero or one (optional scalar role)
1 0..* * 1..* 0..1 2..4
Specified range
Multiple, disjoint ranges
2, 4..6
Contoh KS VB Contoh KS Web
Ke UML
Sequence Diagram
Sequence diagram (diagram urutan) adalah suatu diagram
yang memperlihatkan atau menampilkan interaksiinteraksi antar objek di dalam sistem yang disusun pada sebuah urutan atau rangkaian waktu. Interaksi antar objek tersebut termasuk pengguna, display, dan sebagainya berupa pesan/message.
Sequence Diagram digunakan untuk menggambarkan
skenario atau rangkaian langkah-langkah yang dilakukan sebagai sebuah respon dari suatu kejadian/even untuk menghasilkan output tertentu. Sequence Diagram diawali dari apa yang me-trigger aktivitas tersebut, proses dan perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.
Ke UML
Collaboration Diagram
Adalah perluasan dari objek dan diagram (objek diagram menunjukkan objek-objek dan hubungannya satu dengan yang lain). Collaboration Diagram menunjukkan messagemessage objek yang dikirim satu sama lain
Contoh KS Web
Ke UML
Component Diagram
Component diagram menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan (dependency) diantaranya. Komponen piranti lunak adalah modul berisi code, baik berisi source code maupun binary code, baik library maupun executable, baik yang muncul pada compile time, link time maupun run time. Umumnya komponen terbentuk dari beberapa class dan atau package, tapi dapat juga berupa interface, yaitu kumpulan layanan yang disediakan sebuah komponen untuk komponen lainnya.
Ke UML
Contoh KS web
Deployment Diagram
Deployment/physical diagram menggambarkan detail bagaimana komponen di-deploy dalam infrastruktur sistem, dimana komponen akan terletak (pada mesin, server atau piranti keras apa), bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan halhal lain yang bersifat fisikal. Sebuah node adalah server, workstation atau piranti keras lain yang digunakan untuk men-deploy komponen dalam lingkungan sebenarnya.
Ke UML
Contoh KS web
Package Diagram Adalah sebuah bentuk pengelompokkan yang memungkinkan untuk mengambil sebuah bentuk di UML dan mengelompokkan elemen-elemennya dalam tingkatan unit yang lebih tinggi. Kegunaan package yang paling umum adalah untuk mengelompokkan class
Ke UML
Contoh KS Web
2. 3.
4. 5. 6.
Buat Dekomposisi Fungsi yang menggambarkan sistem secara keseluruhan, baik sistem yang berjalan maupun Usulan. Membuat activity Diagram berdasarkan sistem berjalan. Buat ERD berdasarkan File yang digunakan pada sistem Usulan untuk menunjang pembuatan Use case, Package, Class, Sequence diagram. Tentukan Package diagram Tentukan class diagram berdasarkan file data yang dibutuhkan Usecase dibuat berdasarkan program atau sistem usulan dari suatu sistem
Collaboration diagram dibuat berdasarkan tampilan utama dari program Sequence Diagram dibuat berdasarkan form yang ada disistem usulan Langkah terakhir buatlah Deployment diagram, Componen Diagram
Ke UML
Statechart Diagram Statechart Diagram menggambarkan transisi dan perubahan keadaaan (dari satu state ke state lainnya) suatu objek pada sistem sebagai akibat dari stimuli yang diterima. Pada umumnya statechart diagram menggambarkan class tertentu(satu class dapat memiliki lebih dari satu statechart diagram). Dalam UML, state digambarkan berbentuk segi empat dengan sudut membulat dan memiliki nama sesuai kondisinya saat itu. Transisi antar state umumnya memiliki kondisi guard yang merupakan syarat terjadinya transisi yan bersangkutan, dituliskan dalam kurung siku. Action yang dilakukan sebagai akibat dari event tertentu dituliskan dengan diawali garis miring. Titik awal dan akhir digambarkan berbentuk lingkarang berwarna penuh dan berwarnaKS Web Ke UML Contoh setengah.
3. Proses Pengolahan Daftar Data Pegawai dan Gaji (DDPG) Setelah bagian administrasi menerima Rekap Biodata Pegawai (RBP) dan Rekap Absen (RA) akan mengolah kedua data tersebut untuk dibuatkan menjadi Daftar Data Pegawai dan Gaji (DDPG) yang kemudian diserahkan kepada Kepala Sekolah untuk ditanda tangani atau di Acc. 4. Proses Pembuatan Laporan Daftar Data Pegawai dan Gaji (DDPG) yang sudah diterima dan ditanda tangani oleh Kepala Sekolah akan diserahkan kembali kepada bagian Administrasi untuk dibuatkan Laporan Data Pegawai (LDP) dan Laporan Gaji Pegawai (LGP). Setelah bagian administrasi menerima Daftar Data Pegawai dan Gaji yang sudah di Acc akan membuatkan Laporan Data Pegawai (LDP) dan Laporan Gaji Pegawai (LGP) yang nantinya akan diserakan kepada Kepala Sekolah.selain itu bagian Administrasi akan membuatkan slip gaji untuk diserahkan kepada pegawai.
Absen
Laporan
Data Pegawai
Rekap Absen
Slip Gaji
Data Pendidikan
Data Keluarga
Laporan Absensi
Laporan Gaji
ACTIVITY DIAGRAM
1. Proses Absensi Pegawai melakukan absensi harian melalui form daftar hadir pegawai. Berdasarkan form daftar hadir pegawai tersebut bagian Tata Usaha (TU) akan membuat Rekap Absen (RA) harian untuk diserahkan kepada Administrasi HRD. Pegawai TU
Absen
Tidak Absen
Pegawai melapor ke TU
Ya Absen
Data tidak Lengkap Data Lengkap Mengembalikan Data berkas data pegawai Pegawai tidak lengkap
Memberikan data Rekap Absen Menerima rekap absen & data pegawai Memberikan data Pegawai
4. Proses Pembuatan Laporan Daftar Data Pegawai dan Gaji yang sudah diterima dan ditanda tangani oleh Atasan akan diserahkan kembali kepada bagian Administrasi untuk dibuatkan Laporan Data Pegawai dan Laporan Gaji Pegawai . Setelah bagian administrasi menerima Daftar Data Pegawai dan Gaji yang sudah di Acc akan membuatkan Laporan Data Pegawai dan Laporan Gaji Pegawai yang nantinya akan diserakan kepada Atasan.selain itu bagian Administrasi akan membuatkan slip gaji untuk diserahkan kepada pegawai.
Atasan Admin HRD Pegawai
nama
melakukan
Absensi Masuk
melengkapi
Absensi Pulang
input
Gaji
insentif
tgl_lahir
pot_sim_kop jns_klm tempat hari tanggal hari tanggal nama_p to_gaji gapok fungsional tanspot
melengkapi
Pendidikan
jurusan
nama tgl_lhr
Keluarga
nama_istri_suami
status
Ke ERD
e> >
TU
Administrasi
Deskripsi use case Absen Nama : Use Case Diagram Absen Actor : TU dan Administrasi Deskripsi:TU mencetak Rekap Absen kemudian diserahkan kepada Administrasi Nama Use Case :<<Include>> input data absen harian
<< Inc
lud
Deskripsi Use Case Rekap Biodata Pegawai Nama : Use Case Rekap Biodata Pegawai Actor : TU dan Administrasi Deskripsi:TU mencetak Rekap Biodata Pegawai kemudian diserahkan kepada Administrasi Nama Use Case :<<Include>> input data pegawai, Pendidikan dan Keluarga.
<< Inc
lud
e> >
TU
Administrasi
> e>
Deskripsi Use Case Pengolahan Data Pegawai dan gaji (DDPG) Nama : Use Case Pengolahan Data Pegawai dan Gaji Actor : Administrasi dan Pegawai Deskripsi:Administrasi Mencetak Slip Gaji kemudian diserahkan kepada Pegawai Nama Use Case:<<Include>> Input total absensi pegawai dan input data pegawai, data pendidikan, data keluarga, PKS, insentif, fungsional, transport dan potongan.
<< Inc
lud
e> >
Administrasi
Kepala Sekolah
Deskripsi Use Case Laporan Nama : Use Case Laporan Actor : Administrasi dan Kepala Sekolah Deskripsi : Administrasi Mencetak laporan slip gaji dan mencetak laporan data pegawai, pendidikan, keluarga dan absen
Pegawai nip : text nama : text jns_klm : text tempat : text tgl_lahir : text agama : text status : text alamat : text Tambah Edit Hapus Cancel Simpan Keluar
Absensi Masuk nip : text nama : text masuk : date/time pulangt : date/time tanggal : date/time hari : int Cari Absen Masuk Keluar Pulang
Absensi Keluar nip : text nama : text masuk : date/time pulangt : date/time tanggal : date/time hari : int Cari Absen Masuk Keluar Pulang
Gaji nip : text pks : currency insentif : currency tanspot : currency fungsional : currency gapok : currency to_gaji : currency nama_p : text pot_sim_kop : currency pot_sim_sk : currency angs_pjm_kop : currency asuransi : currency gj_terima : currency - Cetak - Cari - Keluar
1..1
1..~
1..1
1..1
1..~
1..1
1..1
1..~
1..~
Pendidikan nip : text nama : text pendk : text univ : text jurusan : text thn_lulus : text Tambah Edit Hapus Cancel Simpan Cari Keluar
Keluarga nip : text nama_peg : text nama_istri_suami : text status : text kelamin : text tempat : text tgl_lahir : text agama : text nama_anak1 : text jns_klmn : text tmpt : text tgl_lhr : text nam_anak2 : text jns_klm : text tmpat : text tgl_lhir : text Tambah Edit Hapus Cancel Simpan Cari Keluar
Administrasi
Kepala Sekolah
Input NIP
Tambah ()
Edit ()
Batal ()
Keluar ()
Simpan ()
Simpan ()
Tambah ()
Edit ()
Batal ()
Keluar ()
Simpan ()
Simpan ()
Pegawai
Form Absen
Control Absen
Pegawai
Absen
Absen ()
Keluar ()
Simpan ()
Simpan ()
Display PKS, insentif, fungsional, Jmlh Tunjangan Input Jmlh Hari Kerja Display Jmlh hari kerja, Transport, Gaji pokok, Total gaji LOOPING Input Pot_sim_kop, Pot_Sim_sukarela, Asuransi, Pot_angsuran_Pinjmn_koperasi
Tambah
Tambah
Simpan ()
Tambah ()
Tambah ()
Tambah ()
Edit ()
Edit ()
Edit ()
Batal ()
Batal ()
Batal ()
Keluar ()
Keluar ()
Keluar ()
Simpan ()
Simpan ()
Simpan ()
Administrasi
Laporan Gaji
Kepala Sekolah
Simpan ()
Simpan ()
Hapus ()
Hapus ()
Keluar ()
Keluar ()
Cetak Laporan ()
Cetak Laporan ()
Cetak Laporan ()
Simpan ()
Contoh kasus
Penyewaan VCD menggunakan WEB
Adapun prosedur sistem berjalan adalah sebagai berikut : a. Proses pendaftaran anggota Untuk mendapatkan film yang dipinjam maka anggota rental harus terlebih dahulu mendaftarkan diri sebagai anggota. Calon anggota mengisi formulir anggota, kemudian dicatat oleh petugas lalu anggota tersebut mendapatkan kartu anggota baru, setelah mendapatkan kartu anggota baru, barulah anggota tersebut diperbolehkan untuk meminjam film yang ada di rental DVD Dreamz b. Proses peminjaman film Setelah mendapatkan kartu anggota, maka untuk meminjam film, anggota harus menyerahkan kartu anggota, lalu petugas rental mengecek nomor anggota. Kemudian anggota memilih film yang akan dipinjam lalu diserahkan kepada petugas rental untuk dicatat film yang dipinjam, mulai dari judul film, kode film serta batas waktu peminjaman film yang dipinjam
c. Proses pengembalian film Setelah batas waktu peminjaman film telah habis, maka anggota wajib mengembalikan film yang dipinjam sambil menyerahkan kartu anggota, lalu petugas rental akan memeriksa keadaan film yang dipinjam, dan bila film yang dipinjam tersebut dalam keadaan rusak atau batas waktu peminjaman telah habis, maka anggota tersebut dikenakan sangsi atau denda. Akan tetapi apabila film tersebut dalam keadaan baik dan batas waktunya tidak telat maka petugas akan memberikan kartu anggota kembali kepada anggota tersebut d. Proses pembuatan laporan Semua kegiatan yang terjadi pada rental yang meliputi dari data anggota, data peminjaman film serta data pengembalian film yang telah dicatat oleh petugas rental akan dibuatkan laporannya dan akan dilaporkan petugas rental setiap satu
Pendaftaran Anggota
Peminjaman Film
Pengembalian Film
Laporan
Anggota
Denda / Sangsi
Laporan Pengembalian
Menerima Pendaftaran
Menerima Formulir
Memberi Formulir
Konfirmasi Data
Menerima KA
Memberikan KA
Memilih Film Tidak Setuju Menyewa Film Setuju Menyewa Film Menyerahkan Kode Film Menerima Kode Film Menyerahkan Kartu Anggota Mengecek Kartu Aanggota
Menerima Film
Menyerahkan Film
Mengecek Keadaan Film Film rusak/ telat Membayar Denda Sangsi/ Denda
Denda Dibayar
Menerima Denda
Petugas
Pemilik
Menerima Laporan
<<Include>>
Data Anggota
Deskripsi Use Case Nama Use Case : Proses Pendaftaran Anggota Actor : Petugas, Anggota Deskripsi : Petugas akan memberikan Kartu Anggota kepada anggota setelah anggota melengkapi formulir yang diberikan untuk menjadi anggota rental
<<Extended>>
Nama Use Case : Proses Peminjaman Film Actor : Petugas, Anggota Deskripsi : Anggota pertama kali datang kerental dan memilih film yang akan disewa, setelah mendapatkan film yang ingin disewa lalu menyerahkan kartu anggota dan kode film-film yang akan disewanya kepada petugas rental, kemudian petugas rental mengecek data anggota. Lalu memasukan kode film-film yang disewa beserta batas waktu pengembaliannya. Dan mencetak bukti peminjaman.
Data Pinjam
<<Extended>>
Data Anggota
Sangsi/Denda
Nama Use Case : Proses Pengembalian Film Actor : Petugas, Anggota Deskripsi : Anggota mengembalikan film pada batas waktu penyewaan, petugas mengecek data pinjam dan data anggota. Jika film tepat waktu dan dalam keadaan baik, maka petugas mengembalikan kartu anggota. Tapi jika batas sewa telah lewat atau film dalam keadaan rusak, maka anggota dikenakan denda atau sangsi.
Laporan
Pemilik
Nama Use Case : Laporan Actor : Petugas, Pemilik Deskripsi : Petugas melakukan laporan peminjaman film dan pengembalian film lalu diberikan kepada pemilik rental.
Halaman Index
Ke ERD
Class Diagram
SEQUENCE DIAGRAM
Contoh kasus
MERANCANG WEB DI SDN KEBON BAWANG 05 PAGI JAKARTA UTARA DENGAN MENGGUNAKAN PHP DAN
MYSQL
Ke Studi Kasus - SI
Procedure Berjalan
A. Prosedur Penerimaan Murid Baru. Dalam Proses Penerimaan Murid Baru yang dilakukan oleh panitia penerimaan murid baru SDN Kebon Bawang 05 Pagi adalah penyebaran informasi kepada masyarakat mengenai tanggal dibukanya pendaftaran. Dimana Para Orang Tua dapat datang langsung ke sekolah untuk mengambil Formulir pendaftaran dan menyerahkan kembali ke panitia penerimaan murid baru disertai kelengkapan pendaftaran pada waktu waktu dan tanggal yang sudah ditentukan oleh panitia. B. Prosedur Seleksi Penerimaan Murid Baru Setelah panitia penerimaan murid baru menerima semua berkas pendaftaran yang sudah diisi berserta kelengkapannya, maka panitia pendaftaran langsung akan mengirimkan seluruh berkas ke Walikota Jakarta Utara , sebagai tempat proses dan seleksi untuk mendapatkan calon calon murid yang dapat diterima sesuai syarat dan ketentuan yang sudah ditetapkan. Hasil dari proses ini akan langsung diserahkan kembali ke sekolah SDN Kebon Bawang 05 Pagi Jakarta Utara untuk dapat di informasikan ke seluruh masyarakat.
C. Prosedur Pembuatan Majalah Dinding Sekolah Majalah dinding sekolah di SDN Kebon Bawang 05 Pagi Jakarta Utara dilakukan perubahan setiap bulannya. Proses pembuatan majalah dinding ini dilakukan secara bertahap yaitu : untuk minggu pertama dan kedua setiap bulannya , murid murid yang ingin menyumbangkan karyanya untuk di tampilkan di majalah dinding sekolah mengumpulkan hasil karyanya ke panitia majalah dinding sekolah, untuk para guru bertugas juga mencari beritaberita yang akan di tampilkan di majalah dinding yang berasal dari harian ibukota atau dari majalah sekolah. Untuk minggu ketiga disetiap bulannya dilakukan penyortiran oleh panitia majalah dinding, disini akan ditentukan karya-karya dari murid-murid yang pantas untuk ditampilkan di majalah dinding dan berita-berita apa saja yang akan di tampilkan juga di majalah dinding sekolah ini. Untuk minggu keempat, panitia majalah dinding akan mengajukan ke Kepala Sekolah untuk dilihat dan disetujui untuk ditampilkan sebagai majalah dinding.
Form dikembalikan
PACKAGE DIAGRAM
Berita
Buku tamu
admin
Class diagram
guru idguru nip password nama 1 tgl_lhr alamat pendidikan jabatan gender status aktif 1 0..* berita idberita tanggalberita judulberita headberita isiberita pengirimberita sumberberita statusberita 0..* 1 admin idadmin username 1 password pin 1 1 0..* siswa idsiswa nis nama alamat wali telpon
kegiatan buku_tamu idtamu 0..* tanggal nama email pesan idkegiatan tanggalkegiatan judulkegiatan 0..* headerkegiatan isikegiatan statuskegiatan 0..*
Informasi
Panitia PMB
Form PMB
extend
Berkas Form PMB
Panitia PMB
Tim Penyeleksi
extend
hasil majalah dinding sekolah Kepala Sekolah
panitia mading
Isi
Pengisian lengkap
Belum Lengkap
Lengkap Kirim
Isi
Pengisian Berita
Belum Lengkap
Lengkap Kirim
Isi
Pengisian kegiatan
Belum Lengkap
Lengkap Kirim
Buku Tamu
user/admin
T_buku_tamu
open Input buku tamu Rec_buku tamu Input_Rec_buku tamu Get buku tamu Rec_buku tamu Input_Rec_buku tamu
Simpan()
Simpan()
Simpan()
Batal()
Batal()
Batal()
user/admin
T_Siswa
Simpan()
Simpan()
Simpan()
Batal()
Batal()
Batal()
user/admin
T_guru
Simpan()
Simpan()
Simpan()
Batal()
Batal()
Batal()
profile fasilitas visimisi view view open view view view view view user view view view view Kegiatan sekolah Ekstra kurikuler add view view view siswa add view home view view view siswa berita view view view view edit view view edit edit hapus biodata view edit struktur view Berita Kalender pendidikan kontak
Prestasi
view home
view berita
view delete
view
add
view
delete view
add
view
view
delete aktif
COMPONENT DIAGRAM
Simpan kedatabase
Kirim data
Isi Data
Login
Browsing
DEPLOYMENT DIAGRAM
Client Browser
Page Request
Web Server
Database Request
Database Server
Ke Studi kasus SI
TERIMA KASIH