31
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Berikut ini merupakan pembahasan mengenai analisa SMK Pelayaran
Pembangunan Pontianak, yang meliputi: sejarah sekolah, serta struktur organisasi.
3.1.1. Sejarah SMK Pelayaran Pembangunan
SMK Pelayaran Pembangunan Pontianak memulai pada tahun 2008
menyewa dari sekolah Sultan Abdurahman di jalan Ahmad Yani 1 No.8
Pontianak. Dilokasi tersebut terdapat 10 ruang kelas 2 ruang guru 2 WC lantai
pertama diisi oleh siswa SMA dan SMK Sultan Syarif Abdurahman lantai kedua
diisi oleh SMK Pelayaran.
Pada tahun 2009 SMK Pelayaran menyewa gedung kembali di jalan Karet
MIS Tarbiatul Atfal Pontianak. Sesuai kesepakatan SD masuk sekolah pukul
07.00 sampai 11.30 sedangkan SMK 12.15 sampai 17.15.
Pada tahun 2015 akhirnya SMK Pelayaran Pembangunan mempunyai
gedung sendiri yang beralamat di jalan Komyos Sudarso komplek Yuka jalur
kosong dengan luas lahan 1000 m2 , luas bangunan 205 m2, luas halaman 174 m2,
luas lapangan olahraga 16 m2 dan luas lahan kosong 600 m2.
1. Terdapat 5 ruangan, 1 ruang praktek, dibangun pada 2014.
2. Terdapat 1 ruangan guru 1 ruang kepala sekolah. Di bangun 2014.
3. Terdapat 2 ruang wc 1 wc guru 1 wc siswa.
31
32
Adapun nama kepala sekolah sejak berdiri SMK Pelayaran Pembangunan
Pontianak adalah Bapak Drs.Siswantoko dan wakil kepala sekolah Drs.Amri.
3.1.2. Struktur Organisasi Dan Fungsi
Struktur organisasi merupakan tingkatan-tingkatan jabatan, ini merupakan
susunan tingkatan kerja yang didalamnya terdapat pembagian tugas wewenang
dan tanggung jawab, yang dilimpahkan kepada masing-masing yang
bersangkutan.
Struktur organisasi antara perusahaan atau kantor lain tidaklah sama, hal
ini dikarenakan oleh luasnya kegiatan, aktivitas yang ada pada kantor tersebut
berbeda. Adanya struktur dalam setiap perusahaan atau lembaga pendidikan
adalah untuk memudahkan proses pertangungjawabkan terhadap suatu pekerjaan.
Adapun struktur organisasi ini sendiri dapat dikatakan sebagai suatu
kerangka yang mewujudkan suatu pola tetapi dari hubungan antara kedudukan
dan peranan suatu kerjasama. Bentuk struktur organisasi yang dimiliki SMK
Pelayaran Pembangunan Pontianak adalah sebagai berikut:
33
Sumber: Struktur Organisasi SMK Pelayaran Pembangunan (2017)
Gambar III.1
Struktur Organisasi SMK Pelayaran Pembangunan
Adapun tugas dan fungsi dari struktur organisasi SMK Pelayaran
Pembangunan di atas sebagai berikut:
1. Ketua Harian Lembaga
Tugas dari ketua lembaga adalah membuat keputusan yang mengatur secara
operasional penyelenggaraan yayasan.
2. Kepala Sekolah
Adapun beberapa tugas dari kepala sekolah yaitu melaksanakan program
KBM dengan efektif sekaligus efisien memiliki tugas menjalankan setiap
administrasi sekolah dan ikut menjadi supervise dalam kegiatan sekolah.
34
3. Penasehat
Penasehat Mempunyai tugas memberikan masukan kepada pengurus dalam
menetapkan dan pelaksanaan program yayasan. Menjaga dan memastikan
pelaksanaan kerja dan kegiatan yayasan sesuai visi dan misi.
4. Waka Kesiswaan
Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan kesiswaan
dalam rangka menegakkan disiplin dan tata tertib sekolah serta pemilihan
pengurus batalion/osis.
5. Waka Kurikulum
Menyusun program pengajaran mengarahkan penyusunan kelengkapan
mengajar dan menyusun pembagian tugas guru dan jadwal pelajaran.
6. Bendahara
Urusan administrasi yaitu mengelola keuangan sekolah mengurus
administrasi ketenagaan serta taruna/taruni dan juga bertanggung jawab
kepada kepala sekolah.
7. Ketua Jurusan Nautika
Ketua jurusan nautika bertugas membantu kepala sekolah dalam tata tertib
jurusan nautika dan membimbing kegiatan jurusan nautika.
8. Ketua Jurusan Tehnika
Ketua jurusan tehnika bertugas membantu kepala sekolah dalam tata tertib
jurusan tehnika dan membimbing kegiatan jurusan tehnika.
35
9. Wali Kelas
Dalam kegiatannya wali kelas memiliki tugas untuk membantu kegiatan
kepala sekolah yang meliputi pengelolaan kelas mengisi daftar nilai taruna
mengisi buku laporan penilaian dan pembagian buku laporan.
10. Guru Bp/Bk
Fungsi dari guru bp/bk membantu taruna dan kepala sekolah dalam urusan
yang berkaitan dengan pelaksanaan berkoordinasi dengan wali kelas
memberikan saran atau pertimbangan dan megatasi permasalahan taruna di
sekolah.
11. Dewan Guru
Guru memiliki peran dalam proses mengajar dan bertanggung jawab kepada
kepala sekolah dan pembuatan belajar menetapkan KKM atau kriteria
ketuntasan minimal.
12. Instruktur
Instruktur mempunyai tugas dalam mengisi kegiatan yang diselenggarakan
oleh ketarunaan atau sekolah dan membimbing taruna dalam kegiatan
pengembangan diri dan latihan baris berbaris (LKBB).
13. Korp Batalion
Korp batalion mempunyai tugas membantu menyusun program kegiatan yang
diselenggarakan dan memimpin masing-masing kelas jurusan.
3.2 Analisa Kebutuhan
Penulis akan membahas mengenai judul yang akan diambil dan
mengumpulkan data yang dibutuhkan untuk bisa mendapatkan banyak informasi.
36
Penerimaan taruna/taruni baru dan forum komunikasi atau forum diskusi ini
dirancang untuk mempermudah pengguna dalam mendapatkan informasi di SMK
Pelayaran pembangunan.
Website ini menyediakan sebuah penerimaan taruna/taruni baru dan forum
diskusi untuk pengguna yang ingin mendaftar sebagai taruna SMK Pelayaran dan
forum diskusi untuk taruna dan alumni SMK Pelayaran yang dimana taruna akan
mendaftar untuk dapat masuk ke forum diskusi dalam bertukar informasi.
Untuk penerimaan taruna baru ini calon taruna harus masuk ke portal
SMK Pelayaran dan mengisi data yang lengkap yang telah disediakan. Untuk
forum komunikasi agar dapat bergabung alumni maupun taruna baru pelayaran
harus mendaftar sebagai anggota forum dan mengisi data. Saat terdaftar sebagai
anggota user diijinkan untuk melakukan postingan dan komentar melalui forum
ini anggota yang ingin mencari pekerjaan juga lebih mudah selain bersilaturahmi
sesama alumni juga bermanfaat bagi yang ingin mencari pekerjaan.
3.2.1 Kebutuhan Fungsional
Kebutuhan fungsional sangat penting dalam yang akan dibuat mulai dari
pertama kali website diakses. Dan di kebutuhan fungsional ini akan dibahas
mengenai apa yang ada di dalam sistem adapun kebutuhan fungsional dari website
ini sebagai berikut:
1. Halaman Depan
Halaman depan merupakan halaman yang tampil saat website diakses
pertama kali oleh pengguna. Untuk pengunjung yang akan mengakses
disediakan 3 pilihan tampilan yang pertama pendaftaran taruna yang kedua
data pendaftar yang ketiga masuk aplikasi.
37
2. Pendaftaran Taruna
Di dalam pendaftaran taruna saat kita mengaksesnya akan masuk ke data
pendaftaran yang harus diisi agar dapat terdaftar ke from data pendaftar.
3. Data Pendaftar
Di data pendaftaran ini kita dapat melihat hasil pendaftaran yang sudah
mendaftar dari menu pendaftaran yang sudah kita isi dan menampilkan secara
lengkap tentang data yang kita masukkan.
4. Login Admin
Menu Login admin adalah menu yang khusus digunakan untuk admin dan
pengguna tidak dapat mengakses menu login. Login admin disini sangat
penting untuk website karena di menu admin semua menu pada web bisa di
kelola dari mengubah, menambahkan, menghapus data penerimaan taruna
baru dan forum.
5. Forum Taruna
Forum komunikasi taruna adalah tempat atau wadah suatu kegiatan online
yang di dalamnya terdapat komunikasi antar member dan disediakan juga
kolom komentar untuk mengomentari suatu postingan yang dimasukkan dan
di forum tersebut juga akan menampilkan banyak menu lainnya
3.2.2 Kebutuhan Non Fungsional
Kebutuhan non fungsional adalah kebutuhan yang mendukung fungsional
berupa Hardware (perangkat keras) yang digunakan,software (perangkat lunak)
serta brainware (pengguna). Adapun kebutuhan non fungsional sebagai berikut:
38
A. Kebutuhan Hardware (Perangkat Keras)
Perangkat keras utama yang digunakna untuk mengakses website ini
adalah laptop yang bisa terhubung ke internet. Spesifikasi yang digunakan pada
perangkat keras ini adalah sebagai berikut:
1. CPU (Center Processing Unit)
a. Processor : 2,30 GHz
b. Memory : 2,00 GB
c. Harddisk : 320 GB
2. Monitor : 11,6 (1366x768)
3. Keyboard : 82 keys
4. Mouse : Optical / Toucpad
B. Kebutuhan Software (Perangkat Lunak)
Perangkat lunak berfungsi untuk mendukung kinerja dari perangkat keras,
tanpa perangkat lunak perangkat keras tidak akan berfungsi secara sempurna.
Aplikasi yang digunakan pada perancangan website ini menggunakan
Dreamweaver CS6, karena pada aplikasi ini mempunyai tools yang mudah
digunakan dan cepat sehingga dalam membangun suatu website dengan cepat dan
tanpa melakukan kodingan.
Adapun kebutuhan software yang diperlukan untuk merancang aplikasi ini
adalah sebagai berikut:
1. Sistem Operasi : Windows 8,1 Pro
2. Webserver : Xampp 1.8.1
a. Apache : Apache 2.4.3
39
b. MySQL : MySQL 5.5.27.0
c. PHP : PHP 5.4.7
3. Web Browser
a. Google Chrome : Versi 59.0.3071.115
b. Mozilla Firefox : Versi 44.0.0.5829
c. Opera : Versi 45.0.2552.812
C. Kebutuhan Brainware (Pengguna)
Pengguna merupakan orang yang mempunyai kewenangan untuk
mengakses sistem dan mengeksplorasi kemampuan dari Hardware dan Software
pada Komputer pengguna pada website ini terdapat 3 level yaitu pengunjung,
anggota dan admin. Berikut penjelasan mengenai hak yang dimiliki oleh masing-
masing pengguna (user):
1. Admin, admin disini adalah guru yang merupakan user yang sudah memiliki
akun dan diijinkan masuk ke dalam sistem dan dapat mengakses keseluruhan
data yang ada pada website.
2. Member, merupakan user yang sudah memiliki akun dan mendaftar untuk
bergabung di forum dan yang sudah memiliki username dan password
langsung dapat bergabung dengan forum.
3. Pengunjung, merupakan user yang mengakses website namun belum terdaftar,
sebagai anggota forum karena pengunjung atau pendaftar harus mendaftar
mengisi data dan mendapatkan password dan username agar bisa login ke
aplikasi forum.
40
Tabel III.1
Gambaran Hak Akses Pengguna
Level Pengguna Hak Akses
Admin - Lihat halaman depan
- Pilih login admin
- Login username dan password
- Mengelola data pendaftar edit
dan hapus data pendaftar
- Mengelola forum dan
menghapus postingan
- Membuat Posting topik
Pengunjung - Lihat halaman depan
- Memilih pendaftaran taruna
- Mengisi data taruna baru atau
alumni
- Melihat hasil data pendaftar
Anggota - Lihat halaman depan
- Pilih forum taruna
- Login username dan password
- Melihat postingan forum
- Membuat posting
- Membalas posting
Sumber: Hasil Penelitian (2017)
41
3.3 Perancangan Perangkat Lunak
Perancangan perangkat lunak ini adalah gambaran awal mengenai website
yang akan dibuat yang terdiri dari:
3.3.1. Rancangan Antar Muka
Rancangan antar muka (interface) yang terdapat pada website merupakan
suatu gambaran website penerimaan taruna baru, berikut ini adalah antar muka
dari sistem informasi penerimaan taruna/taruni baru dan forum komunikasi
berbasis web pada SMK Pelayaran Pembangunan Pontianak.
A. Rancangan Halaman Utama
Pada halaman ini halaman utama yang akan tampil pertama kali dan
tersedia fitur-fitur untuk mengelola website dan terdapat menu pilihan yang dapat
diakses oleh admin dan pengunjung. Yang pertama terdapat menu pendaftaran
taruna bagi calon taruna dan alumni yang ingin mendaftar, dan berikutnya data
pendaftar, data pendaftar adalah hasil dari pendaftar yang sudah mengisi data
yang kemudian login admin login untuk admin yang mempunyai hak akses untuk
mengelola website penerimaan taruna baru dan forum dan yang terakhir menu
forum taruna disediakan untuk alumni dan taruna dalam berkomunikasi. Berikut
ini adalah tampilan dari menu utama:
42
Sumber: Hasil Penelitian (2017)
Gambar III.2
Rancangan Halaman Utama SMK Pelayaran Pembangunan
B. Rancangan Pendaftaran Taruna
Pada halaman ini tersedia form untuk mendaftar atau pengisian data calon
taruna baru, dan di form ini calon taruna harus mengisi data secara lengkap yang
terdapat pada “pendaftaran taruna” di dalam website tersebut. berikut ini adalah
langkah-langkah yang harus diisi bagi calon taruna baru maupun alumni:
LEMBAGA PENDIDIKAN MARITIM PEMBANGUNAN PONTIANAK
SMK PELAYARAN PEMBANGUNAN PONTIANAK
Footer
LOGO
PENDAFTARAN TARUNA DATA PENDAFTAR
LOGIN ADMIN
Selamat Datang di Aplikasi Komunikasi Silahkan Login Terlebih Dahulu
Pendaftaran SiswaBaru Pelayaran
Online
Hasil PendaftaranSementara
FORUM TARUNA
43
Sumber: Hasil Rancangan (2017)
Gambar III.3
Form Pengisian Pendaftaran Taruna
C. Rancangan Data Pendaftar
Halaman ini adalah halaman dimana data yang sudah mendaftar akan
terdata oleh tabel sesuai dengan pengisian data secara lengkap, dimana dimana
tersedia foto untuk taruna atau alumni lampirkan. Berikut ini adalah data yang
sudah diisi dari calon taruna baru maupun alumni:
Footer
KODE DAFTAR*
NAMA*
xxxxxxxxxxxxxxx
SEKOLAH ASAL*
TELEPON*
ALAMAT*
AGAMA*
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
TGL DAFTAR*
-Pilihan-
DD/MM/YY
DAFTAR Kembali
FOTO* Browser
44
Kembali
Footer
Sumber: Hasil Penelitian (2017)
Gambar III.4
Form Data Pendaftar SMK Pelayaran Pembangunan
D. Rancangan Tampilan Login Admin SMK Pelayaran Pembangunan
Pada halaman ini admin terlebih dahulu melakukan login dengan
memasukkan username dan password dan saat sudah berhasil login admin akan
terdapat menu pilihan home, user, forum dan log out. Berikut ini adalah tampilan
dari login aplikasi:
Sumber: Hasil Penelitian (2017)
Gambar III.5
Halaman Login Aplikasi Pelayaran
NO KODE
DAFTAR
NAMA ALAMAT TELEPON AGAMA FOTO TANGGAL
DAFTAR
1 XXXX XXXX XXXX XXXX XXXX FOTO XXXX
DATA PENDAFTAR
Username
Password
Kembali
Footer
Login Guru
45
E. Rancangan Aplikasi Menu Login Admin Home
Pada halaman aplikasi menu login admin terdapat halaman utama dengan
menampilkan beberapa menu yang pertama menu home saat dipilih akan
menampilkan data pendaftar dan di data ini terdapat edit dan hapus edit untuk
menambahkan atau mengubah data dan hapus untuk menghapus data pendaftar.
Berikut ini adalah tampilan pada menu home di login admin:
Sumber: Hasil Penelitian (2017)
Gambar III.6
Rancangan Antar Muka Daftar Menu Login Admin
F. Rancangan Antar Muka User Admin
Pada halaman user admin ini terdapat data admin yang harus diisi untuk
menambahkan admin baru atau melihat beberapa data admin lainnya. Jika data
sudah diisi maka akan muncul di tabel data admin tersebut dan data admin ini juga
dapat dihapus. Berikut ini adalah rancangan antar muka user admin:
No Kode Daftar Nama Tgl daftar Agama Foto -Pilihan-1 XXXXXXX XXXXX DD/MM/YY Edit
Hapus2 XXXXXXX XXXXX DD/MM/YY Edit
Hapus
Footer
Footer
Home User Forum Log Out
46
Sumber: Hasil Penelitian (2017)
Gambar III.7
Rancangan Antar Muka User Admin
G. Rancangan Antar Muka Forum Login Admin
Forum pada login admin ini terdapat data forum komunikasi yang terdiri
dari pengirim topik, isi postingan, jumlah yang melihat postingan, total balasan,
tanggal postingan, dan menu pilihan hapus untuk menghapus postingan yang ada
di data forum tersebut. Berikut ini adalah rancangan antar muka forum
komunikasi admin:
Sumber: Hasil Penelitian (2017)
No Username password akses nama jabatan -pilihan-
1
Footer
Home User Forum Log Out
Username :
Password :
Nama :
Jabatan :
Tambah
Pengirim HapusTopik: xxxxxxx Dilihat:Isi postingan
Footer
Home User Forum Log Out
Gambar III.8
Rancangan Antar Muka Forum Login Admin
47
H. Rancangan Antar Muka Forum Taruna
Rancangan antar muka forum taruna disini terdapat menu login yang harus
diisi terlebih dahulu agar dapat masuk ke situs forum taruna.berikut ini rancangan
login forum taruna:
Sumber: Hasil Penelitian (2017)
Gambar III.9
Rancangan Antar Muka Forum Login Taruna
I. Rancangan Antar Muka Daftar Forum
Daftar forum merupakan tahap untuk mendaftar agar dapat login ke forum
bagi taruna yang belum mempunyai password dan username terlebih dahulu
mengisi data agar dapat bergabung di forum komunikasi. Data yang harus diisi
terdiri dari 5 from yang pertama nama lengkap, username yang akan dipakai di
forum, password untuk dapat login aplikasi forum, email yang taruna miliki, dan
jenis kelamin.
FORUM KOMUNIKASI
Footer
Logo
Silahkan Login Kembali Ke Awal Daftar
LOGIN
Username :
Password :
Notice:
48
Sumber: Hasil Penelitian (2017)
Gambar III.10
Rancangan Antar Muka Daftar Forum
J. Rancangan Antar Muka Home Forum Komunikasi
Halaman utama atau menu home pada forum komunikasi ini yang pertama
kali ditampilkan adalah keterangan postingan seperti topik untuk melihat
postingan. berikut ini adalah rancangan antar muka dari forum komunikasi taruna
:
Sumber: Hasil Penelitian (2017)
Gambar III.11
Rancangan Antar Muka Home
DAFTAR
Nama Lengkap *(Max 30 Char)
Username *(Max 20 Char)
Password *( Max 50 Char)
Email *( Max 40 Char)
Jenis kelamin Laki-Laki Perempuan
Sudah punya akun?Login disini
Daftar
marqueeNotice
FORUM KOMUNIKASI TARUNA
Anda Login sebagai :
# Topik Pengirim Balasan Dilihat Tanggal
Coba posting
Home Thread baru Profil Member Ganti password Keluar
Total Thread : Total Member:
49
K. Rancangan Antar Muka Postingan
Antar muka postingan ini menampilkan halaman postingan member yang
melakukan postingan dan terdapat juga tanggal waktu dan nama member yang
memposting dan tersedia juga pilihan untuk komentar dengan nama replay untuk
membalas.
Sumber: Hasil Penelitian (2017)
Gambar III.12
Rancangan Antar Muka Postingan
L. Rancangan Antar Muka Komentar
Di halaman postingan terdapat piihan replay atau komentar balasan dari
member yang melihat postingan maka dari itu saat pengguna memilih replay atau
komentar akan muncul form komentar sebagai berikut.
KOMENTAR
Anda login sebagai :
Dikirim YY/DD/MM Time #no
Nama
Topik :
xxxxxxxx
Jumlah balasan jumlah yang dilihat dari member
image
Komentar
50
Sumber: Hasil Penelitian (2017)
Gambar III.13
Rancangan Antar Muka komentar
M. Rancangan Antar Muka Thread Baru
Thread baru disini adalah membuat postingan dengan mengisi username
topik dan isi yang akan diposting laku kirim jika sudah selesai maka postingan
yang buat akan tampil di menu home. Berikut ini antar muka tampilan thread
baru.
Sumber: Hasil Penelitian (2017)
Thread Baru
Username :
Topik :
Isi :
Kirim Hapus
Gambar III.14
Rancangan Antar Muka Thread Baru
Komunikasi
51
N. Rancangan Antar Muka Profil Forum Komunikasi
Profil pada forum merupakan data pengguna forum atau anggota forum
dimana anggota dapat mengubah profil sendiri dan profil ini juga akan tampil di
menu member secara lengkap dari hasil yang telah diisi taruna. berikut ini antar
muka dari menu profil
Sumber: Hasil Penelitian (2017)
Gambar III.15
Rancangan Antar Muka Profil Forum Komunikasi
O. Rancangan Antar Muka Ganti Password
Ganti password merupakan hal yang penting bagi member forum jika
suatu saat pengguna ingin mengubah password. Maka dari itu penulis
menyediakan menu ganti password.
Data User
Profil
Nama Lengkap :
Username :
Terdaftar Sejak :
Jenis Kelamin :
Situs Web :
Total Post :
image
Home Thread Baru Profil MemberGanti
Password Keluar
Total Thread : Total Member:
>>Edit Profil<<
52
Sumber: Hasil Penelitian (2017)
Gambar III.16
Rancangan Antar Muka Ganti Password
3.3.2. Basis Data
Pada aplikasi penerimaan taruna/taruni baru ini penulis memberikan
gambaran mengenai basis data (database) yang terdapat pada website yang
penulis buat. dan dari yang penulis buat dan jelaskan diharapkan struktur database
ini mudah untuk dipahami.
Berikut ini penggambaran dalam ERD Entity Relationship Diagram pada website
penerimaan Taruna/Taruni baru :
GANTI PASSWORD
Password Saat Ini :
Passsword Baru :
Ganti Password
Update Password !
Home Thread Baru Profil Member Ganti password Keluar
Total Thread : total Member :
53
A. Entity Relationship Diagram (ERD)
Sumber: Hasil Penelitian (2017)
Gambar III.17
Entity Relationship Diagram
B. Logical Relationship Structure (LRS)
Logical record structure disini adalah untuk memperjelas database yang
akan diubah ke LRS dengan cara diubah dengan menggunakan kotak. Pada LRS
ini sendiri antara tabel satu dengan yang lainnya diperjelas dengan adanya foreign
key dan berikut ini adalah gambaran hubungan tersebut ke dalam sebuah database
54
Sumber: Hasil Penelitian (2017)
Gambar III.18
Logical Record Structure
3.3.3. Spesifikasi File
Pada Entity Relationship Diagram dan Logical Record Structure,
spesifikasi ini menjelaskan secara lengkap mengenai semua pada tabel-tabel yang
ada di database.
Adapun spesifikasi file hasil dari implementasi LRS ke dalam database
adalah sebagai berikut:
1. Spesifikasi File Pendaftaran
Nama File : pendaftaran
Akronim : pendaftaran
55
Fungsi : untuk mengisi data calon Taruna
Tipe File : File Master
Organisasi File :Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 181
Kunci Field : Id
Software : MySQL
Tabel III.2
Spesifikasi File Pendaftaran
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Id Integer 11 Primary key
2 Kode daftar Kode_daftar Varchar 30
3 Nama Nama Text
4 Alamat Alamat_tinggal Varchar 50
5 Telepon No_telpon Varchar 30
6 Sekolah asal Skolah_asal Text
7 Agama Agama Varchar 30
8 Tgl daftar Tgl_daftar Varchar 30
9 Foto foto Text
Sumber: Hasil Penelitian (2017)
56
2. Spesifikasi file User
Nama File : User
Akronim : users
Fungsi : untuk login admin
Tipe File : File master
Organisasi File : Indexed sequential
Akses File : Random
Media : Harddisk
Panjang record : 221
Kunci Field : id
Software : MySQL
Tabel III.3
Spesifikasi File User
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id Id Integer 11 Primery key
2 Username Username Varchar 50
3 Password Password Varchar 30
4 Akses Akses Varchar 50
5 Nama Nama Varchar 50
6 Jabatan Jabatan Varchar 30
Sumber: Hasil Penelitian (2017)
57
3. Spesifikasi File Tabel Komentar
Nama File : Balas
Akronim : tabel_komentar
Fungsi : untuk membalas postingan
Tipe File : File master
Organisasi File : Indexed sequential
Akses File : Random
Media : Harddisk
Panjang record : 291
Kunci Field : id_balasan
Software : MySQL
Tabel III.4
Spesifikasi File Tabel Komentar
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Balasan id_balasan Integer 11 Primary key
2 Topik id_topik Varchar 25
3 Topik Topik Varchar 225
4 Penjawab penjawab Varchar 20
5 Isi Isi Varchar
6 Tanggal tanggal Datetime 10
Sumber: Hasil Penelitian (2017)
58
4. Spesifikasi File Tabel Member
Nama File : Member Lain
Akronim : tabel_komentar
Fungsi : untuk login forum dan menjadi member forum
Tipe File : File master
Organisasi File : Indexed sequential
Akses File : Random
Media : Harddisk
Panjang record : 2,131
Kunci Field : id_member
Software : MySQL
Tabel III.5
Spesifikasi File Tabel Member
No Elemen Data Nama Field Tipe Panjang Ket
1. Member Id_member Integer 11 Primery key
2 Username Username Varchar 20
3 Password Password Varchar 20
4 Nama lengkap Nama_lengkap Varchar 30
5 Email Email Varchar 40
6 Jenis kelamin Jenis_kelamin Varchar 10
7 Situs web Situs_web Varchar 1000
8 Avatar Avatar Varchar 1000
9 Member sejak Tanggal_daftar Date
Sumber: Hasil Penelitian (2017)
59
5. Spesifikasi File Tabel Topik
Nama File : Home
Akronim : tabel_topik
Fungsi : untuk membuat postingan
Tipe File : File master
Organisasi File : Indexed sequential
Akses File : Random
Media : Harddisk
Panjang record : 552
Kunci Field : id_topik
Software : MySQL
Tabel III.6
Spesifikasi File Tabel Topik
No Elemen Data Nama Field Tipe Panjang Keterangan
1 Id topik Id_topik Integer 11 Primary key
2 Pengirim Pengirim Varchar 20
3 Topik Topik Varchar 255
4 Isi Isi Text
5 Dilihat Dilihat Integer 255
6 Total balasan Total_balasan Integer 11
7 Tanggal Tanggal Datetime
Sumber: Hasil Penelitian (2017)
60
3.3.4 Rancangan Struktur Navigasi
Struktur navigasi ini sangat penting dalam pembuatan suatu web dan
gambarnya sudah harus ada pada tahap perencanaan. Struktur navigasi ini juga
dapat digolongkan menurut kebutuhan objek dan kemudahan pemakai.
Rancangan struktur navigasi akan dijelaskan pada masing-masing halaman:
A. Rancangan Struktur Navigasi Halaman Utama
Halaman utama adalah halaman pertama saat website diakses dan bisa
dilihat semua user akan menampilkan menu dari SMK Pelayaran.
Sumber: Hasil Penelitian (2017)
Gambar III. 19
Struktur Navigasi Halaman Utama
B. Rancangan Struktur Navigasi Admin (Guru)
Pada halaman admin ini admin mempunyai hak akses dalam website
seperti pendaftaran taruna dan forum taruna admin dapat mengelolanya agar
berjalan dengan baik. Berikut ini tampilan struktur navigasi pada admin.
Home
Data PendaftarPendaftaran Taruna Login Admin Forum Taruna
61
Sumber: Hasil Penelitian (2017)
Gambar III. 20
Struktur Navigasi Admin
C. Rancangan Struktur Navigasi Forum Taruna
struktur navigasi taruna adalah rancangan menu yang ditujukan pada
taruna ataupun alumni dari pendaftaran sampai forum komunikasi. Untuk calon
taruna baru yang ingin mendaftar dengan cara memilih menu pendaftaran taruna
dan bagi taruna yang ingin bergabung menjadi member taruna terlebih dahulu
mengisi data yang telah disediakan.
Halaman Utama
Menu Login Admin
Forum
Login Guru
Home
Kembali
Data admin
Data Taruna Data Forum
Log out
Tambah
User
Postingan
62
Sumber: Hasil Penelitian (2017)
Gambar III. 21
Struktur Navigasi Forum Taruna
3.4 Implementasi dan Pengujian Unit
Pengujian unit atau black box testing bertujuan untuk melakukan uji coba
pada sistem kemudian diamati apakah hasil dari dari unit itu sesuai dengan proses
yang diinginkan.
3.4.1. Implementasi
Implementasi ini penerapan dari hasil rancangan yang sudah dibuat
sebelumnya. Adapun implementasi yang sudah diakukan sebagai berikut:
A. Implementasi Rancangan Antar Muka
Implementasi antar muka calon taruna baru pada aplikasi penerimaan
taruna baru dan forum komunikasi SMK Pelayaran Pembangunan berdasarkan
rancangan antarmuka.
63
1. Implementasi Halaman Utama
Halaman utama adalah halaman yang muncul saat website dibuka dan di
portal aplikasi peayaran ini penulis merancang 4 menu yang pertama pendaftaran
bagi taruna baru, data pendaftaran hasil dari pendaftaran taruna baru, login admin
untuk admin,dan forum komunikasi untuk taruna dan alumni.
Sumber: Hasil Penelitian (2017)
Gambar III. 22
Implementasi Halaman Utama
2. Implementasi Halaman Pendaftaran Taruna
Pendaftaran taruna adalah pendaftaran dimana taruna baru mendaftar di
halaman ini secara lengkap dan benar jika sudah mengisi data maka pengguna
atau calon taruna mengklik pilihan daftar secara otomatis akan ada pemberitahuan
jika data telah tersimpan dan data akan secara langsung masuk ke dalam data
pendaftar yang terdapat di menu utama data pendaftar.
64
Sumber: Hasil Penelitian (2017)
Gambar III. 23
Implementasi Halaman Pendaftaran Taruna
3. Implementasi Data Pendaftar
Data pendaftar adalah halaman dari hasil pendaftaran taruna baru yang
secara langsung akan masuk ke dalam data pendaftar dan pengguna juga dapat
melihatnya.
Sumber: Hasil Penelitian (2017)
Gambar III. 24
Implementasi Halaman Data Pendaftar
65
4. Implementasi Halaman Login Guru
Pada saat memilih menu login admin halaman yang akan muncul adalah
halaman login untuk admin kemudian mengisi username dan password jika sudah
mengisi login pilih login guru maka yang akan tampil adalah menu home admin.
Sumber: Hasil Penelitian (2017)
Gambar III. 25
Implementasi Halaman Login Guru
5. Implementasi Halaman Home Admin
Halaman home admin adalah halaman yang muncul setelah admin login
dan pada menu home ini form data pendaftar yang telah mendaftar dan data taruna
ini admin bisa melakukan editing atau mengubah data taruna dan admin juga bisa
menghapus data taruna.
Sumber: Hasil Penelitian (2017)
Gambar III. 26
Implementasi Halaman Home Admin
66
6. Implementasi User Pada Menu Admin
User di halaman ini adalah user untuk menambah admin dengan mengisi
data form dan terdapat juga data dari anggota admin yang lain dan bisa dilihat di
bawah dari pengisian data pendaftar admin juga bisa menghapus data admin yang
lain.
Sumber: Hasil Penelitian (2017)
Gambar III. 27
Implementasi Halaman User Admin
7. Implementasi Halaman Forum Taruna Pada Menu Admin
Pada menu forum terdapat data-data mengenai forum menu utama seperti
menu utama pada forum taruna dan admin dapat mengelola forum seperti
menghapus data postingan.
Sumber: Hasil Penelitian (2017)
Gambar III. 28
Implementasi Halaman Forum Taruna Admin
67
8. Implementasi Login Forum Taruna
Sebelum masuk ke menu forum Taruna pengguna diharuskan untuk login
terlebih dahulu jika pengguna belum memiliki user dan password terlebih dahulu
daftar untuk membuat username beserta password
Sumber: Hasil Penelitian (2017)
Gambar III.29
Implementasi Login Forum Taruna
9. Implementasi Halaman Home Forum Taruna
Pada forum komunikasi ini taruna atau alumni yang sudah melakukan
login akan bergabung ke dalam forum taruna dan halaman utamanya akan muncul
data postingan dari member jumlah yang dilihat dan komentar. Pada halaman
utama ini juga terdapat beberapa menu lain.
68
Sumber: Hasil Penelitian (2017)
Gambar III.30
Implementasi Halaman Home Forum Taruna
10. Implementasi Postingan
Topik ini sebenarnya adalah melihat postingan dari member yang
melakukan postingan dan member juga dapat melihat balasan komentar dari
member lainnya. Pada halaman postingan ini juga terdapat waktu postingan,
jumlah yang melihat postingan dan berapa balasan dari postingan tersebut.
Sumber: Hasil Penelitian (2017)
Gambar III.31
Implementasi Topik
69
11. Implementasi Replay Komentar
Pada postingan terdapat kolom replay yang berarti komentar untuk
membalas untuk membalas pengguna hanya perlu mengklik replay dan akan
muncul form replay thread dan pengguna bisa melakukan balasan sesuai data
yang diisi. Jika sudah selesai komentar akan langsung masuk ke coba postingan.
Sumber: Hasil Penelitian (2017)
Gambar III.32
Implementasi Replay Pada Forum
12. Implementasi Postingan Baru (Thread Baru)
Thread baru adalah menu untuk membuat postingan baru dengan tampilan
yang wajib diisi dan terdiri dari username, topik dan isi jika sudah mengisi
ketiganya pengguna mengklik kirim untuk mengirim postingan dan pilihan hapus
untuk menghapus semua data yang diisi.
70
Sumber: Hasil Penelitian (2017)
Gambar III.33
Implementasi Postingan Baru Pada Forum
13. Implementasi Profil
Profil adalah biodata dari pengguna yang login di aplikasi forum dan di
forum ini terdapat data pengguna yang memakainya yang terdiri dari nama
lengkap, username, tanggal pendaftaran, jenis kelamin, situs web email pengguna
dan total postingan yang pengguna kirim dan terdapat juga foto pengguna.
Sumber: Hasil Penelitian (2017)
Gambar III.34
Implementasi Profil Pada Forum
71
14. Implementasi Edit Profil
Profil pengguna pada forum ini bertujuan agar pengguna dapat mengubah
profil sendiri sesuai kebutuhan pengguna dari mengubah nama lengkap,
username, jenis kelamin email atau situs web dan foto jika sudah selesai
mengubah data pengguna memilih submit untuk menyimpan data yang telah
diubah.
Sumber: Hasil Penelitian (2017)
Gambar III.35
Implementasi Edit Profil Pada Forum
15. Implementasi Member Lain
Member lain adalah daftar member yang ada di forum SMK Pelayaran dan
termaksud juga profil dari member forum yang terdiri dari foto pengguna nama,
jenis kelamin dan tanggal daftar member.
72
Sumber: Hasil Penelitian (2017)
Gambar III.36
Implementasi Member Lain Pada Forum
16. Implementasi Ganti Password
Ganti password ini adalah menu pribadi yang disediakan bagi pengguna
yang ingin mengganti password baru dan lebih memudahkan pengguna. Jika
sudah selesai maka pengguna memilih update password untuk menyimpan
password baru.
Sumber: Hasil Penelitian (2017)
Gambar III.37
Implementasi Ganti Password Pada Forum
73
3.4.2 Spesifikasi Sistem Komputer
Spesifikasi perangkat keras (hardware) dan perangkat lunak (hardware)
yang digunakan untuk pengimplementasian aplikasi penerimaan taruna baru dan
forum komunikasi SMK Pelayaran Pembangunan sebagai berikut:
1. Spesifikasi Perangkat Keras (hardware)
a. Processor : 2,30 GHz
b. Memory : 2,00 GB
c. Hardisk : 320 GB
d. Monitor : 11,6 (1336x768)
2. Spesifikasi perangkat lunak (software)
a. Sistem Operasi : Windows 8,1 Pro
b. Web Browser : Mozilla Firefox versi 44.0.0.5829
c. Web server : Xampp 1.8.1
1) Apache : Apache 2.4.3
2) MySQL : MySQL 5.5.27.0
3) PHP : PHP 5.4.7
3.4.3 Pengujian Unit
Pada pengujian unit ini untuk memastikan bahwa sistem sudah dapat
dijalankan atau difungsikan dengan baik atau tidak. Dan berikut ini adalah
pengujian security.
74
A. Pengujian Security
Pengujian security ini adalah untuk menguji sistem apakah berjalan
dengan baik jika melakukan login terhadap admin ataupun taruna dan pada
pengujian ini terdapat 4 pengujian. Berikut ini pengujian yang dilakukan sebagai
berikut:
1. Pengujian Halaman Login Admin
Pengujian ini dimaksudkan untuk memastikan bahwa admin mempunyai
hak akses dalam website dari muai forum dan pendaftaran.
Berikut ini pengujian pada halaman login admin adalah sebagai berikut:
Tabel III.7
Hasil Pengujian Black Box Testing Halaman Login Admin
No SkenarioPengujian
Test Care Hasil yangdiharapkan
Hasilpengujian
Kesimpulan
1. Username danpassword tidakdiisi kemudianklik tombollogin Guru
Username(kosong)Password(kosong)
Sistem akanmenolak aksesuser danmenampilkanpesan“Username atauPassword salah”
Sesuaiharapan
Valid
2 Memasukkanusername danpassword tidakdiisi kemudianklik tombollogin guru
Username(diisi)Password(kosong)
Sistem akanmenolak aksesuser danmenampilkanpesan“Username atauPassword salah”
SesuaiHarapan
Valid
3 Usernametidak diisi danmasukkanpasswordkemudian kliktombol loginguru
Username(kosong)Password(diisi)
Sistem akanmenolak aksesuser danmenampilkanpesan“Username atauPassword salah”
SesuaiHarapan
Valid
75
4 Memasukkanusernamesalah danmemasukkanpassword salahkemudian kliklogin guru
Username(diisisalah)Password(diisisalah)
Sistem akanmenolak aksesuser danmenampilkanpesan“Username atauPassword salah”
SesuaiHarapan
Valid
5 Memasukkanusernamedengan benardanmemasukkanpassword salahkemudian kliktombol loginguru
Username(diisibenar)Password(diisisalah)
Sistem akanmenolak aksesuser danmenampilkanpesan“Username atauPassword salah”
SesuaiHarapan
Valid
6 Memasukkanusernamedengan benardanmemasukkanpassworddengan benarkemudian kliktombol loginguru
Username(diisibenar)Password(diisibenar)
Sistem akanmenerima aksesuser danmengarahkanuser keruangkhusus admin
SesuaiHarapan
Valid
Sumber: Hasil Penelitian (2017)
2. Pengujian Halaman Login Taruna
Pengujian ini dimaksudkan untuk memastikan bahwa hanya user yang
terdaftar sebagai member saja yang dapat masuk ke ruang forum komunikasi
taruna.
Berikut ini pengujian pada halaman login taruna adalah sebagai berikut:
76
Tabel III.8
Hasil Pengujian Black Box Testing Halaman Login Taruna Pada Forum
NoSkenariopengujian
Test Case Hasil yangdiharapkan
Hasilpengujian
Kesimpulan
1 Username danpassword tidakdiisi kemudianklik tombollogin
Username(kosong)Password(kosong)
Sistem akanmenolak akses userdan menampilkanpesan “Maaf, semuafield harus diisi”
SesuaiHarapan
Valid
2 Memasukkanusername danpassword tidakdiisi kemudianklik tombollogin
Username(diisi)Password(kosong)
Sistem akanmenolak akses userdan menampilkanpesan “Maaf, semuafield harus diisi”
SesuaiHarapan
Valid
3 Usernametidak diisi danmasukkanpasswordkemudian kliktombol login
Username(kosong)Password(diisi)
Sistem akanmenolak akses userdan menampilkanpesan “Maaf, semuafield harus diisi”
SesuaiHarapan
Valid
4 Memasukkanusernamesalah danmemasukkanpasswordsalahkemudian kliklogin
Username(diisi salah)Password(diisi salah)
Sistem akanmenolak akses userdan menampilkanpesan “Maaf,username danpassword tidakvalid”
SesuaiHarapan
Valid
5 Memasukkanusernamedengan benardanmemasukkanpasswordsalahkemudian kliktombol login
Username(diisibenar)Password(diisi salah)
Sistem akanmenolak akses userdan menampilkanpesan “Maaf,username danpassword tidakvalid”
SesuaiHarapan
Valid
6 Memasukkanusernamedengan benardanmemasukkanpassworddengan benarkemudian kliktombol login
Username(diisibenar)Password(diisibenar)
Sistem akanmenerima aksesuser danmengarahkan userhalaman forumkomunikasi taruna
SesuaiHarapan
Valid
Sumber: Hasil Penelitian (2017)
77
B. Pengujian
Usability
Pengujian ini dilakukan untuk mengetahui letak kesalahan dalam
pengoperasian sistem sehingga masalah yang ada dapat diatasi. Adapun pengujian
yang dilakukan berkaitan dengan usability sebagai berikut:
1. Pengujian Terhadap
Penerimaan Taruna baru
Input taruna baru perlu diuji untuk menghindari kesalahan pada sistem
pengoperasiannya dan agar website yang dibuat berjalan dengan baik berikut ini
pengujian yang dilakukan pada pendaftarn taruna sebagai berikut:
Tabel III.9
Hasil Pengujian Black Box Testing Halaman Penerimaan Taruna Baru
No Skenario
Pengujian
Text Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1 Nama,alamat,
Telepon,sekolah
asal,status
daftar,foto
Nama:
(kosong)
Alamat:
(kosong)
Telepon:
(kosong)
Sekolah asal:
(kosong)
Status Daftar:
(kosong)
Foto:
Sistem akan
menolak registrasi
user dan
memberikan
peringatan field
yang kosong bahwa
field “harus diisi”
bahwa tidak ada
yang boleh kosong
Sesuai
Harapan
Valid
78
(kosong)
2 Memasukkan
Nama,alamat
Telepon,sekolah
asal,status
daftar,foto
Nama:
(diisi)
Alamat:
(kosong)
Telepon:
(kosong)
Sekolah asal:
(kosong)
Status Daftar:
(kosong)
Foto:
(kosong)
Sistem akan
menolak registrasi
user dan
memberikan
peringatan field
yang kosong bahwa
field “harus diisi”
bahwa tidak ada
yang boleh kosong
Sesuai
Harapan
Valid
3 Nama,alamat
Telepon,sekolah
asal,status
daftar,foto
Nama:
(diisi)
Alamat:
(diisi)
Telepon:
(diisi)
Sekolah asal:
(diisi)
Status Daftar:
(diisi)
Foto:
(diisi)
Sistem akan
menerima dan
menampilan pesan
“Pendaftaran
berhasil silahkan
login aplikasi” lalu
klik ok
Sesuai
Harapan
Valid
Sumber: Hasil Penelitian (2017)
79
C. Pengujian Tautan
Pengujian link ini diakukan untuk memastikan bahwa link yang dituju benar dan
berjalan sebagai mestinya dan menghindari terjadinya error.
Pengujian link dilakukan pada website ini adalah sebagai berikut:
1. Halaman
Pendaftaran Taruna
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Pendaftaran Taruna
No Nama
Halaman
Link Hasil Kesimpulan
1 Menu
Halaman
Utama
http://localhost/aplikasipelayaran/portal
.php
Berfungsi Valid
2 Halaman
Pendaftaran
Taruna
http://localhost/aplikasipelayaran/pend
aftaran.php
Berfungsi Valid
2. Halaman Data
Pendaftaran
Tabel III.11
Hasil Pengujian Black Box Testing Halaman Data Pendaftaran
No Nama
Halaman
Link Hasil Kesimpulan
80
1 Data
Pendaftar
http://localhost/aplikasipelayaran/pendaftar.
php
Berfungsi Valid
Sumber: Hasil Penelitian (2017)
3. Halaman Login Admin
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Login Admin
No Nama Halaman Link Hasil Kesimpulan
1 Login admin http://localhost/aplikasipelayaran/lo
gin_guru.php
Berfungsi Valid
2 Home halaman
admin
http://localhost/aplikasipelayaran/lo
gin_guru.php
Berfungsi Valid
3 User halaman
admin
http://localhost/aplikasipelayaran/lo
gin_guru.php
Berfungsi Valid
4 Forum halaman
admin
http://localhost/aplikasipelayaran/for
um.php
Berfungsi Valid
Sumber: Hasil Penelitian (2017)
4. Halaman Forum
Taruna
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Forum Taruna
81
No Nama Halaman Link Hasil Kesimpulan
1 Login http://localhost/aplikasipelayaran/F
orum/login.php
Berfungsi Valid
2 Daftar forum http://localhost/aplikasipelayaran/F
orum/registrasi.php
Berfungsi Valid
3 Halaman utama
forum (home)
http://localhost/aplikasipelayaran/F
orum/index.php
Berfungsi Valid
4 Membuat
postingan baru
http://localhost/aplikasipelayaran/F
orum/create.php
Berfungsi Valid
5 Isi forum http://localhost/aplikasipelayaran/F
orum/view.php?id_topik=13
Berfungsi Valid
6 Halaman
komentar/ balasan
http://localhost/aplikasipelayaran/F
orum/balas.php?id_topik=13
Berfungsi Valid
7 Profil/Data user http://localhost/aplikasipelayaran/F
orum/profil.php?username=ratih
Berfungsi Valid
8 Data Member http://localhost/aplikasipelayaran/F
orum/members.php
Berfungsi Valid
9 Ganti password http://localhost/aplikasipelayaran/F
orum/gantipass.php
Berfungsi Valid