BAB III PEMBAHASAN - repository.bsi.ac.id fileSejarah SMK Pelayaran Pembangunan SMK Pelayaran Pembangunan Pontianak memulai pada tahun 2008 menyewa dari sekolah Sultan Abdurahman di

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


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


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:


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:


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


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:


No Username password akses nama jabatan -pilihan-

1

Footer


Username :

Password :

Nama :

Jabatan :

Tambah

Pengirim HapusTopik: xxxxxxx Dilihat:Isi postingan

Footer


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:


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


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

:


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.


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


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.


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


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


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)


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


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


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


Kunci Field : id

Software : MySQL

Tabel III.3

Spesifikasi File User


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


57

3. Spesifikasi File Tabel Komentar

Nama File : Balas

Akronim : tabel_komentar

Fungsi : untuk membalas postingan



Akses File : Random

Media : Harddisk


Kunci Field : id_balasan

Software : MySQL

Tabel III.4

Spesifikasi File Tabel Komentar


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


58

4. Spesifikasi File Tabel Member

Nama File : Member Lain

Akronim : tabel_komentar

Fungsi : untuk login forum dan menjadi member forum



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


59

5. Spesifikasi File Tabel Topik

Nama File : Home

Akronim : tabel_topik

Fungsi : untuk membuat postingan



Akses File : Random

Media : Harddisk


Kunci Field : id_topik

Software : MySQL

Tabel III.6

Spesifikasi File Tabel Topik


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


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.


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


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


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.


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


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.


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.


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.


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.


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.


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


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


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.


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.


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


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.


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.


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


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.


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)


SesuaiHarapan

Valid

3 Usernametidak diisi danmasukkanpasswordkemudian kliktombol loginguru

Username(kosong)Password(diisi)


SesuaiHarapan

Valid

75

4 Memasukkanusernamesalah danmemasukkanpassword salahkemudian kliklogin guru

Username(diisisalah)Password(diisisalah)


SesuaiHarapan

Valid

5 Memasukkanusernamedengan benardanmemasukkanpassword salahkemudian kliktombol loginguru

Username(diisibenar)Password(diisisalah)


SesuaiHarapan

Valid

6 Memasukkanusernamedengan benardanmemasukkanpassworddengan benarkemudian kliktombol loginguru

Username(diisibenar)Password(diisibenar)

Sistem akanmenerima aksesuser danmengarahkanuser keruangkhusus admin

SesuaiHarapan

Valid


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)


SesuaiHarapan

Valid

3 Usernametidak diisi danmasukkanpasswordkemudian kliktombol login

Username(kosong)Password(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


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


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


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


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


orum/create.php

Berfungsi Valid

5 Isi forum http://localhost/aplikasipelayaran/F

orum/view.php?id_topik=13

Berfungsi Valid

6 Halaman

komentar/ balasan


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

BAB III PEMBAHASAN - repository.bsi.ac.id fileSejarah SMK Pelayaran Pembangunan SMK Pelayaran Pembangunan Pontianak memulai pada tahun 2008 menyewa dari sekolah Sultan Abdurahman di

Documents