sistem tayang antrian dan persediaan … · aplikasi sistem tayang antrian dan persediaan darah pmi...

58
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i SISTEM TAYANG ANTRIAN DAN PERSEDIAAN DARAH PMI SURAKARTA TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun oleh : KARTIKA KARUNIA PUTRI NIM. M3108041 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2011

Upload: vantram

Post on 17-Sep-2018

248 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

SISTEM TAYANG ANTRIAN DAN PERSEDIAAN DARAH

PMI SURAKARTA

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya

Program Diploma III Ilmu Komputer Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret

Disusun oleh :

KARTIKA KARUNIA PUTRI

NIM. M3108041

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2011

Page 2: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

SISTEM TAYANG ANTRIAN DAN PERSEDIAAN DARAH

PMI SURAKARTA

Disusun Oleh

KARTIKA KARUNIA PUTRI

NIM. M3108041

Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan dewan penguji

pada tanggal 15 Juli 2011

Pembimbing Utama

RISTU SAPTONO, S.Si., M.T

NIP. 19790210 200212 1001

Page 3: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

HALAMAN PENGESAHAN

SISTEM TAYANG ANTRIAN DAN PERSEDIAAN DARAH

PMI SURAKARTA

Disusun Oleh

KARTIKA KARUNIA PUTRI

NIM. M3108041

Dibimbing oleh :

Pembimbing Utama

RISTU SAPTONO, S.Si., M.T

NIP. 19790210 200212 1001

Tugas Akhir ini telah diterima dan disahkan

oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer

pada hari Jumat tanggal 15 Juli 2011

Dewan Penguji

1. Ristu Saptono,S.Si., M.T ( )

NIP. 19790210 200212 1001

2. Muhammad Asrie Safi’i ( )

NIDN. 0603118103

3. Rudi Hartono, S.Si ( )

NIDN. 0626128402

Disahkan Oleh

a.n Dekan FMIPA UNS

Pembantu Dekan I

Dr. Sutanto, S.Si, DEA

NIP. 19710302 199603 1 001

Ketua Program Diploma III

Ilmu Komputer FMIPA UNS

Drs. Y.S Palgunadi, M.Sc

NIP. 19560407 198303 1 004

Page 4: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

ABSTRACT

Kartika Karunia Putri, 2011. Display Queue and Blood Inventory System at PMI

Surakarta. 3rd

Diploma Degree of Computer Science, Mathematics and Science

Faculty, Sebelas Maret University Surakarta.

Costumer services is a matter that shall precedence in public agency. Speed,

accurate, and easy to get information and service become the main objectives of

consumer convenience. Accurately updated information service of blood supply at

PMI shall be optimized towards the customers. Queue processes service in PMI is

also a concern for the convenience of consumers who need blood. Using the

system of queuing service support and information of blood supply, PMI can

increase the convenience of service. Customers are still able watching television

while they watch the display information of the queue number, blood supplies, and

the services at PMI as well.

The application of Display Queue and Blood Inventory System at PMI Surakarta

was designed in multiple stages. There were collected of data and information,

analized the system requirement and system design, system development, and

testing systems. This application was designed with the UML diagrams and

developed by using Java and NetBeans IDE 6.7.1

Based on development process of Display Queue and Blood Inventory System at

PMI Surakarta, it can be pointed out, that this system supports to give information

about the queue of visitors, the blood supply, and also PMI services integrated to

the television display.

Keywords: Queues, Blood Inventory, Java

Page 5: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

ABSTRAK

Kartika Karunia Putri, 2011. Sistem Tayang Antrian dan Persediaan Darah PMI

Surakarta. DIII Ilmu Komputer, Fakultas Matematika dan Ilmu Pengetahuan

Alam, Universitas Sebelas Maret Surakarta.

Pelayanan terhadap konsumen merupakan suatu hal yang harus diutamakan oleh

suatu instansi umum. Kecepatan, keakuratan, mudahnya mendapat informasi, dan

kemudahan dalam pelayanan menjadi tolak ukur utama kenyamanan konsumen.

Layanan informasi persediaan darah pada cabang PMI yang update dan akurat

menjadi pertimbangan untuk memberikan layanan yang optimal terhadap

konsumen. Pelayanan proses antrian di PMI pun juga menjadi perhatian demi

kenyamanan konsumen yang membutuhkan darah. Dengan menggunakan sistem

pendukung layanan antrian dan informasi persediaan darah, PMI dapat

meningkatkan kenyamanan pelayanan, konsumen menonton siaran televisi sambil

melihat informasi nomor antrian, persediaan darah, serta layanan-layanan di PMI.

Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan

beberapa tahapan yaitu pengumpulan data dan informasi, analisis kebutuhan dan

perancangan sistem, pembangunan sistem, dan pengujian sistem. Aplikasi ini

dirancang dengan diagram UML dan dikembangkan menggunakan Java NetBeans

IDE 6.7.1

Dari pembangunan aplikasi Sistem Tayang Antrian dan Persediaan Darah ini

dapat disimpulkan system ini membantu memberikan informasi tentang antrian

pengunjung, persediaan darah serta layanan-layanan PMI melalui tampilan

televisi.

Kata Kunci : Antrian, Persediaan Darah, Java

Page 6: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

MOTTO

Jika aku menyerah hanya karena belum kutemukan jalan keluar, lalu dimana kuletakkan Kemahakuasaan Alloh ?

Apapun yang terjadi, skenarioNYA adalah yang terindah dan yang terbaik.

Page 7: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

KATA PENGANTAR

Tiada henti penulis memanjatkan syukur ke hadirat Allah SWT, Zat Yang

Maha Mengetahui segala ilmu pengetahuan, yang telah mengabulkan doa-doa

hambaNya dan senantiasa memberikan kekuatan dan keteguhan hati sehingga

penulis mampu menyelesaikan Tugas Akhir ini. Shalawat dan salam semoga

senantiasa Allah limpahkan kepada Rasulullah Muhammad yang telah

memberikan dan menyampaikan kepada kita semua ajarannya yang terbukti

kebenarannya.

Laporan Tugas Akhir ini dibuat untuk memenuhi salah satu syarat mencapai

gelar Ahli Madya Program Diploma III Ilmu Komputer Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sebelas Maret. Dalam menyelesaikan laporan

ini penulis mendapat banyak bantuan dari berbagai pihak. Karena itu penulis

mengucapkan terima kasih yang sebesar-besarnya kepada semua pihak yang telah

memberikan bantuan, terutama kepada :

1. Y.S Palgunadi,M.Si selaku ketua jurusan DIII Ilmu komputer FMIPA UNS

beserta dosen-dosen DIII Ilmu Komputer FMIPA UNS yang telah memberikan

bekal ilmu pengetahuan yang sangat berguna.

2. Ristu Saptono, S.Si., M.T selaku dosen pembimbing TA yang telah

memberikan bimbingan, pengarahan, serta petunjuk selama pembuatan Tugas

Akhir hingga penyusunan Laporan Tugas Akhir ini.

3. Seluruh pihak PMI yang banyak memberi masukan serta membantu pengerjaan

Tugas Akhir ini.

4. Bapak, Ibu dan kakak yang selalu memberi nasehat, semangat serta doa.

5. Pihak-pihak lain yang telah membantu penulisan Laporan Tugas Akhir ini,

yang tidak dapat penulis sebutkan satu persatu.

Demikian laporan Tugas Akhir ini penulis susun semoga dapat bermanfaat

bagi pengembangan penelitian dan pengetahuan.

Surakarta, Juni 2011

Penulis

Page 8: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

DAFTAR ISI

HALAMAN JUDUL ................................................................................................. i

HALAMAN PERSETUJUAN .................................................................................. ii

HALAMAN PENGESAHAN ................................................................................... iii

ABSTRACT ............................................................................................................... iv

ABSTRAK ................................................................................................................. v

MOTTO ..................................................................................................................... vi

KATA PENGANTAR ............................................................................................... vii

DAFTAR ISI .............................................................................................................. viii

DAFTAR TABEL ...................................................................................................... xi

DAFTAR GAMBAR ................................................................................................. xii

DAFTAR LAMPIRAN .............................................................................................. xiv

BAB I PENDAHULUAN .......................................................................................... 1

1.1. Latar Belakang Masalah ............................................................................ 1

1.2. Rumusan Masalah ...................................................................................... 2

1.3. Batasan Masalah ........................................................................................ 2

1.4. Tujuan dan Manfaat ................................................................................... 2

1.4.1. Tujuan .................................................................................................. 2

1.4.2. Manfaat ............................................................................................... 2

1.5. Metodologi Penelitian ................................................................................ 3

1.6. Sistematika Penulisan ................................................................................ 3

BAB II LANDASAN TEORI .................................................................................... 5

2.1. Pengertian Unified Modelling Language (UML) ...................................... 5

2.2. Use Case Diagram ..................................................................................... 6

2.3. Class Diagram ............................................................................................ 7

2.4. Sequence Diagram .................................................................................... 7

2.5. Pemrograman Grafis (GUI) ....................................................................... 9

2.6. JDBC Java Database Connectivity ........................................................... 9

2.7. Java Media Framework.............................................................................. 9

Page 9: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

BAB III ANALISIS KEBUTUHAN DAN PERANCANGAN SISTEM ................. 11

3.1. Analisis Kebutuhan .................................................................................... 11

3.2. Perancangan Sistem ................................................................................... 12

3.2.1. Use Case Model ................................................................................... 12

3.2.2. Use Case Glossary................................................................................ 13

3.2.3. Use Case Diagram ................................................................................ 14

3.2.4. Use Case Skenario................................................................................ 14

3.2.5. Class Diagram Analysis ....................................................................... 20

3.2.6. Sequence Diagram ............................................................................... 21

3.2.7. Class Diagram Desain .......................................................................... 27

3.3. Pedoman Implementasi .............................................................................. 29

3.3.1. Kebutuhan Hardware ............................................................................. 29

3.3.2. Kebutuhan Software ............................................................................... 30

3.4. Perancangan Interface ............................................................................... 30

BAB IV IMPLEMENTASI DAN EVALUASI SISTEM .......................................... 32

4.1. Implementasi Sistem .................................................................................. 32

4.2. Implementasi Antarmuka........................................................................... 32

4.2.1. Halaman Tampilan Utama Pengunjung ............................................... 32

4.2.1.1. ScrollText ........................................................................................ 33

4.2.1.2. Stok Darah ...................................................................................... 33

4.2.1.3. Foto Kegiatan PMI .......................................................................... 33

4.2.2. Halaman Interface Admin .................................................................... 34

4.2.2.1. Halaman Login .............................................................................. 34

4.2.2.2. Halaman Utama .............................................................................. 34

4.2.2.3. Menu Antrian ................................................................................. 35

4.2.2.4.Menu Persediaan .............................................................................. 36

4.2.2.5.Menu Informasi ................................................................................ 37

4.2.2.6.Menu Foto ........................................................................................ 38

4.3. Evaluasi Sistem .......................................................................................... 40

4.4. Deskripsi Evaluasi Sistem ......................................................................... 42

Page 10: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

BAB V PENUTUP ..................................................................................................... 44

5.1. Kesimpulan ................................................................................................ 44

5.2. Saran .......................................................................................................... 44

DAFTAR PUSTAKA ................................................................................................ 45

LAMPIRAN .............................................................................................................. 46

Page 11: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

DAFTAR TABEL

Tabel 2.1. Relationship dalam UML .......................................................................... 5

Tabel 2.2. Simbol Class Diagram .............................................................................. 7

Tabel 2.3 Simbol Sequence Diagram......................................................................... 8

Tabel 2.4. Format Audio yang didukung JMF ........................................................... 10

Tabel 2.5. Format Video yang didukung JMF ........................................................... 10

Tabel 3.1. Actor Glossary .......................................................................................... 16

Tabel 3.2. Hak dan Kewajiban Aktor......................................................................... 17

Tabel 3.3. Use case Glossary ..................................................................................... 17

Tabel 3.4 Use Case Skenario login ............................................................................ 18

Tabel 3.5 Use Case Skenario Manage Sistem ........................................................... 20

Tabel 3.6. Use Case Skenario View Informasi Antrian dan Stok Darah PMI ........... 22

Tabel 3.7. Use Case Skenario Edit Password ............................................................ 22

Tabel 4.1. Evaluasi Form login ................................................................................. 40

Tabel 4.2. Evaluasi Form Input Antrian ................................................................... 40

Tabel 4.3. Evaluasi Form update Antrian ................................................................. 40

Tabel 4.4. Evaluasi Form update Stok Darah ........................................................... 40

Tabel 4.5. Evaluasi Form Input Informasi ................................................................ 41

Tabel 4.6. Evaluasi Form update Informasi ............................................................... 41

Tabel 4.7. Evaluasi Form Input Foto Kegiatan ......................................................... 41

Tabel 4.8. Evaluasi Form update Foto Kegiatan ....................................................... 41

Tabel 4.9. Evaluasi Form import Stok Darah ............................................................ 41

Page 12: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

DAFTAR GAMBAR

Gambar 2.1. Elemen Use Case diagram ................................................................... 6

Gambar 3.1. Diagram Use Case ................................................................................. 14

Gambar 3.2. Diagram Class Analisis ......................................................................... 20

Gambar 3.3. Diagram Sequence Login ...................................................................... 21

Gambar 3.4. Diagram Seqeunce Input Antrian .......................................................... 21

Gambar 3.5. Diagram Seqeunce View Antrian........................................................... 22

Gambar 3.6. Diagram Sequence Update Antrian ....................................................... 22

Gambar 3.7 Diagram Sequence Input Stok ................................................................ 23

Gambar 3.8. Diagram Sequence Update Stok ............................................................ 23

Gambar 3.9. Diagram Sequence View Stok ............................................................... 24

Gambar 3.10. Diagram Sequence Input Layanan....................................................... 24

Gambar 3.11. Diagram Sequence Update Layanan ................................................... 24

Gambar 3.12. Diagram Sequence View Data Layanan .............................................. 25

Gambar 3.13. Diagram Sequence input foto .............................................................. 25

Gambar 3.14. Diagram Sequence update foto ........................................................... 26

Gambar 3.15. Diagram Sequence view foto ............................................................... 26

Gambar 3.16. Diagram Class Antrian ........................................................................ 27

Gambar 3.17. Diagram Class Stok Darah .................................................................. 28

Gambar 3.18. Diagram Class Informasi Layanan ...................................................... 28

Gambar 3.19. Diagram Class Foto ............................................................................. 29

Gambar 3.20. Halaman Login .................................................................................... 30

Gambar 3.21 Halaman Admin ................................................................................... 30

Gambar 3.22 Tampilan Utama ................................................................................... 31

Gambar 4.1. Tampilan STAPDPMI ........................................................................... 32

Gambar 4.2. Halaman Login .................................................................................... 34

Gambar 4.3. Halaman Utama Admin ......................................................................... 35

Gambar 4.4. Form Menu Antrian ............................................................................... 35

Gambar 4.5. Form Data Antrian dan Edit Antrian ..................................................... 36

Gambar 4.6 .Form menu persediaan .......................................................................... 36

Page 13: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

Gambar 4.7. Data persediaan darah ........................................................................... 37

Gambar 4.8. Form Menu Informasi ........................................................................... 37

Gambar 4.9. Form Data Informasi dan Edit Informasi .............................................. 38

Gambar 4.10 Menu Foto ............................................................................................ 38

Gambar 4.11 Form Input Foto .................................................................................. 39

Gambar 4.12 Form Edit Foto ..................................................................................... 39

Page 14: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiv

DAFTAR LAMPIRAN

Lampiran I Struktur Tabel .......................................................................................... 45

Lampiran II User Guide ............................................................................................. 46

Page 15: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Pelayanan terhadap konsumen merupakan suatu hal yang perlu diutamakan

pula oleh suatu instansi umum. Kecepatan, informasi yang akurat, mudahnya

mendapat informasi, dan kemudahan dalam pelayanan menjadi tolak ukur utama

kenyamanan konsumen.

Palang Merah Indonesia (PMI) sebagai pusat penyimpanan stok darah,

dalam beberapa kesempatan, tidak jarang kehabisan stok darah sehingga

menyulitkan bagi para pasien yang membutuhkan transfusi darah. Persoalan

utama dalam manajemen persediaan darah di PMI tersebut adalah masih

kurangnya supply darah yang bisa disediakan untuk melayani permintaan resipien,

sehingga sering menyulitkan pasien yang membutuhkan transfusi darah untuk

mendapatkan stok darah. Hal ini disebabkan pula karena kurang terintegrasinya

informasi data stok diantara PMI cabang sehingga proses subsidi silang kurang

cepat bisa dilaksanakan.

Layanan informasi persediaan darah antar cabang PMI yang update dan

akurat menjadi pertimbangan untuk memberikan layanan yang optimal terhadap

konsumen. Selain itu, pelayanan proses antrian di PMI pun juga menjadi perhatian

demi kenyamanan konsumen yang membutuhkan darah.

Dengan menggunakan sistem pendukung layanan antrian dan informasi

persediaan darah di PMI, diharapkan dapat meningkatkan kenyamanan pelayanan,

konsumen dapat duduk sambil menonton siaran televisi yang juga menampilkan

nomor antrian. Selain itu, konsumen juga dapat melihat informasi persediaan

darah ter-update dari cabang PMI yang ditampilkan pada layar display tersebut

sehingga memudahkan konsumen untuk mengetahui persediaan darah yang ada.

Page 16: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

1.2. Rumusan Masalah

Dari uraian latar belakang diatas, agar penelitian ini lebih efektif maka

dirumuskan permasalahan bagaimana membangun sistem yang bisa memberikan

transparasi update informasi antrian dan persediaan darah di PMI.

1.3. Batasan Masalah

Adapun batasan masalah pada penulisan laporan Tugas Akhir ini adalah:

1. Pembuatan aplikasi ini dikosentrasikan pada tampilan desktop yang

memanfaatkan layar TV di ruang pengunjung PMI

2. Aplikasi hanya menampilkan tayangan televisi yang di split dengan Informasi

Antrian, Stok Darah, Layanan, serta foto-foto kegiatan PMI.

3. Informasi Antrian dan Layanan ditampilkan dalam bentuk scrolltext.

4. Konfigurasi televisi menggunakan cara manual.

1.4. Tujuan dan Manfaat

1.4.1. Tujuan

Tujuan dari penelitian ini adalah untuk membangun suatu sistem yang

menampilkan informasi nomor urut antrian dalam layar yang juga terdapat visual

hiburan berupa TV serta informasi persediaan darah di PMI saat ini.

1.4.2. Manfaat

Adapun manfaat penelitian ini diantaranya:

1. Bagi instansi (PMI), memberikan dukungan layanan informasi kepada

pelanggan dengan nomor urut antrian serta informasi persediaan darah di PMI

saat ini.

2. Bagi penulis, mengimplementasikan pengetahuan tentang pemrograman yang

telah diberikan dalam mata kuliah.

3. Bagi Institusi, dengan pembuatan sistem ini dapat menjalin jaringan kerjasama

antara pihak D3 Ilmu Komputer FMIPA dengan instansi terkait (PMI).

Page 17: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

1.5. Metodologi Penelitian

1. Pengumpulan Data

Pengumpulkan data-data yang dibutuhkan untuk menganalisa permasalah serta

sebagai bahan untuk pembuatan sistem pendukung layanan antrian serta

informasi persediaan darah di PMI tersebut.

2. Analisis Kebutuhan dan Perancangan Sistem

Melakukan analisa terhadap data-data yang diperoleh untuk nantinya sebagai

acuan dalam merancang sistem. Dalam metode kali ini, dilakukan pula

perancangan sistem yang akan dibuat nantinya. Analisis meliputi output dari

sistem nantinya, perancangan sistem, serta diagram uml yang terdiri dari

diagram usecase, diagram class, dan diagram sequence.

3. Implementasi Sistem

Dari rancangan yang telah dibuat, selanjutnya mengimplementasikan melalui

pembuatan suatu sistem, yaitu sistem pendukung layanan antrian dan informasi

persediaan darah di PMI. Dimana pada sistem ini terintegrasi dengan sistem

yang lain guna menampilkan data informasi persediaan darah yang ter-update.

4. Pengujian Sistem

Pengujian terhadap sistem yang telah dibuat untuk mengevaluasi hasilnya dari

sistem tersebut, serta melakukan error handling apabila terdapat error pada

sistem untuk dibenahi.

1.6. Sistematika Penulisan

Sistematika penulisan laporan Tugas Akhir ini sebagai berikut:

1. BAB I Pendahuluan

Bab ini menjelaskan tentang latar belakang masalah, rumusan masalah, batasan

masalah, tujuan dan manfaat, metodologi penelitian, serta sistematika

penulisan pada penulisan Tugas Akhir ini.

Page 18: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

2. BAB II Landasan Teori

Bab ini membahas tentang teori dasar yang digunakan untuk mendukung

pembuatan Tugas Akhir ini. Teori Dasar tersebut meliputi: Diagram UML,

dasar perancangan sistem, serta dasar pembuatan sistem.

3. BAB III Analisis Kebutuhan dan Perancangan Sistem

Bab ini membahas tentang analisa kebutuhan sistem serta bentuk perancangan

sistem yang akan dibangun berdasarkan data-data yang telah diperoleh dan

dianalisa. Perancangan sistem akan disajikan dalam bentuk diagram, yang

meliputi: UseCase Diagram, Sequence Diagram, dan Class Diagram. Selain itu

juga dijelaskan scenario usecase, serta rancangan desain sistem.

4. BAB IV Implementasi dan Pembahasan

Bab ini membahas tentang implementasi aplikasi dari sistem tayang antrian dan

persediaan darah pmi. Pada Implementasi akan dijelaskan pula langkah –

langkah serta hasil analisa terhadap sistem ini berdasarkan rancangan yang

dibuat sebelumnya.

5. BAB V Penutup

Bab ini berisi kesimpulan dan saran dari hasil Tugas Akhir ini.

Page 19: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

BAB II

LANDASAN TEORI

2.1. Pengertian Unified Modelling Language (UML)

UML adalah salah satu bahasa visual untuk mempresentasikan dan

mengkomunikasikan sistem melalui penggunaan diagram dan teks pendukung

(Rosenberg and Kendall, 2001).

Ada 4 macam Relationship dalam UML (Booch, Rumbaugh, & Jacobson, 1998):

Tabel 2.1 Relationship dalam UML

Simbol Keterangan

Dependency

merupakan hubungan antara dua hal di mana

perubahan ke satu hal (hal yang independen) dapat

mempengaruhi hal lain (hal yang terkait)

Association

merupakan hubungan struktural yang

menggambarkan satu set link, link menjadi hubungan

antara objek-objek. Agregasi adalah jenis khusus dari

asosiasi, yang mewakili hubungan struktural antara

keseluruhan dan bagian-bagiannya.

Generalization

Merupakan spesialisasi/generalisasi hubungan di

mana objek dari elemen khusus yang disubstitusikan

untuk benda dari elemen umum.

Realization

hubungan antar class, di mana satu class menentukan

kontrak class lain untuk menjalankan.

UML merupakan sarana bagus untuk mengekspresikan model orientasi objek di

beragam level abstraksi mulai level konseptual sampai level implementasi, dan

beragam pandangan: statis dan dinamis (Hariyanto, 2010). UML menggunakan 8

jenis diagram standard. Tetapi dalam pembuatan tugas akhir ini hanya

mengimplementasikannya dalam 3 diagram.

Page 20: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

2.2. Use Case Diagram

UseCase digunakan pada saat pelaksanaan tahap requirement dalam

pengembangan suatu sistem informasi. Use Case menggambarkan hubungan

antara entitas yang biasa disebut actor dengan suatu proses yang dapat

dilakukannya.

Gambar 2.1. Elemen Use Case diagram

1. Actor: Sebuah peran yang dimainkan oleh orang, sistem, atau perangkat yang

memiliki saham dalam keberhasilan pengoperasian sistem.

2. Sistem: Mengatur batas dari sistem dalam hubungannya dengan para aktor yang

menggunakannya (di luar sistem) dan fitur harus menyediakan (dalam sistem).

3. Use Case: Mengidentifikasi fitur kunci dari sistem. Tanpa fitur ini, sistem tidak

akan memenuhi pengguna / persyaratan aktor. Setiap Use Case

mengungkapkan bahwa tujuansistem harus dicapai.

4. Association: Mengidentifikasi interaksi antara aktor dan Use Case. Setiap

asosiasi menjadi dialog yang harus dijelaskan dalam narasi Use Case. Setiap

narasi dalam gilirannya menyediakan satu set skenario yang berfungsi sebagai

uji kasus ketika mengevaluasi analisis, desain, dan implementasi Use Case.

5. Dependency: Mengidentifikasi hubungan komunikasi antara dua Use Case.

6. Generalization: Mendefinisikan sebuah hubungan antara dua aktor atau dua

Use Case dimana satu mewarisi Use Case dan menambah atau

mengesampingkan sifat-sifat yang lain.

Page 21: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

2.3. Class Diagram

Class diagram digunakan untuk menggambarkan struktur kelas dan obyek yang

akan digunakan dalam sistem yang akan dibangun. Berikut simbol-simbol pada

class diagram:

Tabel 2.2 Simbol Class Diagram

Simbol keterangan

Kelas

Notasi kelas terdiri dari tiga bagian. Bagian

pertama merupakan nama kelas tersebut

yang memberikan identitas kelas, bagian

kedua merupakan atribut, dan bagian ketiga

adalah operasi.

Assosiasi

Tujuan dari asosiasi dapat dinyatakan

dalam kata kerja, nama atau frase kata kerja

yang menggambarkan bagaimana objek

dari satu tipe (class) berhubungan dengan

objek jenis lain (class).

Generalisasi

Generalisasi merupakan hubungan

generalisasi dan spesialisasi (umum-

khusus) antara dua kelas dimana fungsi

yang satu adalah fungsi yang lebih umum

dari fungsi yang lainnya.

Agregasi

Agregasi adalah jenis khusus dari asosiasi

yang digunakan untuk menunjukkan bahwa

objek yang berpartisipasi tidak hanya objek

independen yang tahu tentang satu sama

lain. Sebaliknya, mereka dikonfigurasi

bersama-sama untuk membuat objek baru

yang lebih kompleks.

2.4. Sequence Diagram

Semua diagram Sequence dimodelkan pada tingkat objek dari tingkat kelas untuk

memungkinkan skenario yang menggunakan lebih dari satu instance dari kelas

Page 22: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

yang sama dan bekerja pada tingkat fakta, data uji, dan contoh. Diagram Sequence

menggunakan tiga elemen notasi mendasar: object, message, dan lifeline.

Tabel 2.3. Simbol Sequence Diagram

Simbol keterangan

Object

Objek dan kelas merupakan struktur

aplikasi yang digambarkan saling

berinteraksi satu sama lain.

Message

Pesan/message merupakan komunikasi

antara objek yang satu dengan objek yang

lainnya dimana objek yang satu meminta

objek yang lain untuk melakukan sesuatu.

Pesan ini diimplementasikan menjadi

metode.

Lifeline

Lifeline merupakan siklus hidup sebuah

pesan/message berdasarkan waktu.

Return Message

Return message merupakan balasan/hasil

yang berisi nilai dari sebuah objek yang

diminta kepada objek yang meminta

(mengirim pesan).

Self Message

Self message merupakan pesan dari sebuah

objek kepada objek itu sendiri untuk

melakukan suatu aksi.

Self Return Message

Return self message sebagaimana return

message merupakan balasan/hasil dari self

message yang berisi suatu nilai kepada

objek itu sendiri.

Page 23: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

9

2.5. Pemrograman Grafis (GUI)

Graphical User Interface (GUI) adalah sebuah metode interaksi dan computer,

dimana komputer menyediakan tampilan grafis yang mudah dimengerti manusia

(user) dalam mengoperasikan suatu aplikasi. Dalam Java terdapat 2 teknologi

dalam membuat tampilan berbasis grafis (GUI), yaitu AWT dan Swing. Teknologi

AWT mempunyai tampilan grafis yang tergantung secara penuh kepada sistem

operasi, sedangkan Swing mempunyai tampilan grafis yang bersifat independent

atau tidak tergantung pada sistem operasi.

Perbedaan penulisan antara AWT dan Swing terletak pada awalan nama

komponen itu, biasanya teknologi AWT langsung memakai nama komponen

sedangkan Swing diawali dengan huruf J. (Wahana Komputer, 2010).

2.6. JDBC Java Database Connectivity

JDBC merupakan API yang fundamental dalam akses ke database dari

Java. JDBC API menyediakan seperangkat API yang berbasis pada SQL untuk

mengakses database (Nur Widayanto,2010).

JDBC mendefinisikan bagaimana komunikasi sistem basis data realsional

dapat dilakukan dengan baik dan bagaimana caranya aplikasi dan basis data dapat

saling berinteraksi satu sama lain. Lebih spesifik, JDBC API mendefinisikan

bagaimana caranya aplikasi dapat membuak hubungan (connection) dengan basis

data, berkomunikasi dengan basis data, mengeksekusi pernyataan-pernyataan SQL

(Structured Query Language) atas basis data, dan menerima hasil query. JDBC

menyediakan sarana untuk pertukaran antara aplikasi Java dengan basis data.

(Nugroho,2009).

2.7. Java Media Framework

JMF (Java Media Framework) menyediakan dukungan terhadap beberapa format

media dan tipe konten yang populer pada jajaran format multimedia. Tabel berikut

memperlihatkan semua format audio yang didukung oleh JMF (Fikri,2005).

Page 24: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

Tabel 2.4. Format Audio yang didukung JMF

Tabel 2.5. Format Video yang didukung JMF

Page 25: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

BAB III

ANALISIS KEBUTUHAN DAN PERANCANGAN SISTEM

3.1 Analisis Kebutuhan

1. Kebutuhan Sistem

1.1. Kebutuhan Fungsional

1.1.1 Sistem Bersifat:

- Local Hosting

1.1.2 Sistem dapat menampilkan informasi dari:

Cabang PMI

1.1.3 Sistem menampilkan :

- Informasi Antrian

- Stok Persediaan Darah

- Informasi Layanan PMI

- Foto Kegiatan PMI

1.1.4 Pengguna Sistem:

- Admin : Pihak yang memanage sistem (mengelola data antrian, mengelola

data persediaan darah, mengelola informasi layanan PMI dan foto-foto

kegiatan)

1.1.5 Setelah login ke sistem, maka diberikan fungsi:

1.1.5.1 Admin :

Manage Sistem meliputi:

- Input data antrian

- Update data antrian

- Input Data Persediaan Darah

- Import Data Persediaan Darah

- Input Informasi Layanan PMI

Page 26: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

- Update Informasi Layanan PMI

- Input Foto-foto kegiatan

- Update Foto Kegiatan

- View Informasi Persediaan Darah

- View Informasi Layanan PMI

- View Foto-foto kegiatan

- View data antrian

1.1.6 Guest diberikan kebebasan untuk melihat informasi

1.2. Kebutuhan Non Fungsional

- Sistem mudah dipelajari dan digunakan

- Mengurangi sistem manual

- Dapat dijalankan dengan sistem operasi windows dan linux

3.2. Perancangan Sistem

3.2.1 Use Case Model

Tabel 3.1. Actor Glossary

Nama Deskripsi

Admin Orang yang bertanggungjawab terhadap jalannya sistem

termasuk melakukan pengelolaan terhadap sistem

Guest Orang yang dapat melihat hasil informasi dari sistem ini.

Page 27: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

Tabel 3.2. Hak dan Kewajiban Aktor

Nama Deskripsi

Admin

melakukan kelola antrian yang meliputi input data antrian serta

update data antrian, kelola info layanan PMI yang meliputi

input data stok darah, import data stok darah, update stok

darah, kelola informasi layanan PMI yang meliputi , input

informasi layanan PMI, update informasi layanan PMI, kelola

foto kegiatan PMI yang meliputi input foto kegiatan PMI, serta

update foto kegiatan PMI. Untuk menjalankan fungsi tersebut

admin harus login terlebih dahulu.

Guest

Melakukan view informasi antrian dan stok darah PMI. Untuk

menjalankan fungsi tersebut, guest harus mengisi form terlebih

dahulu.

3.2.2. Use Case Glossary

Tabel 3.3. Use Case Glossary

ID Usecase Deskripsi

1. Login Fungsi yang digunakan agar user dapat mengakses

sistem lebih dalam sesuai dengan hak akses yang

dimiliki masing-masing user.

2. Manage Sistem Fungsi untuk melakukan pengelolaan terhadap Layanan

Antrian di PMI. Fungsi ini meliputi input antrian dan

update antrian. Pengelolaan terhadap layanan PMI

meliputi informasi stok darah yang terdiri dari input data

stok darah, import data stok darah, serta update data stok

darah, kemudian input informasi layanan PMI beserta

update info layanan PMI, dan input foto-foto kegiatan

beserta update foto kegiatan-kegiatan.

Page 28: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

3. View Informasi

PMI

Fungsi untuk menampilkan informasi antrian dan stok

darah secara keseluruhan. Dapat dilihat tanpa harus login

terlebih dahulu.

4 Ganti Password Usecase yang digunakan user untuk mengganti password

yang dimilikinya.

3.2.3. Use Case Diagram

Gambar 3.1. Diagram Use Case

3.2.4. Use Case Skenario

Tabel 3.4 Use Case Skenario login

Use Case Name Login

ID 1

Importance

Level

High

Page 29: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

Primary Actor Admin

Stakeholders

and interest

Admin: melakukan login untuk melakukan akses lebih jauh

terhadap sistem

Brief

Description

Use case ini berfungsi untuk login agar user dapat dikenali

sistem sehingga dapat mengakses sistem lebih lanjut sesuai

dengan hak yang diberikan padanya.

Trigger Admin ingin meggunakan sistem lebih lanjut

Type Internal

Relationship Include: login

Normal Flow

event

Aksi Admin Reaksi

1. Memasukkan username

dan password

2. Mencocokkan username

dan password yang

dimasukkan dengan

database

3. Jika data sesuai, login

berhasil

4. Mengambil level user yang

login dari database

5. Menuju ke menu utama

sesuai level user

Alternate/Excep

tional flow

4. Data tidak sesuai, login

gagal

5. Kembali ke langkah 1

Page 30: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16

Tabel 3.5 Use Case Skenario Manage Sistem

Use Case Name Manage Sistem

ID 2

Importance Level High

Primary Actor Admin

Stakeholders and

interest

Admin: menginput data antrian, mengupdate data

antrian, menginput data stok darah, import data stok

darah, serta update data stok darah, kemudian input info

layanan PMI beserta update info layanan PMI, dan input

foto-foto kegiatan beserta update foto kegiatan-kegiatan.

Brief Description Usecase ini berfungsi untuk melakukan pengelolaan

terhadap Layanan PMI yang meliputi Informasi Antrian

yang meliputi input Antrian dan update antrian, Stok

Darah yang terdiri dari input data stok darah, import data

stok darah, serta update data stok darah, kemudian input

info layanan PMI beserta update info layanan PMI, dan

input foto-foto kegiatan beserta update foto kegiatan-

kegiatan.

Trigger Admin memiliki informasi yang ingin ditampilkan

Type Internal

Relationship Assosiation : admin

Include : login

Extends : update antrian, update stok darah, update

informasi, update foto

Generalizaton : inputStokDarah, importStokDarah,

inputInfoLayananPMI, inputFotoKegiatanPMI

Normal Flow event Aksi admin Reaksi Sistem

1. Melakukan manage

sistem

2. Menampilkan perubahan

data

Page 31: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

Sub flow 2.1 Memilih input antrian,

input layanan PMI,

input informasi dan

input foto kegiatan.

2.1.1. sistem akan

melakukan pengecekan

terhadap data yang

dimasukkan

2.1.2. Jika data benar

sistem akan menyimpan

data di database

2.1.3. Kembali ke halaman

manage sistem

2.2 Memilih import data

stok darah

2.2.1. sistem akan

melakukan pengecekan

terhadap data yang

dimasukkan

2.2.2. Jika data benar

sistem akan menyimpan

data di database

2.2.3. Kembali ke halaman

manage informasi layanan

PMI

2.3 Memilih update info

layanan PMI

2.3.1 Sistem menampilkan

data yang akan diupdate

2.3.2. sistem akan

melakukan pengecekan

terhadap data yang

dimasukkan

2.3.3. Jika data benar

sistem akan menyimpan

data di database

2.3.4. Kembali ke halaman

manage informasi layanan.

Page 32: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

Alternate/Exceptional

flow

2.4 Memperbarui Data

2.4.1. Jika data yang

dimasukkan salah, akan

muncul pesan error.

2.5 Kembali ke halaman

manage sistem.

2.6 kembali ke langkah 2.1

Tabel 3.6. Use Case Skenario View Informasi Antrian dan Stok Darah PMI

Use Case Name View Informasi Antrian dan Stok Darah PMI

ID 3

Importance Level medium

Primary Actor guest

Stakeholders and

interest

Guest: view informasi antrian,stok darah, informasi layanan

PMI, foto kegiatan.

Brief Description Usecase in berfungsi untuk melihat tampilan informasi yang

disajikan.

Trigger Guest mendapatkan informasi

Type eksternal

Relationship Assosiation : guest

Extends : manageSistem

Normal Flow

event

Aksi guest Reaksi sistem

1. Melakukan request

lihat informasi

2. Menampilkan

Informasi

Tabel 3.7. Use Case Skenario Edit Password

Use Case Name Edit password

ID 4

Importance Level medium

Primary Actor Admin

Page 33: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

Stakeholders and

interest

Admin mengganti password lama menjadi password

baru

Brief Description Melakukan pergantian password dari password lama ke

password baru

Trigger Admin merasa password perlu diganti untuk keamanan

lebih.

Type internal

Relationship Include : login

Normal Flow event Aksi Admin Reaksi sistem

4.1.Memasukkan data

password lama

Memasukkan data

password baru

4.1.1 Melakukan

pengecekan data

password lama dan

memvalidasi password

baru

4.1.2. Data valid

4.1.3. Melakukan

perubahan password di

database

4.1.4. Password berhasil

diganti, menampilkan

pesan berhasil

4.1.5 Kembali ke menu

utama

Alternate/Exceptional

flow

4.2. Password Lama

Salah

5. Password baru, Data

tidak valid

6. Kembali ke langkah 1

Page 34: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

3.2.5. Class Diagram Analysis

Gambar 3.2. Diagram Class Analisis

Page 35: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

3.2.6. Sequence Diagram

1. Login

Gambar 3.3. Diagram Sequence Login

2. InputAntrian

Gambar 3.4. Diagram Seqeunce Input Antrian

Page 36: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

3. View Antrian

Gambar 3.5. Diagram Seqeunce View Antrian

4. UpdateAntrian

Gambar 3.6. Diagram Sequence Update Antrian

Page 37: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

5. InputStok

Gambar 3.7 Diagram Sequence Input Stok

6. UpdateStok

Gambar 3.8. Diagram Sequence Update Stok

Page 38: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

7. View Stok

Gambar 3.9. Diagram Sequence View Stok

8. InputInfoLayanan

Gambar 3.10. Diagram Sequence Input Layanan

9. UpdateInfoLayanan

Gambar 3.11. Diagram Sequence Update Layanan

Page 39: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

10. View Data Layanan

Gambar 3.12. Diagram Sequence View Data Layanan

11. Input Foto

Gambar 3.13. Diagram Sequence input foto

Page 40: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

12. Update Foto

Gambar 3.14. Diagram Sequence update foto

13. View Foto

Gambar 3.15. Diagram Sequence view foto

Page 41: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

3.2.7. Class Diagram Desain

Gambar 3.16. Diagram Class Antrian

Page 42: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

Gambar 3.17. Diagram Class Stok Darah

Gambar 3.18. Diagram Class Informasi Layanan

Page 43: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

Gambar 3.19. Diagram Class Foto

3.3. Pedoman Implementasi

3.3.1. Kebutuhan Hardware

a. Processor Pentium3 800mhz

b. 256 Mb RAM:

2 MB Free Space For Apllication

250MB Freespace for XAMPP

c. Operating Sistem Windows 200o, XP, Vista, Seven 32/64 bit sistem

d. LCD :

Primary Screen resolution 1024-768 pixel

Secondary Screen resolution 1280-768 pixel

Page 44: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

3.3.2. Kebutuhan Software

a. Netbean dengan tambahan library jdbc, jmf

b. Xampp

c. Jre / jdk

3.4. Perancangan Interface

Interface yang disediakan, akan meliputi dua hal, yaitu Halaman Admin

Panel dan Tampilan Utama. Halaman Admin meliputi Halaman Login dan

Halaman Utama Admin.

Gambar 3.20. Halaman Login

Halaman login admin merupakan halaman awal untuk dapat mengakses

halaman utama admin.

Gambar 3.21 Halaman Utama Admin

Page 45: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

Halaman utama admin terdiri dari menu-menu untuk mengelola sistem dan

informasi yang akan ditanpilkan pada aplikasi Sistem Tayang Antrian dan

Persediaan Darah PMI ini.

Gambar 3.22 Tampilan Utama

Tampilan utama merupakan rancangan interface yang akan dibangun dan

ditayangkan dari sistem ini. Pada tampilan ini terdiri dari beberapa frame yang

mencakup informasi antrian, persediaan darah, serta layanan dari PMI.

Page 46: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

BAB IV

IMPLEMENTASI DAN EVALUASI SISTEM

1.1. Implementasi Sistem

Sesuai dengan perancangan sistem yang telah dikemukakan sebelumnya,

pada Sistem Pendukung Layanan Antrian dan Informasi Persediaan Darah PMI ini

dibagi menjadi dua interface, yaitu interfase untuk admin dan interface untuk

pengunjung atau tamu. Interface admin terdiri dari menu-menu untuk mengatur isi

informasi yang akan ditampilkan pada sistem tayang antrian dan nformasi

persediaan darah.

1.2. Implementasi Antarmuka

1.2.1. Halaman Tampilan Utama Pengunjung

Implementasi dari Sistem Tayang Antrian Dan Persediaan Darah PMI

Surakarta menjadi Aplikasi Desktop seperti berikut. Aplikasi ini disingkat

menjadi STAPDPMI.

Gambar 4.1. Tampilan STAPDPMI

Page 47: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

Halaman User Interface atau Halaman Utama yang ditampilkan terdiri dari:

1. Tayangan TV Tuner,

2. ScrollText (tulisan berjalan) yang menampilkan Informasi dan Daftar Antrian

3. Stok Darah

4. Foto Kegiatan PMI

4.2.1.1.ScrollText

ScrollText / Tulisan Berjalan menampilkan 2 informasi:

a. Informasi / Layanan PMI, Frame ini menampilkan Informasi / Layanan PMI

yang terupdate. Informasi / Layanan yang ditampilkan di panggil dari database.

Dimana pesan informasi / layanan yang ditampilkan adalah pesan

informasi/layanan yang diinputkan pada hari ini juga. Pesan yang diinputkan

pada hari kemarin, tidak akan ditampilkan lagi.

b. Informasi Nama Antrian, Nama Antrian yang ditampilkan adalah nama Antrian

yang sudah selesai diproses namun ketika dipanggil secara manual,

personalnya tidak ada di tempat. Untuk nama Antrian yang sudah selesai di

proses dan diambil tidak ditampilkan.

4.2.1.2. Stok Darah

Frame Stok Darah menampilkan data stok darah yang ada di PMI saat ini.

4.2.1.3. Foto Kegiatan PMI

Frame ini berisi foto-foto kegiatan PMI yang ditampilkan secara bergantian.

Page 48: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

4.2.2. Halaman Interface Admin

Admin Control merupakan panel untuk mengatur informasi yang akan

ditampikan pada Sistem Tayang Antrian dan Persediaan Darah PMI

(STAPDPMI).

4.2.2.1. Halaman Login

Gambar 4.2. Halaman Login

Halaman Login merupakan halaman awal untuk mengakses sistem sebelum

masuk kedalam halaman utama Administrator. Setelah melalui proses

autentifikasi berhasil, maka admin dapat masuk pada halaman utama.

4.2.2.2.Halaman Utama

Halaman Utama merupakan Halaman yang disediakan untuk admin dapat

mengelola sistem. Halaman ini dapat diakses setelah melalui halaman Login.

Tampilan halaman utama admin terdiri dari Menu File, Menu Antrian, Menu

Persediaan, Menu Informasi, Menu Foto, dan Menu Bantuan.

Page 49: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

Gambar 4.3. Halaman Utama Admin

4.2.2.3. Menu Antrian

Menu Antrian merupakan menu untuk mengelola data Antrian. Pada awal

menu merupakan bagian dari form untuk memasukkan data antrian. Pada form

menu antrian terdapat pula tombol untuk melihat data antrian, dimana pada form

data antrian nantinya juga terdapat form untuk meng-update data antrian.

Gambar 4.4. Form Menu Antrian

Page 50: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

36

Gambar 3.5 Form Data Antrian dan Edit Antrian

4.2.2.4. Menu Persediaan

Menu Persediaan ini berfungsi untuk mengelola informasi data persediaan

darah yang saat ini ada di PMI. Untuk melakukan pengelolaan persediaan,

darahadmin hanya perlu memilih jenis golongan darah, kemudian mengubah data

persediaan darah sesuai hari itu.

Gambar 4.6 Form menu persediaan

Page 51: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

37

Pada Menu Persediaan tersebut terdapat pula pilihan untuk melihat data

persediaan darah. Dimana data tersebut dapat dilihat pada form Data Persediaan

Darah.

Gambar 4.7. Data persediaan darah

4.2.2.5. Menu Informasi

Menu Informasi merupakan implementasi dari menu untuk menampilkan

informasi layanan – layanan yang disesdiakan PMI. Menu ini berfungsi untuk

mengelola informasi yang ditampilkan pada ScrollText (Tulisan Berjalan). Pada

Menu ini disediakan kolom untuk menginputkan Informasi dan Tombol untuk

melihat Data Informasi serta mengedit data Informasi nantinya.

Gambar 4.8. Form Menu Informasi

Page 52: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

38

Gambar 4.9 Form Data Informasi dan Edit Informasi

4.2.2.6. Menu Foto

Menu Foto berfungsi untuk mengelola foto yang akan ditampilkan. Pada

menu ini terdapat pilihan menu yaitu input foto dan edit foto.

Gambar 4.10 Menu foto

Pada jendela input foto, terdapat form isian untuk keterangan dan foto yang.

Id Foto akan otomatis tampil sesuai Id terakhir yang tersimpan pada database.

Page 53: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

39

Foto yang sudah diinputkan akan ditampilkan pada kolom tampilan foto, dan akan

tersimpan datanya pada database ketika tombol simpan di submit.

Pada implementasinya, file foto yang disimpan akan diletakkan pada suatu

folder, sedangkan keterangan foto disimpan pada tabel di database. Hal ini

dimaksudkan untuk meminimalisasi over capacity pada database, apabila file foto

yang disimpan pada database.

Gambar 4.11 Form Input Foto

Gambar 4.12 Form Edit Foto

Page 54: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

40

4.3. Evaluasi Sistem

4.3.1. Form Login

Tabel 4.1. Evaluasi Form login

Input Proses Output Keterangan

1. Username

2. Password

Masuk sistem

dengan validasi

inputan username

dan password

dengan database.

[Benar]

- Redirecting ke

halaman admin

panel.

Sukses

[Salah]

- Pesan error

(username/password

salah).

Sukses

4.3.2. Form Input Antrian

Tabel 4.2. Evaluasi Form Input Antrian

Input Proses Output Keterangan

1. No

2. Nama

3. Jenis

Layanan

4. Status

Memasukkan data

antrian ke dalam

database

[Benar]

- Pesan input sukses. Sukses

[Salah]

- Pesan error Sukses

4.3.3. Form Update Antrian

Tabel 4.3. Evaluasi Form update Antrian

Input Proses Output Keterangan

1. No

2. Nama

3. Jenis Layanan

4. Status

Mengupdate data

antrian ke dalam

database

[Benar]

- Pesan update sukses Sukses

[Salah]

- Pesan error Sukses

4.3.4. Form Update Stok Darah

Tabel 4.4. Evaluasi Form update Stok Darah

Input Proses Output Keterangan

1. Gol

2. Persediaan

Mengupdate data

gol dan

persediaan ke

dalam database

[Benar]

- Pesan update sukses Sukses

[Salah]

- Pesan error. Sukses

Page 55: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

41

4.3.5. Form Input Informasi / Layanan PMI

Tabel 4.5. Evaluasi Form Input Informasi

Input Proses Output Keterangan

1. Informasi Memasukkan data

Informasi ke

dalam database

- Pesan input sukses. Sukses

4.3.6. Form Update Informasi / Layanan PMI

Tabel 4.6. Evaluasi Form update Informasi

Input Proses Output Keterangan

1. Informasi Mengupdate data

Infomasi ke

dalam database

- Pesan update sukses Sukses

4.3.7. Form Input Foto Kegiatan PMI

Tabel 4.7. Evaluasi Form Input Foto Kegiatan

Input Proses Output Keterangan

1. Foto

Kegiatan

Memasukkan data

Foto ke dalam

database dan file

foto kedalam

folder.

[Benar]

- Pesan input sukses. Sukses

[Salah]

- Pesan error Sukses

4.3.8. Form Update Foto Kegiatan

Tabel 4.8. Evaluasi Form update Foto Kegiatan

Input Proses Output Keterangan

1. Foto

Kegiatan

Mengupdate data

Foto ke dalam

database dan file

foto kedalam

folder.

[Benar]

- Pesan update sukses Sukses

[Salah]

- Pesan error Sukses

4.3.9. Form Import Data Stok Darah

Tabel 4.9. Evaluasi Form import Stok Darah

Input Proses Output Keterangan

1. stok Mengimport Data

Stok Darah untuk

ditampilkan.

[Benar]

- Pesan update sukses Sukses

[Salah]

- Pesan error

Belum

Sukses

Page 56: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

42

4.4. Deskripsi Evaluasi Sistem

Dari tabel evaluasi sistem tersebut, maka didapat beberapa hasil dari

pembuatan STAPDPMI tersebut. Diantarannya menu yang dibuat telah sukses

pengoperasiannya. Namun masih terdapat pula beberapa menu yang belum sukses

pengoperasiannya. Untuk itu nantinya akan menjadi perbaikan.

Berikut bagian sistem yang sudah berhasil diimplementasikan:

1. Form Login, pada form login terdapat 2 inputan yang wajib dimasukkan,

yaitu username dan password. Ketika validasi ke database sesuai, maka akan

masuk pada halaman admin panel. Namun, bila autentifikasi tidak sesuai,

maka akan muncul pesan error terkait autentifikasi.

2. Form input Antrian, pada form ini terdapat 4 inputan awal yang dimasukkan.

Ketika inputan berhasil, maka akan muncul pesan masukan berhasil. Namun,

bila inputan tidak tepat, maka akan ada pesan error. Misal: inputan nomor

antrian yang sama, maka system akan menolak untuk memasukkan data

antrian tersebut.

3. Form Update Antrian, pada form ini digunakan untuk mengupdate data

antrian. Pada menu update ini admin dapat melakukan perubahan data

maupun penghapusan data. Ketika proses peng-updatean berhasil, maka akan

ada pesan validasi sukses. Namun bila tidak berhasil, juga akan ada pesan

error.

4. Form Update Stok Darah, pada form ini digunakan untuk mengupdate data

stok darah. Pada menu update ini admin dapat melakukan perubahan data.

Perhitungan penambahan maupun pengurangan jumlah stok darah, dilakukan

secara manual atau diluar sistem. Sehingga data stok darah yang dimasukkan

pada sistem adalah data akhir stok darah yang telah dihitung dari nilai awal

hingga ada penambahan maupun pengurangan.

5. Form input informasi, pada form ini hanya terdapat 1 inputan yaitu isi

informasi. Sedangkan id_informasi akan otomatis dibuat ketika memasukkan

informasi. Ketika inputan berhasil, maka akan muncul pesan masukan

berhasil. Namun, bila inputan tidak tepat, maka akan ada pesan error.

Page 57: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

43

6. Form Update Informasi, pada form ini digunakan untuk mengupdate data

informasi. Pada menu update ini admin dapat melakukan perubahan data.

Ketika proses peng-updatean berhasil, maka akan ada pesan validasi sukses.

7. Form input foto kegiatan, pada form ini terdapat inputan untuk memasukkan

foto.

8. Form Update Foto Kegiatan, pada form ini terdapat form untuk mengupdate

foto yang sebelumnya sudah diinputkan.

Page 58: SISTEM TAYANG ANTRIAN DAN PERSEDIAAN … · Aplikasi Sistem Tayang Antrian dan Persediaan Darah PMI ini dirancang dengan beberapa tahapan yaitu pengumpulan data dan informasi, analisis

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

44

BAB V

PENUTUP

5.1. Kesimpulan

Dari Pembuatan Tugas Akhir yang berjudul Sistem Pendukung Layanan Antrian

dan Informasi Persediaan Darah PMI Surakarta ini diperoleh beberapa kesimpulan

diantaranya:

1. Sistem Tayang Antrian dan Persediaan Darah PMI Surakarta merupakan

Aplikasi Desktop yang di tampilkan pada layar TV di ruang pengunjung.

Nama aplikasi yang dibuat disebut STAPDPMI (Sistem Tayang Antrian dan

Persediaan Darah PMI).

2. Sistem Tayang Antrian dan Informasi Persediaan Darah PMI Surakarta

dirancang untuk menampilkan informasi Antrian, stok darah, layanan serta

foto-foto kegiatan PMI.

5.2. Saran

Dari kesimpulan tersebut maka disarankan untuk pengembangan sistem tersebut

sebagai berikut:

1. Perbaikan Form import data stok darah yang belum terimplementasi

sempurna.

2. Tampilan Informasi tidak selalu ditampilan secara terus-menerus, namun

dibuat delay waktu tampil sehingga pengunjung yang sedang menonton tv

secara utuh akan diberikan break view dengan informasi dari PMI.