3. State Transition Diagram STD Menu Pendaftaran
Menu Home Klik menu Pendaftaran
Tampil sub menu Pendaftaran Menu Pendaftaran
Keluar Klik menu Home
Masuk Halaman Home Klik menu Home
Masuk Halaman Home
Menu Syarat Pendaftaran
Menu Pendaftaran Online
Klik menu Syarat Pendaftaran Masuk Halaman Syarat Pendaftaran
Klik menu Pendaftaran Online Masuk Halaman Pendaftaran Online
Menu Alur Pendaftaran
Klik menu Alur Pendaftaran Masuk Halaman Alur Pendaftaran
Gambar 4.32. STD Menu Pendaftaran
4. State Transition Diagram STD Menu Berita
Menu Home Klik menu Berita
Masuk Halaman Berita Menu Berita
Keluar Klik menu Home
Masuk Halaman Home Klik menu Home
Masuk Halaman Home
Menu Mahasiswa Menu Teknologi
Klik menu Mahasiswa Masuk Halaman Mahasiswa
Klik menu Teknologi Masuk Halaman Teknologi
Menu Sistem Multimedia
Klik menu Ekonomi Masuk Halaman Mahasiswa
Menu Hiburan Menu Olah Raga
Klik menu Hiburan Masuk Halaman Hiburan
Klik menu Olah Raga Masuk Halaman Olah Raga
Gambar 4.33. STD Menu Berita
5. State Transition Diagram STD Menu Galeri Foto
Menu Home Klik menu Galeri Foto
Masuk Halaman Galeri Foto Menu Galeri Foto
Keluar Klik menu Home
Masuk Halaman Home Klik menu Home
Masuk Halaman Home
Menu Alumni Menu Kegiatan
Mahasiswa Klik menu album Alumni
Masuk Halaman Alumni Klik menu Kegiatan Mahasiswa
Masuk Halaman Kegiatan Mahasiswa
Gambar 4.34. STD Menu Galeri Foto
4.5.4.2. Rancangan STD Masukan User
Rancangan modul masukan dilakukan agar tingkatan keakuratan data tinggi dan proses pemasukan data benar sehingga
dapat diterima dan dimengerti oleh pengguna sistem. Ada 2 rancangan modul masukan yang akan didefinisikan
pada User, yaitu Input Pendaftaran dan Input Hubungi Kami. Ada 12 rancangan modul masukan yang didefinisikan pada Admin, yaitu
Input Modul, Input Agenda, Input Berita, Input validasi, Input partner IIUC, Input Upload, Input Sekilas Info, Input Album, Input Galeri
Foto, Input Menu Utama, Input Sub Menu, Input Halaman Statis. Rancangan masukan tersebut dapat dijelaskan sebagai berikut:
1. State Transition Diagram STD Input Pendaftaran
Pendaftaran Klik menu Pendaftaran Online
Menunggu input Form data
pendaftaran Klik menu Pendaftaran
Masuk Halaman Pendaftaran Klik menu Pendaftaran
Masuk Halaman Pendaftaran Cek validasi
Peringatan input salah
Input form klik tombol ‘submit’
Klik ‘OK’ kembali ke
form pendaftaran
Sukses Keluar
Menampilkan halaman sukses
Gambar 4.35. STD Input Pendaftaran
2. State Transition Diagram STD Input Hubungi Kami
Hubungi kami Klik menu Hubungi Kami
Menunggu input Form data
Hubungi Kami Klik menu hubungi kami
Masuk Halaman hubungi kami Klik menu Hubungi Kami
Masuk Halaman Hubungi Kami Cek validasi
Peringatan input salah
Input form klik tombol ‘submit’
Klik ‘OK’ kembali ke
form hubungi kami
Sukses Keluar
Menampilkan halaman sukses
Gambar 4.36. STD Input Hubungi Kami
4.5.4.3.Rancangan STD Masukan pada Admin
1. State Transition Diagram STD Input Login
Menampilkan halaman login
Input valid memanngil
authentification Klik menualamat baru
Memanggil pengalih Baca dan cek
Input Username dan Password
Menampilkan kesalahan input
Input not valid memaanngil
window alert Klik ‘OK’
memanngil display login
Memeriksa user Mengalihkan
halaman Menampilkan
halaman Kesalahan Input
User terdaftar memanggil Pengalih
Klik ‘Ulangi Lagi’
Memanggil display Klik login
Memanggil cek Input
Gambar 4.37. STD Input Login
2. State Transition Diagram STD Input Modul
modul Klik ‘Tambah modul’
Menunggu input Form data modul
Klik ‘Simpan’
Memanggil display Klik menu modul
Masuk Halaman modul Klik menu modul
Masuk Halaman modul
List Modul Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.38. STD Input Modul
3. State Transition Diagram STD Input Agenda
agenda Klik ‘Tambah agenda’
Menunggu input Form data agenda
Klik ‘Simpan’
Memanggil display Klik menu agenda
Masuk Halaman agenda Klik menu agenda
Masuk Halaman agenda
List agenda Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.39. STD Input Agenda
4. State Transition Diagram STD Input Berita
berita Klik ‘Tambah berita’
Menunggu input Form data berita
Klik ‘Simpan’
Memanggil display Klik menu berita
Masuk Halaman berita Klik menu berita
Masuk Halaman berita
List berita Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit berita’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.40. STD Input Berita
5. State Transition Diagram STD Input Validasi
validasi Klik ‘Edit’
Menunggu input Form Edit data
Pendaftaran Klik
‘Simpan’ Memanggil display
Klik menu validasi Masuk Halaman validasi
Klik menu validasi Masuk Halaman validasi
List validasi Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.41. STD Input Validasi Pendaftaran
6. State Transition Diagram STD Input Partner IIUC
partner IIUC Klik ‘Tambah Partner’
Menunggu input Form data partner
IIUC Klik
‘Simpan’ Memanggil display
Klik menu partner IIUC Masuk Halaman partner IIUC
Klik menu partner IIUC Masuk Halaman partner IIUC
List partner IIUC Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.42. STD Input Partner IIUC
7. State Transition Diagram STD Input File Upload
download Klik ‘tambah download’
Menunggu input Form data
download Klik
‘Simpan’ Memanggil display
Klik menu download Masuk Halaman download
Klik menu download Masuk Halaman download
List download Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.43. STD Input File Upload
8. State Transition Diagram STD Input Sekilas Info
sekilas Info Klik ‘ tambah sekilas Info’
Menunggu input Form data sekilas
Info Klik
‘Simpan’ Memanggil display
Klik menu sekilas Info Masuk Halaman sekilas Info
Klik menu sekilas Info Masuk Halaman sekilas Info
List sekilas Info Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.44. STD Input Sekilas Info
9. State Transition Diagram STD Input Album
album Klik ‘Tambah album’
Menunggu input Form data album
Klik ‘Simpan’
Memanggil display Klik menu album
Masuk Halaman album Klik menu album
Masuk Halaman album
List album Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar
Gambar 4.45. STD Input Album
10. State Transition Diagram STD Input Galeri Foto
galeri foto Klik ‘ tambah galeri foto’
Menunggu input Form data galeri
foto Klik
‘Simpan’ Memanggil display
Klik menu galeri foto Masuk Halaman galeri foto
Klik menu galeri foto Masuk Halaman galeri foto
List galeri foto Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.46. STD Input Galeri Foto
11. State Transition Diagram STD Input Menu Utama
menu utama Klik ‘Tambah menu utama’
Menunggu input Form data menu
utama Klik
‘Simpan’ Memanggil display
Klik menu menu utama Masuk Halaman menu utama
Klik menu menu utama Masuk Halaman menu utama
List menu utama Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar
Gambar 4.47. STD Input Menu Utama
12. State Transition Diagram STD Input Sub Menu
sub menu Klik ‘ tambah sub menu’
Menunggu input Form data sub
menu Klik
‘Simpan’ Memanggil display
Klik menu sub menu Masuk Halaman sub menu
Klik menu sub menu Masuk Halaman sub menu
List sub menu Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.48. STD Input Sub Menu
13. State Transition Diagram STD Input Halaman Statis
halaman statis Klik ‘ tambah halaman statis’
Menunggu input Form data
halaman statis Klik
‘Simpan’ Memanggil display
Klik menu halaman statis Masuk Halaman halaman statis
Klik menu halaman statis Masuk Halaman halaman statis
List halaman statis Menampilkan
halaman sukses Klik
‘Batal’ Memanggil display
Form Edit Klik ‘Edit’
Menunggu input Klik
‘Batal’ Memanggil display
Klik ‘Simpan’
Memanggil display
Keluar Klik
‘Hapus’ Memanggil display
Gambar 4.49. STD Input Halaman Statis
4.6. Analisa Keputusan Decision Analysis
Berdasarkan kebutuhan sistem dan model sistem yang didapatkan pada tahapan requirements analysis dan logical design, maka ada beberapa cara untuk
memenuhi kebutuhan tersebut, diantaranya:
4.6.1. Sistem yang digunakan
Sistem yang dikembangkan dalam penelitian diantaranya: 1. Sistem untuk pengkasesan info dan berita terbaru yang terjadi di kampus 2. Sistem
pendaftaran secara online 3. Pengaksesan e-learning yang terhubung dengan web portal.
4.6.2. Kepemilikan perangkat lunak
Dalam proyek Pengembangan Web portal ini dibangun menggunakan CMS
Lokomedia yang di kembangkan agar sesuai dengan kebutuhan Web Portal di STMIK Islam Internasional Jakarta.
4.6.3. Desain Sistem
Desain sistem yang digunakan dalam proyek Web Portal adalah berbasis web.
4.6.4. Teknologi informasi yang akan dihasilkan dari aplikasi
Teknologi informasi yang akan dihasilkan dari aplikasi adalah suatu Sistem berbasis web yang bernama Web Portal, yang berguna untuk
mempercepat proses mendapatkan informasi yang dibutuhkan dalam sebuah institusi perguruan tinggi, dan sebagai penghubung dengan sistem-sistem lain
yang pada STMIK Islam Internasional Jakarta sehingga mempermudah proses perkuliahan di STMIK Islam Internasional Jakarta.
4.6.5. Analisis Kelayakan feasibility analisys
Penganalisaan dari kandidat solusi-solusi tersebut sehingga pada akhirnya nanti dapat dipilih suatu solusi yang terbaik untuk mendesain,
mengembangkan dan mengimplementasikan suatu sistem yang sesuai dengan yang dibutuhkan.
Berbagai kemungkinan alternatif kandidat solusi ini diperoleh dari ide atau pendapat dari system owner, dalam hal ini STMIK Islam Internasional
Jakarta, maupun system user. Dari berbagai ide dan opini yang yang terima itu, akhirnya dapat disusun daftar kandidat-kandidat solusi tersebut dalam
tabel Candidate System Matrix di bawah ini.
Tabel 4.9. Candidate system matrix Karakteristik
Kandidat 1 Kandidat 2
Software yang digunakan untuk
pengembangan sistem
Perangkat lunak yang dibutuhkan dalam
merancang dan mengembangkan kandidat
sistem yang bersangkutan, misalnya untuk basis data,
sistem operasi, bahasa pemrograman, dan
sebagainya.
Untuk interface digunakan PHP,
JQuery,HTML dan CSS. Sedangkan untuk
database
menggunakan mySQL sebagai DBMS
Data Base Management System
Untuk server menggunakan MS
Windows Server 2003, apache web serve dan,
Oracle sebagai DBMS.
Servers and Workstations Deskripsi dari server dan
workstation yang
dibutuhkan untuk mendukung kandidat yang
bersangkutan. Hosting
di sebuah tempat di internet dengan jumlah
quota yang cukup besar. IBM Server, memory
2 GB dan 2 buah Hardisk
SCSI 80 GB dan monitor 15”
Server, Pentium 4, memory
128 MB dan Hardisk
ATA 40 GB
Keuntungan Deskripisi singkat
mengenai keuntungan yang akan direalisasikan
untuk kandidat yang bersangkutan.
Solusi ini dapat diimplementasikan relatif
lebih cepat karena sistem ini cukup sederhana,
harga lebih murah dan dapat memenuhi
kebutuhan user. Solusi ini dapat lebih
terjamin keamanannya ,
server dikendalikan penuh oleh admin
dapat memenuhi kebutuhan user
Output Devices and Implications
Deskripsi dari peralatan yang akan digunakan oleh
user
untuk menghasilkan keluaran dari sistem,
sesuai dengan kebutuhan yang ada.
Printer standard dan dot Matrix.
Sama seperti
Kandidat 1.
Input Devices and Implications
Deskripsi dari peralatan yang akan digunakan oleh
Keyboard dan mouse
Sama seperti Kandidat 1.
user untuk memberi
masukan ke sistem. Storage Devices and
Implications Deskripsi singkat
mengenai data yang akan disimpan dan diakses,
media penyimpan yang akan digunakan, besar
kapasitas untuk penyimpanan data, dan
bagaimana penyimpanan data tersebut dapat
terorganisir dengan baik. Tersedia pada server
tempat hosting. Dengan minimum quota yang
dibutuhkan sebesar 1 GB Pada servermilik
sendiri, yaitu sebuah Hardisk
SCSI 250 GB. Dengan
menggunakan sistem RAID 0
Bagian yang
terkomputerisasi
Pemilihan bagian yang akhirnya dikomputerisasi
oleh pengembangan
system Penerimaan Mahasiswa
Baru secara Online, Sistem Informasi
Akademik, E-Learning, Sistem Informasi
Keuangan Sama seperti
kandidat 1
Teknologi pemrosesan
data
Sarana yang dipakai untuk pemrosesan data
Pengaksesan data lewat Internet
Pengaksesan data lewat LAN
Analisis kelayakan terdiri dari 5 analisis kelayakan, yaitu: 1 Kelayakan teknis, 2 Kelayakan operasional, 3 Kelayakan ekonomi, 4
Kelayakan jadwal, dan 5 Kelayakan resiko. Penjelasan kelima analisis kelayakan ini terperinci pada
Tabel 4.10. Feasibility analysis matrix Kriteria
Kelayakan Bobot
Kandidat 1 Kandidat 2
Kelayakan operasional
yaitu berhubungan
dengan 25
Memenuhi kebutuhan- kebutuhan fungsional
utama user STMIK Islam Internasional Jakarta,
seperti, Berita terbaru Memenuhi
user’s requirement
secara penuh, seperti Update
Berita terbaru ,
Penerimaan