• Tidak ada hasil yang ditemukan

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.

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.

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

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

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

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

commit to user

10

Tabel 2.4. Format Audio yang didukung JMF

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

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

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

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

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

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

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

commit to user

17

Sub flow 2.1Memilih 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.

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

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

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

commit to user

20

3.2.5. Class Diagram Analysis

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

commit to user

21

3.2.6. Sequence Diagram

1. Login

Gambar 3.3. Diagram SequenceLogin

2. InputAntrian

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

commit to user

22

3. View Antrian

Gambar 3.5. Diagram Seqeunce View Antrian

4. UpdateAntrian

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

commit to user

23

5. InputStok

Gambar 3.7 Diagram Sequence Input Stok

6. UpdateStok

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

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

commit to user

25

10.View Data Layanan

Gambar 3.12. Diagram Sequence View DataLayanan

11.Input Foto

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

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

commit to user

27

3.2.7. Class Diagram Desain

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

commit to user

28

Gambar 3.17. Diagram Class Stok Darah

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

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

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.

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.

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

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.

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.

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.

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.

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

Dokumen terkait