kerja praktik ki141330 sistem informasi pemetaan ......perlunya pemahaman lebih lanjut terhadap alat...

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:



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


v

LEMBAR PENGESAHAN KERJA PRAKTIK

Sistem Informasi Pemetaan Jurnal Ilmiah

Internasional KONTRAK KINERJA UP3 ITS

Berbasis Web

Oleh:



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.

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


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.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.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


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

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


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.




aktivitas dari melihat pilihan jenis jurnal ilmiah dapat dilihat

pada gambar 4.3.

17

Gambar 4.3 Activity Diagram Melihat pilihan jenis jurnal ilmiah.




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.

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


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


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


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


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.




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.




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


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


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)

IPK : 3.33 (Semester 6)

36


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


kerja praktik ki141330 sistem informasi pemetaan ......perlunya pemahaman lebih lanjut terhadap alat...

Documents