RANCANG BANGUN APLIKASI KONSELING BERBASIS WEB

LAPORAN KERJA PRAKTEK

Disusun sebagai syarat lulus mata kuliah Kerja Praktek

Oleh :
Rivan Mulyana (1406108)
Reyhan Muhammad Taufik (1506157)

SEKOLAH TINGGI TEKNOLOGI GARUT

PROGRAM STUDI INFORMATIKA
2017
i
 KATA PENGANTAR

Bismillahirrohmannirrohim
Syukur alhamdulilah penulis panjatkan ke hadirat, karena berkat
perkenanya penulis dapat menyelesaikan Laporan Kerja Praktek serta dapat
menyelesaikan tepat pada waktunya dan tanpa ada halangan yang berarti. Shalawat
serta salam tak lupa penulis curahkan kepada Nabi Besar Muhammad SAW.
Laporan Kerja Praktek ini disusun berdasarkan apa yang telah kita lakukan
pada saat dilapangan yakni di Career Development Center Sekolah Tinggi
Teknologi Garut yang beralamat di Jl. Mayor Syamsu No. 1 Tarogong Kidul Garut.
Praktek dilaksanakan mulai dari tanggal 4 September 2017 sampai 4 Desember
2017.
Kerja praktek lapangan ini salah saitu syarat wajib yang harus dipenuhi
dalam Program Studi Teknik Informatika.. Selain untuk menuntaskan program
studi yang penulis tempuh, kerja praktek ini ternyata banyak memberikan manfaat
kepada penulis baik segi akademik maupun untuk pengalaman yang tidak dapat
penulis temukan saat berada di bangku kuliah.
Dalam kesempatan ini penulis menyampaikan rasa terima kasih dan
penghargaan yang setinggi-tingginya kepada semua pihak yang telah memberikan
dorongan, bimbingan, dan penghargaan selama ini, antara lain kepada yang
terhormat :
1. Bapak. Dr. H. Hilmi Aulawi, ST., MT, selaku Ketua Sekolah Tinggi
Teknologi Garut.
2. Bapak Rinda Cahyana, MT, selaku ketua Jurusan Teknik Informatika.
3. Bapak Ridwan Setiawan, M.Kom, selaku Sekretaris Jurusan Teknik
Informatika
4. Ibu Asri Mulyani, M.Kom, selaku Pembimbing Akademik yang telah
memberikan arahan serta masukan sampai dapat menyelesaikan laporan
kerja praktek ini.
5. Ibu Leni Fitriani, M.Kom, selaku Pembimbing lapangan kerja praktek.
6. Seluruh staff pengajar dan civitas Akademik di Sekolah Tinggi Teknologi
Garut.

ii
 7. Orang tua kami yang telah mensuport kami dan mendidik kami sampai
sekarang dan yang telah memberikan dorongan baik secara materi maupun
spiritual.
8. Sahabat-sahabat dan rekan-rekan seperjuangan Teknik Informatika 2014.
Penyusun menyadari bahwa dalam penyusunan laporan ini masih terdapat
banyak kekurangan dan jauh dari kesempurnaan, oleh karena itu kritik dan saran
yang membangun demi perbaikan dimasa yang akan datang selalu penyusun
nantikan. Akhirnya penyusun beraharap semoga Laporan Kerja Praktek ini dapat
bermanfaat bagi penyusun khususnya dan bagi para pembaca pada umumnya.

Garut, 16 Desember 2017

Penyusun,

iii
 DAFTAR ISI

LEMBAR PENGESAHAN ..................................................................................... i

KATA PENGANTAR ............................................................................................ ii
DAFTAR ISI .......................................................................................................... iv
DAFTAR GAMBAR ............................................................................................. vi
DAFTAR TABEL ................................................................................................. vii
DAFTAR LAMPIRAN ........................................................................................ viii
1. PENDAHULUAN ........................................................................................... 1
1.1. Latar Belakang ........................................................................................ 1
1.2. Identifikasi Masalah ................................................................................ 2
1.3. Tujuan Kerja ............................................................................................ 2
1.4. Lingkup Kerja .......................................................................................... 2
1.5. Manfaat Hasil Kerja ................................................................................ 2
1.6. Tempat dan Waktu Kerja......................................................................... 3
1.7. Sistematika Laporan ................................................................................ 3
2. TEORI PENDUKUNG ................................................................................... 5
2.1 Pengertian Aplikasi Konseling Berbasis Web ...................................... 5
2.1.1 Aplikasi .................................................................................... 5
2.1.2 Konseling ................................................................................. 5
2.1.3 Carrer Developmen Centre ..................................................... 6
2.2 Metodologi Pengembangan Perangkat Lunak ..................................... 6
2.2.1 Unified Software Development Process ................................. 6
2.2.2 Unified Modeling Language ................................................... 8
2.2.2.1 Use Case................................................................. 8
2.2.2.2 Activity Diagram..................................................... 9
2.2.2.3 Sequencial Diagram ............................................. 11
2.3 Perangkat Pendukung ....................................................................... 13
2.3.1 XAMPP................................................................................ 13
2.3.2 MySQL ................................................................................ 13
2.3.3 PHP ...................................................................................... 14
2.3.4 PhpMyAdmin ....................................................................... 14

iv
 2.3.5 Sublime Text ......................................................................... 14
2.3.6 Microsoft Visio..................................................................... 15
2.3.7 Perangkat Lunak Pembuatan UML...................................... 15
2.3.7.1 Argo UML ............................................................. 15
2.3.8 Laravel ................................................................................. 16
3. HASIL DAN PEMBAHASAN ..................................................................... 17
3.1 Work Breakdown Structure ................................................................ 17
3.1.2 Activity Sequence .................................................................. 17
3.2 Model Analisis .................................................................................. 18
3.3 Model Perancangan ........................................................................... 20
3.4 Model Deployment ............................................................................ 25
3.5 Model Implementasi .......................................................................... 26
3.6 Model pengujian ................................................................................ 27
3.6.1 Pengujian Fungsionalitas Black Box ..................................... 28
4. KESIMPULAN DAN SARAN ..................................................................... 28
4.1 Kesimpulan ......................................................................................... 29
4.2 Saran ................................................................................................... 29
DAFTAR PUSTAKA ........................................................................................... 30

v
 DAFTAR GAMBAR

Gambar 3.1 Work Breakdown Structure Aplikasi Konseling ............................... 17

Gambar 3.2 Activity Sequencing Penelitian .......................................................... 17
Gambar 3.3 Use case Aplikasi Konseling berbasis web ....................................... 19
Gambar 3.4 Activity Diagram Pendaftaran............................................................ 20
Gambar 3.6 Activity Diagram Buat Postingan ...................................................... 21
Gambar 3.7 Activity Diagram Buat Tags .............................................................. 21
Gambar 3.8 Activity Diagram Logout ................................................................... 21
Gambar 3.9 Sequence Diagram Pendaftaran ......................................................... 22
Gambar 3.10 Sequence Diagram Login ................................................................ 22
Gambar 3.11 Sequence Diagram Buat Postingan ................................................. 22
Gambar 3.12 Sequence Diagram Buat Tags ......................................................... 23
Gambar 3.13 Sequence Diagram Logout .............................................................. 23
Gambar 3.14 Class diagram beserta relasinya ...................................................... 24
Gambar 3.15 Rancangan antarmuka aplikasi konseling berbasis web .................. 25
Gambar 3.16 Networking Diagram konseling berbasis web ................................. 26
Gambar 3.17 Tampilan Menu Utama Aplikasi konseling berbasis web ............... 27

vi
 DAFTAR TABEL

Tabel 1.1 Deskripsi Kegiatan Selama Pelaksanaan Kerja Praktek ......................... 3

Tabel 2.1 Notasi Use Case Diagram....................................................................... 8
Tabel 2.2 Notasi Activity Diagram ........................................................................ 10
Tabel 3.1 Deskripsi Use Case aplikasi konseling berbasis web ........................... 19
Tabel 3.2 Pengujian Fungsionalitas Black Box ..................................................... 28

vii
 DAFTAR LAMPIRAN

LAMPIRAN A : BUKTI KONSULTASI ............................................................ 31

LAMPIRAN B : MANUAL.................................................................................. 37
LAMPIRAN C : HASIL KERJA .......................................................................... 38

viii
 1. PENDAHULUAN

1.1. Latar Belakang

Perkembangan internet dan network akhir-akhir ini telah membuat institusi
pendidikan khususnya perguruan tinggi membutuhkan sebuah situs web untuk
mempermudah para mahasiswanya dalam memperoleh berbagai macam informasi
mengenai perkuliahan. Salah satu media yang dapat dipakai adalah internet
khususnya situs web. Aplikasi web tidak lagi terbatas sebagai pemberi informasi
yang statis, melainkan juga mampu memberikan informasi yang berubah secara
dinamis dengan cara melakukan koneksi terhadap basis data.
CDC (Career Development Center) atau pusat pengembangan karir adalah
sebuah Lembaga di bawah naungan wakil ketua bidang III kemahasiswaan STTG
(Sekolah Tinggi Teknologi Garut) yang berfungsi untuk menjembatani kebutuhan
informasi dunia kerja yang dibutuhkan. STTG merupakan salah satu sekolah tinggi
di Kabupaten Garut yang bergerak dalam bidang teknologi, tentunya setiap
mahasiswa mempunyai masalah masing-masing pada perkuliahannya. Namun
banyak mahasiswa yang binggung, harus mengadu pada siapa tentang
permasalahannya, oleh karena itu dibuatlah situs web konseling untuk membantu
para mahasiswa dalam berbagai hal seperti pengembangan pribadi, kehidupan
sosial, kegiatan perkuliahan, serta perencanaan dan pengembangan karir.
Situs web Konseling ini diharapkan dapat menjadi media informasi bagi para
mahasiswa maupun pihak perguruan tinggi. Khususnya para mahasiswa, karena
mungkin adanya mahasiswa yang mempunyai banyak masalah seperti yang sudah
dijelaskan di atas dan mungkin tidak dapat diselesaikan dengan pengajaran oleh
dosen biasa di perkuliahan, untuk menyelesaikan masalah pada setiap mahasiswa
di perkuliahan sangat di perlukan Konseling
Berdasarkan penjelasan permasalah di atas, maka dalam Pelaksanaan KP
(Kerja Praktek) di Sekolah Tinggi Teknologi Garut, penulis mengambil judul
“RANCANG BANGUN APLIKASI KONSELING BERBASIS WEB”

1
1.2. Identifikasi Masalah
Berdasarkan latar belakang di atas, maka identifikasi masalah yang dapat
diambil, adalah belum adanya aplikasi Konseling Berbasis Web.

1.3. Tujuan Kerja

Adapun tujuan dilaksanakannya KP Berbasis Web adalah untuk merancang
bangun aplikasi konseling berbasis web Career Development Center Sekolah
Tinggi Teknologi Garut.

1.4. Lingkup Kerja

Agar pembahasan tidak keluar dari fokus pekerjaan, maka permasalahan
yang dibahas perlu di batasi, adapun yang menjadi batasan masalah dalam laporan
Kerja Praktek ini adalah meliputi :
1. Aplikasi yang dibuat berdasarkan pada proses konseling meliputi registrasi
mahasiswa, login admin dan mahasiswa, buat postingan, buat tags, dan
logout.
2. Pengembangan metodologi menggunakan USDP (Unifed Software
Development Procces).
3. Platform yang digunakan berbasis PHP yang memakai framework Laravel.

1.5. Manfaat Hasil Kerja

Manfaat dari pelaksanaan Kerja Praktek di Career Development Center
STTG diantaranya adalah :
1. Dapat menganalisis proses konseling sehingga aplikasi yang dibangun
sesuai dengan alur dan prosedur di Career Development Center STTG.
2. Dapat merancang dan membangun aplikasi konseling sesuai kebutuhan di
Career Development Center STTG.
3. Memudahkan para mahasiswa dan dosen yang bersangkutan untuk
melakukan konseling, karena bisa dilakukan kapan saja dan di mana saja.

2
1.6. Tempat dan Waktu Kerja
Tempat pelaksanaan Kerja Praktek di area 306 Career Development Center
STTG yang beralamat di Jl. Mayor Syamsu No. 1 Tarogong Kidul Kabupaten
Garut. Adapun waktu Kerja Praktek dilaksanakan dari tanggal 12 september 2017
sampai dengan 16 desember 2017.
Tabel 1.1 Deskripsi Kegiatan Selama Pelaksanaan Kerja Praktek
No Tanggal Deskripsi Kegiatan
1 12 September 2017 Melakukan wawancara
2 19 September 2017 Menganalisis kebutuhan sistem
3 26 September 2017 Membuat front-end & back-end
4 4 Oktober 2017 Merancang interface
5 11 Oktober 2017 Konsultasi dengan klien
6 17 Oktober 2017 Pencodingan Aplikasi
7 24 Oktober 2017 Pencodingan Aplikasi
8 1 November 2017 Pencodingan Aplikasi
9 8 November 2017 Pencodingan Aplikasi
10 15 November 2017 Pencodingan Aplikasi
11 16 November 2017 Pencodingan Aplikasi
12 23 November 2017 Pencodingan Aplikasi
13 1 Desember 2017 Pencodingan Aplikasi
14 12 Desember 2017 Aplikasi

1.7. Sistematika Laporan

Berikut ini adalah sistematika yang dipakai dalam penulisan laporan Kerja
Praktek yaitu sebagai berikut :
1. PENDAHULUAN, meliputi uraian mengenai hal-hal yang diperoleh dari
hasil penelitian yang disajikan dalam bentuk latar belakang dan identifikasi
masalah, serta tujuan, lingkup, manfaat hasil, tempat, dan waktu kerja dan
sitematika laporan.
2. TEORI PENDUKUNG, meliputi penjelasan mengenai teori-teori yang
berkaitan dengan masalah dalam kerja praktek, seperti metodologi

3
 pengembangan sistem yang menggunakan prototipe dan pemodelan dengan
menggunakan UML, hingga software pendukung yang digunakan.
3. HASIL DAN PEMBAHASAN, berisikan penjelasan secara terperinci
mengenai proses perancangan aplikasi bimbingan dan konseling
menggunakan metode USDP.
4. KESIMPULAN DAN SARAN, dalam bab ini menyatakan poin-poin
pencapaian atau temuan dalam proyek Praktik Kerja Nyata ini serta saran
yang terkait dengan hal penting yang belum berhasil dicapai dalam kerja
praktek bagi penelitian berikutnya.

4
 2. TEORI PENDUKUNG

2.1 Pengertian Aplikasi Konseling Berbasis Web

Aplikasi konseling career devlopment center merupakan suatu unit
perangkat lunak yang dibuat untuk menjadi media informasi bagi para mahasiswa
serta media untuk melakukan konseling.

2.1.1 Aplikasi
Aplikasi adalah suatu sistem yang dirancang dan disusun sedemikian rupa
untuk menghasilkan informasi yang terpadu dengan menggunakan komputer
sebagai sarana penunjang (Mustakini, 2005). Sedangkan aplikasi web “WebApps”
merupakan sekumpulan file hypertext yang saling terhubung untuk menunjukan
informasi-informasi tertentu dengan menggunakan teks-teks. Aplikasi web saat ini
berevolusi menjadi lingkungan komputasi yang canggih yang tidak hanya
menyajikan fitur-fitur mandiri, fungsi-fungsi komputasi, dan isi untuk pengguna
akhir, namun juga terintegrasi dengan sistem basis data yang dimiliki oleh
perusahaan dan juga terintegrasi dengan aplikasi-aplikasi bisnis lainnya (Pressman,
2012).

2.1.2 Konseling
ASCA mengemukakan bahwa Konseling adalah hubungan tatap muka yang
bersifat rahasia, penuh dengan sikap penerimaan dan pemberian kesempatan dari
konselor kepada klien, konselor mempergunakan pengetahuan dan
keterampilannya untuk membantu kliennya mengatasi masalah-masalahnya (Yusuf
& Nurihsan, 2014)
Konseling merupakan salah satu hubungan yang bersifat membantu agar
klien dapat tumbuh ke arah yang dipilihnya dan juga agar dapat memecahkan
masalah-masalah yang dihadapinya (Suherman, 2015)
Konseling adalah upaya membantu individu melalui proses interaksi yang
bersifat pribadi antara konselor dan konseli agar konseli mampu memahami diri
dan lingkungannya, mampu membuat keputusan dan menentukan tujuan

5
berdasarkan nilai yang diyakininya sehingga konseli merasa bahagia dan efektif
perilakunya (Nurihsan, 2016)
Konseling ialah proses pemberian bantuan yang dilakukan melalui
wawancara konseling oleh seorang ahli (konselor) kepada individu yang sedang
mengalami sesuatu masalah (klien) yang bermuara pada teratasinya masalah yang
dihadapi oleh klien (Luddin, 2010)
Konseling adalah hubungan yang bebas dan berstruktur dengan cara
membiarkan klien memperoleh pengertian secara mandiri yang membimbingnya
menentukan langkah positif kearah orientasi baru (Nurs & Kurniawati, 2007).

2.1.3 CDC ( Carrer Developmen Centre)

CDC atau pusat pengembangan karir adalah sebuah Lembaga di bawah
naungan wakil ketua bidang III kemahasiswaan STTG (Sekolah Tinggi Teknologi
Garut) yang berfungsi untuk menjembatani kebutuhan informasi dunia kerja yang
dibutuhkan. CDC memberikan mahasiswa pengetahuan yang cukup terhadap
bidang pekerjaan yang ditekuni dan kompetensi yang diperlukan untuk bekerja.

2.2 Metodologi Pengembangan Perangkat Lunak

Untuk membuat aplikasi konseling career devlopment center diperlukan
sejumlah tahapan dari metode pengembangan perangkap lunak tertentu, salah satu
tahapan dari metode tersebut diantaranya adalah metode USDP.

2.2.1 USDP (Unified Software Development Process)

USDP merupakan proses kerja pengembangan sistem / perangkat lunak
menggunakan bahasa pemerograman berorientasi objek yang peroses nya di awali
dengan pembuatan diagram use case yang bertujuan untuk mendapatkan spesifikasi
kebutuhan pengguna. Sasaran dari USDP (Unified Softwaare Development
Process) adalah memandu para pengembang perangkat lunak seperti para
perancang sistem dan pemerogram untuk mengimplementasikan dan jika dirasa
perlu kemudian menambahkan komponen-komponen ke komputer-komputer
tertentu sesuai dengan kebutuhan pengguna (Nugroho, 2010).

6
 Proses pengembangan sistem yang berkelanjutan, dimana masing-masing
Proses pengembangan sistem yang berkelanjutan, dimana masing-masing bagian
dilakukan secara iterative. USDP (Unified Softwaare Development Process)
menggunakan diagram-diagram UML yang sesuai dengan fungsinya masing-
masing. UML (Unifed Modelling Language) digunakan sebagai alat bantu utama
dalam analisis dan perancangan perangkat lunak.

Ada beberapa model pengembangan dalam metode USDP, diantaranya (Sukamto

& Shalahuddin, 2013) :

1. Model Analisis, yang bertujuan untuk memperhalus dan merinci definisi-

definisi dari masing-masing use case. Use case adalah suatu pemodelan
untuk menggambarkan tingkah laku dari aktivitas-aktivitas yang dilakukan.
Dalam tahap ini digunakan diagram aktivitas dan diagram sequensial untuk
lebih memperinci lagi terkait definisi- definisi yang ada pada masing-
masing use case.
2. Model Perancangan, yang digunakan untuk mendefinisikan struktur statis
aplikasi seperti kelas, antarmuka dan hubungannya masing-masing dalam
kerangka perangkat lunak yang dibangun. Class Diagram digunakan pada
tahapan ini, karena Class Diagram digunakan untuk menggambarkan
struktur suatu sistem dari segi pendefinisian serta kelas-kelas yang akan
dibuat untuk membangun system tersebut.
3. Model deployment, yang memuat komponen - komponen (merepresentasikan
kode-kode dalam bahasa pemrograman tertentu yang dipilih) dan melakukan
pemetaan kelas-kelas ke komponen-komponen.
4. Model Implementasi, dimana di dalamnya memuat komponen untuk
merepresentasikan kode-kode dalam bahasa pemrograman tertentu yang
dipilih dan melakukan pemetaan kelas-kelas ke komponen-komponen.
5. Model Pengujian, yang ditujukan untuk mendeskripsikan scenario testing
untuk melakukan verifikasi dan validasi terhadap perangkat lunak yang
dikembangkan. Dalam tahapan ini, pengujian yang dilakukan dengan
menggunakan metode black box testing. Dimana Black box testing
merupakan pengujian perangkat lunak dari segi spesifikasi fungsional tanpa
menguji desain dan kode program.

7
2.2.2 UML (Unified Modeling Language)
UML (Unified Modeling Language) adalah sebuah bahasa untuk
menetukan, visualisasi, kontruksi, dan mendokumentasikan artifact ( bagian dari
informasi yang digunakan atau dihasilkan dalam suatu proses pembuatan perangkat
lunak.Artifact dapat berupa model, deskripsi atau perangkat lunak ) dari system
perangkat lunak, seperti pada pemodelan bisnis dan system non perangkat lunak
lainnya.

UML (Unified Modeling Language) merupakan bahasa pemodelan untuk

sistem atau perangkat lunak yang berparadigma berorientasi objek. Pemodelan
(modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-
permasalahn yang kompleks sedemikian rupa sehingga lebih mudah dipelajari dan
dipahami. Adapun tujuan pemodelan (dalam kerangka pengembangan sistem
perangkat lunak aplikasi) adalah sebagai sarana analisis, pemahaman, visualisasi,
dan komunikasi antar anggota tim pengembang, serta sebagai sarana dokumentasi
(Nugroho, 2010)

2.2.2.1 Use Case

Use Case merupakan pemodelan untuk kelakuan (behavior) sistem
informasi yang akan dibuat. Use Case mendeskripsikan sebuah interaksi antara
satu atau lebih aktor dengan sistem informasi yang akan dibuat. Secara kasar us
case digunkan untuk mengetahui fungsi apa saja yang ada didalam sebuah sistem
informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu (Sukamto &
Shalahuddin, 2011)
Berikut adalah simbol-simbol yang ada pada diagram use case:
Tabel 2.1 Notasi Use Case Diagram Sumber : (Sukamto & Shalahuddin, 2011)
Simbol Deskripsi
Aktor yang berinteraksi dengan
sistem informasi yang akan dibuat
diluar sistem informasi yang akan
dibuat itu sendiri.

8
 Simbol Deskripsi
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar
pesan antar unit atau aktor, biasanya
dinyatakan dengan menggunakan
kata.
Komunikasi antar aktor dan use case
yang berpartisipasi pada use case atau
use case memiliki interaksi dengan
aktor.
Relasi use case tambahan ke sebuah
use case dimana use case yang
ditambahkan dapat berdiri sendiri
walau tanpa use case tambahan itu.
Hubungan generalisasi dan
spesialisasi (umum-khusus) antara
dua buah use case dimana fungsi yang
satu adalah fungsi yang lebih umum
dari lainya.
Relasi use case tambahan kesebuah
use case dimana use case yang
ditambahkan memerlukan use case ini
untuk menjalankan fungsinya atau
sebagai syarat dijalankan use case ini.

2.2.2.2 Activity Diagram

Activity Diagram menyediakan analisis dengan kemampuan untuk
memodelkan proses dalam suatu sistem informasi. Activity Diagram dapat
digunakan unutk alur kerja model, Use case invidual, atau logika keputusan yang
terkandung dalam metode individual. Activity Diagram juga menyediakan
pendekatan untuk proses pemodelan pararel.

9
 Pada dasarnya, diagram aktivitas canggih dan merupakan diagram aliran
data yang terbaru. Secara teknis, Diagram aktivitas menggabungkan ide-ide proses
pemodelan dengan teknik yang berbeda termasuk model acara, Statecharts, dan
Petri Nets (Pressman, 2012).
Tabel 2.2 Notasi Activity Diagram Sumber : (Nugroho, 2005)
Simbol Nama Keterangan
Start State Memperlihatkan dimana
aliran kerja berawal.
End State Memperlihatkan dimana
aliran kerja berakhir.
State Menambahkan state
untuk suatu objek
Activity Menggambarkan
langkah- langkah dalam
aliran kerja.
Decision Memperlihatkan
bagaimana dua atau lebih
langkah pada aliran-
aliran kerja.
Transition Memperlihatkan
bagaimana aliran- aliran
kerja bergerak dari suatu
activity ke activity
lainnya.
Swimlane Memperlihatkan siapa
yang bertanggung jawab
untuk melaksanakan
tugas- tugas tertentu pada
activity diagram.

10
2.2.2.3 Sequencial Diagram
Sequence Diagram menjelaskan secara detail mengenai urutan proses yang
dilakukan dalam sistem seperti interaksi yang terjadi antar class, operasi apa saja
yang terlibat, urutan antar operasi, dan informasi yang diperlukan oleh masing-
masing operasi untuk mencapai tujuan dari use case. Sequence Diagram biasanya
tersusun dari elemen obyek, interaction, dan message. Interaction berfungsi untuk
menghubungkan 2 obyek dengan message.
Sequence Diagram menjelaskan interaksi objek yang disusun berdasarkan
waktu. Secara mudahnya Sequence Diagram adalah gambaran tahap demi tahap
yang seharusnya dilakukan untuk menghasilkan sasuatu dengan use case diagram.
(Nugroho, 2010)
Tabel 2.3 Notasi Sequence Diagram Sumber : (Sukamto & Shalahuddin, 2011)
Simbol Deskripsi

Aktor yang berinteraksi dengan sistem

informasi yang akan dibuat diluar
sistem informasi yang akan dibuat itu
sendiri.

Menyatakan kehidupan suatu objek.

Menyatakn objek dalam keadaan aktif

dan berinteraksi pesan.

Menyatakan sebuah objek membuat

objek yang lain, arah panah mengarah
pada objek yang dibuat.

Menyatakn bahwa suatu objek

mengirikan data/masukan/informasi ke
objek lainya, arah panah mengarah
pada ojek yang dikirimi.

Menyatakan bahwa suatu objek yang

telah menjalankan suatu operasi atau
metode menghasilkan suatu kembalian
ke objek tertentu, arah panah
mengarah pada objek yang menerima
kembalian.

11
 Simbol Deskripsi

Menyatakan suatu objek mengakhiri

hidup objek yang lain, arah panah
mengarah pada objek yang diakhiri,
sebalikya jika ada create maka ada
destroy.

2.2.2.4 Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan
sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek.
Class diagram menggambarkan struktur dari suatu sistem dari segi pendefinisian
kelas-kelas yang akan dibuat untuk membangun sistem (Sukamto & Shalahuddin,
2013). Class diagram menggambarkan struktur dan deskripsi class, package dan
objek beserta hubungan satu sama lain (Bahrami, 1999) Class diagram memiliki
beberapa komponen diantaranya adalah:
1. Class Name
Merupakan nama dari suatu kelas yang disimpan pada bagian atas, ditulis
dalam huruf tebal dan diletakkan di tengah-tengah. Nama diambil dari domain
permasalahan dan harus sejelas mungkin. Oleh karena itu nama kelas haruslah
berupa kata benda.
2. Attribute
Kelas memiliki atribut yang menggambarkan karakteristik dari objek. Atribut
kelas yang benar adalah yang dapat mencakup informasi yang dilukiskan dan
mengenali instance tertentu dari kelas.
3. Operation
Operasi digunakan untuk memanipulasi atribut atau menjalankan aksi-aksi.
Operasi biasanya disebut dengan fungsi, tetapi mereka terdapat di dalam kelas
dan dapat diaplikasikan hanya pada objek dalam kelas tersebut.
Class dapat merupakan implementasi dari sebuah interface, yaitu class
abstrak yang hanya memiliki metoda. Interface tidak dapat langsung
diinstansiasikan, tetapi harus diimplementasikan dahulu menjadi sebuah class.
Dengan demikian interface mendukung resolusi metoda pada saat run-time.

12
 Tiap class diagram bisa memiliki hubungan antar class diagram lainnya,
diantaranya:
1. Asosiasi, yaitu hubungan statis antar class. Umumnya menggambarkan class
yang memiliki atribut berupa class lain, atau class yang harus mengetahui
eksistensi class lain. Panah navigability menunjukkan arah query antar class.
2. Agregasi, yaitu hubungan yang menyatakan bagian (terdiri atas). Pewarisan,
yaitu hubungan hirarkis antar class. Class dapat diturunkan dari class lain dan
mewarisi semua atribut dan metoda class asalnya dan menambahkan
fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya.

2.3 Perangkat Pendukung

Adapun beberapa alat bantu yang digunakan dalam pengembangan aplikasi
menggunakan USDP, adalah sebagai berikut :

2.3.1 XAMPP
XAMPP merupakan tool yang menyediakan paket perangkat lunak kedalam
satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan
instalasi dan konfigurasi web server, apache, PHP, dan MySQL secara manual.
XAMPP akan menginstalasi dan mengkonfigurasinya secara otomatis (auto
configuration) (Hidayatullah & Kawistara, 2017). Dalam perancangan Aplikasi
Pengelolaan Surat, XAMPP berperan sebagai web server untuk menyimpan
aplikasi dan mengaksesnya melalui web browser (internet explorer, Mozila Firefox,
Google Chrome dan lain-lain).

2.3.2 MySQL
Merupakan salah satu database server yang berkembang dilingkungan open
source dan didistribusikan secara free (gratis) dibawah lisensi GPL (General Public
Lisence). Perintah yang digunakan dalam MySQL adalah perintah SQL (Stucture
Query Language) yaitu berupa bahasa permintaan yang terstuktur yang telah di
standarkan oleh pihak ANSI/ISO. MySQL merupakan RDBMS (Relational
Database Management System) server. RDBMS adalah program memungkinkan
pengguna database untuk membuat, mengelola dan menggunakan data pada suatu

13
model (Hidayatullah & Kawistara, 2017). Sebagai salah satu aplikasi DBMS yang
handal, gratis daan banyak penggunanya. Maka dalam perancangan aplikasi
pengelolaan surat menggunakan MySQL, dimana data-data pada aplikasi tersimpan
dalam MySQL.

2.3.3 PHP
Sudah menjadi bahasa scripting umum yang banyak digunakan dikalangan
developer web. Pada awalnya php merupakan kependekan dari Personal Home
Page (Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun
1995. Kemudian pada juni 1998, PHP berubah menjadi akronim berulang PHP :
Hypertext Preprocessing. Versi terbaru PHP yaitu PHP 5.0. dalam versi ini, inti
dari interpreter PHP mengalami perubahan besar, versi ini juga memasukan model
pemrograman berorientasi objek ke dalam PHP. Mekanisme yang digunakan PHP
ialah CGI (Common Gateway Interface) dimana bertugas melayani komunikasi dua
arah antara web server (Xampp) dan web browser (internet explorer, Mozila
Firefox, Google Chrome dan lain-lain) (Hidayatullah & Kawistara, 2017).

2.3.4 PhpMyAdmin
PhpMyAdmin adalah tool open source yang ditulis dalam PHP untuk
menangani administrasi MySQL berbasis World Wide Web. Dalam merancang
bangun aplikasi pengelolaan surat tool phpMyAdmin digunakan dalam membuat
Basis data, membuat tabel serta mengisi dan mengedit tabel, ekspor dan import data
(Hidayatullah & Kawistara, 2017).

2.3.5 Sublime Text

Sublime Text, adalah aplikasi editor kode/script atau sering disebut dengan
aplikasi penyunting kode yang mendukung berbagai bahasa pemrograman seperti
HTML, PHP, CSS, Javascript, dan lain-lain. Ada beberapa kelebihan dari Sublime
Text, diantaranya:
a. Syntax Folding dan Syntax Highlighting, untuk memudahkan pengguna
dalam tampilan warna yang berbeda agar lebih mudah dikenali dalam
penulisan syntax.

14
b. Pencarian (Find), untuk mempermudah pengguna dalam pencarian kata kunci
pada editing script yang banyak dan rumit.
c. Replace, dimana pengguna dapat mengganti beberapa syntax secara
bersamaan pada editing script.
d. Find dan Replace multi dokumen.

2.3.6 Microsoft Visio

Microsoft Visio, Merupakan suatu program aplikasi komputer yang didesain
khusus untuk membantu dalam membuat diagram seperti Flowchart, Grant Chart,
Data Flow, Gambar Jaringan, Gambar Denah Bangunan, serta desain lainnya.
Microsoft Visio memilki keunggulan dibanding program word atau excel dalam
pembuatan diagram (Chandra & Zakaria, 2008)

2.3.7 Perangkat Lunak Pembuatan UML

Adapun perangkat lunak pembuatan UML untuk memudahkan dalam
memahai gamabaran sistem. Perangkat lunak pembuat UML yang digunakan yaitu
Argo UML.

2.3.7.1 Argo UML

Argo UML adalah sebuah open source UML modeling tool yang dapat
membuat berbagai macam diagram UML yang standar.
Beberap fitur diagram yang dapat dibuat dalam Argo UML antara lain:
1. Class
2. State
3. Use case
4. Activity
5. Collaboration
6. Deployment
7. Sequence

15
2.3.8 Laravel
Framework Laravel ini pada dasarnya akan memudahkan programmer
untuk mengembangkan aplikasi secara mandiri apalagi jika bekerja dalam sebuah
tim. Laravel akan sangan membantu sekali dalam team work dengan menggunakan
aturan-aturan yang berlaku dalam framework setiap programmer akan di buat patuh
terhadap aturan yang berlaku, sehingga pembacaan kode antar programmer akan
lebih mudah (Triyono, 2016)

16
 3. HASIL DAN PEMBAHASAN

3.1 Work Breakdown Structure

Berikut tahapan kerja dalam rancang bangun aplikasi konseling meliputi
aktifitas yang di sajikan dalam skema WBS (Work Breakdown Structure).

Gambar 3.1 Work Breakdown Structure Aplikasi Konseling

Berdasarkan pada studi literatur dan Work Breakdown Structure, skema

kerangka kerja konseptual dapat digambarkan dengan activity sequence dibawah
ini :
3.1.2 Activity Sequence

Gambar 3.2 Activity Sequencing Penelitian

17
3.2 Model Analisis
Model analisis merupakan bagian dari kebutuhan pengguna / user yang
menjadi langkah awal dalam suatu proses pengembangan model perancangan
perangkat lunak. Pada tahap ini yang dilakukan adalah dengan mencari informasi
mengenai kebutuhan user untuk selanjutnya digambarkan pada sebuah diagram
yaitu use case diagram dimana user merupakan actor yang akan berinteraksi dengan
sistem / program aplikasi.

1. Analisis Kebutuhan
Pada tahap analisis kebutuhan, ini merupakan langkah pertama yang
dilakukan dalam tahap perencanaan sistem. Kebutuhan ini dapat di
artikan juga suatu keinginan atau suatu hal dari user. Untuk itu dilakukan
dilakukan kegiatan pengumpulan data dari staff Sekolah Tinggi Teknologi
Garut dengan melakukan wawancara dengan ibu Leni Fitriani, M.Kom.
Dari hasil wawancara tersebut diperoleh kebutuhan, yaitu kebutuhan akan
suatu fitur Aplikasi Konseling career devlopment center.

2. Use Case Diagram

Setelah melakukan analisis kebutuhan terhadap data dan informasi yang
terlibat dalam proses sistem didapatkan aktor, yang teridentifikasi aktifitas
yang mendukung berjalan nya sistem yang dirancang. Use case diagram
merupakan gambaran graphical dari semua actor, use case, dan interaksi di
antara komponen-komponentersebut yang memperkenalkan suatu sistem
yang akan di bangun . Use case diagram menjelaskan manfaat suatu sistem
jika di lihat menurut pandangan orang yang berada di luar sistem. Diagram
ini menunjukan fungsionalitas suatu sistem atau kelas dan bagaimana sistem
tersebut berinteraksi dengan dunia luar. Berikut dibawah ini adalah gambar
use case diagram aplikasi Konseling Career Development Center :

18
 Gambar 3.3 Use case Aplikasi Konseling berbasis web

Tabel 3.1 Deskripsi Use Case aplikasi konseling berbasis web

NO Nama Proses Deskripsi
1. Pendaftaran Mahasiswa mendaftar agar memiliki hak akses
untuk masuk ke system
2. Login Admin dan Mahasiswa masuk ke dalam sistem.
3. Buat Postingan Admin dan Mahasiswa membuat postingan
4. Buat Tags Admin Membuat tags
5 Logout Admin dan Mahasiswa meninggalkan aplikasi
atau keluar dari aplikasi

19
3.3 Model Perancangan
1. Activity Diagram
Activity diagram yang akan dibuat pada penelitian ini meliputi lima activity
diagram diantaranya ialah: activity diagram Pendaftaran, activity diagram
login, activity diagram buat post, activity diagram buat tags, dan activity
diagram Logout. Berikut ini gambar activity diagram konseling career
development center :

Gambar 3.4 Activity Diagram Pendaftaran

Gambar 3.5 Activity Diagram Login

20
Gambar 3.6 Activity Diagram Buat Postingan

Gambar 3.7 Activity Diagram Buat Tags

Gambar 3.8 Activity Diagram Logout

21
2. Squence Diagram
Berikut ini gambar Sequence diagram konseling career development center:

Gambar 3.9 Sequence Diagram Pendaftaran

Gambar 3.10 Sequence Diagram Login

Gambar 3.11 Sequence Diagram Buat Postingan

22
 Gambar 3.12 Sequence Diagram Buat Tags

Gambar 3.13 Sequence Diagram Logout

3. Diagram Class
Dalam perancangan aplikasi career devlopment center terdapat terdapat
diantaranya yaitu perancangan class yang terdapat pada aplikasi career
devlopment center adalah sebagai berikut :
a. Class admin, class admin ini memuat data admin dan pengguna
untuk login.
b. Class user, class admin ini memuat data admin dan pengguna untuk
login.
c. Class forum, class memuat tentang postingan
d. Class comment, class komentar admin dan mahasiswa
e. Class tags, class ini yaitu tags yang di buat oleh admin dan
digunakan oleh mahasiswa

23
 Berikut ini merupakan kelas diagram pada aplikasi career development
center :

Gambar 3.14 Class diagram beserta relasinya

4. Perancangan Antarmuka
Dengan memperhatikan tahapan-tahapan perancangan yang telah dilakukan
maka dihasilkan rancangan tampilan antarmuka aplikasi yang akan dibangung
dengan fitur maupun fungsi-fungsi yang disediakan mengikuti sequence diagram
dan class diagram sebelumnya. Adapun rancangan antarmuka aplikasi konseling
career development center adalah sebagai berikut:

24
 Gambar 3.15 Rancangan antarmuka aplikasi konseling berbasis web

Pada Gambar 3.7 adalah rancangan untuk halaman utama aplikasi konseling
career development center. Didalam halaman utama terdapat menu daftar untuk
mahasiswa agar mendapatkan akun untk login, kemudian ada juga postingan dari
mahasiswa dan admin.

3.4 Model Deployment

Model deployment merupakan tahap yang dilakukan dalam metodologi
USDP. Perangkat pendukung yang dibutuhkan dalam menjalankan aplikasi Career
Development Center ini sebagai berikut :
1. Software meliputi:
a. Bahasa pemrograman dengan PHP,
b. Basis data menggunakan MySQL,
c. Sublime text 3 sebagai aplikasi editor kode dan text untuk keperluan desain
web dan
d. XAMPP sebagai alat untuk merancang aplikasi dengan bahasa
pemrograman PHP dan MySQL.

25
 e. Web Browser (Google Chrome, Mozilla Firefox, Opera Mini atau Internet
Explorer).
2. Hardware meliputi:
Komputer dengan spesifikasi Intel Dual Core, Prosessor 2,20 GHz dan 2048
MB RAM. Pada tahap ini penggambaran perangkat keras ( Hardware )
pendukung yang terhubung dengan sistem, sehingga digunakan Networking
Diagram sebagai berikut.

Mahasiswa

Gambar 3.16 Networking Diagram aplikasi konseling berbasis web

Pada Gambar 3.16 Networking Diagram aplikasi konseling career development

center menggambarkan arsitektur perangkat lunak, dimana aplikasi yang sudah
disediakan hanya perlu diakses melalui personal komputer. Mahasiswa hanya
perlu membuka situs karena basis data sudah tersimpan di cloud atau server.

3.5 Model Implementasi

Pada tahapan implementasi ini menghasilkan sebuah prototype program
sesuai dengan rancangannya. Berikut ini tampilan utamadan penjelasan fitur
ataupun fasilitas dari aplikasi yang dihasikan :

26
 Gambar 3.17 Tampilan Menu Utama Aplikasi konseling berbasis web

1. Menu Home, didalam menu home terdapat menu yang menampilkan

halaman awal juga menampilkan informasi forum ynag dapat dilihat oleh
umum
2. Menu contact, menampilkan kontak ketua Career Development Center.
3. Menu About, di dalam menu about halaman yang berisikan informasi sekitar
Career Development Center.
4. Menu Register, menu untuk registrasi mahasiswa yang belum memiliki
akun
5. Menu Login, menu yang mengantarkan ke halaman login yang bisa di akses
oleh admin dan alumni.
6. Menu Buat Post, menu untuk membuat postingan baik itu admin maupun
mahasiswa

3.6 Model pengujian

Pengujian yang diakukan setelah aplikasi dihasilkan bertujuan untuk
mengetahui apakah fitur yang disediakan dapat berjalan dengan baik serta
memenuh kebutuhan pengguna. Pada aplikasi ini dilakaukan pengujian program
dengan menggunakan pendekatan black box yang dilakukan pada tanggal 14
Desember 2017. Pengujian yang dilakuka ialah dengan menguji fitur maupun
fungsi yang disediakan pada setiap form.

27
3.6.1 Pengujian Fungsionalitas Black Box
Model pengujian dilakukan setelah tahap implementasi dilakukan.
Pengujian yang dilakukan pada aplikasi Konseling Career Development Center ini
bertujuan untuk mengetahui apakah fitur-fitur yang disediakan dapat berjalan baik
dan dapat memenuhi kebutuhan pengguna. Pada aplikasi ini dilakukan pengujian
dengan menggunakan pendekatan black box testing. Pengujian dilakukan dengan
menguji fitur dan fungsi yang disediakan pada setiap form.

Tabel 3.2 Pengujian Fungsionalitas Black Box

Kelas Uji Skenario Uji Hasil yang diharapkan Kesimpulan
Melakukan Login Memasukan Masuk ke dalam sistem, Sesuai
username dan Login Berhasil
password benar
Melakukan Login Masukan Tidak masuk kedalam Sesuai
salah username dan sistem, login gagal
password salah
Melakukan Memasukan data Data berhasil disimpan Sesuai
Register mahasiswa dan dan mahasiswa memiliki
buat akun baru akun
Membuat Admin dan Postingan ada di forum Sesuai
Postingan Mahasiswa
membuat
postingan
Tags Admin membuat Tags berhasil di buat Sesuai
tag baru
Melakukan Admin dan Logout berhasil Sesuai
Logout mahasiswa
keluar dari
aplikkasi

4. KESIMPULAN DAN SARAN

28
4.1 Kesimpulan
Berdasarkan hasil kajian dan tinjauan pustaka yang ada, kesimpulan yang
dapat di ambil dari rancang bangun aplikasi konseling career development center
adalah sebagai berikut :
1. Kerja Praktek di Career Development Center telah menghasilkan rancangan
aplikasi konseling
2. Admin dan mahasiswa bisa mengupload informasi seputar perkuliahan atau
tentang keluhan-keluhan mengenai perkuliahan
3. Adanya aplikasi ini dapat membantu mahasiswa mendapatkan informasi
dan melakukan konseling kepada admin.

4.2 Saran
Adapun saran dari hasil Kerja Praktek ini adalah sebagai berikut :
1. Semoga Aplikasi konseling ini dapat di gunakan di Career Development
Center.
2. Aplikasi konseling ini belum memiliki fitur personal chat sehingga
mahasiswa hanya bisa melakukan konseling di forum, untuk kedepannya
lebih dikembangkan dengan penambahan fitur tersebut.

29
 DAFTAR PUSTAKA

Bahrami, A. (1999). Object Oriented System Development. Colombus: McGraw-

Hill.
Chandra, C., & Zakaria, T. M. (2008). Be Smart, Be Profesional With Microsoft
Office 2007. Bandung: Informatika.
Hidayatullah, P., & Kawistara, J. K. (2017). Pemrograman Web . Bandung:
INFORMATIKA.
Luddin, A. B. (2010). Dasar-Dasar Konseling Tinjauan Teori dan Praktik.
Bandung: Citapustaka Media Perintis.
Mustakini, J. H. (2005). Analisis & Desain Sistem Informasi : pendekatan
terstruktur teori dan praktik aplikasi bisnis. Yogyakarta: ANDI.
Nugroho, A. (2005). Analisis dan Perancangan Sistem Informasi Dengan
Metodologi Berorientasi Objek. Bandung: Informatika.
Nugroho, A. (2010). Rekayasa Perangkat Lunak Berbasis Objek dengan Metode
USDP. Yogyakarta: Andi.
Nurihsan, A. J. (2016). Bimbingan dan Konseling dalam Berbagai Latar
Kehidupan. Bandung: PT Refika Aditama.
Nurs, N. M., & Kurniawati, N. D. (2007). Asuhan Keperawatan pada Pasien
Terinfeksi. Jakarta: Salemba Medika.
Pressman, R. S. (2012). Rakayasa Perangkat Lunak Pendekatan Praktisi Edisi 7.
Yogyakarta: ANDI.
Sukamto, R. A., & Shalahuddin, M. (2011). Modul Pembelajaran Rekayasa
Perangkat Lunak (Terstruktur dan Berorientasi Objek). Bandung: Modula.
Suherman, U. (2015). Manajemen Bimbingan dan Konseling. Bandung: Rizqi
Press.
Sukamto, R. A., & Shalahuddin, M. (2013). Rekayasa Perangkat Lunak.
Bandung: Informatika.
Triyono, L. (2016). Sistem Informasi Akademek Kampus Berbasis WEB Dengan
LARAVEL 5. Yogyakarta: Loko Media.
Yusuf, S., & Nurihsan, A. J. (2014). LANDASAN BIMBINGAN DAN
KONSELING. Bandung: PT REMAJA ROSDAKARYA.

30
 LAMPIRAN A : BUKTI KONSULTASI

1. Surat Balasan

31
2. Kartu Kerja

32
33
3. Kartu Bimbingan

34
35
4. Transkrip wawancara

Nama Narasumber : Leni Fitriani M.Kom

Tanggal : Selasa,12 September 2017
Jam : 13.00-13.30 WIB
Tempat Wawancara : Area 306, Sekolah Tinggi Teknologi Garut
Topik Wawancara : Kerja Praktek

Rivan : Assalamualaikum!!
Ibu Leni : waalaikumsalam
Rivan : Bu apakah di CDC sedang membutuhkan aplikasi
Ibu Leni : CDC sedang membutuhkan aplikasi konseling, baik berbasis web
atau android
Rivan : oh, apakah bias saya jadikan bahan KP?
Ibu Leni : Tentu bisa
Rivan : Jadi saya harus buat aplikasi seperti apa?
Ibu Leni : buat aplikasi forum seperti kaskus, bisa membuat postingan,
berkomentar, bisa edit dan hupus postingan
Rivan : Iya Bu siap, Terimakasih

36
 LAMPIRAN B : MANUAL

1. Petunjuk Pemasangan
a. Pastikan browser terpasang pada komputer
b. Pastikan program composer telah terpasang pada komputer
c. Download Xampp
d. Matikan antivirus yang terpasang pada komputer
e. Pilih file xampp yang telah di download
f. Double klik atau klik kanan dan pilih Run As Administrator
g. Akan muncul tampilan xampp control panel, klik tombol start pada
Apache dan MySQL
h. Simpan blog di xampp/htdocs/
i. Masukan database
j. Buka CMD, ketik ‘cd c:\xampp\htdocs\blog’ dan tekan enter
k. Kemudian ketik ‘php artisan serve’ dan tekan enter
l. Jalankan di browser localhost:8000/

37
 LAMPIRAN C : HASIL KERJA

1. Hasil Perancangan

38
39
40
2. Hasil Pembuatan

41
42
43