44
1. Petugas tata usaha mengambil data peserta pelatihan yang telah tersimpan di database mahasiswa untuk diolah sebagai data mahasiswa yang akan
mengikuti pelatihan. 2. Kemudian data mahasiswa diolah sebagai daftar peserta pelatihan dan
diolah untuk penyusunan no peserta pelatihan dan dicetak sebagai kartu peserta pelatihan sebagai bukti ikut serta pelaksanaan pelatihan.
3. Kemudian petugas tata usaha menyerahkan kartu peserta pelatihan kepada Instruktur untuk disahkan. Dan diserahkan kembali ke bagian tata usaha
untuk mendapatkan cap dari bagian tata usaha. 4. Setelah itu kartu peserta pelatihan diberikan kepada mahasiswa untuk
disimpan sebagai syarat mengikuti pelatihan. Untuk mengetahui aliran proses mendapatkan kartu peserta pelatihan maka
akan digambarkan dalam bentuk flowmap pada gambar Gambar III.2.
45
Prosedur Mendapatkan Kartu Peserta Pelatihan
Instruktur Mahasiswa
Petugas Tata Usaha
Data Mahasiswa.xls
Pengolahan Data Mahasiswa
Data Peserta Pelatihan.xls
Cetak Kartu Peserta Pelatihan
Kartu Peserta Pelatihan
Data Peserta Pelatihan
Kartu Peserta Pelatihan
Ditandatangani A3
Cap Petugas Tata Usaha
Kartu Peserta Pelatihan
Kartu Peserta Pelatihan
Kartu Peserta Pelatihan
Ditandatangan Untuk Disahkan
Kartu Peserta Pelatihan
Ditandatangani A4
Gambar III.2 Flowchart Mendapatkan Kartu Peserta Pelatihan
Keterangan: A3 = Arsip data peserta pelatihan
A4 = Kartu peserta pelatihan
3. Kegiatan prosedur pelaksanaan pelatihan :
Prosedur pelaksanaan pelatihan terdiri dari beberapa kegiatan, yaitu : 1. Instruktur menyiapkan bahan ajar untuk pelatihan dari materi yang
dikumpulkan berdasarkan standar isi yang tediri dari standar kompetensi kemudian diarsipkan sebagai satu materi bahan ajar pelatihan.
46
2. Instruktur menerangkan bahan ajar yang telah disiapkan baik secara lisan maupun tertulis.
3. Mahasiswa mencatat materi yang diberikan instruktur sebagai catatan bagi para mekanik dan pilot.
4. Catatan mahasiswadisimpan sebagai bahan pembelajaran dirumah. Untuk mengetahui aliran proses kegiatan pelatihan di kelas maka akan
digambarkan dalam bentuk flowmap pada Gambar II.3.
Prosedur Pelaksanaan Pelatiahan
Mahasiswa Instruktur
Materi Berdasarkan
Standar Kompetensi
Membuat Materi Sesuai Standar
Kompetensi Materi Sesuai
Standar Kompetensi
Materi Sesuai Standar
Kompetensi
Mencatat Materi
Catatan Materi Mahasiswa
A5 A6
Gambar III.3 Flowchart Pelaksanaan Pelatihan
A5 = Arsip materi yang akan diajarkan kepada peserta pelatihan A6 = ArsipCatatan Mahasiswa
4. Kegiatan prosedur pelaksanaan ujian:
Kegiatan pelaksanaan ujianterdiri dari beberapa alur yaitu : 1. Instruktur menyiapkan soal, lembar jawaban kosong dan daftar peserta
training. 2. Instruktur memberikan daftar peserta training untuk ditandatangan oleh
peserta training sebagai bukti kehadiran.
47
3. Setelah itu instruktur membagikan soal dan lembar jawaban kepada peserta training.
4. Mahaiswa mengerjakan soal berdasarkan soal yang diberikan dengan kurun waktu yang ditentukan oleh instruktur.
5. Setelah waktu pengerjaan soal telah habis, peserta training mengumpulkan kembali soal dan lembar jawaban yang telah terisi kepada instruktur untuk
diperiksa oleh instruktur. Untuk mengetahui aliran proses pelaksanaan uji kompetensi maka akan
digambarkan dalam bentuk flowmap pada Gambar III.4 :
Prosedur Pelaksanaan Ujian
Mahasiswa Instruktur
Daftar peserta ujian yang belum ditanda tangani
Daftar peserta ujian yang belum ditanda
tangani
Daftar peserta ujian telah ditanda tangani
Proses penandatanganan
Daftar peserta ujian telah ditanda tangani
Lebar jawaban dan soal sudah
terisi Lebar jawaban dan
soal kosong
Mengerjakan soal
A7 Lebar jawaban dan
soal sudah terisi Lebar jawaban dan
soal kosong
Gambar III.4 Flowmap Pelaksanaan Ujian
48
Keterangan: A7 = Lembar soal dan jawaban yang telah terisi
III.1.6 Aturan Bisnis
Aturan bisnis adalah proses yang terjadi pada sebuah instansi atau perusahaan. Aturan bisnis yang terjadi pada Sekolah Tinggi Penerbangan
Indonesia untuk pelaksanaan training untuk pilot dan mekanik ada sebagai berikut:
1. Instruktur membuat dan mempersiapkan materi pelatihan, dimana standar materi yang disampaikan berdasarkan standar dari FAA Federal Aviation
Administration Amerika Serikat. 2. Peserta pelatihan hadir di kelas dan mengisi daftar hadir training.
3. Instruktur memberikan materi training di kelas. Materi yang diberikan berupa modul dalam bentuk kertas.
4. Instruktur menjelaskan materi kepada peserta training di dalam kelas. 5. Waktu pelaksanaan training ditentukan oleh instruktur.
6. Pada akhir training, dilaksanakan sebuah uji kompetensi untuk melihat hasil dari training.
7. Peserta training mengerjakan uji kompetensi berdasarkan waktu yang ditentukan instruktur didalam kelas dengan mangisi jawaban dari lembar
soal dan jawaban yang disediakan oleh instruktur. 8. Setelah selesai, peserta mengumpulkan jawaban dan soal tersebut ke
instruktur. 9. Instruktur memeriksa lembar jawaban peserta dan menilai lembar jawaban.
10. Nilai diumumkan dan untuk peserta yang belum lulus training disarankan mengikuti training kembali sesuai waktu yang ditentukan.
11. Berdasarkan ketentuan dari FAA Federal Aviation Administration, soal dan pelajaran dalam training hanya digunakan satu kali. Soal dan
pelajaran yang telah digunakan tidak akan digunakan kembali pada training berikutnya.
12. Satu instruktur hanya mengajar satu mata pelajaran.
49
III.1.7 Spesifikasi Kebutuhan Perangkat Lunak
Spesifikasi kebutuhan perangkat lunak bertujuan untuk menghasilkan spesifikasi yang diperlukan dalam sistem. Spesifikasi kebutuhan perangkat lunak
tebagi menjadi dua, yaitu kebutuhan fungsional lihat tabel III.1 dan kebutuhan non fungsional lihat tabel III.2.
Tabel III.2 Kebutuhan Fungsional
Nomor Spesifikasi Kebutuhan Perangkat Lunak
SKPL-F-001 Pengguna administrator, instruktur,mahasiswa mekanik dan pilot
harus login terlebih dahulu untuk masuk kedalam sistem. SKPL-F-002
Sistem dapat menampilkan informasi data instruktur, mekanik, pilot dan pelajaran.
SKPL-F-003 Sistem dapat membantu admin untuk mengolah data master data
instruktur, mekanik dan pilot. SKPL-F-004
Sistem dapat membantu Instruktur untuk mengolah data pelajaran dan ujian.
SKPL-F-005 Sistem dapat membantu instruktur dan mahasiswa untuk meng-
upload dan mendownload materi. SKPL-F-006
Sistem menyediakan layanan bagi penggunanya data instruktur, mekanik dan pilot untuk melakukan diskusi
SKPL-F-007 Sistem dapat membantu instruktur untuk melakukan ujian online
kepada mekanik dan pilot sebagai referensi untuk mengetahui kemampuan mekanik dan pilot terhadap materi yang diberikan.
SKPL-F-008 Pada materi akan diberikan ujian online untuk mengukur
kemampuan dan kelayakan mekanik dan pilot. SKPL-F-009
Sistem dapat menampilkan nilai hasil ujian online.
50
Tabel III.3 Kebutuhan Non-fungsional
Nomor Spesifikasi Kebutuhan Perangkat Lunak
SKPL-NF-001 Sistem ini dibangun dalam bentuk website.
SKPL-NF-002 Sistem hanya dapat diakses oleh admin, instruktur, mekanik dan pilot
di Sekolah Tinggi Penerbangan Indonesia. SKPL-NF-003
Materi pembelajaran yang di-upload berbentuk doc, pdf, video.flv, rarzip.
SKPL-NF-004
Batas untuk upload adalah 50 MB
SKPL-NF-005
Materi dapat di download berdasarkan jurusan.
SKPL-NF-006
Setiap soal ujian akan direlasikan dengan materi yang diupload ke dalam sistem.
SKPL-NF-007
Soal ujian berupa pilihan ganda.
SKPL-NF-008
Waktu ujian bisa di atur oleh instruktur yang bersangkutan
SKPL-NF-009
Skala nilai untuk ujian online yaitu antara 10 sampai sengan 100.
SKPL-NF-010
Hasil ujian akan berupa nilai ujian dan report kekurangan mahasiswa dalam materi yang bersangkutan.
SKPL-NF-011
Tempat untuk melakukan ujian materi dilakukan di Sekolah Tinggi Penerbangan Indonesia.
III.1.8 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non-fungsional bertujuan untuk menghasilkan spesifikasi pendukung dari sistem yang sedang berjalan. Analisis non fungsional
meliputi analisis pengkodean, analisis kebutuhan perangkat lunak, analisis
51
kebutuhan perangkat keras,serta kebutuhan perangkat pikir user dari pengguna sedang berjalan.
III.1.8.1 Analisis Pengkodean
Analisis pengkodean bertujuan membahas tentang pengkodean yang ada di Sekolah Tinggi Penerbangan Indonesia terdiri dari pengkodean Nomor Induk
Pegawai NIP, Nomor Induk Siswa NIS dan Pengkodean Meteri. 1 Pengkodean NIP
Pengkodean NIP terdiri dari 18 digit, format standar sebagai berikut.
9999 99 99 9999 99 9 999 Nomor urut PNS
Bulan kerja Kode jenis kelamin
Tahun kerja Tanggal lahir
Bulan lahir Tahun lahir
Gambar III.5 Pengkodean NIP Nasional
Contoh : 195902221979031001 berarti instruktur tersebut lahir pada tanggal 22 bulan Februari tahun 1959, diangkat menjadi pegawai
negeri sipil pada bulan Maret tahun 1979, berjenis kelamin laki-laki dan terdaftar dengan nomor urut 001.
2 Pengkodean NIS Pengkodean NIS terdiri dari 9 digit, format standar sebagai berikut :
52
Gambar III.6 Pengkodean NIS
Contoh : CIII0908530 , menunjukkan mahasiswa tersebut jurusan mekanik masuk sekolah pada tahun ajaran 2008-2009 dengan nomor
urut 530. 3 Pengkodean Mata Pelajaran
Pengkodean yang diusulkan untuk mata pelajaran di Sekolah Tinggi Penerbangan Indonesia terdiri dari 6 digit, yaitu dengan format sebagai
berikut :
Gambar III.7 Pengkodean Mata Pelajaran
Contoh : PP002, menunjukan nama pelajran tersebut bernama power plan dengan nomor urut 002
III.1.8.2 Analisis Kebutuhan Perangkat lunak
Perangkat lunak yang digunakan sehari-hari di Sekolah Tinggi Penerbangan Indonesia menggunakan:
1 Sistem operasi Windows 7. 2 Web browser menggunakan Google Chrome atau Mozilla Firefox dan
Internet Explorer. Sedangkan perangkat lunak yang dibutuhkan untuk menjalankan sistem ini
digunakan perangkat lunak pendukung sebagai berikut:
53
1 Sistem operasi Windows 7. 2 Web browser menggunakan Google Chrome atau Mozilla Firefox dan
Internet Explorer. Berdasarkan data tersebut, maka perangkat keras di sekolah telah mencukupi
untuk dikembangkannya sistem E-tearning yang akan dibangun.
III.1.8.3 Analisis Kebutuhan Perangkat Keras
Analisis kebutuhan perangkat keras digunakan untuk mempermudah proses perancangan dan implementasi. Berdasarkan hasil pengamatan yang ada,
spesifikasi hardware yang dimiliki oleh Sekolah Tinggi Penerbangan Indonesia tampak pada Tabel III.4.
Tabel III.4 Analisis kebutuhan perangkat keras di Sekolah Tinggi Penerbangan Indonesia
No Perangkat Keras
Spesifikasi
1 Prosessor
Processor dengan kecepatan minimal 2,0 Ghz
2 Monitor
Monitor dengan resolusi 1024 x 768
3 VGA
VGA 512 MB
4 Hardisk
160 GB 5
Memori
RAM 2 GB
6 Lan Card
Lan Card 10100 Mbps
7 Koneksi
Koneksi Internet minimal 72 kbps. Sedangkan untuk menjalankan sistem yang akan dibangun
direkomendasikan dengan spesifikasi perangkat keras sebagai berikut.
54
Tabel III.5 Analisis kebutuhan perangkat keras yang dibutuhkan Sekolah Tinggi Penerbangan Indonesia
No Perangkat Keras
Spesifikasi
1 Prosessor
Processor dengan kecepatan minimal 1,8 Ghz
2 Monitor
Monitor dengan resolusi 1024 x 768
3 VGA
VGA minimal 256 MB
4 Hardisk
120 GB 5
Memori
RAM minimal 1 GB
6 Lan Card
Lan Card 10100 Mbps
7 Koneksi
Koneksi Internet minimal 64 kbps. Setelah melihat data tersebut, maka diperoleh kesimpulan bahwa Sekolah
Tinggi Penerbangan Indonesia tidak perlu menambah spesifikasi lagi, karena spesifikasi perangkat keras yang dimiliki sudah cukup sistem yang sedang
berjalan.
III.1.8.4 Analisis Kebutuhan Perangkat Pikir
Analisis kebutuhan perangkat pikir merupakan analisis terhadap pengguna yang akan menggunakan sistem yang telah dibangun. Perangkat keras
dan perangkat lunak yang ada tidak akan berguna apabila ti dak ada pengguna yang mengoperasikannya. Adapun kebutuhan perangkat pikir yang terlibat
dalam pengembangan sistem E-training Sekolah Tinggi Penerbangan Indonesia terbagi menjadi 2, yaitu analisis pengguna yang ada di instansilihat
Tabel III.6 dan analisis pengguna yang akan menggunakan sistemdapat dilihat pada Tabel III.7
55
Tabel III.6 Analisis Pengguna Yang Ada Di Instansi
Untuk memaksimalkan penggunaan sistem yang akan dibangun maka pengguna aplikasi ini dibagi menjadi empat kategori, yaitu administrator, instruktur,
mahasiswa. Spesifikasi pengguna dapat dideskripsikan sebagai berikut : 1. Administrator adalah user yang melakukan pengolahan secara
keseluruhan terhadap aplikasi sistem E-training di Sekolah Tinggi Penerbangan ini.
2. Instruktur adalah user yang memberikan materi pelajaran dan uji materi kepada mekanik dan pilot. Dalam hal ini instruktur juga mendapatkan
pembelajaran mengenai bagaimana aplikasi E-training ini berjalan. 3. Mahasiswa yang terdiri dari mekanik dan pilot merupakan pengguna
yang akan mendapatkan materi pelajaran yang disampaikan oleh instruktur dan mendapatkan uji materi berupa soal yang diberikan oleh
instruktur.
Pengguna Tanggung Jawab
Tingkat Pendidikan
Tingkat Keterampilan
Instruktur
Memberikan materi dan ujian kepada
mahasiswa
Minimal S1
Menguasai pemahaman yang cukup untuk
mengelola dan mengakses data dalam sebuah web.
Mahasiswa
Mendapatkan materi, ujian yang
diberikan oleh instruktur
Min. SMA atau sederajat.
Menguasai pemahaman yang cukup untuk
mengakses data dalam sebuah web.
Administrator Pegawai Tatat Usaha
yang mengelola data mahasiswa dan
instruktur. Minimal S1
Menguasai pemahaman yang cukup untuk
mengelola dan mengakses data dalam sebuah web.
56
Tabel III.7 Analisis pengguna yang akan menggunakan sistem
Pengguna Hak Akses
Tingkat Pendidikan
Jenis Pelatihan
Admin
Mengelola data instruktur, mekanik,
dan pilot.
Minimal S1
Cara mengoperarikan aplikasi dan mengolah data
dalam web.
Instruktur
Mengelola Materi, Tugas,
pengumuman,diskusi dan Ujian.
Minimal S1
Cara pengelolaan aplikasi dengan hak akses milik
instruktur
Mahasiswa
Mengakses Materi, tugas, ujian, diskusi
Min. SMA atau
sederajat Cara pengaksesan aplikasi
dengan hak akses milik mekanik
III.1.9 Analisis Data
Tahap analisis basis data ini dilakukan agar diperoleh suatu sistem yang sesuai dengan apa yang diinginkan, dimana dapat dilakukan dengan tahapan
membuat ERD Entity Relationship Diagram. ERD digunakan untuk menggambarkan relasi antar tabel dengan tujuan untuk memperjelas hubungan
antar tabel penyimpanan. ERD pada sistem e-training di Sekolah Tinggi Penerbangan Indonesia dapat dilihat pada Gambar III.8 berikut:
57
forum
mahasiswa instruktur
mengelola pelajaran
memliki
memiliki materi
ujian mengelola
ujian_mahasiswa administrator
mengelola mengelola
mengelola
komentar_forum
memiliki
Id_komentar Id_topik
nip
nip
kode_peajaran kode_materi
kode_soal
kode_ujian
kode
kode nis
1
N 1
N
N 1
1 N
1 1
N 1
1
1 N
N N
N 1
N N
bank_soal memiliki
N N
memiliki
mata_pelajaran_mahasiswa
N
Gambar III.8 Entity Ralationship Diagram
58
Entitas serta relasi pada Entity Relationship Diagram ERD memiliki atribut yang dijelaskan pada Tabel III.8
Tabel III.8 Keterangan Atribut Entitas Pada ERD
NO. Nama Entitas
Atribut 1.
Administrator Nip, Nama, Alamat, Kelamin, Tlp, Foto, Email, NIS,
Password 2.
Instruktur Nip, Nama, Alamat, Kelamin, Tlp, Foto, Email,
Password 3.
Mahasiswa NIS, Nama, Tlp, Alamat, TempatLahir, TanggalLahir,
Kelamin, Foto, Email, Password, Jurusan, Angkatan, Kode
4. Forum
IdTopik, Tanggal, Topik_forum, User, JenisUser, DeskForum, NIP, NIP, NIS
5. Komentar_forum
IdKomentar, Tanggal, Komentar, User, Jenis User, IdTopik
6. Pelajaran
Tanggal, Kode Pelajaran, Nama Pelajaran, Instruktur, Jurusan, Status, NIP
7. Materi
Tanggal, Kode Materi, Judul Materi, Kode Pelajaran, Deskripsi Materi, FileMateri, VideoMateri
8. Bank_Soal
Kode_Soal, Tanggal, Pertanyaan, PilihanA, PilihanB, PilihanC, PilihanD, Jawaban
9. Ujian
Tanggal, KodeUjian, JudulUjian, JumlahSoal,
Pelajaran, Waktu, Online, Deadline, Status, Deskripsi, KodeSoal, Kode
10. Ujian_mahasiswa
Kode, KodeUjian, Mulai,Selesai, Nilai, NIS 11.
Matapelajaran_permahasiswa Kode, Tanggal, NIS, KodePelajaran, NilaiAkhir, Status
III.1.10 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional bertujuan untuk menganalisis proses yang akan diterapkan dalam sistem dan menjelaskan kebutuhan yang diperlukan agar
59
sistem dapat berjalan dengan baik serta sesuai dengan kebutuhan proses informasi dari sistem E-training di Sekolah Tinggi Penerbangan Indonesia.
Analisis fungsional dimodelkan dengan menggunakan Diagram Konteks Tahapan pemodelan dalam analisis tersebut antara lain mengidentifikasi aktor,
pembuatan DFD Data Flow Diagram.
III.1.10.1 Diagram Konteks
Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan seluruh elemen sistem sebagai sebuah bubble tunggal dengan
data input output yang ditunjukkan oleh anak panah yang masuk dan keluar secara berurutan. Terdapat empat pengguna yaitu Administrator admin, Instruktur,
Mekanik, dan Pilot. Diagram konteks pada Aplikasi E-training di Sekolah Tinggi Penerbangan Indonesia digambarkan pada Gambar III.9 berikut ini.
60
Sistem E-training Sekolah Tinggi Penerbangan Indonesia
Administrator Instruktur
Data Login Administrator Data Instruktur
Data Mahasiswa Data Cari Instruktur
Data Cari Mahasiswa Data Forum
Info Login Administrator Info Instruktur
Info Mahasiswa Info Cari Instruktur
Info Mahasiswa Info Forum
Data Login Instruktur Data Profil Instruktur
Data Pelajaran Data file materi
Data Ujian Data Nilai Ujian
Data Nilai Pelajaran Data Forum
Info Login Instruktur Info Profil Instruktur
Info Pelajaran Info file materi
Info Ujian Info Nilai Ujian
Info Nilai Pelajaran Info Forum
Mahasiswa Data Login Mahasiswa
Data Profil Mahasiswa Data Pelajaran
Data Materi Data file materi
Data Ujian Data Nilai Ujian
Data Nilai Pelelajaran Data Forum
Info Login Mahasiswa Info Profil Mahasiswa
Info Pelajaran Info Materi
Info file materi Info Ujian
Info Nilai Ujian Info Nilai Pelajaran
Info Forum
Gambar III.9 Diagram Konteks
61
III.1.10.2 Data Flow Diagram DFD
Data Flow Diagram DFD adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu
jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan
nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.
Gambar DFD Level 1 Gambar III.10 berikut ini menjelaskan bahwa pengguna web dapat melakukan akses pada website dengan memilih menu yang
ada ke dalam sistem sebagai administrator, instruktur, mekanik serta pilot yang di dalamnya terdapat beberapa pilihan yang berbeda sesuai hak akses pada setiap
pengguna. Dari proses-proses yang terlihat pada DFD level 1 Gambar III.10, dapat
diturunkan lagi menjadi level 2, dimana setiap prosesnya merupakan rincian detail proses yang terjadi pada level 1, hal ini dilakukan agar proses–proses yang terjadi
dapat lebih mudah untuk dapat dipahami.
62
1 Login
2 Pengolahan
Data Master
4 Pengolahan
Data Pengguna
5 Pengolahan
Data Pelajaran
7 Pengolahan
Data Ujian
8 Pengolahan
Forum Administrator
administrator Data Login Administrator
Info Login Administrator Data Login Administrator
Info Login Administrator Data Instruktur
Data Mahasiswa Info Instruktur
Info Mahasiswa instruktur
Data Request Akun Data Request Akun
mahasiswa Data Mahasiswa
Data Mahasiswa
3 Pengolahan
Request Akun Instruktur
Data login Instruktur Info login Instruktur
Mahasiswa Data login Mahasiswa
Info login Mahasiswa Data login Instruktur
Data login Instruktur Data Mahasiswa
Data Mahasiswa
Data Request Akun Instruktur Data Request Akun
Info Request Akun
Info Request Akun Instruktur Data Request Akun
Info Request Akun Data Instruktur
Data Instruktur request_akun
Data Mahasiswa Data Mahasiswa
Data Instruktur Info Instruktur
Data Request
Data Mahasiswa Info Mahasiswa
Data Instruktur
Data Instruktur
6 Pengolahan
Data Materi Data Pelajaran
Info Pelajaran Data Pelajaran
Info Pelajaran pelajaran
Data Pelajaran Data Pelajaran
Data Materi Info Materi
matapelajaran_permahasiswa Data mataelajaran_permahasiswa
Data mataelajaran_permahasiswa materi
Data Materi Info Materi
Data materi Data Materi
Data Ujian Info Ujian
Data Ujian Info Ujian
bank_soal ujian
soal_ujian_permahasiswa ujian_mahasiswa
Data Bank_soal Data Bank_soal
Data Ujian Data Ujian
Data Soal_ujian_permahasiswa Data Soal_ujian_permahasiswa
Data Ujian_mahasiswa Data Ujian_mahasiswa
Data Forum Info Forum
Data Forum Info Forum
forum komentar_forum
Data Forum Data Forum
Data Komentar_forum Data Komentar_forum
Data Mahasiswa Data Mahasiswa
Gambar III.10 DFD Level 1 E-Training Sekolah Tinggi Penerbangan
Indonesia
63
Gambar III.11 dibawah ini merupakan proses login dimana terdapat 2 proses di dalamnya yaitu verifikasi username, verifikasi password. Pengguna yang
terlibat dalam proses ini adalah administrator, instruktur, mekanik, dan pilot.
Instruktur
Mahasiswa 1.1
Verifikasi Username
Data login Instruktur Info login Instruktur
instruktur
mahasiswa Data login Mahasiswa
Data login Mahasiswa Administrator
Data login administrator
Info login administrator administrator
Data login administrator Data login administrator
Data login Instruktur Data login Instruktur
Info login Mahasiswa
1.2 Verifikasi
Password Data login Mahasiswa
Data login Mahasiswa Info login Mahasiswa
Data login Mahasiswa
Data login Mahasiswa Data login Instruktur
Info login Instruktur Data login administrator
Info login administrator Data login Instruktur
Data login Instruktur Data login administrator
Data login administrator
Gambar III.11 DFD Level 2 Proses 1 Login
Gambar III.12 dibawah ini merupakan proses pengolahan data master dimana terdapat 3 proses di dalamnya yaitu pengolahan data instruktur,
pengolahan data mekanik dan pengolahan data pilot. Pengguna yang terlibat dalam proses ini adalah administrator.
64
Administrator 2.1
Pengolahan data
instruktur
2.2 Pengolahan
Data mekanik
Data instruktur Info instruktur
Data mahasiswa Info mahasiswa
instruktur
mahasiswa Data
instruktur Data
instruktur Data
mahasiswa Data
mahasiswa
Data mahasiswa
Info mahasiswa Data
mahasiswa Data
Mahasiswa 2.1
Pengolahan Data pilot
Gambar III.12 DFD Level 2 Proses 2 Pengolahan Master
Gambar III.13 dibawah ini merupakan proses pengolahan data instruktur dimana terdapat 4 proses di dalamnya yaitu import, tampil, hapus, dan cari data
instruktur. Pengguna yang terlibat dalam proses ini adalah administrator.
65
Administrator 2.1.1
Import data instruktur
2.1.2 Tampil
data instruktur
2.1.3 Hapus data
instruktur
2.1.4 Cari data
instruktur Data Instruktur
Info Instruktur
Data Instruktur Info Instruktur
Info Instruktur Data Instruktur
Info cari Instruktur Data cari Instruktur
instruktur Data Instruktur
Data Instruktur Data Instruktur
Data Instruktur
Data Instruktur Data Instruktur
Data cari Instruktur Data cari Instruktur
Gambar III.13 DFD Level 3 Proses 2.1 Pengolahan Data Instruktur
Gambar III.14 dibawah ini merupakan proses pengolahan data mekanik dimana terdapat 4 proses di dalamnya yaitu import, tampil, cari dan hapus data
mahasiswa. Pengguna yang terlibat dalam proses ini adalah administrator.
66
Administrator 2.2.1
Import data mekanik
2.2.2 Tampil data
mekanik
2.2.3 Hapus data
mekanik
2.2.4 Cari data
Mekanik Data Mahasiswa
Info Mahasiswa
Data Mahasiswa Info Mahasiswa
Info Mahasiswa Data Mahasiswa
Info cari Mahasiswa Data cari Mahasiswa
Mahasiswa Data Mahasiswa
Data Mahasiswa Data Mahasiswa
Data Mahasiswa
Data Mahasiswa Data Mahasiswa
Data cari Mahasiswa Data cari Mahasiswa
Gambar III.14 DFD Level 3 Proses 2.2 Pengolahan Data Mekanik
Gambar III.15 dibawah ini merupakan proses pengolahan data pilot dimana terdapat 4 proses di dalamnya yaitu import, tampil, cari dan hapus data
mahasiswa. Pengguna yang terlibat dalam proses ini adalah administrator.
67
Admin 2.3.1
Import data pilot
2.3.2 Tampil data
pilot
2.3.3 Hapus data
pilot
2.3.4 Cari data
pilot Data Mahasiswa
Info Mahasiswa
Data Mahasiswa Info Mahasiswa
Info Mahasiswa Data Mahasiswa
Info cari Mahasiswa Data cari Mahasiswa
Mahasiswa Data Mahasiswa
Data Mahasiswa Data Mahasiswa
Data Mahasiswa
Data Mahasiswa Data Mahasiswa
Data cari Mahasiswa Data cari Mahasiswa
Gambar III.15 DFD Level 3 Proses 2.3 Pengolahan Data Pilot
Gambar III.16 dibawah ini merupakan proses pengolahan data request akun dimana terdapat 1 proses di dalamnya yaitu input data akun. Pengguna yang
terlibat dalam proses ini adalah administrator, mekanik, pilot, dan instruktur.
68
3.1 Input Data
Akun Administrator
Mahasiswa
Instruktur request_akun
Data request akun Info request akun
Data request akun Info request akun
Data request akun
Data request akun Info request akun
Data request akun Data request akun
Info request akun
3.2 Simpan Data
Akun
Data request akun Info request akun
Data request akun Info request akun
Data request akun Info request akun
Data request akun Data request akun
Data request akun Data request akun
Data request akun Data request akun
Gambar III.16 DFD Level 2 Proses 3 Input Data Request Akun
Gambar III.17 dibawah ini merupakan proses pengolahan data pengolahan request akun dimana terdapat 3 proses di dalamnya yaitu data request akun, akun
disetujui, dan akun tidak disetujui. Pengguna yang terlibat dalam proses ini adalah administrator.
69
3.2.2 Akun Disetujui
request_akun
Administrator
administrator mahasiswa
instrukur
Data request akun
Data request akun Data request akun
Data request akun Data request akun
Data request akun
Data request akun Data request akun
3.2.1 Data Request
Akun
Data request akun Data request akun
Info request akun Data request akun
Data request akun Info request akun
3.2.3 Akun Tidak
Disetujui
Data request akun Info request akun
Info request akun Data request akun
Gambar III.17 DFD Level 3 Proses 3 Pengolahan Request Akun
Gambar III.18 dibawah ini merupakan proses pengolahan data pengguna dimana terdapat 2 proses di dalamnya yaitu ubah profil dan ubah password data
instruktur dan mahasiswa . Pengguna yang terlibat dalam proses ini adalah instruktur, mahasiswa.
70
4.1 Ubah
profil
4.2 Ubah
Password Instruktur
Mahasiswa mahasiswa
instruktur Data Mahasiswa
Info Mahasiswa
Data Instruktur Data Instruktur
Data Instruktur Data Instruktur
Data Mahasiswa Data Mahasiswa
Data ubah password Mahasiswa Data ubah password Mahasiswa
Data Instruktur Info Instruktur
Data Instruktur Info Instruktur
Data Mahasiswa Info Mahasiswa
Gambar III.18 DFD Level 2 Proses 4 Pengolahan Data Pengguna
Gambar III.19 dibawah ini merupakan proses pengolahan data prlajaran dimana terdapat 3 proses di dalamnya yaitu tambah data pelajaran, edit pelajaran
pelajaran, dan hapus pelajaran. Pengguna yang terlibat dalam proses ini adalah instruktur.
71
5.1 Tambah Data
Pelajaran
Instruktur Data Pelajaran
Info Pelajaran Data Pelajaran
Data Pelajaran
5.2 Edit Pelajaran
5.3 hapus Pelajaran
Data Pelajaran Info Pelajaran
Data Pelajaran Info Pelajaran
Data Pelajaran Data Pelajaran
Data Pelajaran Data Pelajaran
pelajaran
Gambar III.19 DFD Level 2 Proses 5 Pengolahan Pelajaran
Gambar III.20 dibawah ini merupakan proses pilih pelajaran terdapat 3 proses didalamnya yaitu pilih tampil pelajaran, pilih pelajaran, nilai pelajaran,
Pengguna yang terlibat dalam proses ini adalah mahasiswa dan instruktur.
pelajaran
5.2.2 Pilih Pelajaran
matapelajaran_permahasiswa Data Pelajaran
Mahasiswa Data Mata Pelajaran mahasiswa
Info Mata Pelajaran mahasiswa Data Pelajaran
Data Mata Pelajaran mahasiswa Data Mata Pelajaran mahasiswa
5.2.1 Tampil data
Pelajaran
Data Pelajaran Data Pelajaran
Data Pelajaran Data Pelajaran
5.2.3 Nilai Pelajaran
Data Nilai Pelajaran Info Nilai Pelajaran
Data Nilai Pelajaran Data Nilai Pelajaran
Instruktur Data Nilai Pelajaran
Info Nilai Pelajaran Data Nilai Pelajaran
Data Nilai Pelajaran
Gambar III.20 Level 3 Proses 5.2.1 Pilih Pelajaran
Gambar III.21 dibawah ini merupakan proses pengolahan data materi dimana terdapat 2 proses di dalamnya yaitu upload dan download materi.
Pengguna yang terlibat dalam proses ini adalah instruktur dan mahasiswa.
72
Instruktur 6.1
Upload materi
6.2 Download
materi Mahasiswa
Data materi Info Materi
Data materi Info Materi
Materi Data materi
Data materi
Data materi Data materi
Pelajaran
Data Pelajaran
Gambar III.21 level 2 Proses 6 Upload Download Materi
Gambar III.22 dibawah ini merupakan proses pengolahan data ujian dimana terdapat 5 proses di dalamnya yaitu tambah ujian, ubah ujian, detail
ujian, pengolahan data soal, nilai ujian. Pengguna yang terlibat dalam proses ini adalah instruktur, mahasiswa.
73
Instruktur 7.1
Tambah Ujian
7.2 Ubah Ujian
7.3 Detail Ujian
7.4 Pengolahan
Data Soal
Mahasiswa Data Ujian
Info Ujian Data ujian
Info Ujian
Data detail Ujian Info detail ujian
Info Soal Data Soal
Data Soal Ujian Permahasiswa Info Soal Ujian Permahasiswa
Ujian Data Ujian
Data Ujian
Data ujian Data ujian
Data Ujian
bank_soal
Data Soal
Data Soal Data Ujian
Pelajaran Data Pelajaran
soal_ujian_permahasiswa ujian_mahasiswa
Data Soal Ujian Permahasiswa Data Soal Ujian Permahasiswa
Data Ujian Mahasiswa Data Ujian Mahasiswa
Data Ujian Mahasiswa Data Ujian Mahasiswa
Data Ujian Mahasiswa Data Ujian Mahasiswa
7.5 Nilai Ujian
Data Nilai Ujian Permahasiswa Info Nilai Ujian Permahasiswa
Data Nilai Ujian Permahasiswa Data Nilai Ujian Permahasiswa
Data Nilai Ujian Permahasiswa
Data Nilai Ujian Permahasiswa Data Nilai Ujian Permahasiswa
Data Nilai Ujian Permahasiswa
Gambar III.22 DFD Level 3 Proses Pengolahan Data Ujian
Gambar III.23 dibawah ini merupakan proses pengolahan data soal dimana terdapat 4 proses di dalamnya yaitu tambah soal, ubah soal, hapus soal,
tampil soal data data soal. Pengguna yang terlibat dalam proses ini adalah instruktur.
74
Instruktur
Mahasiswa 7.4.1
Tambah Soal
7.4.2 Ubah Soal
7.4.3 Hapus Soal
7.4.4 Tampil
Soal Info Soal
Data Soal Info soal
Data Soal Info soal
Data Soal Info soal
Data Soal_Ujian_Permahasiswa Info Data soal_ujian_permahasiswa
bank_soal Data Soal
Data Soal
Data Soal Data Soal
Data Soal Data Soal
Data Soal Data Soal
Ujian Data id_ujian
Data Ujian
Data Ujian
Data Ujian Materi
Data Materi Data Soal
soal_ujian_ permahasiswa
Data soal_ujian_permahasiswa Data soal_ujian_permahasiswa
Data soal_ujian_permahasiswa Data soal_ujian_permahasiswa
Data soal_ujian_permahasiswa Data soal_ujian_permahasiswa
Data soal_ujian_permahasiswa Data soal_ujian_permahasiswa
Ujian_mahasiswa Data Ujian_mahasiswa
Data Ujian_mahasiswa Data Ujian_mahasiswa
Data Ujian_mahasiswa
Gambar III.23 DFD Level 2 Proses 9 Pengolahan Data Soal
Gambar III.24 dibawah ini merupakan proses pengolahan data forum dimana terdapat 4 proses di dalamnya yaitu tambah komentar,tampil komentar,
hapus komentar dan reply data forum. Pengguna yang terlibat dalam proses ini adalah administrator, instruktur, dan mahasiswa.
75
Instruktur 8.2
Tambah Komentar
8.4 Hapus
Komentar Info Forum
Data Forum
Info Forum
Data Forum
komentar_forum Data Forum
Data Forum
Data Forum Data Forum
Mahasiswa Data
Forum Info
Forum
8.3 Tampil
Komentar Info
Forum Data
Forum
Info Forum Data
Forum
8.5 reply
Data Forum
Info Forum
Data Forum
Info Forum
Data Forum Data Forum
instruktur Data instruktur
Data Forum Data Forum
8.1 Tambah
Topik forum
Info Forum Data Forum
Info Forum Data Forum
Data Forum Data Forum
Data Forum
Data Forum
Data Forum
Data Forum
mahasiswa
Data mekanik Data pilot
Gambar III.24 Level 2 Proses 9 Pengolahan Forum III.1.11 Spesifikasi Proses
Proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD pada subbab
sebelumnya akan dijelaskan pada Tabel III.9.
76
Tabel III.9 Spesifikasi Proses
No Urut Proses
Keterangan
1 No Proses
1 Nama Proses
Login Deskripsi Proses
Proses untuk bisa mengakses situs Source Sumber
Administrator, instruktur, mahasiswa Input
Data Login administrator, data login instruktur, data login mahasiswa
Output Info Login administrator, info login instruktur,
info login mahasiswa Destination Tujuan
Storage Administrator, storage Instruktur, storage Mahasiswa
Logika Proses 1. Administratorinstruktur mahasiswa
memasukan data login 2. Sistem akan memverifikasi data login ke data
store Jika verifikasi sukses maka
Administratorinstruktur mahasiswa masuk ke sistem
1. Jika verifikasi gagal maka akan menampilkan info gagal login
2 No Proses
2 Nama Proses
Pengolahan Data Master Deskripsi Proses
Proses untuk mengolah data administrator, instruktur , mahasiswa
Source Sumber Admin
Input Data olah instruktur, data olah mahasiswa
Output Info olah instruktur, info olah mekanik, dan info
olah pilot Destination Tujuan
Storage administrator, storage instruktur, storage mahasiswa
Logika Proses 1. Administrator melalukan salah satu menu
pilihan pengolahan data master 2. Sistem menampilkan form salah satu data
master yang dipilih oleh administrator. 3. Administrator melakukan pengisian data
master yang dipilih. 4. System menyimpan data.
77
Tabel III.10 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
3 No Proses
3 Nama Proses
Pengolahan Request Akun Deskripsi Proses
Proses untuk request akun Source Sumber
Administrator, instruktur, mahasiswa Input
Data request akun
Output Info request akun
Destination Tujuan Storage Request Akun
Logika Proses 1. Administratorinstruktur mahasiswa
memasukan data 2. Administrator akan memilih apakah data
disetujui atau tidak 3. Jika request akun disetujui maka data
Administratorinstruktur mahasiswa masuk ke sistem
4. Jika request akun tidak disetujui maka akan muncul info berhasil tidak menyetujui
permintaan 4
No Proses 4
Nama Proses Pengolahan Data Pengguna
Deskripsi Proses Proses untuk melakukan pengolahan data
pengguna Source Sumber
Instruktur, mahasiswa Input
Data instruktur, data mahasiswa Output
Info profil instruktur, info profil mahasiswa. Destination Tujuan
Data Store Instruktur, Data Store mahasiswa Logika Proses
1. Instruktur mahasiswa melakukan pilihan salah satu menu pengolahan data pengguna
2. Sistem menampilkan form salah satu menu pengolahan data pengguna.
78
Tabel III.11 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
5 No Proses
5 Nama Proses
Pengolahan Data Pelajaran Deskripsi Proses
Proses untuk mengolah data pelajaran Source Sumber
Instruktur, mahasiswa Input
Data pelajaran Output
Info pelajaran Destination Tujuan
Storage pelajaran, Storage mata pelajaran permahasiswa
Logika Proses 1. Instruktur mahasiswa melakukan pilihan
salah satu menu pengolahan data pelajaran 2. Sistem akan menampilkan form olah
pelajaran. 6
No Proses 6
Nama Proses Pengolahan Materi
Deskripsi Proses Proses untuk mengolah data materi
Source Sumber Instruktur, mahasiswa
Input Data materi
Output Info materi
Destination Tujuan Storage materi
Logika Proses 3. Instruktur mahasiswa melakukan pilihan
salah satu menu pengolahan data materi 4. Sistem akan menampilkan form olah
materi. 5. Instruktur mahasiswa melakukan upload
download data materi. 6. Sistem memberikan info data yang di
upload download 7
No Proses 7
Nama Proses Pengolahan data Ujian
Deskripsi Proses Proses untuk mengolah data ujian
Source Sumber Instruktur, mahasiswa
Input Data ujiam
Output Info ujian
Destination Tujuan Storage ujian, Storage soal ujian permahasiswa,
Storage bank soal, Storage Ujian Mahasiswa Logika Proses
1. Instruktur mahasiswa melakukan pilihan salah satu menu olah ujian
2. Sistem akan memberikan info data ujian yang di olah
79
Tabel III.12 Spesifikasi Proses lanjutan
No Urut
Proses Keterangan
8 No Proses
8 Nama Proses
Pengolahan Forum Deskripsi Proses
Proses mengolah data forum Source Sumber
Administraror, Instruktur, Mahasiswa Input
Data forum Output
Info forum Destination Tujuan
Storage forum, Storage komentar forum Logika Proses
1. Administratorinstruktur mahasiswa pilihan salah satu menu olah data forum
2. System memberikan info data diskusi yang forum 9
No Proses 1.1
Nama Proses Verifikasi username
Deskripsi Proses Proses untuk memverifikasi username
Source Sumber Administrator, instruktur, mahasiswa
Input Data nip, data nis
Output Info nip valid, info nis valid
Destination Tujuan Storage Administrator, Storage mahasiswa, dan Storage
Instruktur. Logika Proses
1. Administratorinstruktur mahasiswa. 2. Apabila username yang diinputkan benar maka
username valid. 3. Apabila username yang diinputkan tidak benar
maka akan ada informasi login invalid.
10 No Proses
1.2 Nama Proses
Verifikasi password Deskripsi Proses
Proses untuk memverifikasi password Source Sumber
Administrator, instruktur, mahasiswa Input
Data password, data password, data password, data password
Output Info password valid, info password valid, info password
valid, info password valid Destination Tujuan
Storage Administrator, Storage Instruktur, Storage mahasiswa
Logika Proses
1. Administratorinstrukturmahasiswa memasukkan username.
2. Apabila password yang diinputkan benar maka username valid.
3. Apabila password yang diinputkan tidak benar maka akan ada informasi login invalid.
80
Tabel III.13 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
11 No Proses
2.1 Nama Proses
Pengolahan data instruktur Deskripsi Proses
Proses untuk melakukan pengolahan data instruktur
Source Sumber Administrator
Input Data instruktur
Output Info instruktur
Destination Tujuan Storage instruktur
Logika Proses 1. Administrator melakukan pengolahan
salah satu menu pengolahan data instruktur
2. Sistem akan memberikan info data instruktur yang dipilih.
12 No Proses
2.1 Nama Proses
Pengolahan data instruktur Deskripsi Proses
Proses untuk melakukan pengolahan data instruktur
Source Sumber Administrator
Input Data instruktur
Output Info instruktur
Destination Tujuan Storage instruktur
Logika Proses 1. Administrator melakukan pengolahan salah
satu menu pengolahan data instruktur 2. Sistem akan memberikan info data instruktur
yang dipilih. 13
No Proses 2.2
Nama Proses Pengolahan data mekanik
Deskripsi Proses Proses untuk melakukan pengolahan data
mekanik Source Sumber
Administrator Input
Data mahasiswa Output
Info mahasiswa Destination Tujuan
Storage mahasiswa Logika Proses
1. Administrator melakukan pengolahan salah satu menu pengolahan data mekanik
2. Sistem akan memberikan info data mekanik yang dipilih.
81
Tabel III.14 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
14 No Proses
2.3 Nama Proses
Pengolahan data pilot Deskripsi Proses
Proses untuk melakukan pengolahan data pilot Source Sumber
Administrator Input
Data mahasiswa Output
Info mahasiswa Destination Tujuan
Storage mahasiswa Logika Proses
1. Administrator melakukan pengolahan salah satu menu pengolahan data pilot
2. Sistem akan memberikan info data pilot yang dipilih.
15 No Proses
2.1.1 Nama Proses
import data instruktur Deskripsi Proses
Proses meng-import data instruktur Source Sumber
Administrator Input
Data import instruktur Output
Info import instruktur Destination Tujuan
Storage instruktur Logika Proses
1. Administrator melakukan pengampilan data instruktur dari file excel
2. Administrator melakukan import data instruktur
3. Sistem akan menyimpan data instruktur yang diimport.
16 No Proses
2.1.2 Nama Proses
Tampil data instruktur Deskripsi Proses
Proses untuk menampilkan data instruktur Source Sumber
Administrator Input
Data tampil instruktur Output
Info tampil instruktur Destination Tujuan
Storage instruktur Logika Proses
1. Administraror melakukan pencarian data instruktur berdasarkan NIP atau nama yang
ingin ditampilkan. 2. Sistem akan menampilkan data instruktur
yang dicari.
82
Tabel III.15 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
17 No Proses
2.1.3 Nama Proses
Hapus data instruktur Deskripsi Proses
Proses untuk menghapus data instruktur Source Sumber
Administrator Input
Data hapus instruktur Output
Info hapus instruktur Destination Tujuan
Storage instruktur Logika Proses
1. Administrator melakukan pencarian data instruktur yang akan dihapus,
2. System akan menampilkan data instruktur 3. Administrator memilih instruktur yang ingin
dihapus 4. Sistem akan menghapus data instruktur.
18 No Proses
2.1.4 Nama Proses
Cari data instruktur Deskripsi Proses
Proses untuk mencari data instruktur Source Sumber
Administrator Input
Data cari instruktur Output
Info cari instruktur Destination Tujuan
Storage instruktur Logika Proses
1. Administrator memasukkan data pencarian
2. Sistem akan menampilkan data instruktur yang dicari.
19 No Proses
2.2.1 Nama Proses
import data mekanik Deskripsi Proses
Proses untuk mengimport data mekanik Source Sumber
Administrator Input
Data import mekanik Output
Info tambah mekanik Destination Tujuan
Storage mahasiswa Logika Proses
1. Administrator melakukan pengampilan data mekanik dari file excel
2. Administrator melakukan import data mekanik
3. Sistem akan menyimpan data mekanik yang diimport.
83
Tabel III.16 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
20 No Proses
2.2.2 Nama Proses
Tampil data mekanik Deskripsi Proses
Proses untuk menampilkan data mekanik Source Sumber
Administrator Input
Data tampil mahasiswa Output
Info tampil mahasiswa Destination Tujuan
Storage mahasiswa Logika Proses
1. Administraror melakukan pencarian data mekanik berdasarkan NIS atau nama yang
ingin ditampilkan. 2. Sistem akan menampilkan data mekanik yang
dicari. 21
No Proses 2.2.3
Nama Proses Hapus data mekanik
Deskripsi Proses Proses untuk menghapus data mekanik
Source Sumber Administrator
Input Data hapus mahasiswa
Output Info hapus mahasiswa
Destination Tujuan Storage mahasiswa
Logika Proses 1. Administrator melakukan pencarian data
mekanik yang akan dihapus, 2. System akan menampilkan data mekanik
3. Administrator memilih mekanik yang ingin dihapus
4. Sistem akan menghapus data mekanik. 22
No Proses 2.2.4
Nama Proses Cari data mekanik
Deskripsi Proses Proses untuk mencari data mekanik
Source Sumber Administrator
Input Data cari mahasiswa
Output Info cari mahasiswa
Destination Tujuan Storage mahasiswa
Logika Proses 1. Administrator memasukkan data pencarian
2. Sistem akan menampilkan data mekanik yang dicari.
84
Tabel III.17 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
23 No Proses
2.2.1 Nama Proses
import data pilot Deskripsi Proses
Proses untuk mengimport data pilot Source Sumber
Administrator Input
Data import mahasiswa Output
Info tambah mahasiswa Destination Tujuan
Storage mahasiswa Logika Proses
1. Administrator melakukan pengampilan data pilot dari file excel
2. Administrator melakukan import data pilot 3. Sistem akan menyimpan data pilot yang
diimport. 24
No Proses 2.2.2
Nama Proses Tampil data pilot
Deskripsi Proses Proses untuk menampilkan data pilot
Source Sumber Administrator
Input Data tampil mahasiswa
Output Info tampil mahasiswa
Destination Tujuan Storage mahasiswa
Logika Proses 1. Administraror melakukan pencarian data pilot
berdasarkan NIS atau nama yang ingin ditampilkan.
2. Sistem akan menampilkan data pilot yang dicari.
25 No Proses
2.2.3 Nama Proses
Hapus data pilot Deskripsi Proses
Proses untuk menghapus data pilot Source Sumber
Administrator Input
Data hapus mahasiswa Output
Info hapus mahasiswa Destination Tujuan
Storage mahasiswa Logika Proses
1. Administrator melakukan pencarian data pilot yang akan dihapus,
2. System akan menampilkan data pilot 3. Administrator memilih pilot yang ingin
dihapus 4. Sistem akan menghapus data pilot.
85
Tabel III.18 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
26 No Proses
2.2.4 Nama Proses
Cari data pilot Deskripsi Proses
Proses untuk mencari data pilot Source Sumber
Administrator Input
Data cari pilot Output
Info cari pilot Destination Tujuan
Storage mahasiswa Logika Proses
1. Administrator memasukkan data pencarian 2. Sistem akan menampilkan data pilot yang
dicari. 27
No Proses 3.1
Nama Proses Pengolahan request akun
Deskripsi Proses Proses untuk mengelola request akun
Source Sumber Administrator, instruktur, mekanik, pilot
Input Data request akun
Output Info request akun
Destination Tujuan Storage request akun
Logika Proses 1. Administrarorinstrukturmekanikpilot
memasukan data NIPNIS, nama, dan jenis login nya.
2. Sistem akan menampilkan data request akun . 25
No Proses 3.1.1
Nama Proses Tampil data request akun
Deskripsi Proses Proses tampil data request akun
Source Sumber Administrator
Input Data request akun
Output Info request akun
Destination Tujuan Storage request akun
Logika Proses Sistem akan menampilkan data request akun.
86
Tabel III.19 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
26 No Proses
3.1.2 Nama Proses
Cari data pilot Deskripsi Proses
Proses untuk menyetujui request akun Source Sumber
Administrator Input
Data request akun Output
Info request akun Destination Tujuan
Storage administrator, Storage instruktur, Storage mahasiswa
Logika Proses 1. Sistem menampilkan data request akun
berdasarkan jenis login yaitu administratormahasiswainstruktur
2. Administrator memilih ya, maka akun disetujui
3. Sistem akan menyimpan data administratormahasiswainstruktur ke
Storage administrator, Storage instruktur, Storage mahasiswa
27 No Proses
3.1.3 Nama Proses
Akun tidak disetujui Deskripsi Proses
Proses untuk tidak menyetujui request akun Source Sumber
Administrator, instruktur, mahasiswa Input
Data request akun Output
Info request akun Destination Tujuan
Storage request akun Logika Proses
1. Sistem menampilkan data request akun berdasarkan jenis login yaitu
administratormahasiswatinstruktur 2. Administrator memilih tidak, maka akun tidak
disetujui 3. Sistem akan menghapus data request akun
87
Tabel III.20 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
28 No Proses
4.1 Nama Proses
Ubah profil Deskripsi Proses
Proses untuk mengubah profil Source Sumber
Istruktur, mekanik, pilot Input
Data ubah profil Output
Info ubah profil Destination Tujuan
Storage instruktur, storage mahasiswa Logika Proses
1. Istruktur mahasiswa memasukkan data profil istruktur mahasiswa yang ingin dirubah.
2. Sistem menyimpan data profil istruktur mahasiswa yang dirubah.
29 No Proses
4.2 Nama Proses
Ubah password Deskripsi Proses
Proses untuk mengubah password Source Sumber
Istruktur, mahasiswa Input
Data ubah password Output
Info ubah password Destination Tujuan
Storage instruktur, storage mahasiswa Logika Proses
1. Istruktur mahasiswa memasukkan data password istruktur mahasiswa yang ingin
dirubah. 2. Sistem menyimpan data password istruktur
mahasiswa yang dirubah. 30
No Proses 5.1
Nama Proses Tambah Data Pelajaran
Deskripsi Proses Proses menambah data pelajaran
Source Sumber instruktur
Input Data pelajaran
Output Info pelajaran
Destination Tujuan Storage pelajaran
Logika Proses 1. Instruktur memasukkan data pelajaran
2. Sistem menyimpan data pelajaran
88
Tabel III.21 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
31 No Proses
5.2 Nama Proses
Edit Data Pelajaran Deskripsi Proses
Proses mengubah data pelajaran Source Sumber
instruktur Input
Data pelajaran Output
Info pelajaran Destination Tujuan
Storage pelajaran Logika Proses
1. Istruktur memasukkan data pelajaran yang ingin dirubah.
2. Sistem menyimpan data pelajaran yang dirubah.
32 No Proses
5.3 Nama Proses
Hapus data pelajaran Deskripsi Proses
Proses untuk menghapus pelajaran Source Sumber
instruktur Input
Data pelajaran Output
Info pelajaran Destination Tujuan
Storage pelajaran Logika Proses
1. Sistem akan menampilkan data pelajaran 2. Instruktur memilih pelajaran yang ingin
dihapus 3. Sistem akan menghapus data pelajaran.
33 No Proses
5.2.1 Nama Proses
Pilih Pelajaran Deskripsi Proses
Proses memilih pelajaran Source Sumber
Mahasiswa Input
Data pelajaran Output
Info pelajaran Destination Tujuan
Storage pelajaran, Storage matapelajaran permahasiswa
Logika Proses 3. Mahasiswa memilih data pelajaran
4. Sistem menyimpan data pelajaran
89
Tabel III.22 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
34 No Proses
6.1 Nama Proses
Upload materi Deskripsi Proses
Proses mengupload materi Source Sumber
Instruktur Input
Data upload materi Output
Info upload materi Destination Tujuan
Storage materi Logika Proses
1. Instruktur mengupload materi pelajaran 2. System menyimpan data materi yang diupload
35 No Proses
6.2 Nama Proses
Download materi Deskripsi Proses
Proses mendownload materi Source Sumber
Mahasiswa Input
Data download materi Output
Info download materi Destination Tujuan
Storage materi Logika Proses
1. Mahasiswa mendownload materi pelajaran 2. Mahasiswa memberikan informasi materi
yang ingin didownload. 36
No Proses 7.1
Nama Proses Tambah ujian
Deskripsi Proses Proses melakukan tambah ujian
Source Sumber Instruktur
Input Data tambah ujian
Output Info tambah ujian
Destination Tujuan Storage ujian, Storage ujian mahasiswa
Logika Proses 1. Instruktur menambahkan data ujian
2. System menyimpan data yang ditambah.
90
Tabel III.23 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
37 No Proses
7.2 Nama Proses
ubah ujian Deskripsi Proses
Proses melakukan ubah ujian Source Sumber
Instruktur Input
Data ubah ujian Output
Info ubah ujian Destination Tujuan
Storage ujian Storage ujian mahasiswa Logika Proses
1. Instruktur mengubah data ujian 2. System menyimpan data yang diubah.
38 No Proses
7.3 Nama Proses
detail ujian Deskripsi Proses
Proses untuk menampilkan detail ujian Source Sumber
Instruktur Input
Data tampil detail ujian Output
Info tampil detail ujian Destination Tujuan
Storage ujian Storage ujian mahasiswa Logika Proses
Sistem akan menampilkan data detail ujian. 39
No Proses 7.4
Nama Proses Pengolahan Data Soal
Deskripsi Proses Proses melakukan tambah soal
Source Sumber Instruktur
Input Data tambah soal
Output Info tambah soal
Destination Tujuan Storage ujian, Storage ujian mahasiswa
Logika Proses 1. Instruktur memasukakan data yang ingin
diolah 2. System menyimpan data yang diolah
91
Tabel III.24 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
37 No Proses
7.4.1 Nama Proses
Tambah soal Deskripsi Proses
Proses melakukan tambah soal Source Sumber
Instruktur Input
Data tambah soal Output
Info tambah soal Destination Tujuan
Storage bank soal, Storage soal ujian permahasiswa
Logika Proses 1. Instruktur menambahkan data soal
2. Sistem menyimpan data yang ditambah. 38
No Proses 7.4.2
Nama Proses ubah soal
Deskripsi Proses Proses melakukan ubah soal
Source Sumber Instruktur
Input Data ubah soal
Output Info ubah soal
Destination Tujuan Storage bank soal, Storage soal ujian
permahasiswa Logika Proses
1. Instruktur mengubah data soal 2. System menyimpan data yang diubah.
39 No Proses
7.4.3 Nama Proses
Hapus soal Deskripsi Proses
Proses untuk melakukan hapus soal Source Sumber
Instruktur Input
Data hapus soal Output
Info hapus soal Destination Tujuan
Storage bank soal, Storage soal ujian permahasiswa
Logika Proses 1. Instruktur mencari data yang ingin di hapus
2. Sistem menghapus data yang dicari.
92
Tabel III.25 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
40 No Proses
7.4.4 Nama Proses
Tampil soal Deskripsi Proses
Proses menampilkan soal Source Sumber
Instruktur, mahasiswa Input
Data tampil soal Output
Info tampil soal Destination Tujuan
Storage bank soal, Storage soal ujian permahasiswa
Logika Proses 1. Instruktur, mahasiswa memasukkan data yang
ingin ditampilkan 2. System menampilkan data soal
41 No Proses
8.1 Nama Proses
Tambah topik Deskripsi Proses
Proses menambahkan topik Source Sumber
Instruktur, mekanik, pilot, administrator Input
Data tambah topik forum Output
Info tambah topik forum Destination Tujuan
Storage forum Logika Proses
1. Administratorinsruktur mahasiswa menambahkan topik data diskusi.
2. Sistem menyimpan data yang ditambah 42
No Proses 8.2
Nama Proses Tambah komentar
Deskripsi Proses Proses menambahkan komentar
Source Sumber Instruktur, mahasiswa, administrator
Input Data tambah komentar forum
Output Info tambah komentar forum
Destination Tujuan Storage komentar forum
Logika Proses 1. Administratorinsruktur mahasiswa
menambahkan komentar data diskusi. 2. Sistem menyimpan data yang ditambah
93
Tabel III.26 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
40 No Proses
8.3 Nama Proses
tampil komentar Deskripsi Proses
Proses menampilkan data komentar forum Source Sumber
Instruktur, mekanik, pilot, administrator Input
Data tampil komentar forum Output
Info tampil komentar forum Destination Tujuan
Storage komentar forum Logika Proses
1. Administratorinsruktur mahasiswa ingin menampilkan data komentar forum yang
diinginkan. 2. Sistem menapilkan data komentar diskusi
41 No Proses
8.4 Nama Proses
hapus komentar diskusi Deskripsi Proses
Proses menghapus data komentar forum Source Sumber
Instruktur, mahasiswa, administrator Input
Data hapus komentar forum Output
Info hapus komentar forum Destination Tujuan
Storage komentar forum Logika Proses
1. Administratorinsruktur mahasiswa menghapus data komentar diskusi yang
diinginkan. 2. Sistem menghapus data komentar forum.
42 No Proses
8.5 Nama Proses
reply Deskripsi Proses
Proses membalas komentar diskusi Source Sumber
Instruktur, mahasiswa, administrator Input
Data reply komentar forum Output
Info reply komentar forum Destination Tujuan
Storage komentar forum Logika Proses
1. Administratorinsruktur mahasiswa men- reply data komentar forum yang diinginkan.
2. Sistem menyimpan data komentar forum.
94
Tabel III.27 Spesifikasi Proses lanjutan
No Urut Proses
Keterangan
40 No Proses
5.2.3 Nama Proses
Nilai Pelajaran Deskripsi Proses
Proses lihat nilai plajaran Source Sumber
Instruktur, mahasiswa Input
Data Nilai Pelajaran
Output
Info Nilai Pelajaran
Destination Tujuan Storage matapelajaran_permahasiswa
Logika Proses 1. Instrukturmahasiswa mencari data nilai
pelajaran yang ingin dilihat 2. Sistem mencari dan menampilkan data nilai
pelajaran yang dicari. 41
No Proses 7.5
Nama Proses Data Nilai Pelajaran
Deskripsi Proses Proses lihat nilai Ujian
Source Sumber Instruktur, mahasiswa
Input
Data Nilai Ujian
Output
Info Nilai Ujian
Destination Tujuan Storage ujian_mahasiswa
Logika Proses 3. Instrukturmahasiswa mencari data nilai ujian
yang ingin dilihat 4. Sistem mencari dan menampilkan data nilai
ujian yang dicari.
III.1.12 Kamus Data
Kamus data dapat membantu mendefinisikan dengan lengkap data yang mengalir diantara proses, penyimpanan data, dan entitas luar. Data yang mengalir
tersebut dapat berupa masukan untuk sistem atau hasil dari proses sistem. Kamus data dibuat berdasarkan arus data yang mengalir pada konteks diagram dan DFD.
Untuk lebih jelasnya dapat dilihat pada Tabel III.28.
95
Tabel III.28 Kamus Data
Nama Data Login Administrator
Where usedHow used Proses 1 – Login
proses 1.1 – verifikasi login Deskripsi
Data Login Berisi username dan password administrator Struktur Data
username+password Username
password [A..Z | a..z | 0..9]
[A..Z | a..z | 0..9] Nama
Data Login Instruktur Where usedHow used
Proses 1 – Login Proses 1.1 – Verifikasi Login
Deskripsi Data Login Berisi NIP dan password instruktur
Struktur Data NIP+password
NIP Password
[0..9] [A..Z | a..z | 0..9]
Nama Data Login mahasiswa
Where usedHow used Proses 1 – Login
Proses 1.1 – Verifikasi Login Deskripsi
Data Login Berisi NIS dan password mahasiswa Struktur Data
nisn+password nisn
password [0..9]
[A..Z | a..z | 0..9] Nama
Data Instruktur Where usedHow used
Proses 2 – pengolahan data master Proses 3 – pengolahan reuest akun
Proses 4 – pengolahan data pengguna Proses 8 – pengolahan forum
Proses 2.1 – pengolahan data instruktur Proses 2.1.1 – import data instruktur
Proses 2.1.2 – tampil data instruktur proses 2.1.3 – hapus data instruktur
proses 4.1 – ubah profil proses 4.2 – ubah password
proses 8.3 – tampil komentar
Deskripsi Data instruktur Berisi nip, nama, alamat, kelamin, tlp, foto,
email. Struktur Data
Nip+nama+alamat+kelamin+tlp+foto+emai. nip
nama [0..9 ]
[A..Z | a..z]
96
kelamin alamat
email telp
foto [‘L’ |’P’]
[A..Z | a..z | 0..9] [A..Z | a..z | ._ | 0..9]
[0..9] [A..Z | a..z | 0..9]
Nama Data mahasiswa
Where usedHow used Proses 2 – pengolahan data master
Proses 3 – pengolahan reuest akun Proses 4 – pengolahan data pengguna
Proses 8 – pengolahan forum Proses 2.2 – pengolahan data mekanik
Proses 2.2.1 – import data mekanik Proses 2.2.2 – tampil data mekanik
proses 2.2.3 – hapus data mekanik proses 4.1 – ubah profil
proses 4.2 – ubah password proses 8.3 – tampil komentar
Deskripsi Data mahasiswa NIS, Nama, Alamat, Kelamin, Tlp, Foto,
Email, TempatLahir, TanggalLahir, Jurusan, Angkatan Struktur Data
NIS+Nama+Alamat+Kelamin+Tlp+Foto+Email+TempatLahir+ TanggalLahir+Jurusan+Angkatan
nis nama
alamat kelamin
tlp foto
tempatLahir tanggalLahir
jurusan angkatan
[A..Z][0..9] [A..Z | a..z]
[0..9] [A..Z | a..z] [‘L’ |’P’]
[0..9] [A..Z | a..z | 0..9 | . |]
[A..Z | a..z] [0..9 | -]
[A..Z] [0..9]
Nama Data request akun
Where usedHow used Proses 3 – pengolahan reuest akun
Proses 3.1 – input data reuest akun Proses 3.1.1 – import data reuest akun
Proses 3.1.2 – akun disetujui proses 3.1.3 – akun tidak disetujui
Deskripsi Data request akun Id, Nama, Tipe, NIP, NIS
Struktur Data Id+Nama+Tipe+NIP+NIS
Id Nama
Tipe Nip
Nis [[0..9]
[A..Z | a..z] [A..Z]
[0..9] [0..9]
Nama Data Materi
Where usedHow used Proses 6 – pengolahan data materi
Proses 6 – Pengolahan data ujian
97
Proses 4.1 – upload materi Proses 4.2 – download materi
Proses 6.4 - Pengolahan data soal ujian Deskripsi
KodeMateri, Tanggal, JudulMateri, Jurusan, Instruktur, DeskripsiMateri, FileMateri, VideoMateri, KodePelajaran
Struktur Data KodeMateri+Tanggal+JudulMateri+Jurusan+Instruktur+Deskri
psiMateri+FileMateri+VideoMateri+KodePelajaran KodeMateri
Tanggal JudulMateri
Jurusan Instruktur
DeskripsiMateri FileMateri
VideoMateri KodePelajaran
[0..9 ] [0..9|-]
[A..Z | a..z] [A..Z]
[A..Z | a..z] [A..Z | a..z | 0..9 | . |]
[A..Z | a..z | 0..9 | . |] [A..Z | a..z | 0..9 | . |]
[0..9]
Nama Data Pelajaran
Where usedHow used Proses 5 – Pengolahan Data Pelajaran
Proses 5.1 – tambah data pelajaran Proses 5.2 – edit data pelajaran
Proses 5.3 – hapus pelajaran
Deskripsi KodePelajaran, Tanggal, NamaPelajaran, Instruktur, Jurusan,
Status Struktur Data
KodePelajaran+Tanggal+NamaPelajaran+Instruktur+Jurusan+S tatus
KodePelajaran Tanggal
NamaPelajaran Instruktur
Jurusan Status
[0..9] [0..9|-]
[A..Z|a..z] [A..Z|a..z]
[A..Z] [A..Z]
Nama Data ujian
Where usedHow used Proses 7 – pengolahan data ujian
Proses 7.1 – tambah ujian Proses 7.2 – ubah ujian
proses 7.3 – detail ujian Proses 7.4 – pengolahan data soal
Proses 7.4.1 – Tambah soal Proses 7.4.2 – ubah soal
Proses 7.4.3 – hapus soal Proses 7.4.4 – tampil soal
Deskripsi KodeUjian, Tanggal, JudulUjian, JumlahSoal, Pelajaran,
Waktu, Online, Deadline, Status, Deskripsi Struktur Data
KodeUjian+Tanggal+JudulUjian+JumlahSoal+Pelajaran+Wakt u+Online+Deadline+Status+Deskripsi
KodeUjian Tanggal
JudulUjian [0..9]
[date] [A..Z|a..z]
98
JumlahSoal Pelajaran
Waktu Online
Deadline Status
Deskripsi [0..9]
[time] [date]
[date] [A..Z]
[A..Z | a..z | 0..9 | . |]
Nama Data soal
Where usedHow used Proses 7 – pengolahan data ujian
Proses 7.4 - Pengolahan data soal Proses 7.4.1 – tambah soal
Proses 7.4.2 – ubah soal Proses 7.4.3 – hapus soal
Proses 7.4.4 tampil soal
Deskripsi Data soal berisi KodeSoal, Tanggal, Pertanyaan, PilihanA,
PilihanB, PilihanC, PilihanD, Jawaban Struktur Data
KodeSoal+Tanggal+Pertanyaan+PilihanA+PilihanB+PilihanC+ PilihanD+Jawaban
KodeSoal Tanggal
Pertanyaan PilihanA
PilihanB PilihanC
PilihanD Jawaban
[0..9] [date]
[text] [text]
[text] [text]
[a |b | c | d]
Nama Data forum
Where usedHow used Proses 8 – pengolahan Forum
Prose 8.1 – tambah Topik Deskripsi
Data forum berisi IdTopik, Tanggal, Topik_forum, User, JenisUser
Struktur Data IdTopik+Tanggal+Topik_forum+User+JenisUser
IdTopik Tanggal
Topik_forum User
JenisUser [0..9 ]
[date ] [A..Z | a..z | 0..9 |simbol ]
[A..Z] [A..Z ]
Nama Data komentar forum
Where usedHow used Proses 8 – pengolahan Forum
Prose 8.2 – tambah Komentar Prose 8.3 – tambah Komentar
Prose 8. 4 – tambah Komentar Prose 8.5 – tambah Komentar
Deskripsi Data komentar forum berisi IdKomentar, Tanggal, Komentar,
User, Jenis User, IdTopik Struktur Data
IdKomentar+Tanggal+Komentar+User+Jenis User+IdTopik
99
IdKomentar Tanggal
Komentar User
Jenis User IdTopik
[0..9 ] [date ]
[A..Z | a..z | 0..9 |simbol ] [A..Z]
[A..Z ] [0..9 ]
Nama Data Cari Instruktur
Where usedHow used Proses 2.1.4 – cari data instruktur
Deskripsi Berisi nip
Struktur Data nip+nama
nip nama
[0..9] [A..Z |a..z]
Nama Data cari mekanik
Where usedHow used Proses 2.2.4 – cari data mekanik
Deskripsi Berisi nis,nama
Struktur Data Nis+nama
nisn nama
[0..9] [A..Z |a..z]
Nama Data cari pilot
Where usedHow used Proses 2.2.4 – cari data pilot
Deskripsi Berisi nis,nama
Struktur Data Nis+nama
nisn nama
[0..9] [A..Z |a..z]
III.2 Perancangan Sistem
Perancangan sistem merupakan tahap lanjutan setelah tahap analisis perangkat lunak dimana pada perancangan perangkat lunak digambarkan
rancangan perangkat lunak yang akan dibangun sebelum dilakukan pengkodean kedalam bahasa pemrograman.
Langkah-langkah yang dilakukan dalam tahap perancangan ini adalah sebagai berikut:
1. Perancangan Data 2. Perancangan Arsitektural Perangkat Lunak
100
3. Perancangan Struktur Menu 4. Perancangan Antarmuka Perangkat Lunak
5. Perancangan Pesan 6. Perancangan Jaringan Semantik
7. Perancangan Prosedural
III.2.1 Perancangan Data
Perancangan data dalam sistem yang dibangun berguna untuk memetakan model yang berbentuk konsep menjadi model basis data yang akan dipakai.
III.2.1.1 Skema Relasi
Skema relasi adalah untuk menjelaskan tabel-tabel yang dibutuhkan dalam membangun aplikasi ini dan atribut-atribut tabel yang dibutuhkan. Berikut ini
adalah skema relasi dari E-training:
101
Tabel III.29 Skema Relasi
NO. Nama Entitas
Atribut 1.
Administrator Nip, Nama, Alamat, Kelamin, Tlp, Foto, Email, NIS,
Password 2.
Instruktur Nip, Nama, Alamat, Kelamin, Tlp, Foto, Email,
Password 3.
Mahasiswa NIS, Nama, Tlp, Alamat, TempatLahir, TanggalLahir,
Kelamin, Foto, Email, Password, Jurusan, Angkatan, Kode
4. Forum
IdTopik, Tanggal, Topik_forum, User, JenisUser, DeskForum, NIP, NIP, NIS
5. Komentar_forum
IdKomentar, Tanggal, Komentar, User, Jenis User, IdTopik
6. Pelajaran
Tanggal, Kode Pelajaran, Nama Pelajaran, Instruktur, Jurusan, Status, NIP
7. Materi
Tanggal, Kode Materi, Judul Materi, Kode Pelajaran, Deskripsi Materi, FileMateri, VideoMateri
8. Bank_Soal
Kode_Soal, Tanggal, Pertanyaan, PilihanA, PilihanB, PilihanC, PilihanD, Jawaban
9. Ujian
Tanggal, KodeUjian, JudulUjian, JumlahSoal,
Pelajaran, Waktu, Online, Deadline, Status, Deskripsi, KodeSoal, Kode
10. Ujian_mahasiswa
Kode, KodeUjian, Mulai,Selesai, Nilai, NIS 11.
Matapelajaran_permahasiswa Kode, Tanggal, NIS, KodePelajaran, NilaiAkhir, Status
III.2.1.2 Diagram Relasi
Setelah tergambarkan skema relasinya maka diagram relasi yang akan terbentuk adalah keterkaitan antara primary key dengan foreign key yang terdapat
pada tabel relasinya.
102
Gambar III.25 Diagram Relasi III.2.1.3 Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam pembangunan sstem E-training Sekolah Tinggi Penerbangan Indonesia adalah
sebagai berikut: 1. Tabel Administrator
Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.30
103
Tabel III.30 Administrator
Nama Field Tipe Data
Ukuran Kunci
Keterangan Nip
Varchar 18
Primary Key Not Null
Nama Varchar
50 -
Not Null Alamat
text -
- Not Null
Kelamin Varchar
1 -
Not Null Tlp
Varchar 15
- Not Null
Foto Varchar
100 -
Not Null Email
Varchar 50
- Not Null
NIS Varchar
11 Foreign Key references
MahasiswaNIS Not Null
Password text
- -
Not Null
2. Tabel Instruktur Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.31
Tabel III.31 Instruktur
Nama Field Tipe Data
Ukuran Kunci
Keterangan Nip
Varchar 18
Primary Key Not Null
Nama Varchar
50 -
Not Null Alamat
text -
Not Null Kelamin
Varchar 1
- Not Null
Tlp Varchar
15 -
Not Null Foto
Varchar 100
- Not Null
Email Varchar
50 -
Not Null Password
text -
- Not Null
104
3. Tabel Mahasiswa Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.32
Tabel III.32 Mahasiswa
Nama Field Tipe Data
Ukuran Kunci
Keterangan NIS
Varchar 11
Primary Key Not Null
Nama Varchar
50 -
Not Null Tlp
Varchar 12
- Not Null
Alamat Text
- -
Not Null TempatLahir
Varchar 30
- Not Null
TanggalLahir Date
- -
Not Null Kelamin
Varchar 1
- Not Null
Foto Varchar
20 -
Not Null Email
Varchar 50
- Not Null
Password Text
- -
Not Null Jurusan
Varchar 10
- Not Null
Angkatan Varchar
4 -
Not Null Kode
Int 11
Foreign Key references ujian_mahasiswaKode
Not Null
105
4. Tabel Pelajaran Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.33
Tabel III.33 Pelajaran
Nama Field Tipe Data
Ukuran Kunci
Keterangan Tanggal
Datetime -
- Not Null
Kode Pelajaran
Varchar 5
Primary Key Not Null
Nama Pelajaran
Varchar 50
- Not Null
Instruktur Varchar
18 -
Not Null Jurusan
Varchar 10
- Not Null
Status Varchar
10 -
Not Null NIP
Varchar 18
Foreign Key references InstrukturNIP
Not Null
106
5. Tabel materi Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.34
Tabel III.34 Materi
Nama Field Tipe Data
Ukuran Kunci
Keterangan Tanggal
Datetime -
- Not Null
Kode Materi Varchar
5 Primary Key
Not Null Judul Materi
Varchar 100
- Not Null
Kode Pelajaran
Varchar 5
Foreign Key references tabel_pelajaran
kode_pelajaran Not Null
Deskripsi Materi
Text -
- Not Null
FileMateri Varchar
10 -
Not Null VideoMateri
Varchar 20
- Not Null
107
6. Tabel Matapelajaran Permahasiswa Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.35
Tabel III.35 Matapelajaran Permahasiswa
Nama Field Tipe Data
Ukuran Kunci
Keterangan Kode
Varchar 20
Primary Key Not Null
Tanggal Date
- -
Not Null NIS
Varchar 11
Foreign Key references tabel_mahasiswaNIS
Not Null KodePelajaran Varchar
5 Foreign Key references
Pelajaran KodePelajaran
Not Null NilaiAkhir
Varchar 1
- Not Null
Status Varchar
15 -
Not Null
108
7. Tabel Ujian Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.36
Tabel III.36 Ujian
Nama Field Tipe Data
Ukuran Kunci
Keterangan Tanggal
Datetime -
- Not Null
KodeUjian Varchar
15 Primary Key
Not Null JudulUjian
Varchar 50
- Not Null
JumlahSoal Varchar
3 -
Not Null Pelajaran
Varchar 5
- Not Null
Waktu Varchar
3 -
Not Null Online
Date -
- Not Null
Deadline Date
- -
Not Null Status
Varchar 10
- Not Null
Deskripsi Text
- -
Not Null KodeSoal
Varchar 5
- Not Null
Kode Int
11 -
Not Null
109
8. Tabel Ujian Mahasiswa Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.37
Tabel III.37 Ujian Mahasiswa
Nama Field Tipe Data
Ukuran Kunci
Keterangan Kode
Int 11
Primary Key Not Null
Nis Varchar
11 Foreign Key references
Mahasiswa NIS Not Null
KodeUjian Varchar
15 Foreign Key references
tabel_ujiankode_ujian Not Null
Mulai Datetime
- -
Not Null Selesai
Datetime -
- Not Null
Nilai Varchar
3 -
Not Null
9. Tabel Bank Soal Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.38
Tabel III.38 Bank Soal
Nama Field Tipe Data Ukuran
Kunci Keterangan
Kode_Soal varchar
15 Primary Key
Not Null Tanggal
Datetime -
- Not Null
Pertanyaan Text
- -
Not Null PilihanA
Text -
- Not Null
PilihanB Text
- -
Not Null PilihanC
Text -
- Not Null
PilihanD Text
- -
Not Null Jawaban
Varchar 1
- Not Null
110
10. Tabel Forum Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.39.
Tabel III.39 Forum
Nama Field Tipe Data Ukuran
Kunci Keterangan
IdTopik Int
11 Primary Key
Not Null Tanggal
datetime -
- Not Null
TopikForum text
- -
Not Null DeskForum
Text -
- Not Null
User Varchar
18 -
Not Null JenisUser
Varchar 15
- Not Null
NIS Varchar
11 Foreign Key references
Mahasiswa NIS Not Null
NIP Varchar
18 Foreign Key references
Instruktur NIP Foreign Key references
Administrator NIP Not Null
11. Tabel Komentar Forum Struktur atau rincian dari tabel instruktur dapat dilihat pada Tabel III.40
Tabel III.40 Komentar Forum
Nama Field Tipe Data Ukuran
Kunci Keterangan
IdKomentar Int
11 Primary Key
Not Null IdTopik
Int 11
Foreign Key references tabel_forum IdTopik
Not Null Tanggal
Datetime -
- Not Null
Komentar text
- -
Not Null User
Varchar 18
- Not Null
JenisUser Varchar
15 -
Not Null
111
III.2.2 Perancangan Arsitektur Perangkat Lunak III.2.2.1 Perancangan Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pengguna dalam menjalankan program tersebut. Sehingga saat
menjalankan program, pengguna tidak mengalami kesulitan dalam memilih menu yang diinginkan. Struktur menu yang digunakan dalam perancangan struktur
menu aplikasi ini adalah network. Struktur menunya adalah sebagai berikut: 1. Menu administrator
Struktur menu administrator dapat dilihat pada gambar III.26
Menu Administrator
Home Pengolahan
Data Instruktur Pengolahan Data
Pilot Pengolahan Data
Mekanik Logout
Import Data Instruktur
Hapus Data Mekanik
Cari Data Mekanik
Import Data Mekanik
Cari Data Instruktur
Hapus Data Instruktur
Cari Data Pilot Import Data Pilot
Hapus Data Pilot Login
Sejarah Pengolahan Data
Administrator
Hapus Data Administrator
Forum
Tambah Topik Reply
Komentar Home
Pengolahan Data Instruktur
Pengolahan Data Pilot
Pengolahan Data Mekanik
Logout Sejarah
Pengolahan Data Administrator
Forum
Gambar III.26 Struktur Menu Administrator
112
2. Menu instruktur Struktur menu administrator dapat dilihat pada gambar III.27
Halaman Utama
Instruktur Home
Pelajaran Forum
List Mahasiswa Ujian
Materi LogOut
Tambah Pelajaran
Ubah Pelajaran
Hapus Pelajaran
Upload Materi
Tambah Ujian Tambah Soal
Lihat Nilai Cetak
Lihat Profil Terima
Mahasiswa Tolak
Mahasiswa Tambah Topik
Tambah Komentar
Sejarah
Hapus Matei Update Ujian
Hapus Ujian Update Soal
Hapus Soal Nilai
Login
Home Pelajaran
Forum List Mahasiswa
Ujian Materi
LogOut Sejarah
Gambar III.27 Struktur Menu Instruktur
3. Menu mahasiswa Struktur menu administrator dapat dilihat pada gambar III.28
Halaman Utama
Mahasiswa Home
Pelajaran Nilai
Forum List Instruktur
Ujian Materi
LogOut
Ambil Pelajaran
unduh Lihat Nilai
Cetak Lihat Profil
Tambah Topik Tambah
Komentar Konfirmasi
Ujian Mulai
Login
Sejarah
Home Pelajaran
Nilai Forum
List Instruktur Ujian
Materi LogOut
Sejarah
Gambar III.28 Struktur Menu Mahasiswa III.2.2.2 Perancangan Antarmuka Perangkat Lunak
Perancangan antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan tampilan dengan pengguna.
113
1. Halaman Login
F001 •
Masukkan Username dan Password
• Pilih Administrator Klik
Login untuk masuk ke halaman F002
• Pilih MekanikPilot Klik
Login untuk masuk ke halaman F013
• Pilih Instruktur Klik
Login untuk masuk ke halaman F014
• Klik Logout untuk
masuk ke F061 •
Klik icon Sejarah untuk masuk ke halaman
F062
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Forum
Login Username
Password Jenis Login
Mahasiswa Instruktur
Administrator Login
Daftar
Gambar III.29 Halaman Login
2. Halaman Utama Administrator
F002 •
Klik icon Mekanik untuk menuju ke
Halaman F003 •
Klik icon Pilot untuk menuju ke Halaman
F004 •
Klik icon Instruktur untuk menuju ke
Halaman F005 •
Klik icon Admin untuk menuju ke Halaman
F006 •
Klik icon Forum untuk menuju ke Halaman
F007 •
Klik Foto untuk menuju ke halaman F009
• Klik Logout untuk
masuk ke F061 •
Klik icon Sejarah untuk masuk ke halaman
F062 •
Klik icon Sejarah untuk masuk ke halaman
F063 Ukuran
: Lebar = 600px Tinggi = auto Warna
: Biru Gradasi Putih Font
: arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms Logo STPI
STPI-CURUG Curug, Tangerang
021-5982204, 021-5982205 STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login
Gambar III.30 Halaman Utama Administrator
114
3. Halaman Pengolahan Data Mekanik
Home Sejarah
Forum Login
Username Password
Jenis Login MekanikPilot
Instruktur Administrator
Login Daftar
F003
` •
Klik Import data Untuk menuju ke halaman
F010
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login No
Permintaan Akun NIS
Nama Konfirmasi
Ya Tidak
Import Data Jumlah Data
Cari No
NIS Nama Mahasiswa
Hapus
Gambar III.31 Halaman Pengolahan Mekanik
4. Halaman Upload Data Pilot
Home Sejarah
Forum Login
Username Password
Jenis Login MekanikPilot
Instruktur Administrator
Login Daftar
F004
` •
Klik Import data Untuk menuju ke halaman
F011
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login No
Permintaan Akun NIS
Nama Konfirmasi
Ya Tidak
Import Data Jumlah Data
Cari No
NIS Nama Mahasiswa
Hapus
Gambar III.32 Halaman Upload Data Pilot
115
5. Halaman Pengolahan Data Instruktur
Home Sejarah
Forum Login
Username Password
Jenis Login MekanikPilot
Instruktur Administrator
Login Daftar
F005
` •
Klik Import data Untuk menuju ke halaman
F012
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
mekanik Pilot
Instruktur Admin
Forum Logout
Foto Selamat Datang
Nama User Yang Login No
Permintaan Akun NIS
Nama Konfirmasi
Ya Tidak
Import Data Jumlah Data
Cari No
NIS Nama Instruktur
Hapus
Gambar III.33 Halaman Pengolahan Data Instruktur
6. Halaman Upload Data Mekanik
F011
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login Choose File
Import No File Choosen
Gambar III.34 Halaman Upload Data Mekanik
116
7. Halaman Pengolahan Data Mekanik
F011
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login Choose File
Import No File Choosen
Gambar III.35 Pengolahan Data Mekanik
8. Halaman Upload Data Instruktur
F012
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login Choose File
Import No File Choosen
Gambar III.36 Halaman Upload Data Instruktur
117
9. Halaman Utama Mahasiswa
F013 •
Klik icon Pelajaran Untuk Menuju Ke
Halaman F021 •
Klik icon Nilai untuk menuju ke Halaman
F017 •
Klik icon Instruktur untuk menuju ke
Halaman F018 •
Klik Icon Forum Untuk menuju ke halaman
Halaman F007 •
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Nilai
Instruktur Forum
Foto Selamat Datang
Nama User Yang Login Logout
Gambar III.37 Halaman Utama Mahasiswa
10. Halaman Nilai Mahasiswa
F017 •
Klik icon Pelajaran Untuk Menuju Ke
Halaman F016 •
Klik icon Nilai untuk menuju ke Halaman
F017 •
Klik icon Instruktur untuk menuju ke
Halaman F018
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Logout
No Kode
Pelajaran Nilai
Index Cetak Nilai
Gambar III.38 Halaman Nilai Mahasiswa
118
11. Halaman List Instruktur Mahasiswa
F018 •
Klik icon Lihat Profil untuk menuju ke
halaman F020 •
Klik icon Pelajaran Unruk menuju ke
halaman F021
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Nilai
Instruktur Forum
Foto Selamat Datang
Nama User Yang Login No
Instruktur Nama Instruktur
Nip Lihat Profil
Pelajaran
Gambar III.39 Halaman List Instruktur Mahasiswa
12. Halaman Profil Instruktur Mahasiswa
F020
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Nip - Nama
Foto Kelamin
: Telepon
: Nama
: Alamat
: Logout
Gambar III.40 Halaman Profil Instruktur Mahasiswa
119
13. Halaman List Pelajaran Mahasiswa
F021 •
Klik Ambil Peajaran Untuk Menuju ke
Halaman F022
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Instruktur : Nip - Nama
No Detail
Judul Pelajaran Upload: Tanggal Jam: Jam
Kode: Jurusan:
0 Mahasiswa Ambil Pelajaran
Gambar III.41 Halaman List Pelajaran Mahasiswa
14. Halaman Konfirmasi Ambil Pelajaran Mahasiswa
F022
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Kode Pelajaran
Nama Pelajaran Anda Yakin Ambil Pelajaran Ini?
Ya Tidak
Logout
Gambar III.42 Halaman Konfirmasi Ambil Pelajaran Mahasiwa
120
15. Halaman List Pelajaran Setelah Konfirmasi Mahasiswa
F023 •
Klik Materi Untuk Menuju Ke Halaman
F024 •
Klik Ujian Untuk Menuju Ke Halaman
F025
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Instruktur : Nip - Nama
No Detail
Judul Pelajaran Upload: Tanggal Jam: Jam
Kode: 0 Mahasiswa
0 Materi 0 Ujian
Logout
Gambar III.43 Halaman List Pelajaran Setelah Konfirmasi Mahasiswa
16. Halaman Materi Mahasiwa
F024
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Nilai
Instruktur Forum
Foto Selamat Datang
Nama User Yang Login Kode Materi – Judul Materi
Instruktur: Nama Instruktur No
Detail Judul Materi
: Nama Materi
Deskripsi Materi :
deskripsi materi Download Materi
: Klik Disini Download Video
: Klik Disini Upload
: Tanggal Logout
Gambar III.44 Halaman Materi Mahasiswa
121
17. Halaman List Ujian Mahasiswa
F025 •
Klik Mulai Ujian Untuk Menuju ke Halaman
F026
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Kode -Nama Pelajaran
Instruktur : Nama Instruktur
No Detail
Judul Ujian :
judul ujian Jumlah Soal
: Deskripsi
: -
Online: 99-99-9999 Deadline: 99-99-9999
Waktu : 99 Menit Upload : 99-99-9999 Jam : 99:99
Benar : Nilai :0 [LulusTidak Lulus]
Mulai Ujian Logout
Gambar III.45 Halaman List Ujian Mahasiswa
18. Halaman Konfirmasi Ujian Mahasiswa
F026 •
Klik Icon Ya Mulai Untuk Menuju Ke
Halama F027
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login PERHATIAN
Yakin Akan Memulai Ujian Sekarang ? Waktu Pengerjaannya 60 Menit dan akan dihitung apabila anda menekan tombol Ya Mulai
Ya Mulai Tidak
Gambar III.46 Halaman Konfirmasi Ujian Mahasiswa
122
19. Halaman Konfirmasi Ujian Mahasiswa
F026 •
Klik Icon Ya Mulai Untuk Menuju Ke
Halama F027
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login PERHATIAN
Yakin Akan Memulai Ujian Sekarang ? Waktu Pengerjaannya 60 Menit dan akan dihitung apabila anda menekan tombol Ya Mulai
Ya Mulai Tidak
Gambar III.47 Halaman Konfirmasi Ujian Mahasiswa
20. Halaman Ujian Mahasiswa
F027 •
Klik icon Pelajaran Untuk Menuju Ke
Halaman F016 •
Klik icon Nilai untuk menuju ke Halaman
F017 •
Klik icon Instruktur untuk menuju ke
Halaman F018
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Nilai
Instruktur Forum
Foto Selamat Datang
Nama User Yang Login Logout
No Soal
Jawaban A.
B. C.
D. Simpan Jawaban
Waktu: 00:00
Kunci Jawaban
Gambar III.48 Halaman Ujian Mahasiswa
123
21. Halaman Utama Instruktur
F014 •
Klik icon Pelajaran Untuk Menuju Ke
Halaman F016 •
Klik icon Forum Untuk Menuju ke Halaman
F007 •
Klik icon Foto Untuk Menuju Ke Halaman
F008 •
Klik Logout untuk masuk ke F061
• Klik icon Sejarah untuk
masuk ke halaman F062
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Forum
Foto Selamat Datang
Nama User Yang Login Logout
Gambar III.49 Halaman Utama Instruktur
22. Halaman Pelajaran Instruktur
F016 •
Klik icon Tambah Pelajaran Untuk Menuju
ke Halaman 060 •
Klik Edit Untuk Menuju ke Halaman F028
• Klik Hapus Untuk Menuju
ke Halaman F029 •
Klik View Materi Untuk Menuju ke Halaman F030
• Klik View Ujian Menuju
ke Halaman F031 •
Klik Tamabah Materi Untuk Menuju ke Halaman
F032 •
Klik Input Ujian Untuk Menuju ke Halaman F033
• Klik Mahasiswa Untuk
Menuju ke Halaman F034 •
Klik nopermintaan Untuk Menuju ke Halaman F035
• Klik List Nilai Untuk
Menuju ke Halaman F036 Ukuran
: Lebar = 600px Tinggi = auto Warna
: Biru Gradasi Putih Font
: arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms Logo STPI
STPI-CURUG Curug, Tangerang
021-5982204, 021-5982205 STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login No
Detail Kode Pelajaran
Judul Pelajaran Upload: 99-99-999 Jam: 99:99
Materi: 0 View Jumlah Mahasiswa
Permintaan : 0 List Nilai
Forum Tambah
Prlajaran Aksi
Edit Hapus
Jurusan Status
Ujian : 0 View Tambah Materi
Input Ujian
Gambar III.50 Halaman Pelajaran Instruktur
124
23. Halaman Edit Pelajaran
F028
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Pelajaran Nama Pelajaran
Jurusan Status Pelajaran
Status Pelajaran V
V V
Update
Gambar III.51 Halaman Edit Pelajaran
24. Halaman Hapus Pelajaran
F029
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Pelajaran Nama Pelajaran
Anda Yakin Dihapus dari Database? Ya Hapus
Kembali
Gambar III.52 Halaman Hapus Pelajaran
125
25. Halaman List Materi Instruktur
F031 •
Klik Edit Untuk Menuju ke Halaman F037
• Klik Hapus Untuk
Menuju ke Halaman F038
• Klik Icon Unduh Materi
Untuk Menuju ke Halaman F039
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login No
Detail Judul Materi :
- Deskripsi Materi :
- Upload : 99-99-99 Jam: 99:99
Forum
Aksi Edit
Hapus Icon
Upload Materi Download Materi : No Video
Download Materi : No File Kode Materi – Judul Materi
Gambar III.53 Halaman List Materi Instruktur
26. Halaman Edit Materi
F037
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Materi Judul Materi
Jurusan Kode Pelajaran
Deskripsi Update
Kembali
Gambar III.54 Halaman Edit Materi
126
27. Halaman Hapus Materi
F038
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Materi Nama Materi
Anda Yakin Dihapus dari Database? Ya Hapus
Kembali
Gambar III.55 Halaman HapusMateri
28. Halaman Unggah Materi
F039
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Judul Materi File
Judul materi Upload
Kembali Upload File Materi
Browse... :
:
Judul Materi File
Judul materi Upload
Upload File Video Materi Browse...
: :
Gambar III.56 Halaman Unggah Materi
127
29. Halaman List Ujian
031 •
Klik Edit Untuk Menuju ke Halaman F037
• Klik Hapus Untuk
Menuju ke Halaman F038
• Klik Icon Unduh Materi
Untuk Menuju ke Halaman F039
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login No
Detail Judul Ujian :
- Deskripsi Ujian :
- Upload : 99-99-99 Jam: 99:99
Forum
Aksi Edit
Hapus Icon
Upload Materi Hasil Ujian
Bank Soal 0 Soal
Kode Pelajaran – Ariframe Sistem Online :
99-99-9999 Deadline :
99-99-9999 Waktu :
00 Menit Jumlah Soal :
0 Soal
Gambar III.57 Halaman List Ujian
30. Halaman Edit Ujian
F040
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Pelajaran Judul Ujian
Jumlah Soal Waktu
Deskripsi Update
Nomor Menit
Online Ujian Deadline Ujian
Gambar III.58 Halaman Edit Ujian
128
31. Halaman Hapus Ujian
F041
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Ujian Judul Ujian
Anda Yakin Dihapus dari Database? Ya Hapus
Kembali
Gambar III.59 Halaman Hapus Ujian
32. Halaman Input Soal
F042
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Pertanyaan Pilihan Jawaban 1 A
Kode Pelajaran – Judul Pelajaran Kode Ujian – Nama Ujian
Simpan Pilihan Jawaban 2 B
Pilihan Jawaban 3 C Pilihan Jawaban 4 D
Jawaban Yang Benar Kunci Jawaban A
B C
D
Gambar III.60 Halaman Input Soal
129
33. Halaman List Soal
F043
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Pelajaran – Judul Pelajaran Kode Ujian – Nama Ujian
Edit Pertanyaan
• Jawaban A
• Jawaban B
• Jawaban C
• Jawaban D
Hapus •
Klik Edit Untuk Menuju ke Halaman F045
• Klik Hapus Untuk Menuju
ke Halaman F046
Gambar III.61 Halaman List Soal
34. Halaman Edit Soal
F045
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Forum
Foto Selamat Datang
Nama User Yang Login Logout
Pertanyaan Pilihan Jawaban 1 A
Kode Pelajaran – Judul Pelajaran Kode Ujian – Nama Ujian
Update Pilihan Jawaban 2 B
Pilihan Jawaban 3 C Pilihan Jawaban 4 D
Jawaban Yang Benar Kunci Jawaban A
B C
D Kembali
Gambar III.62 Halaman Edit Soal
130
35. Halaman Hapus Soal
F046
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Soal Pertanyaan
Anda Yakin Dihapus dari Database? Ya Hapus
Kembali
Gambar III.63 Halaman Hapus Soal
36. Halaman Hasil Ujian
F044 •
Klik icon Lihat Profil untuk menuju ke
halaman F020 •
Klik icon Pelajaran Unruk menuju ke
halaman F021
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login No
NIS Kode Pelajaran – Nama Pelajaran
Nama Ujian Siswa
Nilai Keterangan
- LTL
Gambar III.64 Halaman Hasil Ujian
131
37. Halaman Tambah Materi
F032
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Materi Judul Materi
Pelajaran Jurusan
Deskripsi Simpan
Kembali
Gambar III.65 Halaman Tambah Materi
38. Halaman Input Ujian
F033
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Pelajaran Judul Ujian
Jumlah Soal Waktu
Deskripsi Simpan
Nomor Online Ujian
Deadline Ujian Menit
Gambar III.66 Halaman Input Ujian
132
39. Halaman List Mahasiswa
F034 •
Klik icon Lihat Profil untuk menuju ke
halaman F020 •
Klik icon Pelajaran Unruk menuju ke
halaman F021
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login No
NIS Nama Mahasiswa
Gambar III.67 Halaman List Mahasiswa
40. Halaman Request Pelajaran
F035 •
Klik icon Lihat Profil untuk menuju ke
halaman F020 •
Klik icon Pelajaran Unruk menuju ke
halaman F021
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login No
NIS Nama Mahasiswa
Konfirmasi Nama Mahasiswa
Setujui Proses
Gambar III.68 Halaman Request Pelajaran
133
41. Halaman List Nilai
F036 •
Klik icon Lihat Profil untuk menuju ke
halaman F020 •
Klik icon Pelajaran Unruk menuju ke
halaman F021
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login No
NIS Kode Pelajaran – Nama Pelajaran
Siswa Nilai
Index -
Cetak Nilai
Gambar III.69 Halaman Request Pelajaran
42. Halaman Profil Administrator
F009 •
Klik Update Profil Untuk Menuju ke
Halaman F047 •
Klik Ubah password Untuk Menuju ke
Halaman F048 •
Klik UploadGanti Foto Untuk Menuju ke
Halaman F049
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login NIP – Nama Admin
Foto Kelamain:
Telepon : Email :
Alamat : Update Profil
Ubah Password UploadGanti Foto
Gambar III.70 Halaman Profil Administrator
134
43. Halaman Update Profil Administrator
F047
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login Kembali
Update Profil NIP
Nama Kelamin
Telepon Email
Alamat V
Update
Gambar III.71 Halaman Update Profil Administrator
44. Halaman Ubah Password Administrator
F048
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
mekanik Pilot
Instruktur Admin
Forum Logout
Foto Selamat Datang
Nama User Yang Login Kembali
Ubah Password Password Baru
Nama Update
Gambar III.72 Halaman Ubah Password Administrator
135
45. Halaman UploadGanti Foto Administrator
F049
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah mekanik
Pilot Instruktur
Admin Forum
Logout
Foto Selamat Datang
Nama User Yang Login Kembali
Ganti Foto Choose File
Upload Foto No file choosen
Gambar III.73 Halaman UploadGanti Foto Administrator
46. Halaman Profil Instruktur
F008 •
Klik Update Profil Untuk Menuju ke
Halaman F050 •
Klik Ubah password Untuk Menuju ke
Halaman F052 •
Klik UploadGanti Foto Untuk Menuju ke
Halaman F053
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Forum
Foto Selamat Datang
Nama User Yang Login Logout
NIP – Nama Admin Foto
Kelamain: Telepon :
Email : Alamat :
Update Profil Ubah Password
UploadGanti Foto
Gambar III.74 Halaman Profil Instruktur
136
47. Halaman Update Profil Instruktur
F050
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Update Profil NIP
Nama Kelamin
Telepon Email
Alamat V
Update
Gambar III.75 Halaman Update Profil Instruktur
48. Halaman Ubah Password Instruktur
F051
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Ubah Password Password Baru
Nama Update
Gambar III.76 Halaman Ubah Password Instruktur
137
49. Halaman UploadGanti Foto Instruktur
F052
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Ganti Foto Choose File
Upload Foto No file choosen
Gambar III.77 Halaman UploadGanti Foto Instruktur
50. Halaman Profil Mahasiswa
F019 •
Klik Update Profil Untuk Menuju ke
Halaman F054 •
Klik Ubah password Untuk Menuju ke
Halaman F055 •
Klik UploadGanti Foto Untuk Menuju ke
Halaman F057
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Nilai
Instruktur Forum
Foto Selamat Datang
Nama User Yang Login Logout
NIP – Nama Admin Foto
Kelamain: Telepon :
Email : Alamat :
Update Profil Ubah Password
UploadGanti Foto
Gambar III.78 Halaman Profil Mahasiswa
138
51. Halaman Update Profil Mahasiswa
F054
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Update Profil NIS
Nama Tempat Lahir
Tanggal Lahir Kelamin
Alamat Update
V Telepon
Telepon Email
Jurusan Angkatan
V V
Gambar III.79 Halaman Update Profil Instruktur
52. Halaman Ubah Password Mahasiswa
F055 •
Klik Update Profil Untuk Menuju ke
Halaman F054 •
Klik Ubah password Untuk Menuju ke
Halaman F055 •
Klik UploadGanti Foto Untuk Menuju ke
Halaman F057
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Nilai
Instruktur Forum
Foto Selamat Datang
Nama User Yang Login Logout
Ubah Password Password Baru
Nama Update
Gambar III.80 Halaman Ubah Password Mahasiswa
139
53. Halaman UploadGanti Foto Mahasiswa
F056 •
Klik Update Profil Untuk Menuju ke
Halaman F054 •
Klik Ubah password Untuk Menuju ke
Halaman F055 •
Klik UploadGanti Foto Untuk Menuju ke
Halaman F057
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Nilai Instruktur
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Ganti Foto Choose File
Upload Foto No file choosen
Gambar III.81 Halaman UploadGanti Foto Mahasiswa
54. Halaman Forum
F007 •
Klik Icon Topik Untuk Menuju ke Halaman
F057 •
Klik Judul Topik Untuk Menuju ke Halaman
F058 •
Klik Foto Untuk Menuju Ke Profil yang
Membuat Topik
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Foto Selamat Datang
Nama User Yang Login Icon
Tambah Topik
TOPIK Judul Topik
Hari, 99-Bulan-9999 Jam : 99:99:99 Foto
Gambar III.82 Halaman Forum
140
55. Halaman Tambah Topik
F058
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER
Foto Selamat Datang
Nama User Yang Login Topik
Tambah
Gambar III.83 Halaman Tambah Topik
56. Halaman Reply Komentar
F059 •
Klik Icon Topik Untuk Menuju ke Halaman
F058 •
Klik Judul Topik Untuk Menuju ke Halaman
F059 •
Klik Foto Untuk Menuju Ke Profil yang
Membuat Topik
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Foto Selamat Datang
Nama User Yang Login Judul Topik
Hari, 99 Bulan 9999 Jam: 99:99:99 Foto
Kirim Komentar Isi Komentar
Hari, 99 Bulan 9999 Jam: 99:99:99 Foto
Komentar
Gambar III.84 Halaman Reply Komentar
141
57. Halaman List Administrator
F60
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Home Sejarah
Pelajaran Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Pelajaran Nama Pelajaran
Jurusan Status Pelajaran
V V
V Update
Gambar III.85 Halaman List Administrator
58. Halaman List Tambah Pelajaran
F60
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Pelajaran
Forum
Foto Selamat Datang
Nama User Yang Login Logout
Kode Pelajaran Nama Pelajaran
Jurusan Status Pelajaran
V V
V Update
Gambar III.86 Halaman Tambah Pelajaran
142
59. Halaman List Tambah Pelajaran
F015
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI
USER Home
Sejarah Forum
Foto Selamat Datang
Nama User Yang Login Login
NISNIP Nama
Password Retype Password
Kirim Request Akun
Mekanik Pilot
Instruktur Admin
Gambar III.87 Halaman Request Akun
60. Halaman List Tambah Pelajaran
F062
Ukuran : Lebar = 600px Tinggi = auto
Warna : Biru Gradasi Putih
Font : arial, Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms
Logo STPI STPI-CURUG
Curug, Tangerang 021-5982204, 021-5982205
STPI USER
Foto Selamat Datang
Nama User Yang Login SEJARAH STPI
Gambar III.88 Halaman Sejarah
143
III.2.2.3 Perancangan Pesan
Perancangan pesan pada pembangunan sistem meliputi pesan-pesan, yakni sebagai berikut tampak pada dan
Perancangan pesan pada pembangunan aplikasi meliputi pesan-pesan, yakni sebagai berikut tampak pada Gambar III.89 dan Gambar III.90
Anda Belum Memilih Jenis Login
OK M01
Gambar III.89 Perancangan Pesan Login
Password Salah
OK M02
Gambar III.90 Perancangan Pesan Password Salah
144
Tabel III.41 Perancangan Pesan Kode Pesan
Pesan No. Form
M01 Gambar III.89, Gambar III.89 Perancangan
Pesan Login F001
M02 Gambar III.90 Perancangan Pesan Password
Salah F001
M03 Proses Import Data Selesai
Sukses = … Gagagl = …
Dari = … Data F011, F012,F013
M04 Masukan Kata Kunci Nama
F011, F012,F013 M05
Berasil Menghapus User F011, F012,F013
M06 foto telah diubah
F049, F052, F056 M07
File materi tidak dapat di-upload Mohon diulangi kembali
F039 M08
Data profil dan foto telah diubah F003
M09 Input password anda minimal 5 maksima 15
karakter F049, F052, F056
M10 File materi tidak dapat di-upload
Mohon diulangi kembali F039
M11 Input data dengan lengkap
F033 M12
Berhasil menghapus data F0043, F041, F046
M13 Input topik terlbih dahulu
F058 M14
Berhasil mengaupdate data F045, F040, F037
M15 Topik telah dihapus
F058 M16
Input komentar terlebih dahulu F059
M17 Berhasil menyimpan data
F033 M18
Berhasil menguploadmengubah foto F049, F052, F56
M19 Berhasil mengubah password
F048, F051, F055
III.2.2.4 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan ke dalam suatu program.
Perancangan prosedural menjelaskan tentang bagaimana program sistem berjalan. Perancangan prosedural digambarkan dalam bentuk flowchart.
145
1. Flowchart login
Flowchart login menggambarkan proses login dari awal sampai akhir. Flowchart login tampak pada Gambar III.91.
Mulai
Memasukan username dan
password
Validasi username dan password
Valid?
Masuk ke dalam sistem
Selesai Tampil pesan
“Login Gagal”
Ya
Tidak
Gambar III.91 Flowchart login
146
2. Flowchart Penambahan Data
Flowchart penambahan data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan proses penambahan data pada aplikasi
yang dibangun. Adapun gambaran flowchart dari proses penambahan data dapat dilihat pada Gambar III.92.
Mulai
Masukan data yang akan
ditambah
Data lengkap ?
Simpan data
Tampilkan data yang sudah ditambah dan disimpan
Selesai Pesan Tambah
Data Tidak Lengkap atau
tidak benar
Ya Tidak
Tambah Data
Gambar III.92 Flowchart Penambahan Data
147
3. Flowchart Pengubahan Data
Flowchart pengubahan data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan penambahan data pada aplikasi yang
dibangun. Adapun gambaran flowchart dari proses pengubahan data dapat dilihat pada Gambar III.93.
Mulai
Data yang akan
diubah
Pesan sukses Ubah data
Ubah Data
Ya
Valid ? Pesan gagal
mengubah data
Tidak Ya
Selesai
Gambar III.93 Flowchart Pengubahan Data 4.
Flowchart Penghapusan Data
Flowchart penghapusan data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan penghapusan data pada aplikasi yang
dibangun. Adapun gambaran flowchart dari proses penghapusan data dapat dilihat pada Gambar III.94.
148
Mulai
Pilih data yang akan dihapus
Hapus Data
Disetujui ?
Hapus Data
Menampilkan pesan data
berhasil dihapus
Selesai Ya
berhasil Tidak
Gambar III.94 Flowchart Hapus Data
5. Flowchart Pencarian Data
Flowchart pencarian data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan pencarian data pada aplikasi yang
dibangun. Adapun gambaran flowchart dari proses pencarian data dapat dilihat pada Gambar III.95
149
Mulai
Data yang akan dicari
Cari Data
Data ditemukan ? Pesan data tidak
ditemukan
Tidak
Data yang dicari
Ya
Selesai
Gambar III.95 Flowchart Pencarian Data
6. Flowchart Tampil Data
Flowchart pencarian data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk menampilkan data pada aplikasi yang dibangun.
Adapun gambaran flowchart dari proses tampil data dapat dilihat pada Gambar III.96.
150
Mulai
Pilih data yang akan
ditampilkan
Tampilkan Data
Data ditampilkan
Selesai
Gambar III.96 Flowchart Tampil Data
III.2.2.5 Jaringan semantik
Jaringan semantik adalah jaringan yang menjelaskan alur dari setiap halaman. Jaringan semantik dari sistem etraining di Sekolah Tinggi Penerbangan
Indonesia dibagi menjadi 4, yaitu jaringan semantik administrator, jaringan semantik instruktur, jaringan semantik mekanik dan jaringan semantik
pilotsekolah, berikut ini adalah jaringan semantik dari sistem etraining di Sekolah Tinggi Penerbangan Indonesia:
151
1. Jaringan Semantik Administrator
F001 F002
F003
F004
F005 F006
F007 F011
F012
F013
F058 F059
F061
F061 F009
F047 F048
F049
Gambar III.97 Jaringan Semantik Administrator
2. Jaringan Semantik Instruktur
F001 F014
F061
F016 F062
F028 F034
F029 F030
F031 F032
F033 F035
F028
F037 F038
F039 F040
F041 F042
F043 F044
F045 F046
F007 F057
F58 F008
F050 F048
F049
Gambar III.98 Jaringan Semantik Instruktur
152
3. Jaringan Semantik Mahasiswa
F001
F013 F061
F062
F018
F021
F022 F022
F023
F023 F025
F026 F019
F054 F055
F056 F007
F057 F057
F027
Gambar III.99 Jaringan Semantik Mahasiswa
153
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem E-training yang akan dibangun. Tahap implementasi dan pengujian dilakukan
setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan ke dalam bahasa pemograman. Setelah implementasi maka dilakukan pengujian
terhadap sistem yang baru dan akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.
IV.1 Implementasi Sistem
Setelah sistem dianalisis dan didesain secara rinci, maka selanjutnya akan menuju tahap implementasi. Tujuan Implementasi adalah untuk
mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberi masukan kepada pembangun sistem.
IV.1.1 Kebutuhan Perangkat Keras
Perangkat keras yang diperlukan untuk mengimplementasikan perangkat lunak Sistem E-Training di Sekloah Tinggi Penerbangan Indonesia dapat dilihat
pada tabel IV.1.
154
Tabel IV.1 Spesifikasi Perangkat Keras
Perangkat Keras Spesifikasi
Prosessor AMD Athlon II X3 440
RAM 4.00 GB Dual-Channel DDR3 666MHz 9-9-9-
24 Harddisk
466GB Western Digital WDC WD5000AAKX- 001CA0 ATA Device SATA
VGA MSI 880GM-E41 MS-7623 CPU1
Monitor SyncMaster 1024x76885Hz
IV.1.2 Kebutuhan Perangkat Lunak
Perangkat lunak yang digunakan untuk mengimplementasikan system E- training di Sekolah Tinggi Penerbangan Indonesia dapat dilihat pada Tabel IV.2
Tabel IV.2 Spesifikasi Perangkat Lunak
Perangkat Lunak Keterangan
Sistem Operasi MS Windows 7 Professional 64-bit SP1
Bahasa Pemrograman PHP
Web Server WAMP Server
Database Server MySQL
Web Browser Mozilla firefox, google chrome, internet exploler
IV.1.3 Implementasi Webhosting
Spesifikasi Hosting, domain, dan SSL Secure Socket Layer yang dibutuhkan untuk membangun aplikasi E-training untuk bisa online adalah
sebagai berikut : 1. Domain menggunakan nama https:www. etrainingstpicurug.web.id
dengan biaya Rp. 35.000tahun. 2. Lokasi server Indonesia.
3. Menggunakan IP Dedicated. 4. Hosting menggunakan paket Bundling CPanel dengan kapasitas 250Mb.
5. Untuk penggunaan SSL untuk keamanan situs yang sudah termasuk kedalam biaya hosting, dengan biaya Rp. 500.000tahun
155
IV.1.4 Implementasi Basis Data
Database yang digunakan dalam pembuatan E-training sistem ini yaitu menggunakan phpMyAdmin yang merupakan webbase control panel untuk
MySQL yang telah terinstall didalam komputer kita, dari sini kita dapat membuat memodifikasi menghapus database dan table data yang ada pada MySQL.
Implementasi database dalam bahasa SQL adalah sebagai berikut: 1. Pembuatan database
Berikut ini adalah Sintaks SQL untuk pembuatan database untuk sistem E-training di Sekolah Tinggi Penerbangan Indonesia
1 CREATE DATABASE rtpu;
2. Pembuatan tabel Berikut ini adalah daftar tabel untuk etraining yang ditulis dalam format
.sql:
Tabel IV.3 Pembuatan Tabel
No Nama Tabel
Nama file
1 Administrator
administrator.sql 2
Instruktur instruktur.sql
3 Mahasiswa
mahasiswa.sql 4
Pelajaran pelajaran.sql
5 Materi
materi.sql 6
Matapelajaran_permahasiswa matapelajaran_permahasiswa.sql
7 Ujian
ujian.sql 8
Bank_soal bank_soal.sql
9 Ujian_mahasiswa
ujian_mahasiswa.sql 10 Forum
forum.sql 11 Komentar_forum
komentar_forum.sql
Dari Tabel IV.3 Pembuatan Tabel dapat diimplementasikan ke sebuah sintaks SQL. Berikut ini adalah sintakx-sintaks SQL untuk pembuatan tabel:
156
tabel administrator.sql 1
2 3
4 5
6 7
8 9
10 11
12 CREATE TABLE IF NOT EXISTS `administrator`
`NIP` varchar18 NOT NULL, `Nama` varchar50 NOT NULL,
`Alamat` text NOT NULL, `Kelamin` varchar1 NOT NULL,
`Tlp` varchar15 NOT NULL, `Foto` varchar100 NOT NULL,
`Email` varchar50 NOT NULL, `Password` text NOT NULL,
‘NIS’ varchar11 NOT NULL, PRIMARY KEY `NIP`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
tabel instruktur.sql 1
2 3
4 5
6 7
8 9
10 11
CREATE TABLE IF NOT EXISTS `instruktur` `NIP` varchar18 NOT NULL,
`Nama` varchar50 NOT NULL, `Alamat` text NOT NULL,
`Kelamain` varchar1 NOT NULL, `Tlp` varchar 15 NOT NULL,
`Foto` varchar100 NOT NULL, `Email` varchar50 NOT NULL,
`Password` text NOT NULL, PRIMARY KEY `NIP`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
tabel mahasiswa.sql 1
2 3
4 5
6 7
8 9
10 11
12 13
14 15
CREATE TABLE IF NOT EXISTS `mahasiswa` `NIS` varchar11 NOT NULL,
`Nama` varchar50 NOT NULL, `Tlp` varchar12 NOT NULL,
`Alamat` text NOT NULL, `TempatLahir` varchar30 NOT NULL,
`TanggalLahir` date NOT NULL, `Kelamin` varchar 1 NOT NULL,
`Foto` varchar20 NOT NULL, `Email` int50 NOT NULL,
`Password` text NOT NULL, `Jurusan` varchar10 NOT NULL,
`Angkatan` varchar4 NOT NULL, `Kode` Int11 NOT NULL,
PRIMARY KEY `NIS` ENGINE=InnoDB DEFAULT CHARSET=latin1;
157
tabel matapelajaran_permahasiswa.sql 1
2 3
4 5
6 7
8 9
CREATE TABLE IF NOT EXISTS `matapelajaran_permahasiswa` `Kode` varchar20 NOT NULL,
`Tanggal` date NOT NULL, `NIS` varchar11 NOT NULL,
`KodePelajaran` varchar5 NOT NULL, `NilaiAkhir` varchar1 NOT NULL,
`Status` varchar15 NOT NULL, PRIMARY KEY `Kode`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
tabel pelajaran.sql 1
2 3
4 5
6 7
8 9
10 CREATE TABLE IF NOT EXISTS `pelajaran`
`Tanggal`datetime NOT NULL, `KodePelajaran` varchar5 NOT NULL,
`NamaPelajaran` varchar50 NOT NULL, `Instruktur` varchar18 NOT NULL,
`Jurusan` varchar10 NOT NULL, `Status` varchar10 NOT NULL,
`NIP` varchar18 NOT NULL, PRIMARY KEY `KodePelajaran`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
tabel materi.sql 1
2 3
4 5
6 7
8 9
10 CREATE TABLE IF NOT EXISTS `materi`
`Tanggal‘ datetime NOT NULL, ‘KodeMateri‘ varchar5 NOT NULL,
`JudulMateri` varchar100 NOT NULL, `KodePelajaran‘ varchar5 NOT NULL,
`DeskripsiMateri` text NOT NULL, `FileMateri` varchar10 NOT NULL,
`VideoMateri` varchar20 NOT NULL, PRIMARY KEY `KodeMateri`,
ENGINE=InnoDB DEFAULT CHARSET=latin1;
158
tabel ujian.sql 1
2 3
4 5
6 7
8 9
10 11
12 13
14 15
CREATE TABLE IF NOT EXISTS `ujian` `Tanggal` datetime NOT NULL,
`KodeUian` varchar 15 NOT NULL, `KodeSoal` varchar 5 NOT NULL,
`JudulUjian` varchar 50 NOT NULL, `JumlahSoal` varchar 3 NOT NULL,
`pelajaran` varchar 5 NOT NULL, `waktu` varchar 3 NOT NULL,
`online` date NOT NULL, `deadline` date NOT NULL,
`kode` int11 NOT NULL, `status` varchar 10 NOT NULL,
`deskripsi` text NOT NULL, PRIMARY KEY `KodeUjian`
ENGINE=InnoDB DEFAULT CHARSET=latin1;
tabel bank_soal.sql 1
2 3
4 5
6 7
8 9
10 11
CREATE TABLE IF NOT EXISTS `bank_soal` `Tanggal` datetime NOT NULL,
`KodeSoal` varchar15 NOT NULL, `Pertanyaan` text NOT NULL,
`PilihanA` text NOT NULL, `PilihanB` text NOT NULL,
`PilihanC` text NOT NULL, `PilihanD` text NOT NULL,
`jawaban` varchar1 NOT NULL, PRIMARY KEY `KodeSoal`,
ENGINE=InnoDB DEFAULT CHARSET=latin1;
tabel ujian_mahasiswa.sql 1
2 3
4 5
6 7
8 9
CREATE TABLE IF NOT EXISTS `ujian_mahasiswa` `Kode` int11 NOT NULL,
`NIS` varchar11 NOT NULL, `KodeUjian` varchar15 NOT NULL,
`Mulai` datetime NOT NULL, `Selesai` datetime NOT NULL,
`Nilai` varchar3 NOT NULL PRIMARY KEY `Kode`,
ENGINE=InnoDB DEFAULT CHARSET=latin1;