SISTEM TAYANG ANTRIAN DAN PERSEDIAAN DARAH PMI SURAKARTA

(1)

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

(2)

commit to user

ii

HALAMAN PERSETUJUAN

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

(3)

commit to user

iii

HALAMAN PENGESAHAN

PMI SURAKARTA

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

(4)

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.

(5)

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.

(6)

commit to user

vi MOTTO

Jika aku menyerah hanya karena belum kutemukan jalan keluar, lalu

dimana kuletakkan Kemahakuasaan Alloh ?

(7)

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

(8)

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

(9)

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

(10)

commit to user

x

BAB V PENUTUP ... 44

5.1. Kesimpulan ... 44

5.2. Saran ... 44

DAFTAR PUSTAKA ... 45

(11)

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.6. Evaluasi Form update Informasi ... 41

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

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

(12)

Gambar 3.2. Diagram Class Analisis ... 20

Gambar 3.3. Diagram SequenceLogin ... 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 DataLayanan ... 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

(13)

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

(14)

commit to user

xiv

DAFTAR LAMPIRAN

(15)

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.

(16)

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.

(17)

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

(18)

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

(19)

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.

(20)

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

(21)

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

(22)

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

(23)

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

(24)

commit to user

10

Tabel 2.4. Format Audio yang didukung JMF

(25)

commit to user

11

BAB III

ANALISIS KEBUTUHAN DAN PERANCANGAN SISTEM

3.1 Analisis Kebutuhan

1. Kebutuhan Sistem 1.1.Kebutuhan Fungsional

1.1.1Sistem Bersifat: - Local Hosting

1.1.2Sistem dapat menampilkan informasi dari: Cabang PMI

1.1.3Sistem menampilkan : - Informasi Antrian - Stok Persediaan Darah - Informasi Layanan PMI - Foto Kegiatan PMI

1.1.4Pengguna Sistem:

- Admin : Pihak yang memanage sistem (mengelola data antrian, mengelola data persediaan darah, mengelola informasi layanan PMI dan foto-foto kegiatan)

1.1.5Setelah login ke sistem, maka diberikan fungsi: 1.1.5.1Admin :

Manage Sistem meliputi:

- Input data antrian

- Update data antrian

- Input Data Persediaan Darah

- Import Data Persediaan Darah

(26)

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

(27)

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

(28)

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

(29)

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

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

(30)

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

(31)

commit to user

17

Sub flow 2.1Memilih input antrian, input layanan PMI,

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

(32)

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

(33)

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

4.1.5 Kembali ke menu utama

Alternate/Exceptional flow

4.2. Password Lama Salah

5. Password baru, Data tidak valid

(34)

commit to user

20

3.2.5. Class Diagram Analysis

(35)

commit to user

21

3.2.6. Sequence Diagram

1. Login

Gambar 3.3. Diagram SequenceLogin

2. InputAntrian

(36)

commit to user

22

3. View Antrian

Gambar 3.5. Diagram Seqeunce View Antrian

4. UpdateAntrian

(37)

commit to user

23

5. InputStok

Gambar 3.7 Diagram Sequence Input Stok

6. UpdateStok

(38)

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

(39)

commit to user

25

10.View Data Layanan

Gambar 3.12. Diagram Sequence View DataLayanan

11.Input Foto

(40)

commit to user

26

12.Update Foto

Gambar 3.14. Diagram Sequence update foto

13.View Foto

(41)

commit to user

27

3.2.7. Class Diagram Desain

(42)

commit to user

28

Gambar 3.17. Diagram Class Stok Darah

(43)

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 :

(44)

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

(45)

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

(46)

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.

(47)

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

(48)

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

(49)

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.

(50)

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.

(51)

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.

(52)

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

(53)

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

(54)

Input Proses Output Keterangan

1. Username

Tabel 4.2. Evaluasi Form Input Antrian

1. No

- Pesan input sukses. Sukses [Salah]

- Pesan error Sukses

4.3.3. Form Update Antrian

Tabel 4.3. Evaluasi Form update Antrian

1. No

- Pesan update sukses Sukses [Salah]

4.3.4. Form Update Stok Darah

Tabel 4.4. Evaluasi Form update Stok Darah

1. Gol

(55)

commit to user

41

4.3.5. Form Input Informasi / Layanan PMI

Tabel 4.5. Evaluasi Form Input Informasi

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

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

1. Foto

- Pesan input sukses. Sukses [Salah]

4.3.8. Form Update Foto Kegiatan

Tabel 4.8. Evaluasi Form update Foto Kegiatan

1. Foto

4.3.9. Form Import Data Stok Darah

Tabel 4.9. Evaluasi Form import Stok Darah

1. stok Mengimport Data Stok Darah untuk ditampilkan.

[Benar]

- Pesan error

(56)

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}

(57)

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}

(58)

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.