TEKNOLOGI PERISIAN (PEMBANGUNAN APLIKASI WEB)

INSTITUT LATIHAN PERINDUSTRIAN

SELANDAR

LAPORAN KERTAS CADANGAN PROJEK PENILAIAN TAHUN AKHIR 2021 (ITPM)

Disusun Oleh:

FATIN SHAHIRA MUHAMMAD 22220027

NIK NURIN SOLEHAH BINTI ALHAR 22220073

Pengajar:

ENCIK NAZRY BIN YUSOF

TEKNOLOGI PERISIAN (PEMBANGUNAN APLIKASI WEB)

INSTITITUT LATIHAN PERINDUSTRIAN

SELANDAR

2022

1
 ISI KANDUNGAN

BIL. PERKARA MUKA SURAT

PENGENALAN
1.1. Pernyataan Masalah
1.2. Skop Projek
1.
1.2.1. Skop Pengguna
1.2.2. Skop Sistem
1.3. Tajuk Projek
OBJEKTIF
2.1. Objektif Utama
2.2. Objektif Sokongan
2. 2.3. SPESIFIKASI PROJEK
2.3.1. Modul Membuat Aduan
2.3.2. Modul Penyemakan Aduan
2.3.3. Modul Cadangan
FAEDAH JANGKAAN
3. 3.1. Faedah Ketara
3.2. Faedah Tidak Ketara
REKABENTUK
4.1. Carta Alir
4.1.1. Carta Alir Log Masuk Pelajar
4.1.2. Carta Alir Memasukkan Aduan
4.1.3. Carta Alir Paparan Aduan & Ubah Maklumat
4.1.4. Carta Alir Cadangan
4. 4..1.5. Carta Alir Log Masuk (ADMIN)
4.1.6. Carta Alir Pemilihan Sesi
4.1.7. Carta Alir Paparan Aduan Padam & Mencetak
4.2. USE CASE
4.3. Lakaran Storyboard
4.3.1. Rekabentuk Sistem Pengguna
4.3.2. Rekabentuk Sistem Admin
SENARAI BAHAN & ANGGARAN KOS
5.
5.1. Keperluan Perkakasan dan Perisian

2
BIL. PERKARA MUKA SURAT
5.2. Anggaran Kos
PERANCANGAN DAN PERLAKSANAAN PROJEK
6.1. Metodologi Projek
6.1.1. Pengenalan
6.1.2. Kaedah Metodologi
6.2. Penerangan Metodologi Agile
6. 6.2.1. Perancangan Sistem
6.2.2. Fasa Analisa Sistem
6.2.3. Fasa Rekabentuk Aturcara
6.2.4. Fasa Pembinaan Aturcara
6.2.5. Fasa Pengujian dan Penyemakan Ralat
6.2.6. Fasa Perlaksanaan Sistem
7. Carta Gantt

3
1. PENGENALAN
Sistem Keluar Masuk Ke Klinik Kesihatan Selandar di bangunkan bagi
memudahkan pelajar untuk pergi ke klinik tanpa menggunakan kertas dan
bagi admin pula mudah untuk melihat pelajar keluar masuk melalui sistem
tersebut. Sistem sedia ada yang digunakan adalah dengan merekod
maklumat keluar masuk klinik secara manual dimana semua maklumat di
simpan di dalam buku log. Sistem ini mempunyai beberapa kelemahan
seperti risiko kehilangan makiumat kerana maklumat-maklumat hanya
disimpan dalam buku log. Dengan itu, Sistem Keluar Masuk Ke Klinik
Kesihatan Selandar dibangunkan bagi menyelesaikan masalah yang
berlaku di ILP SELANDAR. Sistem ini mempunyai keupayaan merekod
maklumat keluar masuk pelajar dan semua data akan disimpan di dalam
pengkalan data. Antara kebaikan sistem ini ialah menghasilkan sistem yang
teratur bagi simpanan maklumat keluar masuk pelajar.

1.1. Pernyataan Masalah

Pada masa ini, Sistem Keluar Masuk Ke Klinik Kesihatan Selandar
menggunakan sistem manual merekod maklumat keluar/masuk pelajar
dalam buku log. Sistem semasa ini mempunyai beberapa kelemahan
seperti terdapat kemungkinan kehilangan data yang hanya disimpan
dalam buku log itu. Biasanya, pelajar dikehendaki menulis nama,
nombor kad pengenalan, masa dan tarikh buku log di ruangan admin.
Kadang-kadang ada kesilapan semasa mereka menulis butiran mereka
dan mungkin ada yang tidak betul menulis maklumat (cukup tulis identity
yang berbeza. Terdapat juga kes pelajar tidak menulis nama di buku log
dan staf admin tidak dapat mengesannya. Terdapat juga masalah untuk
mengenal pasti pelajar yang kembali ke asrama selepas masa yang
diberikan, ini adalah kerana terdapat beberapa pelajar yang menulis
maklumat yang salah semasa mereka mendaftar masuk. Sistem
semasa ini memerlukan warden menjana laporan secara manual
dengan menganalisis maklumat pelajar yang masuk/keluar.

4
1.2. Skop Projek
Skop yang terdapat dalam Sistem Keluar Masuk ke Klinik Kesihatan
Selandar mempunyai dua bahagian iaitu skop pengguna dan skop
sistem.

1.2.1. Skop Pengguna

Skop dari segi pengguna adalah untuk pelajar yang mengalami
masalah kesihatan dan Staf Admin ILP Selandar.

1.2.2. Skop Sistem

Dari segi sistem pula, sistem ini akan menyediakan modul
kebenaran, modul penyemakan data, dan modul cetak. Dalam sistem ini
juga memudahkan pengurusan Staf Admin untuk menyemak kembali
senarai pelajar keluar masuk ke klinik. Sistem ini juga terbahagi kepada
tiga modul iaitu :

i. Modul kebenaran
ii. Modul penyemakan data
iii. Modul Cetak

1.3. Tajuk Projek

Sistem Keluar Masuk Ke Klinik Kesihatan Selandar adalah tajuk
yang dipilih dimana berlakunya terdapat beberapa pelajar yang
mengalami masalah kesihatan. Selain itu, tajuk ini dipilih untuk
memudahkan pelajar untuk meminta kebenaran menuju ke klinik
kesihatan dan diterima oleh staf admin. Sistem ini juga dibangunkan
bagi memudahkan urusan staf admin untuk menyimpan data pelajar
dengan lebih efektif. Sistem ini sesuai digunakan di ILP Selandar
kerana ia juga dapat memudahkan pelajar dan staf admin untuk
memasukkan atau menyemak data pelajar pada sistem.

5
2. OBJEKTIF
1.1. Objektif Utama
Bertujuan membangunkan Sistem Keluar Masuk Ke Klinik
Kesihatan Selandar bagi pelajar meminta kebenaran untuk keluar
masuk untuk menuju ke klinik dan dapatkan rawatan dengan segera.

1.2. Objektif Sokongan

• Dapat memudahkan kemasukan data diterima dengan pantas
dan efektif serta disimpan secara terus ke pangkalan data.
• Pengajar mudah menyemak kebenaran keluar masuk ke klinik
yang telah dibina.
• Mengurangkan penggunakan buku log keluar masuk.

1.3. Spesifikasi Projek

1.3.1. Modul Kebenaran Keluar Masuk Ke Klinik Kesihatan
Selandar
Modul ini bertujuan untuk pengguna kebenaran keluar masuk ke klinik
untuk membuat rawatan dengan segera.

Berikut merupakan submodul bagi Modul Kebenaran Keluar Masuk Ke

Klinik Kesihatan Selandar.

i. Pendaftaran Baru
ii. Log Masuk
iii. Kebenaran Untuk Keluar Masuk Ke Klinik Kesihatan Selandar.
1.3.2. Modul Penyemakan Data
Modul ini bertujuan untuk admin melihat data keluar masuk
pelajar yang pergi ke klinik. Berikut merupakan submodul bagi
Modul Penyemakan Data.

i. Rekod keluar masuk

ii. Melihat data keluar masuk
iii. Memadam data keluar masuk
iv. Mengemaskini data keluar masuk

6
 1.3.3. Modul Cetak
Modul ini direka bagi staf admin untuk mencetak maklumat
pelajar keluar masuk ke klinik. Berikut merupakan submodul bagi
Modul Cetak.

i. Mencetak data keluar masuk

3. FAEDAH JANGKAAN
3.1. Faedah ketara

3.2. Faedah Tidak Ketara

4. REKABENTUK
4.1. Carta Alir

4.1.1. Carta Alir Log Masuk Pelajar

4.1.2. Carta Alir Memasukkan Data Pelajar Keluar Masuk

4.1.3. Carta Alir Paparan Keluar Masuk & Ubah Keluar Masuk

4.1.4. Carta Alir Cadangan

4.1.5. Carta Alir Log Masuk (ADMIN)

4.1.6. Carta Alir Pemilihan Sesi

4.1.7. Carta Alir Paparan Keluar Masuk Padam & Mencetak

7
4.2. USE CASE

8
4.3. Lakaran Storyboard
4.3.1. Rekabentuk Sistem Pengguna
1. LOGIN PAGE - Paparan input untuk pengguna
masukkan maklumat diri
i. Full Name – Textbo
ii. NDP – Textbox
iii. IC – Textbox
iv. Login – Button

Rajah 1 : Log masuk pengguna

2. REGISTER PAGE - Paparan input Register maklumat diri.

i. Full Name – Textbox
ii. NDP – Textbox
iii. IC – Textbox
iv. Sign Up – Button

Rajah 2 : Register pengguna

9
3. INFORMATION PAGE - Untuk pelajar melihat senarai
data pelajar yang ke klinik.

Rajah 3 : Maklumat pengguna

4. ADD PAGE - Untuk pelajar mengisi maklumat untuk ke

klinik
I. Masukkan NDP – Textbox
II. Masukkan nama - Textbox
III. Tarikh – Date
IV. Masa Pergi – Time
V. Masa Balik – Time
VI. Sebab Sakit – Combobox
VII. Submit - Button

Rajah 4 : Tambah pengguna

10
5. SUCCESS PAGE - Memaparkan pengguna sudah berjaya
daftar masuk kedalam sistem.

Rajah 5: Paparan Berjaya

6. PAPARAN PAGE - Memaparkan maklumat yang telah diisi

oleh pengguna

Rajah 6: Paparan Janji Temu

11
4.3.2. Rekabentuk Sistem Admin
1. LOGIN ADMIN PAGE - Paparan input untuk pengguna
masukkan maklumat diri.

Rajah 7 : Log Masuk Admin

1.

12
 5. SENARAI BAHAN & ANGGARAN KOS
5.1. Keperluan Perkakasan dan Perisian
PERKAKASAN PERISIAN
Mobile : PC / Dekstop
i. iPhone 11 i. Visual Studio Code
ii. RAM 4GB ii. Microsoft Word
iii. ROM 128GB iii. XAMPP 5.1.2
iv. iOS 16

Komputer Riba :
i. Huawei
ii. 11th Gen Intel® Core™ i5-1135G7
iii. RAM 16GB
5.2. Anggaran Kos

Bil. PERKARA JUMLAH KOS (RM)

1. Aplikasi Microsoft Office 2016 RM 200
2. XAMPP 5.1.2 Percuma
3. Visual Studio Code Percuma
4. Kos Utiliti (Kertas, Internet, dan lain-lain) RM 200
5. Printer HP 1060 Series RM 200
6. Laptop Huawei RM 2,500
7. Mobile iPhone 11 RM 4,000
JUMLAH RM 7,100

13
6. PERANCANGAN DAN PERLAKSANAAN PROJEK
6.1. Metodologi Projek
Membangunkan Sistem Keluar Masuk ke Klinik Kesihatan Selandar.
Metodologi Sistem Keluar Masuk berasaskan Web ini akan
dibincang dan langkah – langkah sistematik yang digunakan untuk
merancang dan membangunkan tapak web mengikut tujuh fasa iaitu
takrifan (define), pengumpulan keperluan (requirements gathering),
spesifikasi keperluan (requirements specification), rekabentuk
(design), pembangunan (development), pengujian (testing) dan
penilaian (evaluation).

6.1.1. Pengenalan
Metadologi boleh ditakrifkan sebagai satu kaedah atau langkah
yang digunakan untuk membangunkan serta menambahbaikkan
sesuatu projek serta keseluruhan projek mengikut kesesuaian dan
peredaran masa. Proses pertama bagi sesuatu projek adalah dengan
mengenalpasti masalah. Projek yang dilakukan mempunyai objektif
dan halatuju yang tetap. Sekiranya sesuatu projek itu tidak mencapai
objektif, projek tersebut dianggap gagal.

6.1.2. Kaedah Metodologi

Bab ini membincangkan metadologi yang digunakan di dalam
kajian ini. Kaedah yang digunakan untuk mendapatkan data ialah
kaedah (v-shaped model). V-Shaped Model ialah Model V yang lebih
generik dicontohkan oleh kaedah pembangunan perisian yang dikenali
sebagai model V[2], yang mungkin dilihat sebagai daripada paradigma
air terjun. Selepas fasa pengekodan (coding phase). V-Shaped Model
menggambarkan hubungan antara setiap peringkat kitaran hayat
pembangunan dan peringkat ujian yang sepadan. V-Shaped Model
ialah kaedah berulang pengurusan projek dan pembangunan perisian
yang menyokong pasukan dalam memberikan nilai kepada pelanggan
mereka dengan lebih cepat dan kurang tekanan. Mempunyai sistem
terbina dalam untuk menyesuaikan diri dengan pantas kepada
perubahan memandangkan keperluan, rancangan dan keputusan
dinilai secara berkala.
14
6.2. Penerangan Metodologi ?

6.2.1. Perancangan Sistem

6.2.2. Fasa Analisa Sistem

6.2.3. Fasa Rekabentuk Aturcara

6.2.4. Fasa Pembinaan Aturcara

6.2.5. Fasa Pengujian dan Penyemakan Ralat. Fasa Perlaksanaan

Sistem.

15
7. Carta Ganttt

16