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
ii
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
iv
v
LEMBAR PENGESAHAN
KERJA PRAKTIKSistem 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
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.
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
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
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
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
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 BelakangPerlunya 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
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
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 Sistem4.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.
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.
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.
22
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.
26
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
30
31
BAB VII
KESIMPULAN DAN SARAN
7.1. KesimpulanKesimpulan 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
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
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)
36
37
BIODATA PENULIS II
Nama : Abraham Wong Tempat, Tanggal Lahir : Palu, 12 Maret 2001 Jenis Kelamin : Laki-lakiAgama : 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)
38
