Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017 speed.web.

id

Penerapan Model Waterfall Pada Desain Sistem Informasi Pendaftaran

Keanggotaan SPSI PT. Indofood CBP Sukses Makmur Bekasi
Muhamad Tabrani
Tehnik Informatika, STMIK Nusa Mandiri Jakarta
Tabrani.mtb@gmail.com

Abstract- Unions Throughout of Indonesian which was shortened SPSI residing in PT. Indofood CBP
Sukses Makmur (Food Seasoning Division) is still using social media networking services such as
Facebook where admin and SPSI members must have a Facebook account. As well as the data
processing and the membership is very limited information through social media networking make admin
SPSI on PT. Indofood CBP Sukses Makmur (Food Seasoning Division) find it difficult to access data and
information for its members become less effective and efficient. To overcome the problems, the author
tries to create a website that can mengefisiensi media process information more easily so that the
mechanism of information systems to be interactive and effective for admin and easily viewed by the
members SPSI in PT. Indofood CBP Sukses Makmur (Food Seasoning Division) and colleagues Board
Unit at other companies. As for the research methodology used is by using descriptive analysis that is by
collecting data obtained from both primary and secondary data of the interview. On a website created,
visitors can see all the web pages such as the index page (Home), profile pages, pages vision, mission,
organizational structure page, news page, agenda pages, gallery pages, contact us pages and list menu
for recruitment of new members. While admin can process the contents of the organizational structure,
news, forum, agenda, and the gallery on the website created.
Keywords : Information System and recruitment of new members

Abstrak –Serikat Pekerja Seluruh Indonesia yang disingkat SPSI yang berada di PT. Indofood CBP
Sukses Makmur (Food Seasoning Division) masih menggunakan media layanan sosial media seperti
Facebook dimana admin dan anggota SPSI harus memiliki akun Facebook. Begitu juga dengan
pengolahan data keanggotaan dan informasi yang sangat terbatas melalui layanan sosial media membuat
admin SPSI pada PT. Indofood CBP Sukses Makmur (Food Seasoning Division) mengalami kesulitan
untuk mengakses data dan informasi untuk anggotanya menjadi kurang efektif dan efisien. Untuk
mengatasi permasalahan tersebut, penulis mencoba membuat website yang dapat mengefisiensi proses
media informasi yang lebih mudah agar mekanisme sistem informasi menjadi interaktif dan efektif untuk
admin dan mudah dilihat oleh para anggota SPSI di PT. Indofood CBP Sukses Makmur (Food Seasoning
Division) dan rekan-rekan Pengurus Unit Kerja di perusahaan lain. Adapun metodologi penelitian yang
digunakan adalah dengan menggunakan analisis deskriptif yaitu dengan mengumpulkan data-data baik
primer yang diperoleh dari hasil wawancara maupun data sekunder, dan analisis. Pada website yang
dibuat, pengunjung dapat melihat semua halaman web seperti halaman index (Beranda), halaman profil,
halaman visi misi, halaman struktur organisasi, halaman berita, halaman agenda, halaman galeri, halaman
kontak kami serta menu daftar untuk pendaftaran anggota baru. Sedangkan admin dapat mengolah isi
dari struktur organisasi, berita, forum, agenda, dan galeri pada website yang dibuat.
Kata Kunci : Sistem Informasi dan Penerimaan Anggota Baru

Berdasarkan data Depnakertrans melalui situs

1. PENDAHULUAN
Berdasarkan ketentuan umum pasal 1
Undang-undang Tenaga Kerja tahun 2003 no 17,
Serikat Pekerja merupakan organisasi yang
dibentuk dari, oleh dan untuk pekerja baik di
dalam perusahaan maupun diluar perusahaan,
yang bersifat terbuka, mandiri, demokratis, dan
bertanggung jawab guna memperjuangkan,
membela, melindungi hak dan kepentingan
pekerja serta meningkatkan kesejahteraan
pekerja dan keluarganya.
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM)
http://www.depnakertrans.go.id jumlah serikat
pekerja di Indonesia berjumlah 63 Serikat Pekerja
yang telah mendaftar sesuai dengan Peraturan
Menteri Tenaga Kerja no 5/MEN/1998. Dari 63
Serikat Pekerja di Indonesia salah satunya adalah
FSP-RTMM (Federasi Serikat Pekerja Rokok
Tembakau Makanan dan Minuman) dan SPSI PT.
Indofood CBP Sukses Makmur (Food Seasoning
Division) masuk di dalam kategori FSP-RTMM.
Serikat Pekerja Seluruh Indonesia yang
disingkat SPSI yang berada di PT. Indofood CBP
1
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017
Sukses Makmur (Food Seasoning Division) masih
menggunakan media layanan jejaring sosial
seperti Facebook serta layanan manual (datang
langsung ke kantor sekretariat). Hal ini
menyebabkan admin dan anggota SPSI harus
memiliki akun Facebook. Begitu juga dengan
pengolahan data keanggotaan dan informasi yang
sangat terbatas melalui media jejaring sosial
membuat admin SPSI pada PT. Indofood CBP
Sukses Makmur (Food Seasoning Division)
mengalami kesulitan untuk mengakses data serta
informasi untuk anggota menjadi kurang efektif
dan efisien.
Untuk mengatasi permasalahan tersebut di
atas, penulis mencoba membuat suatu website
yang dapat mengefisiensi proses media informasi
yang lebih mudah agar mekanisme sistem
informasi menjadi interaktif dan efektif untuk
admin dan mudah dilihat oleh para anggota SPSI
di PT. Indofood CBP Sukses Makmur (Food
Seasoning Division) serta rekan-rekan Pimpinan
Unit Kerja di perusahaan lain.
2. Landasan teori
2.1 Konsep Dasar Web
Website merupakan informasi berbasis
jaringan komputer yang dapat diakses kapan saja
dan dimana saja dengan biaya relatif murah. Web
merupakan bentuk implementasi dari bahasa
pemograman web (web programming) atau
secara umum web adalah halaman informasi yang
disediakan melalui jalur internet sehingga bisa
diakses diseluruh dunia selama terkoneksi dengan
jaringan internet.
A. Website
Menurut Yuhefizar dan Hidayat (2009:2)
memberikan pengertian bahwa “Website adalah
keseluruhan halaman-halaman web yang
terdapat dalam sebuah domain yang
mengandung informasi. Penemu website adalah
Sir Timothy John Tim Berners-Lee, sedangkan
website yang tersambung dengan jaringan
pertama kali muncul pada tahun 1991. Pada
awalnya, Tim menciptakan website dengan
tujuan untuk mempermudah arus pertukaran dan
memperbarui informasi kepada sesama peneliti
di CERN (Conseil Europeen Pourla Recherche
Nucleaire), tempat dia bekerja. Pada tanggal 30
April 1993, CERN (Conseil Europeen pourla
Recherche Nucleaire) menginformasikan
bahwa WWW dapat digunakan gratis oleh semua
orang.
Sebuah website biasanya dibangun atas
banyak halaman web yang saling berhubungan.
Hubungan antara satu halaman web dengan
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM)
speed.web.id
halaman web lainnya disebut hyperlink,
sedangkan text yang dijadikan media penghubung
disebut hypertext.
1. Web Server
Web server adalah suatu software yang
bertindak melayani pengaksesan aplikasi web.
Contoh software yang berfungsi sebagai web
server antara lain Apache, IIS, dan Xitami (Kadir,
2009).
Web browser seperti expoler atau navigator
berkomunikasi melalui jaringan (termasuk jaringan
internet) dengan web server, menggunakan HTTP
browser akan mengirimkan request kepada server
untuk meminta dokumen tertentu atau layanan
yang disediakan oleh server.Server memberikan
dokumen atau layanannya jika tersedia juga
dengan menggunakan protokol HTTP.
2. Web Browser
Web browser adalah sebuah aplikasi
perangkat lunak untuk melintasi, mengambil, dan
menyajikan sumber informasi di world wide web
(Kadir, 2009).
B. Bahasa pemograman
1. Hyper Text Markup Language ( HTML )
HTML(Hyper Text Markup Language) adalah
suatu bahasa pemrograman dalam bentuk skrip
yang dapat digunakan untuk menyusun halaman
web (Kadir, 2009).
Struktur Dasar HTML :
a. Setiap dokumen HTML harus diawali dengan
menuliskan tag <html> dan tag </html> diakhir
dokumen. Tag ini menandai elemen HTML,
yang berarti dokumen HTML dalam suatu
dokumen hanya ada satu elemen HTML.
b. Section atau elemen head ditandai dengan tag
<head> diawal dan tag </head> diakhir, di
dalamnya berisi informasi tentang dokumen
htmlnya. Minimal informasi yang dituliskan
dalam elemen ini adalah judul dari dokumen,
judul ini akan ditampilkan pada caption bar dari
window browser di tandai dengan
menggunakan tag <title> dan diakhiri dengan
</title>
c. Section atau elemen body ditandai dengan
tag <body> diawal dan tag </body> diakhir.
Elemen ini berisi dokumen yang akan
ditampilkan pada browser meliputi paragraf,
grafik, link, tabel dan sebagainya. Section body
merupakan elemen terbesar di dalam
dokumen HTML.
2. PHP (Personal Home Page)
PHP (Personal Home Page) adalah sebuah
piranti yang dapat dipakai untuk membuat aplikasi
2
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017
berbasis website. Aplikasi web adalah aplikasi
yang dijalankan melalui browser (Kadir, 2009:83).
PHP adalah kependekan dari Hypertext
Preprosessor, PHP merupakan bahasa scripting
yang menyatu dengan HTML dan berada di
server (server-side HTML-embedded Scripting).
Artinya sintaks dan perintah-perintah yang
diberikan akan sepenuhnya dijalankan di server
tetapi disertakan pada halaman HTML biasa.
Bahasa PHP yang mempunyai kemiripan
dengan bahasa C dan perlu memilki kelebihan
yang tidak dimiliki oleh bahasa, bahasa
pemograman sejenisnya, diantaranya adalah:
a. PHP mudah dibuat dan dijalankan, maksudnya
php dapat berjalan dalam web server apapun
dan dapat dijalankan dengan sistem operasi
yang berada seperti windows dan Unix.
b. PHP bersifat efisien, karena hanya
memerlukan resource sistem yang sangat
sedikit dibandingkan dengan bahasa
pemrograman lainnya.
c. PHP dapat menggunakan beberapa
database seperti MySQL, Sybase,
Interbase, Oracle, Ms.SQL, Server, Microsoft
Acces, Data base dan lainnya.
3. Adobe Dreamweaver
Adobe Dreamweaver merupakan salah satu
program aplikasi yang digunakan untuk
membangun sebuah website, baik secara grafis
maupun dengan menuliskan kode sumber secara
langsung. Adobe Dreamweaver memudahkan
pengembang website untuk mengelola halaman-
halaman website dan aset-asetnya, baik gambar
(image), animasi flash, video, suara dan lain
sebagainya. Selain itu, Adobe Dreamweaver juga
menyediakan fasilitas untuk melakukan
pemrograman scipting, baik ASP (Active Server
Page), JSP (Java Server Page), PHP
(PHPHypertext Preprocessor),JavaScript (js),
Cold Fusion, CSS (Cascading Style Sheet), XML
(Extensible Markup Language).
4. JQuery
Menurut Zaki dan Edy (2012:1) “JQuery adalah
library JavaScript OpenSource yang menekankan
pada interaksi antara JavaScript dan
HTML”.JQuery pertama kali dibuat oleh Jhon
Resig pada tahun 2005, JQuery pertama kali dirilis
pada tanggal 14 Januari 2006. Dan versi terbaru
dari JQuery sudah sampai versi 1.3.2. Jhon
terinspirasi dari Behavior code. Saat itu Jhon
mersa hasil Behavior code tidak elegan dan
kurang bagus, maka dikembangkannya JQuery.
Di mana dengan code penulisan JQuery menjadi
lebih simple, mudah dan tentunya dengan hasil
yang memuaskan.
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM)
speed.web.id
C. Basis Data
Database adalah suatu pengelolaan data
dalam media eksternal yang memungkinkan
seseorang dengan mudah menyimpan data dan
menggunakannya ketika data tersebut diperlukan
(Kadir, 2009:224).
Dari pengertian diatas, dapat disimpulkan
bahwa database adalah kumpulan data yang
saling berhubungan dan disimpan didalam media
penyimpanan elektronik sedemikian rupa
sehingga tidak terjadi pengulangan.
Menurut Firdaus (2007:56) ”MySQL adalah
database yang menghubungkan script php
menggunakan perintah query dan escape
character yang sama dengan php”. Selain itu ia
bersifat open source (anda tidak perlu membayar
untuk menggunakanya) pada berbagai platform
(kecuali untuk jenis enterprise yang bersifat
komersial). Perangkat lunak mysql sendiri bias di
download dari https://www.mysql.com mysql
termasuk jenis RDMS (Relation Database
Management System).
Itulah sebabnya istilah seperti table, berbasis
kolom digunakan dalam mysql pada mysql sebuah
database mengusung satu atau jumlah table, tabel
terdiri atas sejumlah baris dan setiap baris dan
setiap baris mengandung satu atau beberapa
kolom.
Mysql merupakan software yang
dikembangkan oleh komunitas umum, dan hak
cipta untuk kode sumber dimiliki oleh penulisnya
masing-masing. Mysql dimiliki dan disponsori oleh
sebuah perusahaan komersial swedia yaitu Mysql
AB. Beberapa kelebihan mysql antara lain;
1. Free (bebas di download)
2. Stabil dan tangguh
3. Fleksibel dengan berbagai pemograman
4. Security yang baik
5. Kemudahan manajemen database
6. Mendukung transaksi
D. Model Pengembangan Perangkat Lunak
(Waterfall)
Menurut Shalahuddin dan Rosa (2013:28)
Sering juga disebut model sekuensial linier
(sequential linear) atau alur hidup klasik (classic
life cycle). Model air terjun menyediakan
pendekatan alur hidup perangkat lunak secara
sekuensial atau terurut dimulai dari analisis,
desain, pengkodean, pengujian, dan tahap
pendukung (support). Berikut adalah gambar
model air terjun:
Analisis Desain Pengodea Pengujian
n
(Sumber: Shalahuddin dan Rosa (2013:28)
Gambar II.1 Ilustrasi model waterfall
3
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017
1. Analisis kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan
secara intensif untuk menspesifikasikan
kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuhkan oleh
user. Spesifikasi kebutuhan perangkat lunak pada
tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat adalah proses multi langkah
yang fokus pada desain pembuatan program
perangkat lunak termasuk struktur data, arsitektur
perangkat lunak, representasi antarmuka, dan
prosedur pengodean. Tahap ini mentranslasi
kebutuhan perangkat lunak dari tahap analisis
kebutuhan ke representasi desain agar dapat
diimplementasikan menjadi program pada tahap
selanjutnya. Desain perangkat lunak yang
dihasilkan pada tahap ini juga perlu
didokumentasikan.
3. Pembuatan kode program
Desain harus ditranslasikan ke dalam program
perangkat lunak. Hasil dari tahap ini adalah
program komputer sesuai dengan desain yang
telah dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak secara
segi lojik dan fungsional dan memastikan bahwa
semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan memastikan
keluaran yang dihasilkan sesuai dengan yang
diinginkan.
Dari kenyataan yang terjadi sangat jarang
model air terjun dapat dilakukan sesuai alurnya
karena sebagai berikut:
1. Perubahan spesifikasi perangkat lunak terjadi
ditengah alur pengembangan.
2. Sangat sulit bagi pelanggan untuk
mendefinisikan semua spesifikasi diawal alur
pengembangan. Pelanggan sering kali butuh
contoh (prototype) untuk menjabarkan spesifikasi
kebutuhan sistem lanjut.
3. Pelanggan tidak mungkin bersabar
mengakomodasi perubahan yang diperlukan di
akhir alur pengembangan.
Dengan berbagai kelemahan yang dimiliki
model air terjun tapi model ini telah menjadi dasar
dari model-model yang lain dalam melakukan
perbaikan model pengembangan perangkat lunak.
Model air terjun sangat cocok digunakan
kebutuhan pelanggan sudah sangat dipahami dan
kemungkinan terjadinya perubahan kebutuhan
selama pengembangan perangkat lunak kecil. Hal
positif dari model air terjun adalah struktur tahap
pengembangan sistem jelas, dokumentasi
dihasilkan di setiap tahap pengembangan, dan
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM)
speed.web.id
sebuah tahap dijalankan setelah tahap
sebelumnya selesai dijalankan.
2.2 Teori Pendukung
A. Struktur Navigasi
Menurut Prihatna (2005:51) Navigasi termasuk
struktur terpenting dalam pembuatan suatu
aplikasi multimedia dan gambarnya harus sudah
ada pada tahap perancangan. Peta navigasi
merupakan rancangan hubungan dan rantai kerja
dari beberapa area yang berbeda dan dapat
membantu mengorganisasikan seluruh elemen
aplikasi multimedia dengan pemberian perintah
dan pesan. Peta navigasi juga memberikan
kemudahan dalam menganalisa keinteraktifan
seluruh objek dalam aplikasi multimedia dan
bagaimana pengaruh keiteraktifannya terhadap
pengguna.
Ada 4 macam bentuk dasar dari peta navigasi
yang biasa digunakan dalam proses pembuatan
aplikasi multimedia, yaitu:
1. Linier
Linier merupakan struktur yang mempunyai
satu rangkaian cerita yang berurut. Struktur ini
menampilkan satu demi satu tampilan layar
secara berurut menurut urutannya dan tidak
diperbolehkan adanya percabangan. Tampilan
yang dapat ditampilkan adalah satu halaman
sebelumnya atau satu halaman sesudahnya.
Sumber: Prihatna (2005:51)
Gambar II.2. Struktur Navigasi Linier
2. Hirarki
Struktur hirarki merupakan suatu struktur yang
mengandalkan percabangan untuk menampilkan
data berdasarkan kriteria tertentu. Tampilan pada
menu pertama akan disebut sebagai master page,
halaman utama kesatu. Halaman utama ini akan
mempunyai halaman percabangan yang dikatakan
slave page, halaman pendukung. Jika salah satu
halaman pendukung diaktifkan, maka tampilan
tersebut akan bernama master page, halaman
utama kedua. Pada struktur navigasi ini tidak
diperkenankan adanya tampilan secara linier.
4
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017
Sumber: Prihatna (2005:51)
Gambar II.3. Struktur Navigasi Hirarki
3. Nonlinier
Pada suatu nonlinier diperkenankan membuat
struktur navigasi bercabang, percabangan ini
berbeda dengan percabangan pada struktur
hirarki. Pada percabangan nonlinier walaupun
terdapat banyak percabangan tetapi tiap-tiap
tampilan mempunyai kedudukan yang sama tidak
ada pada master page dan salve page.
Sumber: Prihatna (2005:51)
Gambar II.4. Struktur Navigasi Nonlinier
4. Composite (Campuran)
Struktur navigasi campuran merupakan gabungan
dari ketiga struktur sebelumnya. Struktur navigasi
ini banyak digunakan dalam pembuatan aplikasi
multimedia sebab dapat memberikan keiteraksian
yang lebih tinggi.
Sumber: Prihatna (2005:51)
Gambar II.9.
Struktur Navigasi Campuran
B. Entity Realitional Diagram (ERD )
Rossa dan Shalahuddin (2013:50)
menjelaskan pemodelan awal basis data yang
paling banyak digunakan adalah menggunakan
Entity Relationship Diagram (ERD) . ERD
dikembangkan berdasarkan teori himpunan dalam
bidang matematika. ERD digunakan untuk
pemodelan basis data relasional. Sehingga jika
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM)
speed.web.id
penyimpanan basis data menggunakan OODBMS
maka perancangan basis data tidak perlu
menggunakan ERD. ERD memiliki beberapa
aliran notasi seperti notasi Chen (dikembangkan
oleh Peter Chen), Barker (dikembangkan oleh
Richard Barker, Ian Palmer, Harry Ellis), notasi
Crow’s Foot, dan beberapa notasi lain. Namun
yang banyak digunakan adalah notasi dari Chen.
Adapun komponen-komponen ERD adalah
sebagai berikut:
1. Entity (Entitas)
Entity adalah suatu kumpulan objek atau suatu
yang dapat dibedakan atau diidentifikasikan
secara unik. Kumpulan entity tersebut disebut
dengan Entity Set.
2. Relationship (Relasi)
Relationship adalah suatu hubungan yang
terjadi antara satu entity dengan satu entity
yang lainnya atau lebih. Kumpulan relationship
yang sejenis disebut relationship set. Jika
suatu entity dihubungkan dengan relationship,
maka penggambarannya dilakukan dengan
menggunakan simbol garis lurus.
3. Atribute (Atribut)
Atribut menunjukkan fungsinya sebagai
pembentuk karakteristik yang melekat pada
setiap entitas. Disamping penamaan yang unik
berdasarkan fungsinya, atribut-atribut dapat
dibedakan berdasarkan sejumlah
pengelompokkannya.
C. Logical Record Structure (LRS)
Menurut Lestari (2013) “Logical Record
Structure dibentuk dengan nomor tipe record.
Beberapa tipe record digambarkan oleh kotak
empat persegi panjang dan dengan nama yang
unik”.
Perbedaan LRS dengan ERD dan tipe record
berada diluar field tipe record ditempatkan. LRS
terdiri dari link-link diantara tipe record. Link ini
menunjukkan arah dari satu tipe record lainnya.
Banyak link dari LRS yang diberi tanda field-field
yang kelihatan pada kedua link type record.
Penggambaran LRS mulai dengan menggunakan
model yang dimengerti. Dua metode yang dapat
digunakan, dimulai dengan hubungan kedua
model yang dapat dikonversikan ke LRS.Metode
yang lain dimulai dengan Entity Relationship
Diagram dan langsung dikonversikan ke LRS.
Berikut tahapan transformasi ERD ke LRS
menurut Wulandari (2013)
1. Konversi ERD ke LRS,Entity Relationship
Diagram harus diubah ke bentuk LRS (struktur
record secara logic). Dari bentuk LRS inilah yang
nantinya dapat ditransformasikan ke bentuk relasi
tabel.
5
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017
2. Konversi ERD ke LRS sebuah model sistem
yang digambarkan dengan sebuah model sistem
yang digambarkan dengan sebuah ERD akan
mengikuti pola pemodelan tertentu. Dalam
kaitannya dengan konversi ke LRS, untuk
perubahan yang terjadi adalah mengikuti aturan-
aturan berikut:
a. Setiap entitas diubah kebentuk kotak
dengan nama entitas, berada diluar kotak
dan atribut berada didalam kotak.
b. Sebuah Relationship kadang disatukan,
dalam sebuah kotak bersama
entitas,kadang sebuah kotak bersama-
sama dengan entitas, kadang disatukan
dalam sebuah kotak tersendiri.
c. Konversi LRS ke relasi tabel atau tabel
adalah bentuk pernyataan data secara
grafis dimensi,yang terdiri dari kolom dan
baris. Relasi adalah bentuk visual dari
sebuah file, dan tiap tuple dalam sebuah
field, atau dalam bentuk lingkaran.
Diagram Entity Relationship dikenal dengan
sebutan atribut. Konversi dari logical structure,
dilakukan dengan cara:
1. Nama logical record structure menjadi nama
relasi.
2. Tiap atribut menjadi sebuah kolom didalam
relasi.
D. Black-Box Testing (pengujian kotak hitam)
Menurut Shalahuddin dan Rosa (2013:275)
Black-box testing adalah menguji perangkat lunak
dari segi spesifikasi fungsional tanpa menguji
desain dan kode program. Pengujian
dimaksudkan untuk mengetahui apakah fungsi –
fungsi, masukan, dan keluaran dari perangkat
lunak sesuai dengan spesifikasi yang dibutuhkan.
Pengujian kotak hitam dilakukan dengan
membuat kasus uji yang bersifat mencoba semua
fungsi dengan memakai perangkat lunak apakah
sesuai dengan spesifikasi yang dibutuhkan. Kasus
uji yang dibuat untuk melakukan pengujian kotak
hitam harus dibuat dengan kasus benar dan kasus
salah, misalkan untuk kasus proses login maka
kasus uji yang dibuat adalah:
1. Jika user memasukkan nama pemakai
(username) dan kata sandi (password) yang
benar.
2. Jika user memasukan nama pemakai
(username) dan kata sandi (password) yang
salah, misalnya nama pemakai benar, tapi kata
sandi salah, atau sebaliknya, atau keduanya
salah.
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM)
speed.web.id
3. HASIL DAN PEMBAHASAN
a. Tinjauan Perusahaan
Berawal dari perpecahan suara buruh seluruh
Indonesia, pada tanggal 20 Februari 1971 terjadi
Deklarasi Persatuan Buruh Seluruh Indonesia
untuk menyatukan suara buruh nasional.
Selanjutnya bulan Oktober 1971 dibentuk Majelis
Permusyawaratan Buruh Indonesia ( MPBI )
tepatnya pada tanggal 21 – 28 Oktober 1971
dilakukan seminar untuk menggalang persatuan
dan pembentukan organisasi buruh tingkat
nasional. Dan pada tanggal 11 Maret 1973
dilakukan Munas I dan terbentuk Federasi Serikat
Buruh Seluruh Indonesia (FSBSI) dengan Ketua
Umum Agus Sudono dan Sekretaris Jendral
Soekarno.
Pada tanggal 23-30 November 1985, di Jakarta
dilaksanakan Munas II dan Federasi Serikat Buruh
Seluruh Indonesia (FSBSI) dirubah bentuk unitaris
nama menjadi Serikat Pekerja Seluruh Indonesia
(SPSI). Berdasarkan UU No. 21 tahun 2000,
maka SPSI menyesuaikan diri dengan
mendeklarasi menjadi KSPI melalui Forum yang
dihadiri PP SPA bersama DPD-DPD SPSI
seluruh Indonesia di Depok, Jawa Barat.
Melalui SK No.KEP.88/DPP SPSI/V/1993,
tertanggal 31 Mei 1993 yang ditandatangani Imam
Sudarwo dan Drs. Bomer Pasaribu,SH. Terbentuk
FSP RTMM-SPSI (Federasi Serikat Pekerja
Rokok Tembakau Makanan dan Minuman). Dan
PUK SPSI PT. Indofood CBP Sukses Makmur
(Food Seasoning Division) masuk dalam bagian
FSP RTMM-SPSI karena PT. Indofood CBP
Sukses Makmur (Food Seasoning Division)
bergerak dalam usaha makanan.
b. Analisa Kebutuhan
Serikat Pekerja Seluruh Indonesia (SPSI) PT.
Indofood CBP Sukses Makmur (Food Seasoning
Division) merupakan organisasi yang berperan
sebagai wakil dalam ketenagakerjaan serta
sebagai penyalur aspirasi anggota perusahaan.
Maka dari itu, agar para anggota dan antar
organisasi SPSI pada perusahaan lain dapat
mengetahui informasi tentang organisasi SPSI PT.
Indofood CBP Sukses Makmur (Food Seasoning
Division) ini lebih efektif dan efisien maka dari itu
penulis berinisiatif untuk membuat sebuah website
yang berisikan profil instansi serta informasi-
informasi yang dapat diperoleh anggota dan PUK
SPSI pada perusahaan lain secara akurat dan
efisien.
c. Perancangan Antar Muka
Dalam rancangan website Antar muka ini
penulis akan memberikan gambaran mengenai
6
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017 speed.web.id

rancangan website yang akan dibuat baik d. Rancangan Basis Data

mengenai bentuk maupun fungsi yang nanti akan Spesifikasi tampilan web ini berisi
membantu dalam tahap perancangan website ini. penjelasan terperinci dari program,yaitu
menjelaskan mengenai tampilan menu-menu
1. Rancangan Antar Muka Admin(Login) dalam tampilan web.
1. Entity Relationship Diagram (ERD)

Gambar III.1.
Rancangan Antar Muka Admin (Login)

2. Rancangan Antar Muka Admin (Beranda)

Gambar III.5. Entity Relationship Diagram (ERD)

Gambar III.2. 2. Logical Relational Structure (LRS)

Rancangan Antar Muka Admin (Beranda)

3. Rancangan antar muka User

Gambar III.6.
Gambar III.3.
Logical Relational Structure (LRS)
Rancangan Antar Muka Halaman User

4. Rancangan antar muka pendaftaran anggota e. Rancangan Struktur Navigasi

1. Implementasi dan Pengujian Unit Admin

Gambar III.4. Gambar III.7.

Rancangan Antar Muka Pendaftaran Anggota Implementasi Rancangan Struktur Navigasi Admin
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM) 7
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017 speed.web.id

2. Implementasi dan Pengujian Unit User 3. Implementasi Rancangan Antar Muka User

Gambar III.8.
Implementasi Rancangan Struktur Navigasi User
f. Implementasi Rancangan Antar Muka
1. Implementasi Rancangan Antar Muka Admin
(Login)

Gambar III.9.
Implementasi Rancangan Antar Muka user

4. Rancangan antar muka pendaftaran anggota

Gambar III.7.
Implementasi Rancangan Antar Muka Admin
(Login)

2. Implementasi Rancangan Antar Muka Admin

Gambar III.10.
Implementasi Rancangan Antar pendaftaran
anggota

4. Kesimpulan & Saran

a. Kesimpulan
Setelah di implementasikan PUK SPSI PT.
Indofood CBP Sukses Makmur (Food Seasoning
Division), dapat menyimpulkan hal yang bisa di
ambil dari implementasi Sistem Informasi
Gambar III.8. Keanggotaan adalah sebagai berikut:
Implementasi Rancangan Antar Muka Admin 1. Implementasi dari Sistem Informasi
Keanggotaan ini proses administrasi
keanggotaan dapat dilakukan dengan cepat
dan waktu yang flexible.
2. Dengan membuat website informasi ini, dapat
memudahkan organisasi SPSI PT. Indofood
CBP Sukses Makmur (Divisi Food Seasoning)
ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM) 8
 Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 10 No 2 - 2017 speed.web.id

dalam menyampaikan informasi tentang [8] Wulandari,Lestari T. 2013. Desain dan

organisasi dan keanggotaannya. Perancangan Sistem Informasi Akademik
3. Dengan adanya website SPSI ini, dapat Pada STMIK Ubudiyah Indonesia Banda
menambah ketertarikan anggota untuk Aceh diambil dari
mengetahui informasi tentang berita dan :http://lppm.stikesubudiyah.ac.id/jurnal/Les
informasi keanggotaan terbaru tari_Wulandari.T-twl-
lestari_wulandari_mi.pdf
b. Saran
[9] Yuhefizar, dan Hidayat. 2009. Cara
Adapun saran-saran yang ingin disampaikan Mudah Membangun Website Interaktif
oleh penulis di dalam tugas akhir ini adalah Menggunakan Content Managemen
sebagai berikut : System Joomla (CMS). Jakarta: Elex
1. Lakukan evaluasi terhadap program aplikasi Media Komputindo
yang sudah berjalan agar program aplikasi ini
dapat digunakan dan tidak terjadi error.
2. Berita-berita yang ada di web harus selalu di
update agar pengunjung selalu mendapatkan
informasi terbaru.
3. Selalu melakukan update dan modifikasi
website agar selalu dapat menarik perhatian
pengunjung.
4. Diharapkan melakukan logout setelah selesai
login ke menu administrator, demi keamanan
data organisasi.
5. Untuk pengembangan kedepan agan bisa
berjalan di smartphone atau bisa dilanjutkan
dengan membangun aplikasi berbasis mobile
6. Mengingat pentingnya data yang disimpan
dalam file, maka perlu dibuat cadangan file (file
backup) seperti membuat cadangan data di
dalam flash disk.

REFERENSI

[1] Ali, Zaki dan Edi, Widodo. 2012. Membuat

Web Mobile dengan JQuery Mobile.
Jakata: Elex Media Kompitindo
[2] American Herritage. 2005. Science
Dictionary. New York: Houghton Mifflin
Co.
[3] Firdaus. 2007. 7 Jam Belajar PHP &
MySQL dengan Dreamweaver.
Palembang: Maxicom.
[4] Henky, Prihatna. 2005. Kiat Praktis
Menjadi Web Master Profesional. Jakarta:
Elex Media Komputindo.
[5] Kadir, Abdul. 2009. Pengenalan Sistem
Informasi. Yogyakarta: Andi.
[6] Muhammad, Sadeli. 2011. Membuat Toko
Online dengan PHP untuk Orang Awam.
Palembang: Maxicom.
[7] Shalahuddin, M., dan A.S, Rosa. 2013.
Rekayasa Perangkat Lunak Terstruktur
dan Berorientasi Objek. Bandung:
Informatika.

ISSN : 1979-9330 (Print) - 2088-0154 (Online) - 2088-0162 (CDROM) 9