Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
KERJA PRAKTIK – KI141330
Sistem Informasi Pemetaan Jurnal Ilmiah Internasional KONTRAK KINERJA UP3 ITS Berbasis Web
Unit Pengelolaan dan Pengendalian Program (UP3) - Institut Teknologi Sepuluh Nopember Surabaya
Jl. Raya ITS, Surabaya, Jawa Timur 60117
Periode: 1 Juli 2020 - 1 Oktober 2020
Oleh:
Muhammad Fadhlan Min Robby 05111740000123
Abraham Wong 05111740000065
Pembimbing Jurusan
Agus Budi Raharjo, S.Kom., M.Kom., Ph.D. Pembimbing Lapangan
Dr. Eng Darlis Herumurti, S.Kom., M.Kom.
DEPARTEMEN INFORMATIKA
Fakultas Teknologi Elektro dan Informatika Cerdas
Institut Teknologi Sepuluh Nopember Surabaya 2020
ii
[Halaman ini sengaja dikosongkan]
iii
KERJA PRAKTIK – KI141330
Sistem Informasi Pemetaan Jurnal Ilmiah Internasional KONTRAK KINERJA UP3 ITS Berbasis Web
Unit Pengelolaan dan Pengendalian Program (UP3) - Institut Teknologi Sepuluh Nopember Surabaya
Jl. Raya ITS, Surabaya, Jawa Timur 60117
Periode: 1 Juli 2020 - 1 Oktober 2020
Oleh:
Muhammad Fadhlan Min Robby 05111740000123
Abraham Wong 05111740000065
Pembimbing Jurusan Agus Budi Raharjo, S.Kom., M.Kom., Ph.D. Pembimbing Lapangan Dr. Eng Darlis Herumurti, S.Kom., M.Kom. DEPARTEMEN INFORMATIKA Fakultas Teknologi Elektro dan Informatika Cerdas Institut Teknologi Sepuluh Nopember Surabaya 2020
iv
[Halaman ini sengaja dikosongkan]
v
LEMBAR PENGESAHAN KERJA PRAKTIK
Sistem Informasi Pemetaan Jurnal Ilmiah
Internasional KONTRAK KINERJA UP3 ITS
Berbasis Web
Oleh:
Muhammad Fadhlan Min Robby 05111740000123
Abraham Wong 05111740000065
Mengetahui, Menyetujui,
Kepala Unit Pengelolaan dan Dosen Pembimbing
Pengendalian Program ITS Kerja Praktek
Pembimbing Kerja Praktek
Dr. Eng Darlis Herumurti, Agus Budi Raharjo, S.Kom,
S.Kom., M.Kom. M.Kom., Ph.D.
NIP. 197712172003121001 NIP. 1990202011022
SURABAYA
1 OKTOBER, 2020
vi
[Halaman ini sengaja dikosongkan]
vii
Sistem Informasi Pemetaan Jurnal Ilmiah
Internasional KONTRAK KINERJA UP3 ITS
berbasis Web
Nama Mahasiswa : Muhammad Fadhlan Min Robby
NRP : 05111740000123
Nama Mahasiswa : Abraham Wong
NRP : 05111740000065
Departemen : Informatika FTIK-ITS
Pembimbing Jurusan : Agus Budi Raharjo
Pembimbing Lapangan : Darlis Herumurti
ABSTRAK
Pada zaman informasi ini, informasi yang ada akan selalu
muncul dan terdata, sehingga dibutuhkan sebuah usaha yang
mengorganisir informasi agar dapat diakses secara efisien dan
praktis, maka perlunya dibuat sebuah instansi pengelolaan data
tersebut. Salah satunya di Institut Teknologi Sepuluh Nopember,
dimana terdapat unit yang memantau kinerja dari setiap unit yang
bertugas pada Institut Teknologi Sepuluh Nopember, yaitu Unit
Pengelolaan dan Pengendalian Program atau yang disingkat menjadi
UP3. Dalam misi untuk menjalankan tugasnya, UP3
mengembangkan sebuah sistem informasi data kinerja berbasis web.
Pada kerja praktek kami saat ini kami ditugaskan untuk ikut
mengembangkan sistem informasi tersebut untuk mengembangkan
penampilan data kinerja menggunakan framework Vue.js dengan
database SQL Server beserta library JExcel oleh Unit Pengelolaan
dan Pengendalian Program (UP3) ITS.
Kata kunci: JExcel, Vue.Js, Database, Query
viii
KATA PENGANTAR
Puji syukur kami haturkan kepada Tuhan Yang Maha Esa
karena berkat rahmat-Nya kami dapat melaksanakan salah satu
kewajiban kami sebagai mahasiswa Departemen Informatika, yakni
Kerja Praktek (KP).
Kami menyadari masih ada kekurangan baik dalam pelaksanaan
kerja praktek maupun penyusunan buku laporan ini. Namun, kami
berharap buku laporan ini dapat menambah wawasan pembaca dan
dapat menjadi sumber referensi. Kami mengharapkan kritik dan
saran yang membangun untuk kesempurnaan buku laporan kerja
praktek ini.
Melalui buku ini, kami juga ingin menyampaikan rasa terima
kasih kepada orang-orang yang telah membantu, baik langsung
maupun tidak langsung, dalam pelaksanaan kerja praktek hingga
penyusunan laporan. Orang-orang tersebut antara lain adalah:
1. Kedua orang tua penulis.
2. Bapak Agus Budi Raharjo, S.Kom, M.Kom., Ph.D. selaku
dosen pembimbing kerja praktek.
3. Bapak Ary Mazharuddin Shiddiqi, S.Kom., M.Comp.Sc.,
Ph.D., selaku koordinator Kerja Praktek.
4. Bapak Dr. Eng Darlis Herumurti, S.Kom., M.Kom.,
selaku pembimbing lapangan kami di Unit Pengelolaan
dan Pengendalian Program (UP3) ITS.
Surabaya, Oktober 2020
Muhammad Fadhlan Min Robby, Abraham Wong
ix
DAFTAR ISI
LEMBAR PENGESAHAN ............................................................ v
ABSTRAK ................................................................................... vii
KATA PENGANTAR ................................................................. viii
DAFTAR ISI ................................................................................. ix
BAB I PENDAHULUAN .............................................................. 1
1.1. Latar Belakang ................................................................ 1
1.2. Tujuan ............................................................................. 1
1.3. Manfaat ........................................................................... 1
1.4. Rumusan Masalah ........................................................... 1
1.5. Lokasi dan Waktu Kerja Praktek..................................... 2
1.6. Metodologi Kerja Praktek ............................................... 2
1. Perumusan Masalah ........................................................ 2
2. Studi Literatur ................................................................. 2
3. Analisis dan Desain ......................................................... 3
4. Implementasi Sistem ....................................................... 3
5. Pengujian dan Evaluasi ................................................... 3
6. Kesimpulan dan Saran .................................................... 3
1.7. Sistematika Laporan ........................................................ 4
1. Bab I Pendahuluan .......................................................... 4
2. Bab II Profil Perusahaan ................................................. 4
3. Bab III Tinjauan Pustaka ................................................. 4
4. Bab IV Analisis dan Desain ............................................ 4
5. Bab V Implementasi Sistem ............................................ 5
6. Bab V Pengujian dan Evaluasi ........................................ 5
x
7. Bab VI Kesimpulan dan Saran ........................................ 5
BAB II PROFIL PERUSAHAAN ................................................. 7
2.1. Profil Unit Pengelolaan dan Pengendalian Program (UP3)
- Institut Teknologi Sepuluh Nopember Surabaya ...................... 7
2.1.1. Tugas Unit Pengelolaan dan Pengendalian Program
(UP3) - Institut Teknologi Sepuluh Nopember Surabaya ............ 7
2.1.2. Fungsi Unit Pengelolaan dan Pengendalian Program
(UP3) - Institut Teknologi Sepuluh Nopember Surabaya ............ 7
BAB III TINJAUAN PUSTAKA .................................................. 9
3.1. Pemrograman Database ................................................... 9
3.2. Visual Studio Code ......................................................... 9
3.3. Vue.js .............................................................................. 9
3.4. JExcel............................................................................ 10
3.5. SQL ............................................................................... 10
3.6. SQL Server ................................................................... 10
3.7. SQL Server Management Studio (SSMS) ..................... 10
BAB IV ANALISIS DAN DESAIN ............................................ 12
4.1. Analisis Sistem ............................................................. 12
4.1.1. Definisi Umum Fitur ............................................. 12
4.1.2. Analisis Kebutuhan Fungsional ............................. 12
4.2. Diagram Kasus Penggunaan.......................................... 12
4.3. Spesifikasi Kasus Penggunaan ...................................... 13
4.3.1. Melihat Tabel Jurnal Ilmiah ...................................... 13
4.3.2. Melihat Pilihan Jenis Jurnal Ilmiah ........................... 14
4.3.3. Mengedit Pilihan Jenis Jurnal Ilmiah ........................ 15
4.4. Diagram Aktivitas ......................................................... 16
xi
4.4.1. Melihat Tabel Jurnal Ilmiah ...................................... 16
4.4.2. Melihat Pilihan Jenis Jurnal Ilmiah ........................... 16
4.4.3. Mengedit Pilihan Jenis Jurnal Ilmiah ........................ 17
4.5. Desain Basis Data ......................................................... 18
4.5.1. Relasi Entitas ............................................................ 18
BAB V IMPLEMENTASI SISTEM ............................................ 19
5.1. Komponen Tabel Flagging ............................................ 19
5.1.1. Deskripsi ............................................................... 19
5.1.2. Parameter .............................................................. 19
5.1.3. Data ....................................................................... 19
5.1.4. Source Code .......................................................... 20
5.2. Komponen Dropdown ................................................... 23
5.2.1. Deskripsi ............................................................... 23
5.2.2. Parameter .............................................................. 23
5.2.3. Data ....................................................................... 23
5.2.4. Source Code .......................................................... 23
5.3. Komponen Pendukung.js .............................................. 23
5.3.1. Deskripsi ............................................................... 23
5.3.2. Parameter .............................................................. 24
5.3.3. Data ....................................................................... 24
5.3.4. Source Code .......................................................... 24
BAB VI PENGUJIAN DAN EVALUASI ................................... 27
6.1. Tujuan Pengujian .......................................................... 27
6.2. Kriteria Pengujian ......................................................... 27
6.3. Skenario Pengujian ....................................................... 27
xii
6.3.1. Melihat Tabel Jurnal Ilmiah ...................................... 27
6.3.2. Melihat Pilihan Jenis Jurnal Ilmiah ........................... 28
6.3.3. Mengedit Pilihan Jenis Jurnal Ilmiah ........................ 28
6.4. Evaluasi Pengujian ........................................................ 29
BAB VII KESIMPULAN DAN SARAN ..................................... 31
7.1. Kesimpulan ................................................................... 31
7.2. Saran ............................................................................. 31
DAFTAR PUSTAKA ................................................................... 33
BIODATA PENULIS I ................................................................. 35
BIODATA PENULIS II ............................................................... 37
xiii
DAFTAR TABEL
Tabel 4.1 Kebutuhan Fungsional 12
Tabel 4.2 Tabel Usecase Melihat tabel jurnal ilmiah 13
Tabel 4.3 Tabel Usecase Melihat pilihan jenis jurnal ilmiah 14
Tabel 4.4 Tabel Usecase Mengedit pilihan jenis jurnal ilmiah 15
Tabel 6.1 Hasil Evaluasi Pengujian Komponen 29
DAFTAR GAMBAR
Gambar 4.1 Use Case Diagram 13
Gambar 4.2 Activity Diagram Melihat jurnal ilmiah 16
Gambar 4.3 Activity Diagram Melihat pilihan jenis jurnal 17
Gambar 4.4 Activity Diagram Mengedit pilihan jenis jurnal 17
Gambar 4.5 Relasi entitas database kontrak kinerja UP3 18
Gambar 5.1 Contoh tampilan Web 19
Gambar 5.2 Komponen tabel flagging 22
Gambar 5.3 Komponen dropdown 23
Gambar 5.4 Komponen pendukung.js 25
Gambar 6.1 Melihat tabel jurnal ilmiah 28
Gambar 6.2 Melihat pilihan jenis jurnal ilmiah 28
Gambar 6.3 Mengedit pilihan jenis jurnal ilmiah 29
1
BAB I
PENDAHULUAN
1.1. Latar Belakang
Perlunya pengolahan data yang efisien dan tepat menjadi
sebuah program dimana dapat membantu alur kinerja dari instansi
lain. Salah satunya di Institut Teknologi Sepuluh Nopember, dimana
terdapat unit yang memantau kinerja dari setiap unit yang bertugas
pada Institut Teknologi Sepuluh Nopember, yaitu Unit Pengelolaan
dan Pengendalian Program atau yang disingkat menjadi UP3. Dalam
misi untuk menjalankan tugasnya, UP3 mengembangkan sebuah
sistem informasi data kinerja berbasis web.
Untuk kerja praktik ini, kami ditugaskan untuk ikut
mengembangkan sistem informasi tersebut untuk mengembangkan
penampilan data kinerja menggunakan framework Vue.js dengan
database SQL Server beserta library JExcel oleh Unit Pengelolaan
dan Pengendalian Program (UP3) ITS.
1.2. Tujuan
Tujuan kerja praktek ini adalah untuk menyelesaikan
kewajiban kuliah kerja praktek di Institut Teknologi Sepuluh
Nopember dengan beban dua SKS. Selain itu juga untuk membuat
aplikasi berbasis web untuk keperluan input data kinerja bagi para
karyawan di Unit Pengelolaan dan Pengendalian Program (UP3) ITS
dan civitas akademik Institut Teknologi Sepuluh Nopember.
1.3. Manfaat
Manfaat dari pembuatan website yang kami buat sama seperti
tujuan diatas, yaitu untuk membantu para karyawan dan civitas
akademik dalam melakukan input dan memantau data kinerja.
1.4. Rumusan Masalah
Berikut ini rumusan masalah pada kerja praktek
pengembangan website Kontrak Kinerja:
2
1. Bagaimana sebuah aplikasi berbasis web mengolah data
kontrak kinerja?
1.5. Lokasi dan Waktu Kerja Praktek
Kerja praktik kali ini dilaksanakan pada waktu dan tempat
sebagai berikut:
Lokasi : Dilaksanakan dari rumah/Work from Home.
Alamat :
- Perumahan Tavanjuka Mas Blok B No. 11, Palu,
Sulawesi Tengah
- Jl. Salawati II, Blok A8/No. 16, Jatiwaringin
Asri, Pondok Gede, Bekasi, Jawa Barat
Waktu : 1 Juli 2020 – 1 Oktober 2020
1.6. Metodologi Kerja Praktek
Tahapan pengerjaan kerja praktek dapat dijabarkan sebagai
berikut:
1. Perumusan Masalah
Dalam perumusan masalah, kami diberikan
petunjuk alur kerja dari fitur flagging yang akan
diimplementasikan, kemudian melakukan tanya - jawab
akan masalah yang ada. Setelah itu, kami menentukan hal
- hal yang perlu dicatat sebagai fitur penting dan membuat
gambaran dari fitur yang ingin ditambahkan. Dengan itu,
kami bisa menyimpulkan bahwa bahasa pemrograman
yang dibutuhkan adalah SQL, website dibangun dengan
framework Vue.JS, lalu mengakses database SQL dengan
SQL Server Management Studio (SSMS) dan Visual
Studio Code.
2. Studi Literatur
Pada tahap ini, kami mencari referensi, artikel,
media pembelajaran yang dapat membantu kami untuk
membuat fitur tersebut. Dengan menggunakan kata kunci
3
flagging SQL, kami mencoba untuk mempelajari dalam
membuat fitur flagging dalam SQL tersebut. Pencarian
tersebut didapatkan dari internet juga untuk mencari
istilah-istilah umum dalam pengimplementasian query
SQL.
3. Analisis dan Desain
Tahap ini mencakup penjelasan awal mengenai
sistem yang akan dibuat. Dari perumusan masalah, telah
didapatkan beberapa kebutuhan fungsional secara umum,
dilanjutkan dengan memperjelas dan menspesifikkan
kebutuhan-kebutuhan yang disebutkan, dan memastikan
dengan pembimbing lapangan apakah kebutuhan-
kebutuhan tersebut sudah tepat.
4. Implementasi Sistem
Pada tahap ini kami membuat beberapa fungsi query
yang dibutuhkan sebagai penambahan fungsi flagging,
seperti view dan select. Lalu kami membuat desain layout
halaman dan tabel untuk menampilkan data dari Web
Kontrak Kerja., dengan menggunakan JExcel untuk
menampilkan data yang sudah ada.
5. Pengujian dan Evaluasi
Pengujian dilakukan dengan menguji query yang
telah dibuat. Pada pengujian tahap awal, setelah query
dibuat, dilakukan testing secara lokal dan didemokan
kepada pembimbing lapangan kerja praktek apakah query
yang dibuat sudah sesuai dengan kebutuhan. Dengan ini
akan dihasilkan hasil evaluasi apakah fungsi sudah sesuai
dengan tujuan dan kebutuhan atau belum.
6. Kesimpulan dan Saran
Kesimpulan yang kami dapatkan adalah perlunya
pemahaman lebih lanjut terhadap masalah, untuk itu perlu
komunikasi dengan pembimbing lapangan untuk
4
mengetahui seperti apa fitur yang diinginkan, supaya tidak
membuat kesalahpahaman akan pembuatan fitur. Selain itu
perlunya pemahaman lebih lanjut terhadap alat yang
digunakan supaya dapat menggunakan nya dengan lancar
dan tidak menghambat progress pembuatan fitur.
1.7. Sistematika Laporan
Laporan kerja praktek ini terdiri dari enam bab dengan rincian
sebagai berikut:
1. Bab I Pendahuluan
Pada bab ini menjelaskan tentang latar belakang,
tujuan, waktu pelaksanaan, sistematika pengerjaan kerja
praktek dan juga penulisan laporan kerja praktek.
2. Bab II Profil Perusahaan
Pada bab ini menjelaskan tentang profil perusahaan
tempat kami melaksanakan kerja praktek, yakni Unit
Pengelolaan dan Pengendalian Program (UP3) - Institut
Teknologi Sepuluh Nopember Surabaya.
3. Bab III Tinjauan Pustaka
Pada bab ini menjelaskan mengenai tinjauan pustaka
dan literatur yang digunakan dalam penyelesaian kerja
praktik di Unit Pengelolaan dan Pengendalian Program
(UP3) - Institut Teknologi Sepuluh Nopember Surabaya.
4. Bab IV Analisis dan Desain
Pada bab ini menjelaskan analisis dari kebutuhan
berdasarkan kondisi yang sesungguhnya dan
perancangannya, yan gmeliputi proses desain
aplikasi/sistem yang akan dikembangkan.
5
5. Bab V Implementasi Sistem
Pada bab ini menjelaskan tahap-tahap yang
dilakukan untuk proses implementasi fungsi query dan
tampilan layout web Kontrak Kinerja dengan framework
Vue.js dan JExcel dalam penampilan data.
6. Bab V Pengujian dan Evaluasi
Pada bab ini, dijelaskan tentang hasil pengujian dan
evaluasi dari sistem yang telah dikembangkan selama
pelaksanaan kerja praktek di Unit Pengelolaan dan
Pengendalian Program (UP3) - Institut Teknologi Sepuluh
Nopember Surabaya.
7. Bab VI Kesimpulan dan Saran
Pada bab ini, dipaparkan kesimpulan yang dapat
diambil dan juga saran selama pengerjaan kerja praktik.
6
[Halaman ini sengaja dikosongkan]
7
BAB II
PROFIL PERUSAHAAN
2.1. Profil Unit Pengelolaan dan Pengendalian Program (UP3)
- Institut Teknologi Sepuluh Nopember Surabaya
Unit Pengelolaan dan Pengendalian Program (UP3) Institut
Teknologi Sepuluh Nopember (ITS) Surabaya adalah sebuah unit
yang dibentuk oleh ITS yang, sesuai namanya, dibentuk untuk
mengelola dan mengendalikan program-program yang dijalankan
oleh ITS.
2.1.1. Tugas Unit Pengelolaan dan Pengendalian Program (UP3)
- Institut Teknologi Sepuluh Nopember Surabaya
● Membantu merumuskan kebijakan dalam subbidang
pengelolaan dan pengendalian program
● Membina, mengarahkan, dan mengembangkan kompetensi
dan talenta personil dalam unit kerja
● Menyelenggarakan program kerja dan kegiatan yang selaras
dengan kebijakan dala subbidang pengelolaan dan
pengendalian program
● Mengevaluasi kinerja hasil program kerja dan kegiatan
dalam subbidang pengelolaan dan pengendalian program
● Menyelenggarakan pelayanan prima dalam subbidang
pengelolaan dan pengendalian program dengan prinsip
reformasi birokrasi dan zona integritas
2.1.2. Fungsi Unit Pengelolaan dan Pengendalian Program
(UP3) - Institut Teknologi Sepuluh Nopember Surabaya
● Penyiapan penyusunan rencana induk pengembangan,
rencana strategis organisasi, dan rencana operasional
organisasi
● Pengordinasian penyusunan rencana kegiatan dan anggaran
● Pengelolaan, pengendalian, dan pengawasan program kerja
● Penyelarasan program kerja ITS dengan seluruh unit di
bawah Rektor
8
● Pengoordinasian perancangan pangkalan data terpadu ITS
● Pengelolaan data stewardship dari berbagai sumber secara
terpadu yang diperlukan untuk pengambilan kebijakan ITS
dan pelaporan
● Pengukuran dan pelaporan kinerja organisasi untuk semua
level organisasi
● Pengoordinasian dan penyusunan pelaporan organisasi
secara berkala
● Penyelenggaraan sistem pengendalian intern ITS
● Perancangan dan pemantauan strategi organisasi terkait
pemeringkatan ITS di level nasional
● Penyelenggaraan survei kepuasan stakeholder terhadap
layanan organisasi
● Pelaksanaan identifikasi dan penelusuran hambatan dan
penyimpangan pelaksanaan program kerja ITS, serta
memberikan alternatif usulan-usulan perbaikan
● Pelaksanaan evaluasi dan pelaporan penyelenggaraan
program kerja subbidang pengelolaan dan pengendalian
program
9
BAB III
TINJAUAN PUSTAKA
Pada bab ini, akan dijelaskan mengenai dasar teori yang
digunakan selama proses kerja praktek.
3.1. Pemrograman Database
Basis data (database) adalah kumpulan data yang disimpan
secara sistematis di dalam komputer yang dapat diolah atau
dimanipulasi menggunakan perangkat lunak program atau aplikasi
untuk menghasilkan informasi. Pendefinisian basis data meliputi
spesifikasi berupa tipe data, struktur data dan juga batasan-batasan
pada data yang kemudian disimpan.
Proses memasukkan dan mengambil data ke dan dari media
penyimpanan data memerlukan perangkat lunak yang disebut
dengan sistem manajemen basis data (database management
system). DBMS merupakan sistem perangkat lunak yang
memungkinkan pengguna basis data untuk memelihara, mengontrol
dan juga mengakses data secara praktis dan efisien.
3.2. Visual Studio Code
Visual Studio Code adalah perangkat lunak yang berfungsi
sebagai editor source code yang tersedia untuk Windows, macOS,
dan Linux. Program ini tersedia dengan built-in support untuk
JavaScript, TypeScript dan Node.js dan memiliki ekosistem yang
melimpah akan ekstensi untuk bahasa pemrograman lain [1].
3.3. Vue.js
Vue.js adalah framework progresif dalam bahasa Javascript
yang digunakan untuk membangun user interface. Framework ini
hanya berfokus pada tampilan depan/view layer, dan bisa
diintegrasikan dengan berbagai library. Vue.js sendiri
didistribusikan secara open source [2].
10
3.4. JExcel
JExcel adalah sebuah plugin javascript yang berfungsi untuk
membuat spreadsheet interaktif berbasis web yang kompatibel
dengan berbagai macam perangkat lunak spreadsheet lain. JExcel
digunakan untuk membuat tabel pada media daring/online dan dapat
menerima berbagai macam tipe kumpulan data, seperti file JSON,
CSV, XSLX, ataupun array JavaScript. Karena JExcel kompatibel
dengan perangkat lunak spreadsheet lainnya, JExcel mempermudah
proses pengolahan data pada spreadsheet untuk sebuah situs web [3].
3.5. SQL
SQL adalah sebuah sub-bahasa untuk mengatur basis data
relasional. SQL bukanlah sebuah bahasa pemrograman sepenuhnya,
namun bergantung pada proses input dan output, serta fasilitas dari
penyedia/host. Prinsip utama dari SQL adalah sebuah tabel dengan
satu atau lebih kolom, dimana setiap kolom memiliki tipe data
tertentu, dan data pada tabel yang direpresentasikan dalam sebuah
baris pada kolom [4].
3.6. SQL Server
SQL Server adalah sebuah sistem manajemen basis data
relasional (RDBMS) yang dikembangkan oleh Microsoft. SQL
Server berfungsi sebagai sebuah sistem yang mengatur banyak basis
data, dan menyediakan alat untuk membuat, mengubah, dan
mengelola data. Selain itu, SQL Server memiliki alat untuk
menuliskan laporan sebuah basis data, impor/ekspor data dari basis
data tertentu, dan analisis data [5].
3.7. SQL Server Management Studio (SSMS)
SQL Server Management Studio (SSMS) adalah sebuah
aplikasi berbentuk antarmuka pengguna grafis (GUI) dari Microsft
yang dapat digunakan untuk mempermudah proses pengembangan
dalam sebuah SQL Server. SSMS dibuat untuk menggantikan
dan/atau menggabungkan Enterprise Manager, Query Analyzer, dan
Analysis Manager yang sebelumnya sudah tersedia untuk SQL
Server 2000 [6]. SSMS digunakan sebagai alat untuk mengakses,
11
mengatur, dan mengembangkan semua komponen dari SQL Server,
basis data Azure SQL, dan Azure Synapse Analytics [7].
12
BAB IV
ANALISIS DAN DESAIN
4.1. Analisis Sistem
4.1.1. Definisi Umum Fitur
Fitur yang dapat diakses pada website kinerja terbatas akses
terhadap pengguna terdaftar. Pengguna yang belum terdaftar
tidak dapat melihat maupun mengakses website tersebut.
Untuk pengguna terdaftar dapat menggunakan fitur pencarian,
penambahan, pembaruan dan penghapusan data dari tabel
kinerja Jurnal Ilmiah internasional. Untuk akses admin kami
belum mempunyai hak akses nya.
4.1.2. Analisis Kebutuhan Fungsional
Pembahasan dengan Pak Darlis selaku pembimbing lapangan
dan juga kepala UP3 mengenai fitur yang ingin
diimplementasikan menghasilkan beberapa kebutuhan
fungsional. Kebutuhan tersebut bisa dilihat pada tabel 4.1. Table 4.1 Kebutuhan fungsional.
Kode
Kebutuhan Deskripsi Kebutuhan
FR-001 Melihat Tabel Jurnal Ilmiah
FR-002 Melihat Pilihan Jenis Jurnal Ilmiah
FR-003 Mengedit Pilihan Jenis Jurnal Ilmiah
4.2. Diagram Kasus Penggunaan
Daftar kebutuhan fungsional dapat direpresentasikan menjadi
diagram kasus penggunaan (Use Case Diagram) sehingga
lebih mudah untuk dipahami. Use Case Diagram dapat dilihat
pada gambar 4.1
13
Gambar 4.1 Use Case Diagram.
4.3. Spesifikasi Kasus Penggunaan
4.3.1. Melihat Tabel Jurnal Ilmiah
Salah satu fungsi dari sistem informasi pemetaan jurnal ilmiah
kontrak kinerja UP3 adalah melihat tabel jurnal ilmiah. Pada
tabel ini diperlihatkan informasi dari tiap – tiap jurnal yang
telah terdata pada website. Spesifikasi kasus penggunaan
untuk kebutuhan melihat tabel jurnal ilmiah dapat dilihat pada
tabel 4.2. Table 4.2 Tabel Usecase Melihat tabel jurnal ilmiah.
Nama Melihat Tabel Jurnal Ilmiah
Kode UC001
Deskripsi Pengguna dapat melihat table yang berisi
informasi jurnal ilmiah
Tipe Fungsional
Pemicu Pengguna klik tab “Publikasi GS-
SCOPUS” di-sidebar halaman.
Aktor Pengguna
Kondisi Awal Pengguna berada di halaman awal dan
sudah login
Kondisi Akhir Table jurnal ilmiah ditampilkan
Alur Kejadian
Normal
1. Pengguna mengklik “Data Integrasi”
pada sidebar
14
2. Sistem menampilkan pilihan “Data
Integrasi”
3. Pengguna mengklik “Publikasi GS-
Scopus”
4. Sistem menampilkan tabel jurnal ilmiah
Alur
Alternatif
-
Penngecualian -
4.3.2. Melihat Pilihan Jenis Jurnal Ilmiah
Salah satu fungsi dari sistem informasi pemetaan jurnal ilmiah
kontrak kinerja UP3 adalah melihat pilihan jenis jurnal ilmiah.
Pada bagian ini diperlihatkan pilihan jenis dari jurnal ilmiah
yang tersedia pada website. Spesifikasi kasus penggunaan
untuk kebutuhan melihat pilihat jenis jurnal ilmiah dilihat
pada tabel 4.3. Table 4.3 Tabel Usecase melihat pilihan jenis jurnal ilmiah.
Nama Melihat Pilihan Jenis Jurnal Ilmiah
Kode UC002
Deskripsi Pengguna dapat melihat pilihan jenis
jurnal ilmiah
Tipe Fungsional
Pemicu Pengguna klik sel pada kolom
“Jenis_publikasi”
Aktor Pengguna
Kondisi Awal Pengguna berada di halaman “Publikasi
GS-SCOPUS” dan sudah login
Kondisi Akhir Pilihan jenis jurnal ilmiah ditampilkan
Alur Kejadian
Normal
1. Pengguna mengklik salah satu data dari
tabel pada kolom “Jenis_Publikasi” nya
2. Sistem menampilkan pilihan jenis
jurnal ilmiah
15
Alur
Alternatif
-
Penngecualian -
4.3.3. Mengedit Pilihan Jenis Jurnal Ilmiah
Salah satu fingsi dari sistem informasi pemetaan jurnal ilmiah
kontrak kinerja UP3 adalah mengedit pilihan jenis jurnal
ilmiah. Pada bagian ini, pengguna dapat mengedit jenis dari
jurnal ilmiah yang tersedia pada website. Spesifikasi kasus
penggunaan untuk kebutuhan mengedit pilihan jenis jurnal
ilmiah dilihat pada tabel 4.4. Table 4.4 Tabel Usecase mengedit pilihan jenis jurnal ilmiah.
Nama Mengedit Pilihan Jenis Jurnal Ilmiah
Kode UC003
Deskripsi Pengguna dapat mengedit pilihan jenis
jurnal ilmiah
Tipe Fungsional
Pemicu Pengguna klik sel pada kolom
“Jenis_publikasi”
Aktor Pengguna
Kondisi Awal Pengguna berada di halaman “Publikasi
GS-SCOPUS” dan sudah login
Kondisi Akhir Pilihan jenis jurnal ilmiah ditampilkan
Alur Kejadian
Normal
1. Pengguna mengklik salah satu data dari
tabel pada kolom “Jenis_Publikasi” nya
2. Sistem menampilkan pilihan jenis
jurnal ilmiah
3. Pengguna memilih salah satu jenis
jurnal ilmiah
4. Sistem meng-update pilihan jenis jurnal
ilmiah
Alur
Alternatif
-
Penngecualian -
16
4.4. Diagram Aktivitas
4.4.1. Melihat Tabel Jurnal Ilmiah
Alur kejadian normal dan alternatif dari sebuah kebutuhan
fungsional dapat disajikan dalam diagram aktivitas. Diagram
aktivitas dari melihat tabel jurnal ilmiah dapat dilihat pada
gambar 4.2.
Gambar 4.2 Activity Diagram Melihat tabel jurnal ilmiah.
4.4.2. Melihat Pilihan Jenis Jurnal Ilmiah
Alur kejadian normal dan alternatif dari sebuah kebutuhan
fungsional dapat disajikan dalam diagram aktivitas. Diagram
aktivitas dari melihat pilihan jenis jurnal ilmiah dapat dilihat
pada gambar 4.3.
17
Gambar 4.3 Activity Diagram Melihat pilihan jenis jurnal ilmiah.
4.4.3. Mengedit Pilihan Jenis Jurnal Ilmiah
Alur kejadian normal dan alternatif dari sebuah kebutuhan
fungsional dapat disajikan dalam diagram aktivitas. Diagram
aktivitas dari melihat tabel jurnal ilmiah dapat dilihat pada
gambar 4.4.
Gambar 4.4 Activity Diagram Mengedit pilihan jenis jurnal ilmiah
18
4.5. Desain Basis Data
4.5.1. Relasi Entitas
Pembuatan sistem informasi pemetaan jurnal ilmiah
internasional ini menggunakan database yang sudah
diimplementasikan menggunakan SQL. Relasi Entitas dari
database yang diimplementasikan dapat dilihat pada gambar
4.5.
Gambar 4.5 Relasi entitas database kontrak kinerja UP3.
19
BAB V
IMPLEMENTASI SISTEM
Pada bab ini, dijelaskan tahap implementasi yang dilakukan,
yaitu pembuatan tabel flagging, komponen dropdown dan juga
komponen Pendukung.js.
Gambar 5.1 Contoh tampilan Web.
5.1. Komponen Tabel Flagging
5.1.1. Deskripsi
Membuat komponen tabel yang bersifat generik untuk
menampilkan data dari basis data menggunakan API, dan juga
dengan modul JExcel yang disesuaikan dengan komponen
Pendukung.js untuk menangani operasi UPDATE, SELECT,
dan INSERT.
5.1.2. Parameter
Tidak ada parameter yang digunakan pada komponen
ini.
5.1.3. Data
Data yang digunakan adalah data dari router yang berisi
spesifikasi kolom pada tiap tabel.
20
5.1.4. Source Code
Source code untuk Komponen Tabel flagging dapat
dilihat pada screenshot kode dibawah ini.
21
22
Gambar 5.2 Komponen tabel flagging.
23
5.2. Komponen Dropdown
5.2.1. Deskripsi
Membuat komponen dropdown yang menampilkan list
item yang dapat dipilih untuk disesuaikan dengan isi tabel
yang diinginkan.
5.2.2. Parameter
Tidak ada parameter yang digunakan pada komponen
ini.
5.2.3. Data
Data yang digunakan adalah array yang berisi list item
dari API yang didapatkan untuk ditampilkan sebagai pilihan
dropdown.
5.2.4. Source Code
Source code untuk komponen dropdown dapat dilihat
pada screenshot kode dibawah ini.
Gambar 5.3 Komponen dropdown.
5.3. Komponen Pendukung.js
5.3.1. Deskripsi
Membuat sebuah script dalam JavaScript yang berisi
deklarasi tabel, spesifikasi dari kolom-kolom tiap sel tabel dan
metadata (route API untuk tabel, panjang tiap kolom, apakah
24
kolom digunakan sebagai input, judul tiap kolom dan nama
tabel) yang dimana router akan secara otomatis membuat
halaman baru untuk tiap tabel yang dideklarasikan dengan
pengaturan yang terdapat di file Pendukung.js.
5.3.2. Parameter
Tidak ada parameter yang digunakan pada komponen
ini.
5.3.3. Data
Data yang digunakan adalah struktur tiap tabel yang di
return oleh API yang dijalankan dan mengambil nya dari
database oleh route dan juga data konfigurasi pada
“./config/index” yang berisi URL aplikasi pada export.
5.3.4. Source Code
Source code untuk komponen Pendukung.js dapat
dilihat pada screenshot kode dibawah ini.
25
Gambar 5.4 Komponen pendukung js.
Kode 4.2 Pemanggilan Fungsi
26
[Halaman ini sengaja dikosongkan]
27
BAB VI
PENGUJIAN DAN EVALUASI
Bab ini menjelaskan tahap uji coba yang dilakukan untuk
komponen-komponen dalam menampilkan tabel tabel pada kinerja.
Uji coba dilakukan untuk memastikan kebutuhan yang diminta telah
dipenuhi dengan baik.
6.1. Tujuan Pengujian
Pengujian dilakukan terhadap komponen-komponen Vue.JS
dan JExcel yang telah dibuat agar mampu menampilkan web yang
memenuhi penambahan fungsi flagging.
6.2. Kriteria Pengujian
Penilaian atas pencapaian tujuan pengujian didapatkan
apabila pengujian mencapai beberapa hasil yang diharapkan berikut
ini:
a. Melihat Tabel Jurnal Ilmiah
b. Melihat Pilihan Jenis Jurnal Ilmiah
c. Mengedit Pilihan Jenis Jurnal Ilmiah
6.3. Skenario Pengujian
6.3.1. Melihat Tabel Jurnal Ilmiah
Skenario pengujian sistem adalah sebagai berikut:
a. Memilih menu “Flagging Publikasi GS-Scopus” pada
dashboard.
b. Memastikan data pada tabel yang dimunculkan sudah
tepat.
28
Gambar 6.1 Melihat tabel jurnal ilmiah.
6.3.2. Melihat Pilihan Jenis Jurnal Ilmiah
Skenario pengujian sistem adalah sebagai berikut:
a. Memilih menu “Flagging Publikasi GS-Scopus” pada
dashboard.
b. Mengklik dropdown “Jenis Publikasi” di bagian kanan
tabel.
c. Memilih jenis publikasi dari publikasi yang ditinjau.
Gambar 6.2 Melihat pilihan jenis jurnal ilmiah.
6.3.3. Mengedit Pilihan Jenis Jurnal Ilmiah
Skenario pengujian sistem adalah sebagai berikut:
a. Memilih menu “Flagging Publikasi GS-Scopus” pada
dashboard.
b. Mengubah salah satu data pada tabel, kemudian menekan
Enter.
29
c. Memastikan data yang diubah sudah masuk ke dalam
basis data.
Gambar 6.3 Mengedit pilihan jenis jurnal ilmiah.
6.4. Evaluasi Pengujian
Pada bagian ini akan diberikan hasil evaluasi dari
pengujian-pengujian yang telah dilakukan. Hasil evaluasi
pengujian dapat dilihat pada Tabel 6.1.
Table 6.1 Hasil evaluasi pengujian fungsi.
No. Kriteria Pengujian Kode
Pengujian Status
UC001 Melihat Tabel Jurnal Ilmiah 6.3.1. Berhasil
UC002 Melihat Pilihan Jenis Jurnal
Ilmiah 6.3.2. Berhasil
UC003 Mengedit Pilihan Jenis
Jurnal Ilmiah 6.3.3. Berhasil
30
[Halaman ini sengaja dikosongkan]
31
BAB VII
KESIMPULAN DAN SARAN
7.1. Kesimpulan
Kesimpulan yang didapat setelah melakukan pengembangan
web Kontrak Kinerja pada kegiatan kerja praktik di Unit Pengelolaan
dan Pengendalian Program (UP3) - Institut Teknologi Sepuluh
Nopember Surabaya adalah sebagai berikut:
● Dengan adanya sistem informasi pemetaan jurnal ilmiah
internasional ini, website mengambil data menggunakan
sistem yang dibuat untuk ditampilkan pada antarmuka yang
dapat diakses secara mudah.
7.2. Saran
Saran untuk pengembangan sistem aplikasi web Kontrak
Kinerja adalah sebagai berikut:
● Menambahkan sebuah filter untuk menampilkan data pada
tahun tertentu.
● Menambahkan rules dalam hak akses halaman tabel sesuai
dengan unitnya.
32
[Halaman ini sengaja dikosongkan]
33
DAFTAR PUSTAKA
[1] “Documentation for Visual Studio Code.” [Online].
Available: https://code.visualstudio.com/docs. [Accessed:
02-Feb-2021].
[2] “Introduction — Vue.js.” [Online]. Available:
https://vuejs.org/v2/guide/. [Accessed: 02-Feb-2021].
[3] “The javascript spreadsheet.” [Online]. Available:
https://bossanova.uk/jexcel/v3/. [Accessed: 02-Feb-2021].
[4] J. Melton, “SQL language summary,” ACM Comput. Surv.,
vol. 28, no. 1, pp. 141–143, Mar. 1996.
[5] M. Gibbs, “What is Microsoft SQL Server?,” 20 May 2016,
2016. [Online]. Available: study.com/academy/lesson/what-
is-microsoft-sql-server.html.
[6] R. Dewson and R. Dewson, “SQL Server Management
Studio,” Begin. SQL Serv. Dev., pp. 25–42, 2015.
[7] “SQL Server Management Studio (SSMS) - SQL Server
Management Studio (SSMS) | Microsoft Docs,” 09-Nov-
2019. [Online]. Available: https://docs.microsoft.com/en-
us/sql/ssms/sql-server-management-studio-
ssms?redirectedfrom=MSDN&view=sql-server-ver15.
[Accessed: 03-Feb-2021].
34
[Halaman ini sengaja dikosongkan]
35
BIODATA PENULIS I
Nama : Muhammad Fadhlan Min Robby
Tempat, Tanggal Lahir : Medan, 6 Desember 1998
Jenis Kelamin : Laki-laki
Agama : Islam
Status : Belum Menikah
Alamat Asal : Jl. Salawati II, Blok A8/No.16,
Jatiwaringin Asri, Pondok Gede, Bekasi
Alamat Surabaya : Jl. Keputih Tegal Timur No. 36
Telepon : 081249080209
Email : [email protected]
PENDIDIKAN FORMAL
2017 – sekarang : Mahasiswa S1 Informatika ITS
2014 – 2017 : SMA Negeri 48 Jakarta
2011 – 2014 : SMP Nurul Fikri Boarding
2006 – 2011 : SDIT Iqro
KEMAMPUAN
- Web Programming (HTML, PHP, CSS)
- Programming (C, C++, Python)
- Software Perkantoran (Microsoft Word, Excel, PowerPoint)
- Bahasa (Indonesia, Inggris)
AKADEMIS
Kuliah : Departemen Informatika, Fakultas Teknologi
Informasi dan Komunikasi, Institut Teknologi
Sepuluh Nopember Surabaya
Angkatan : 2017
Semester : 7 (Tujuh)
IPK : 3.33 (Semester 6)
36
[Halaman ini sengaja dikosongkan]
37
BIODATA PENULIS II
Nama : Abraham Wong
Tempat, Tanggal Lahir : Palu, 12 Maret 2001
Jenis Kelamin : Laki-laki
Agama : Kristen Protestan
Status : Belum menikah
Alamat Asal : Perumahan Tavanjuka Mas Blok B 11
Alamat Surabaya : Jl. Kalisari Permai IV No.37
Telepon : 0822-9279-7588
Email : [email protected]
PENDIDIKAN FORMAL
2017 – sekarang : Mahasiswa S1 Informatika ITS
2014 – 2017 : SMAN Model Terpadu Madani Palu
2012 – 2014 : SMP Negeri 1 Palu
2006 – 2012 : SD Gamaliel Palu
KEMAMPUAN
- Android Programming (Java, Kotlin)
- Programming (C, C++, Python)
- Software Perkantoran (Microsoft Word, Excel, PowerPoint)
- Bahasa (Indonesia, Inggris)
AKADEMIS
Kuliah : Departemen Informatika – Fakultas Teknologi
Informasi dan Komunikasi, Institut Teknologi
Sepuluh Nopember Surabaya
Angkatan : 2017
Semester : 7 (Tujuh)
IPK : 3.51 (semester 6)
38
[Halaman ini sengaja dikosongkan]