Anda di halaman 1dari 61

Upgrade Database Pegawai ASN DPUPR

KATA PENGANTAR
Puji syukur kami panjatkan atas selesainya penyusunan Manual Book untuk

Upgrade Database Pegawai ASN DPUPR Kabupaten Bengkulu Tengah. Buku ini

merupakan tahapan dari serangkaian tahapan pekerjaan untuk mencapai hasil akhir

berupa Upgrade Database Pegawai ASN DPUPR Kabupaten Bengkulu Tengah.

Buku ini berisi uraian mengenai penjelasan dan petunjuk penggunaan Upgrade

Database Pegawai ASN DPUPR Kabupaten Bengkulu Tengah. Buku ini akan menjadi

panduan yang bersifat mengikat untuk penggunaan aplikasi tersebut.

Penghargaan dan ucapan terima kasih tidak lupa kami sampaikan kepada pihak-

pihak yang secara langsung maupun tidak telah mendukung kelancaran pekerjaan ini.

Permohonan maaf kami sampaikan atas segala kekurangan dan ketidaksempurnaan yang

masih terdapat dalam proses pelaksanaan pekerjaan maupun aplikasi yang dihasilkan.

Bengkulu, 2020

Tim Penyusun
Upgrade Database Pegawai ASN DPUPR

DAFTAR ISI
KATA PENGANTAR............................................................................................................................i
DAFTAR ISI.........................................................................................................................................ii
BAB 1
PENDAHULUAN
1.1 LATAR BELAKANG.....................................................................................................1
1.2 MAKSUD DAN TUJUAN...............................................................................................2
1.3 DASAR HUKUM..........................................................................................................3
1.4 SUMBER PENDANAAN...............................................................................................3
1.5 LINGKUP PEKERJAAN................................................................................................3
1.6 PERSONIL (TENAGA AHLI).........................................................................................6
1.7 ORGANISASI PELAKSANA..........................................................................................6
BAB 2
PETUNJUK PENGGUNAAN APLIKASI
2.1 PENGGUNAAN DAN INSTALASI APLIKASI XAMPP DAN CMS (JOOMLA)......................8
2.2 BAHASA PEMROGRAMAN........................................................................................24
2.2.1 PHP (Program Hypertext Preprocessor)................................................................24
2.2.2 JAVASCRIPT.....................................................................................................27
2.3 DATABASE MYSQL..................................................................................................31
2.3.1 ELEMENT MYSQL..............................................................................................33
2.3.2 KELOMPOK PERNYATAAN MYSQL....................................................................37
2.4 SERVER&ADMINISTRATION.....................................................................................39
2.2 BACKEND TEMPLATE APLIKASI...............................................................................43
2.3 MENU APLIKASI.......................................................................................................46
2.4 UPDATE MENU APLIKASI.........................................................................................54
Upgrade Database Pegawai ASN DPUPR

BAB 1

PENDAHULUAN
1.1 LATAR BELAKANG

Kemajuan teknologi informasi saat ini sangatlah pesat, sehingga pengaruhnya pada

kinerja dan tingkat kehidupan manusia seiring dengan perkembangan global. Era Teknologi

Informasi (TI) dimana semua hal ikhwal dapat dijelajah, ditelusuri bahkan tidak ada lagi hal yang

tersembunyi. Penggunaan Teknologi Informasi dapat menunjang kegiatan kerja atau

mempermudah penyelesaian tugas-tugas dibidang pemerintahan, pelaksanaan pembangunan dan

pelayanan kepada masyarakat, selain itu efisiensi dan efektivitas didalam pelaksanaan tugas

kedinasan juga akan meningkat. Oleh karena itu penggunaan teknologi Informasi mutlak

diperlukan dalam membantu menyelesaikan pekerjaan, sehingga penyelesaian pekerjaan menjadi

lebih efektif.

Setiap pengelola manajemen pegawai dituntut untuk bekerja keras meningkatkan mutu

dan keakuratan dalam menyajikan data pegawai di era yang semakin kompetitif ini. Database yang

semakin variatif diperlukan untuk dapat memberikan informasi yang luas bagi pimpinan, sehingga

data yang disajikan sangatlah penting untuk menentukan dan mengambil suatu kebijakan atau

keputusan yang strategis secara cepat dan tepat.

Sebagaimana yang diamanatkan dalam UU Nomor 5 Tahun 2015 tentang Aparatur Sipil

Negara, pasal 48 bahwa mengelola dan mengembangkan sistem informasi pegawai ASN berbasis

kompetensi didukung oleh sistem informasi kearsipan yang komprehensif, oleh karena amanat

tersebut dipandang perlu untuk selalu mengembangkan sistem informasi pegawai untuk memenuhi

kebutuhan tentang informasi pegawai. Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten

Bengkulu Tengah telah melakukan pembuatan database pegawai pada tahun 2019 lalu, namun

seiring pergantian tahun maka perubahan pasti terjadi dalam sebuah instansi pemerintahan. Guna
Upgrade Database Pegawai ASN DPUPR

menanggapi hal tersebut maka perlu Upgrade Database Pegawai ASN Dinas Pekerjaan Umum

dan Penataan Ruang Kabupaten Bengkulu Tengah yang di tahun 2020 ini.

1.2 MAKSUD DAN TUJUAN

A. Maksud

Melakukan update kompilasi data pegawai yang ada di lingkungan Dinas Pekerjaan

Umum dan Penataan Ruang Kabupaten Bengkulu Tengah, sehingga menjadi satu

kesatuan data informasi. Dan Meng-Upgrade aplikasi database ASN DPUPR Bengkulu

Tengah dengan menambahkan beberapa item menu.

B. Tujuan

 Melakukan upgrade aplikasi database ASN DPUPR Bengkulu Tengah sehingga

menjadikan aplikasi lebih mutakhir.

 Menyajikan informasi data pegawai yang telah di update pada aplikasi sebelumnya,

sehingga dapat diperoleh gambaran/keadaan umum pegawai khususnya Aparatur

Sipil Negara di Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten Bengkulu

Tengah.

 Menyajikan update informasi data pegawai, sebagai bahan guna memenuhi

kebutuhan unsur pimpinan dalam rangka perencanaan, pembinaan pegawai serta

kebutuhan lainnya.

 Secara bertahap dan berjangka panjang menyiapkan data dasar yang dapat

dimanfaatkan sebagai bahan penyusunan kebijakan pegawai di Dinas Pekerjaan

Umum dan Penataan Ruang Kabupaten Bengkulu Tengah.

 Terbentuknya kerjasama yang baik dalam pengelolaan data pegawai di Kabupaten

Bengkulu Tengah sehingga tersedia data pegawai PNS yang akurat dan up-to-date

khusus nya Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten Bengkulu

Tengah.
Upgrade Database Pegawai ASN DPUPR

1.3 DASAR HUKUM

Dasar pemikiran dari kegiatan Pembangunan Database ASN Dinas Pekerjaan Umum

Penataan Ruang berdasarkan landasan hukum :

1) Undang-undang Nomor 43 Tahun 1999 tentang Perubahan Atas Undang-undang Nomor

8 Tahun 1974 tentang Pokok-pokok Pegawai

2) Undang-undang Nomor 5 Tahun 2014 tentang Aparatur Sipil Negara;

3) Keputusan Menteri Dalam Negeri Nomor 17 Tahun 2000 tentang Sistem Informasi

Manajemen Pegawai Departemen Dalam Negeri Dan Pemerintah Daerah;

4) Peraturan Kepala BKN Nomor 14 Tahun 2011 tanggal 28 Juni 2011 tentang Pedoman

Pengembangan Database Pegawai Negeri Sipil;

5) Peraturan Menteri Komunikasi dan Informatika Nomor 41/PER/Men.Kominfo/11/2007

tentang Panduan Umum Tata Kelola Teknologi Informasi dan Komunikasi Nasional.

6) Peraturan Pemerintah Nomor 15 Tahun 1979 Tentang Daftar Urut Kepangkatan.

7) Peraturan Daerah Kabupaten Bengkulu Tengah No. 26 Tahun 2017 Tentang Nomenklatur

Daerah Kabupaten Bengkulu Tengah.

1.4 SUMBER PENDANAAN

Kegiatan Upgrade Database Pegawai ASN DPUPR Kabupaten Bengkulu Tengah

dibiayai dari sumber pendanaan: APBD Kabupaten Bengkulu Tengah Tahun 2020.

1.5 LINGKUP PEKERJAAN

Lingkup kegiatan berisi kegiatan-kegiatan yang harus dilakukan oleh Konsultan meliputi:

A. Tahapan pelaksanaan

a. Perencanaan Upgrade
Upgrade Database Pegawai ASN DPUPR

Kegiatan perencanaan Upgrade meliputi assesment kebutuhan akan aplikasi yang

dikembangkan untuk kemudian memahami permasalahan yang muncul dan

mendefinisikannya secara rinci untuk kemudian dituangkan ke dalam aplikasi yang sudah

ada dan pembuatan schedule pelaksanaan yang memuat tahapan pekerjaan yang akan

dilakukan.

b. Perancangan

Dengan memahami system sebelumnya dan kriteria-kriteria sistem yang akan dibangun,

tim penyedia jasa dapat membuat Upgrade rancangan sistem informasi terlebih dahulu.

Selanjutnya dengan memperhatikan hasil rekomendasi dari pengguna aplikasi, tim

penyediaan jasa juga harus memperhatikan:

 Update Kebutuhan organisasi

 Update Kebutuhan operator

 Update Kebutuhan pemakai

 Update Kebutuhan teknis

c. Pelaksanaan Pekerjaan

Pelaksanaan pekerjaan meliputi Upgrade aplikasi sesuai dengan hasil assesment

kebutuhan yang diperlukan oleh user dan schedule yang telah direncanakan.

d. Implementasi

Implementasi sistem dapat dilakukan apabila sistem yang dikembangkan telah sesuai

dengan kebutuhan user dan bebas dari bug (error). Implementasi selanjutnya diikuti

dengan training aplikasi kepada user sehingga user dapat memanfaatkan aplikasi dengan

efektif dan efisien.

e. Evaluasi

Pada tahap ini, dilakukan uji coba aplikasi (sistem) yang telah selesai di- upgrade. Proses

uji coba ini diperlukan untuk memastikan bahwa sistem tersebut sudah benar, sesuai
Upgrade Database Pegawai ASN DPUPR

karakteristik yang ditetapkan dan tidak ada kesalahan-kesalahan yang terkandung

didalamnya.

f. Maintenance dan Garansi

Aplikasi yang di-upgrade harus mempunyai garansi selama 1 tahun, sehingga kalau

terjadi masalah atau ditemukan keadaan yang tidak sesuai dengan rencana kebutuhan

yang telah disusun dapat segera ditangani.

B. Spesifikasi Teknis

1) Database

Sebagai penyimpanan data pegawai dapat menggunakan aplikasi database yang

tersedia yaitu MySQL atau aplikasi open source yang cepat, ringan dan

mampu menampung data dalam jumlah besar.

2) Sistem

 Aplikasi berbasis web dan dapat berjalan dengan baik di web browser berbasis

desktop.

 Menggunakan bahasa pemograman minimal PHP 5.3.

 Menggunakan web framework yang mengadopsi fitur namespace, template

engine, unit test, schema builder, database migrations, RESTful controller, dan

dependency injection.

 Menggunakan CSS framework yang mengadopsi responsive design.

 Memiliki fungsi export data/print.

 Backup/Restore

Karena pentingnya nilai data yang digunakan oleh aplikasi, maka aplikasi harus

dapat menyediakan fasilitas untuk melakukan backup / restore database,

sehingga apabila terjadi kesalahan/kejadian buruk admin dapat melakukan

backup / restore data dengan mudah.


Upgrade Database Pegawai ASN DPUPR

C. Menu / fasilitas

a. MENU ASN

 Profil ASN (Update)

 Edit Data ASN (Update)

 Input/Update Data ASN (Update)

b. MENU KEPANGKATAN

 Data Daftar Urut Kepangkatan (DUK) (Update)

 Kenaikan Pangkat Berkala

 Masa Persiapan Pensiun (MPP)

 KP4 (Upgrading)

 SKP (Upgrading)

c. MENU GAJI

 Kenaikan Gaji Berkala (Update)

d. MENU GALERI

 Data/file-file ASN

1.6 PERSONIL (TENAGA AHLI)

Tenaga Ahli yang dibutuhkan dalam kegiatan ini antara lain :

A. Ahli Sistem Informasi (Team Leader)

Seorang ahli sistem informasi lulusan universitas negeri atau swasta yang

terakreditasi jurusan minimal S1 Teknik Informatika/Ilmu Komputer Berpengalaman sesuai

dengan jurusan dan keahlian sebanyak 1 orang.


Upgrade Database Pegawai ASN DPUPR

1.7 ORGANISASI PELAKSANA

 Nama Pengguna Anggaran Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten

Bengkulu Tengah :

- Drs.RACHMAT RIYANTO, ST., M.A.P

- Pembina Utama Muda IV/c

- NIP. 19661213 198603 1 002

 Pejabat Pengelola Teknis Kegiatan :

- HERWANTO PURBA, ST

- Penata Muda TK.I III/b

- NIP. 19810427 201101 1 003


Upgrade Database Pegawai ASN DPUPR

BAB 2

PETUNJUK PENGGUNAAN APLIKASI


Upgrade Database Pegawai ASN DPUPR Kabupaten Bengkulu Tengah ini dibuat

menggunakan XAMPP, CMS JOOMLA, PHP, JavaScript dan ditambah dengan CSS Costum

Template. Database yang digunakan adalah MySQL. Database Pegawai ASN Dinas Pekerjaan

Umum dan Penataan Ruang Kabupaten Bengkulu Tengah ini berjalan pada semua Sistem

Operasi, sebab Database Pegawai ASN Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten

Bengkulu Tengah ini dapat dijalankan menggunakan browser yang telah terinstall pada computer.

Aplikasi ini menggunakan PhpBrowserBox dalam compiling aplikasi. Sehingga dalam

menjalankan aplikasi ini tidak perlu dibuka melalui browser dan hanya melakukan klik pada ikon

aplikasi. Dan juga aplikasi ini bersifat offline, sehingga tidak dibutuhkan koneksi internet dalam

penggunaannya

Selain itu, dalam menjalankan aplikasi ini membutuhkan tipe browser yang terbaru yang

telah mensupport HTML5 dan Ajax, sebab jika tidak dapat mensupport kedua teknologi ini, maka

aplikasi tidak dapat dijalankan.

2.1 PENGGUNAAN DAN INSTALASI APLIKASI XAMPP DAN CMS (JOOMLA)

Langkah-langkah pembuatannya tidak terlalu sulit. Yang pertama dilakukan adalah kita

harus menginstall web servernya yaitu misalnya XAMPP. Setelah itu, kita langsung bisa memulai

membuat websitenya. Langkah-langkahnya adalah sebagai berikut. Dalam membuat web

menggunakan joomla, terlebih dahulu kita harus mempunyai:

1) Aplikasi joomla

2) Aplikasi XAMP

3) File Zilla
Upgrade Database Pegawai ASN DPUPR

Sebelum menginstal Joomla, kita memerlukan sebuah server, sehingga Joomla dapat diinstal dan

dijalankan di Komputer local tanpa harus terhubung ke Internet. Cara menginstalnya adalah

sebagai berikut ;

1. Klik dua kali icon XAMPP yang anda miliki atau klik kanan open pada file nya XAMPP.

2. Pilih Bahasa Indonesia pada pilihan bahasa yang digunakan.

3. Klik OK.

4. Klik next pada halaman setup wizard


Upgrade Database Pegawai ASN DPUPR

5. Klik Install

6. Proses Instalasi akan berjalan. Jika sudah selesai, klik Finish. Setelah klik Selesai, akan

muncul pesan seperti berikut :


Upgrade Database Pegawai ASN DPUPR
Upgrade Database Pegawai ASN DPUPR
Upgrade Database Pegawai ASN DPUPR

7. Klik No agar XAMPP tidak masuk kedalam proses servis pada system operasi komputer kita.

Dengan demikian, komputer tidak terbebani akibat dari XAMPP yang berjalan terus-menerus.

8. Klik Yes, jika Anda ingin langsung menjalankan control panel XAMPP server.
Upgrade Database Pegawai ASN DPUPR

9. Dengan demikian, proses instalasi XAMPP server telah selesai.

Begitulah cara menginstal XAMPP. Kemudian kita akan melanjutkan dengan menginstal Joomla.

Namun sebelumnya kita harus menjalankan XAMPP server terlebih dahulu.

Setelah menginstal XAMPP, langkah berikutnya adalah menginstal Joomla. Namun sebelumnya

kita harus menjalankan service Apache dan MySql terlebih dahulu. Caranya adalah sebagai berikut

1. Buka XAMPP melalui Start – All Program – Apachefriends- XAMPP – Control XAMPP Service

Panel.

2. Klik Start pada bagian Apache.


Upgrade Database Pegawai ASN DPUPR

3. Klik Start pada bagian MySql. Maka XAMPP telah berjalan.

Setelah menginstal XAMPP, langkah berikutnya adalah menginstal Joomla. Namun sebelumnya

kita harus menjalankan service Apache dan MySql terlebih dahulu.

Caranya adalah sebagai berikut :

4. Buka XAMPP melalui Start – All Program – Apachefriends- XAMPP – Control XAMPP Service

Panel.

5. Klik Start pada bagian Apache.

6. Klik Start pada bagian MySql. Maka XAMPP telah berjalan.

Setelah menjalankan service Apache dan MySql, selanjutnya kita bisa menginstal Joomla. Berikut

adalah cara menginstal Joomla:


Upgrade Database Pegawai ASN DPUPR

1. Buat folder di C – Program Files – XAMPP – Htdocs. Pada contoh kali ini, buat folder joomla.
Upgrade Database Pegawai ASN DPUPR

2. Copy seluruh isi folder Joomla dari Internet

3. Buka browser, lalu ketik localhost/joomla. Kemudian tekan Enter. Secara otomatis akan

membuka file index.php di folder joomla/instalation. Kemudian klik next.


Upgrade Database Pegawai ASN DPUPR

4. Isi formulir yang disediakan.


Upgrade Database Pegawai ASN DPUPR

5. Lengkapi isian formulir

- Database Type : mysql

- Host Name : localhost

- Username : root
Upgrade Database Pegawai ASN DPUPR

- Password : (kosongkan)

- Database Name : *database yang telah kita buat di server

6. Klik next. Kemudian klik OK jika semua isian telah benar.


Upgrade Database Pegawai ASN DPUPR

7. Masukkan nama situs (nantinya akan muncul di Title bar). Misalnya saja xxx.asn.com

8. Kemudian isi alamat email dan ganti pasword yang diberikan (nantinya akan menjadi pasword

admin).

9. Klik Install Sample Data.

10. Klik next.


Upgrade Database Pegawai ASN DPUPR

11. Klik view site untuk melihat halaman website yang telah Anda buat. Anda diminta untuk

menghapus folder Instalation untuk bisa mengakses situs yang telah dibuat. Buka kembali

windows explorer dan hapus folder Instalation di folder joomla.

12. Refresh internet explorer (tekan tombol F5). Tampilkan halaman utama Joomla.
Upgrade Database Pegawai ASN DPUPR

13. Untuk mengubah/mengatur tampilan beserta isinya, dapat dilakukan di bagian administrator.

Masukkan username dan passwordnya.

14. Tampilan utama administrator yang berisi Control Panel, yang selanjutnya dapat kita ubah

sesuai kebutuhan kita untuk membangun sebuah website.


Upgrade Database Pegawai ASN DPUPR

15. Sebelum mengatur hal lain, sebaiknya atur terlebih dulu Global Configuration.

2.2 BAHASA PEMROGRAMAN


2.2.1 PHP (Program Hypertext Preprocessor)

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan

web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum (wikipedia). PHP di

kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group.
Upgrade Database Pegawai ASN DPUPR

PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer

server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript

yang diproses pada web browser (client).

Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan

namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun

perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak

hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang

digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll.

Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan

rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP:

Hypertext Preprocessor.

PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam

lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa

digunakan untuk proyek Open Source.

Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di

seluruh dunia. Menurut wikipedia pada februari 2014, sekitar 82% dari web server di dunia

menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content Management System)

populer seperti Joomla, Drupal, dan WordPress.

Dikutip dari situs w3techs.com, (diakses pada 18 Desember 2014), berikut adalah market

share penggunaan bahasa pemrograman server-side untuk mayoritas website di seluruh dunia :
Upgrade Database Pegawai ASN DPUPR

Dapat dilihat dari tampilan diatas bahwa mayoritas website modern saat ini menggunakan

PHP. Untuk membuat halaman web, sebenarnya PHP bukanlah bahasa pemrograman yang wajib

digunakan. Kita bisa saja membuat website hanya menggunakan HTML saja. Web yang dihasilkan

dengan HTML (dan CSS) ini dikenal dengan website statis, dimana konten dan halaman web

bersifat tetap. Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah

situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa

menyimpan data ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user,

memproses form, dll. Contoh penggunaan PHP dalam bahasa pemrograman adalah sebagai

berikut :
Upgrade Database Pegawai ASN DPUPR

Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena

fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script.

2.2.2 JAVASCRIPT

Sejarah JavaScript dimulai sekitar tahun 1994, ketika internet dan website sedang

mengalami perkembangan yang pesat. Website pada saat itu umumnya dibuat menggunakan

bahasa pemograman PERL yang pemrosesannya hanya bisa dilakukan di sisi web server.

Kelemahan pemrosesan di sisi web server adalah, setiap instruksi dari user harus dikirim

terlebih dahulu kepada web server, baru kemudian ditampilkan lagi di dalam web browser. Karena

kecepatan rata-rata koneksi internet yang terbatas, hal ini dipandang tidak efisien. Programmer

web membutuhkan bahasa pemograman client-side yang bisa berjalan di web browser tanpa harus

dikirim ke server.

Pada tahun 1995, Brendan Eich seorang programmer dari Netscape mulai

mengembangkan sebuah bahasa pemograman script yang dinamakan Mocha. Netscape pada

saat itu merupakan perusahaan software ternama yang memiliki web broser Netscape Navigator.
Upgrade Database Pegawai ASN DPUPR

Bahasa script Mocha ini ditujukan untuk client-side dan juga server-side. Dalam

perkembangan selanjutnya, nama Mocha diubah menjadi LiveScript untuk versi client-side, dan

LiveWire untuk versi server-side.

Pada saat bahasa pemograman tersebut akan dirilis, Netscape mengadakan kerjasama

dengan Sun Microsystems untuk mengembangkan LiveScript, dan tepat ketika Netscape Navigator

2 dirilis, Netscape merubah nama LiveScript menjadi JavaScript dengan tujuan bahasa baru ini

akan populer seperti bahasa Java yang saat itu sedang booming di kalangan programmer. Versi

JavaScript ini dinamakan dengan JavaScript 1.0.

Karena kesuksesan JavaScript 1.0, Netscape selanjutnya mengembangkan JavaScript

versi 1.1 pada Netscape Navigator 3, dan mengantarkan Netscape Navigator menjadi pemimpin

pasar web browser saat itu.

Selang beberapa bulan kemudian, Microsoft yang melihat kepopuleran JavaScript,

memperkenalkan web browser Internet Explorer 3 dengan JScript. JScript adalah penamaan lain

dari JavaScript. Hal ini dilakukan Microsoft karena JavaScript merupakan merk dagang yang

dimiliki oleh Sun dan Netscape. Sehingga Microsoft terpaksa mencari nama lain untuk versi

JavaScript mereka.

Selain memiliki fitur yang mirip, JScript juga menambahkan beberapa fitur tersendiri,

sehingga JavaScript dan JScript tidak sepenuhnya kompitable.

Web Browser Internet Explorer 3 yang dirilis microsoft pada tahun 1996 ini adalah awal

dari kemunduran Netscape Navigator, karena microsoft merilis Internet Explorer 3 secara gratis

dan sebagai software bawaan dari Sistem Operasi Windows. Akan tetapi, keputusan Microsoft

menambahkan fitur JScript merupakan langkah besar dalam perkembangan JavaScript.


Upgrade Database Pegawai ASN DPUPR

Perkembangan Penggunaan Web Browser Netscape Navigator (source: wikipedia)

Implementasi JScript di dalam Internet Explorer membuat kalangan programmer bingung,

karena terdapat 2 versi JavaScript: JavaScript di Netscape Navigator and JScript pada Internet

Explorer. Versi JavaScript juga memiliki 2 versi, yakni versi 1.0 dan 1.1. Hal ini semakin menambah

kerumitan dalam pembuatan program. Permasalahan terjadi karena ketiga versi JavaScript

tersebut memiliki perbedaan fitur.

Kejadian ini sama seperti yang dialami oleh HTML dan CSS, dan kalangan programmer

sepakat bahwa diperlukan sebuah standarisasi untuk JavaScript.

Pada pertengahan tahun 1997, JavaScript 1.1 diajukan ke badan standarisasi Eropa: European

Computer Manufacturers Association (ECMA) untuk membuat sebuah standar bahasa

pemograman script web browser. Atas dasar ini, dibentuklah sebuah komite dengan anggota yang

terdiri dari programmer dari berbagai perusahaan internet pada saat itu, seperti Netscape, Sun,

Microsoft, Borland, NOMBAS serta beberapa perusahaan lain yang tertarik dengan perkembangan

JavaScript.

Komite standarisasi ini menghasilkan bahasa pemograman yang disebut ECMAScript,

atau secara formal disebut ECMAScript -262. 1 tahun berikutnya, badan standarisasi ISO
Upgrade Database Pegawai ASN DPUPR

(International Organization for Standardization) juga mengadopsi ECMAScript sebagai standar.

Sejak saat itu, semua web browser menjadikan ECMAScript sebagai standar acuan untuk

JavaScript.

ECMAScript terus dikembangkan hingga mencapai versi 3 pada tahun 1999. Berita

baiknya, hampir semua web browser saat itu, terutama Microsoft Internet Explorer 5.5 dan

Netscape 6 telah mendukung ECMAScript-262 versi 3. Namun berita buruknya, masing-masing

web browser menerapkan standar dengan sedikit berbeda, sehingga masih terdapat kemungkinan

tidak kompitable.

Versi terakhir dari ECMAScript adalah ECMA-262 versi 5 yang dirilis pada 2009.

ECMAScript versi 4 sengaja dilompati karena beberapa alasan ketidakcocokan proposal yang

diajukan. ECMA-262 versi 5 inilah yang saat ini menjadi standar untuk web browser modern seperti

Internet Explorer, Google Chrome, Firefox, Opera, dan Safari.

Akan tetapi, perbedaan implementasi ECMAScript tetap ada di dalam web browser.

Biasanya perbedaan ini terkait dengan fitur-fitur tambahan. Salah satu cara programmer untuk

mengatasi masalah ini yaitu dengan mendeteksi web browser yang digunakan user, lalu

menjalankan fungsi yang dirancang secara spesifik untuk web browser tersebut. Proses ini dikenal

sebagai browser sniffing, dan bukan sesuatu yang menyenangkan.

Kabar baiknya, sekarang banyak terdapat library JavaScript yang dirancang untuk

melapisi perbedaan ECMAScript ini, salah satunya adalah jQuery. jQuery menyediakan fungsi

otomatis dalam mengatasi perbedaan implementasi ECMAScript di dalam web browser.

ECMAScript adalah versi standar dari JavaScript, versi ECMAScript yang ada saat ini

adalah versi 3 dan versi 5. Namun karena kepopuleran JavaScript, Hampir semua kalangan dan

programmer menyebut ECMAScript dengan sebutan umum: JavaScript.

Merk dagang JavaScript saat ini dimiliki oleh perusahaan Oracle (yang mengakuisisi Sun

Microsystem beberapa tahun lalu), Namun anda juga akan mendengar versi JavaScript 1.5 atau
Upgrade Database Pegawai ASN DPUPR

JavaScript 1.8. Versi JavaScript ini adalah versi yang diadopsi oleh Mozilla Firefox (yang

merupakan ‘reingkarnasi’ dari Netscape). JavaScript 1.5 sebenarnya adalah ECMAScript 3. Dan

JavaScript 1.8 merupakan versi ECMAScript dengan beberapa penambahan internal oleh Mozilla.

Jika anda membaca perkembangan tentang JavaScript, maka selain versi ECMAScript

yang digunakan, terdapat istilah JavaScript Engine atau dalam bahasa standarnya: ECMAScript

Engine.

JavaScript Engine adalah mekanisme internal yang dimiliki oleh web browser. JavaScript

Engine dapat diumpamakan dengan compiler dalam bahasa pemograman lain, yakni algoritma

yang digunakan untuk menjalankan JavaScript. Semakin cepat sebuah web browser menjalankan

JavaScript akan semakin baik.

Biasanya disetiap rilis baru web browser seperti Google Chrome, Internet Explorer,

maupun Mozilla Firefox, juga diikuti rilis terbaru JavaScript Engine yang menawarkan kecepatan

lebih baik. Contoh penggunaan Javascript :

2.3 DATABASE MYSQL

MySQL adalah sebuah perangkat lunak system manajemen basis data SQL (DBMS) yang

multithread, dan multi-user. MySQL adalah implementasi dari system manajemen basisdata
Upgrade Database Pegawai ASN DPUPR

relasional (RDBMS). MySQL dibuah oleh TcX dan telah dipercaya mengelola system dengan 40

buah database berisi 10.000 tabel dan 500 di antaranya memiliki 7 juta baris.

MySQL AB merupakan perusahaan komersial Swedia yang mensponsori dan yang

memiliki MySQL. Pendiri MySQL AB adalah dua orang Swedia yang bernama David Axmark, Allan

Larsson dan satu orang Finlandia bernama Michael “Monty”. Setiap pengguna MySQL dapat

menggunakannya secara bebas yang didistribusikan gratis dibawah lisensi GPL(General Public

License) namun tidak boleh menjadikan produk turunan yang bersifat komersial.

Pada saat ini MySQL merupakan database server yang sangat terkenal di dunia, semua

itu tak lain karena bahasa dasar yang digunakan untuk mengakses database yaitu SQL. SQL

(Structured Query Language) pertama kali diterapkan pada sebuah proyek riset pada laboratorium

riset San Jose, IBM yang bernama system R. Kemudian SQL juga dikembangan oleh Oracle,

Informix dan Sybase. Dengan menggunakan SQL, proses pengaksesan database lebih user-

friendly dibandingan dengan yang lain, misalnya dBase atau Clipper karena mereka masih

menggunakan perintah-perintah pemrograman murni.

SQL dapat digunakan secara berdiri sendiri maupun di lekatkan pada bahasa

pemograman seperti C, dan Delphi. Contoh penggunaan database MySQL :


Upgrade Database Pegawai ASN DPUPR

Elemen dari SQL yang paling dasar antara lain pernyataan, nama, tipe data, ekspresi,

konstanta dan fungsi bawaan.

2.3.1 ELEMENT MYSQL

 Pernyataan

Perintah dari SQL yang digunakan untuk meminta sebuah tindakan kepada DBMS. Pernyataan

dasar SQL antara lain :

1. ALTER: Merubah struktur tabel

2. COMMIT: Mengakhiri eksekusi transaksi

3. CREATE: Membuat tabel, indeks

4. DELETE: Menghapus baris pada sebuah tabel

5. DROP: Menghapus tabel, indeks

6. GRANT: Menugaskan hak terhadap basis data kepada user


Upgrade Database Pegawai ASN DPUPR

7. INSERT: Menambah baris pada tabel

8. REVOKE: Membatalkan hak kepada basis data

9. ROLLBACK: Mengembalikan pada keadaan semula apabila transaksi gagal

dilaksanakan

10. SELECT: Memilih baris dan kolom pada sebuah tabel

11. UPDATE: Mengubah value pada baris sebuah tabel

 Nama

Nama digunakan sebagai identitas, yaitu identitas bagi objek pada DBMS. Misal : tabel, kolom dan

pengguna.

 Tipe data

Tipe data yang ada dalam MYSQL :

 Tipe data numerik antara lain :

1. TINYINT: Nilai integer yang sangat kecil

2. SMALLINT: Nilai integer yang kecil

3. MEDIUMINT: Nilai integer yang sedang

4. INT: Nilai integer dengan nilai standar

5. BEGINT: Nilai integer dengan nilai besar

6. FLOAT: Bilangan decimal dengan single-precission

7. DOUBLE: Bilangan decimal dengan double-precission

8. DECIMAL(M,D): Bilangan float yang dinyatakan sebagai string. M ;

jumlah digit yang disimpan, D : jumlah angka dibelakang koma.


Upgrade Database Pegawai ASN DPUPR

 Tipe data String antara lain :

1. CHAR: Karakter yang memiliki panjang tetap yaitu sebanyak n

2. VARCHAR; Karakter yang memiliki panjang tidak tetap yaitu

maksimum n

3. TINYBLOB: BLOB dengan ukuran sangat kecil

4. BLOB: BLOB yang memiliki ukuran kecil

5. MEDIUMBLOB: BLOB yang memiliki ukuran sedang

6. LONGBLOB: BLOB yang memiliki ukuran besar

7. TINYTEXT: teks dengan ukuran sangat kecil

8. TEXT: teks yang memiliki ukuran kecil

9. MEDIUMTEXT: Teks yang memiliki ukuran sedang

10. LONGTEXT: Teks yang memiliki ukuran besar

11. ENUM: Kolom diisi dengan satu member enumerasi

12. SET: Kolom dapat diisi dengan beberapa nilai anggota himpunan

 Tipe data tunggal dan jam :

1. DATE: Date memiliki format tahun-bulan-tanggal

2. TIME: Time memiliki format jam-menit-detik

3. DATETIME: Gabungan dari format date dan time

 Ekspresi

Ekspresi digunakan untuk menghasilkan/menghitung nilai.


Upgrade Database Pegawai ASN DPUPR

Misalnya : jumlah=harga-diskon. Ekspresi aritmatika antara lain :

1. + : tambah

2. – : kurang

3. / : bagi

4. * : kali

 Konstanta

Nilai yang tetap.

 Fungsi bawaan

Fungsi adalah subprogram yang dapat menghasilkan suatu nilai apabila fungsi tersebut dipanggil.

Fungsi Agregat adalah fungsi yang digunakan untuk melakukan summary, statistik yang dilakukan

pada suatu tabel/query.

1. AVG(ekspresi): Digunakan untuk mencari nilai rata-rata dalam kolom dari

tabel.

2. COUNT(x): Digunakan untuk menghitung jumlah baris dari sebuah kolom

dari tabel

3. MAX(ekspresi): Digunakan untuk mencari nilai yang paling besar dari suatu

kolom dari tabel

4. MIN(ekspresi): Digunakan untuk mencari nilai yang paling kecil dari suatu

kolom dari tabel

5. SUM(ekspresi): Digunakan untuk mengitung jumlah keseluruhan dari suatu

kolom dari table


Upgrade Database Pegawai ASN DPUPR
Upgrade Database Pegawai ASN DPUPR

2.3.2 KELOMPOK PERNYATAAN MYSQL

Pernyataan SQL dapat dikelompokan menjadi 2 kelompok, yaitu : DDL dan DML.

1. Pernyataan SQL kelompok DDL (Data Defination Language)

DDL berfungsi untuk mendefinisikan atribut basis data, table, atribut(kolom), batasan-batasan

terhadap suatu atribut, serta hubungan antar tabel. Perintah yang digunakan biasanya : CREATE,

ALTER, dan DROP.

a. Membuat Database: Syntax yang digunakan : CREATE DATABASE

namadatabase;

b. Menghapus Database: Syntax yang digunakan : DROP DATABASE

namadatabase;

c. Membuat Tabel: Syntax yang digunakan : CREATE TABLE namatabel;

d. Menghapus Database: Syntax yang digunakan : DROP DATABASE

namadatabase;

e. Menghapus Tabel: Syntax yang digunakan : DROP TABEL namatabel;

f. Mendefinisikan null/not null: Syntax yang digunakan : CREATE TABLE

namatabel (Field1 TipeData1 NOT NULL, Field2 TipeData2);

g. Mendefinisikan Nilai Default: Syntax yang digunakan : CREATE TABLE

namatabel (Field1 TipeData1, Field2 TipeData2 DEFAULT nilai);

h. Mendefinisikan Primary Key pada Tabel: Dapat dilakukan dengan 3 Syntax :

 CREATE TABLE namatabel ( Field1 TipeData1 NOT NULL PRIMARY

KEY, Field2 TipeData2);

 CREATE TABLE namatabel ( Field1 TipeData1, Field2 TipeData2,

PRIMARY KEY(Field1));
Upgrade Database Pegawai ASN DPUPR

 ALTER TABEL namatabel ADD CONSTRAINT namaconstraint

PRIMARY KEY (NAMAKOLOM)

i. Menghapus Primary Key pada Tabel: Syntax yang digunakan ada 2 :

 ALTER TABLE namatabel DROP CONSTRAINT NAMACONSTRAINT;

 ALTER TABLE NAMATABEL DROP PRIMARY KEY;

j. Menambah Kolom Baru pada Tabel: Syntax yang digunakan : ALTER TABEL

NAMATABEL ADD newfield tipe;

k. Mengubah Tipe Data atau Lebar Kolom pada Tabel: Syntax yang digunakan :

ALTER TABEL namatabel MODIFY COLUMN field tipe;

l. Mengubah Nama Kolom: Syntax yang digunakan : ALTER TABEL namatabel

CHANGE COLUMN namakolomlama namakolombaru tipe;

m. Menghapus Kolom pada Tabel: Syntax yang digunakan : ALTER TABEL

namatabel DROP COLUMN namakolom;

n. Mendefinisikan Foreign Key pada Tabel: Dapat dilakukan dengan 2 Syntax :

 CREATE TABLE namatabel ( Field1 TipeData1, Field2 TipeData2,

FOREIGN KEY (Field2) REFERENCES nama tabel induk (nama kolom

induk) ON UPDATE CASCADE ON DELETE NO ACTION)

 ALTER TABEL namatabel ADD CONSTRAINT namaconstraint

FOREIGN KEY (namakolom) REFERENCES namatabelinduk

(namakolominduk) ON UPDATE CASCADE ON DELETE NO ACTION;

o. Menghapus Foreign Key: Syntak yang digunakan : ALTER TABEL namatabel

DROP FOREIGN KEY namaconstraint.


Upgrade Database Pegawai ASN DPUPR

2. DML (Data Manipulation Language)

DML berfungsi untuk memanipuladi data yang ada di dalam basis data, contohnya untuk

pengambilan data, penyisipan data, pengubahan data dan penghapusan data. Perintah yang

digunakan biasanya adalah : INSERT, DELETE, UPDATE, dan SELECT.

a. INSERT: Menambah baris pada tabel. Syntax yang paling sering

digunakan : INSERT INTO namatabel VALUES (nilai1, nilai2, nilai-n);

b. DELETE: Menghapus baris pada tabel. Syntax : DELETE FROM namatabel

[where kondisi];

c. UPDATE: Mengubah isi beberapa kolom pada tabel. Syntax : UPDATE

namatabel SET kolom1=nilai1, kolom2=nilai2 [where kondisi];

SELECT: Menampilkan isi dari suatu tabel yang bisa dihubungkan dengan tabel yang lainnya.

2.4 SERVER&ADMINISTRATION

Server&adminisration merupakan buffer (ruang penyimpanan) dan initi pengelolaan yang

dijadikan sebagai database untuk webgis secara offline maupun online. Berikut penejlasan dalam

pengelolaan server&administration untuk Database Pegawai ASN Dinas Pekerjaan Umum dan

Penataan Ruang Kabupaten Bengkulu Tengah :


Upgrade Database Pegawai ASN DPUPR

Pengelolaan server menggunakan aplikasi XAMPP yang akan membantu dalam

mengakses locahost (secara offline) berdasarkan tempat penyimpanan yang kita inginkan.

Langkah pertama yang perlu dilakukan adalah memastikan perangkat Apache dan MySQL pada

perngkat aktif seperti yang tertera pada gambar di atas. Untuk tampilan ukuran dalam menu besar

dapat dilakukan klik kanan pada logo XAMPP dan akan muncul pilihan “Show/Hide” , makan akan

muncul seperti menu di bawah untuk mengatur “stop/run” padapiliahn Apache dan MySQL.

Kemudian, dalam pengelolaan folder penyimpanan pada server&administration dapat

dilihat di “C:\xampp\htdocs\(nama folder simpanan)\”.

Untuk mengakses server sebelum di jadikan sebuah aplikasi, maka harus diolah melalui

aplikasi browser yang ada pada perangkat (bisa menggunakan chrome/mozila/explorer/Ucbrowser,


Upgrade Database Pegawai ASN DPUPR

dll). Dalam hal ini kita menggunakan aplikasi browser Chrome. Berikut langkah yang harus

dilakukan untuk mengelola server&administration sebelum dibuat sebuah aplikasi :

1) Masukkan alamat file:///(Arah directory penyimpanan file)/(folder penyimpanan

aplikasi) pada browser, maka akan terlihat tampilan sebagai berikut :

2) Untuk melihat source data yang ditampilkan masuk ke directory folder :

3) Lalu pilih Ike dengan nama “Index.php” dan buka Ike tersebut dengan notepad++

atau dengan aplikasi editor lainnya :


Upgrade Database Pegawai ASN DPUPR

4) Untuk pengaturan database dapat mengetikan alamat pada browser

https://localhost/phpmyadmin

5) Dan untuk kostum template dan menu aplikasi dapat mengakses

https://localhost/asn/administrator dengan username : admindpupr dan password

: dpupradmin.
Upgrade Database Pegawai ASN DPUPR

2.2 BACKEND TEMPLATE APLIKASI

Backend Template adalah istilah yang digunakan untuk kegiatan pengolahan suatu

aplikasi di belakang tampilan aplikasi yang muncul. Dalam hal ini, pengolahan Backend Template

aplikasi Database Pegawai ASN Dinas Pekerjaan Umum dan Penataan Ruang Kabupaten

Bengkulu Tengah menggunakan XAMPP dan CMS JOOMLA yang merupakan dasar pengolahan

dari aplikasi ini. Berikut tampilan pengolahan Backend Template Database Pegawai ASN Dinas

Pekerjaan Umum dan Penataan Ruang Kabupaten Bengkulu Tengah :

Diatas adalah tampilan database dari Backend Template Database Pegawai ASN Dinas Pekerjaan

Umum dan Penataan Ruang Kabupaten Bengkulu Tengah.

Dan di atas adalah database dari konten aplikasi itu sendiri.


Upgrade Database Pegawai ASN DPUPR

Tampilan di atas merupakan tampilan awal untuk memasuki menu administrasi aplikasi untuk

pengolahan Backend Template Database Pegawai ASN Dinas Pekerjaan Umum dan Penataan

Ruang Kabupaten Bengkulu Tengah. Dan berikut tampilan awal dari menu administrator

pengolahan Backend Template.

Dan untuk pengolahan menu tampilan terlihat pada gambar berikut.


Upgrade Database Pegawai ASN DPUPR

Dan untuk pengolahan template terdapat pada menu berikut.

Pilih menu bar yang ditunjukkan oleh lingkaran merah untuk melakukan konfigurasi lebih lanjut.

Lakukan konigurasi lebih dalam seperti gambar berikut lalu pilih template yang diinginkan.
Upgrade Database Pegawai ASN DPUPR

2.3 MENU APLIKASI

Source Code adalah kode program suatu rangkaian pernyataan atau deklarasi yang

ditulis dalam bahasa pemrograman komputer yang terbaca manusia. Dalam hal ini, karena yang

kita bangun adalah sebuah aplikasi dengan Template Default dalam artian website yang

berpenampilan dasar dari suatu template bawaan, maka pada dasarnya admin harus mengerti hal-

hal yang berkaitan dengan bahasa pemrograman berupa HTML, PHP, Java, Bootstrap, dll. Berikut

kita bahas satu persatu setiap menu.


Upgrade Database Pegawai ASN DPUPR

1. Untuk menu “HOME” adalah sebagai berikut :

MENU STRUKTUR ORGANISASI

Berisi gambaran struktur Organisasi Dinas Pekerjaan Umum dan Penataan Ruang Bengkulu

Tengah.

MENU PROFIL ASN

Berisi profil seluruh ASN di Dinas Pekerjaan Umum dan Penataan Ruang Bengkulu Tengah di

sertai dengan identitas foto.


Upgrade Database Pegawai ASN DPUPR

2. Untuk tampilan menu “ASN” terdapat 3 menu yaitu sebagai berikut :

DAFATAR URUT KEPANGKATAN (DUK)

Berisikan daftar urut ASN berdasarkan kepangkatan yang tersusun secara otomatis.
Upgrade Database Pegawai ASN DPUPR

TAMBAH DATA ASN


Menu ini berfungsi untuk menambah data ASN DPUPR Bengkulu Tengah.

EDIT HAPUS DATA ASN

Menu ini berfungsi untuk mengubah atau menghapus data ASN sesuai keinginan user.
Upgrade Database Pegawai ASN DPUPR
Upgrade Database Pegawai ASN DPUPR

3. Untuk tampilan menu “KEPANGKATAN” adalah sebagai berikut :

KENAIKAN PANGKAT BERKALA

Menu ini berfungsi untuk meninjau kenaikan pangkat ASN yang telah di atur 5 bulan sebelum

kenaikan pangkat.
Upgrade Database Pegawai ASN DPUPR

MASA PERSIPAN PENSIUN (MPP)

Menu ini berfungsi untuk meninjau masa pensiun ASN yang telah di atur 5 bulan sebelum masa

pensiun.

4. Untuk tampilan menu “GAJI” adalah sebagai berikut :

Menu ini berfungsi untuk meninjau kenaikan gaji ASN yang di atur 5 bulan sebelum masa

kenaikan gaji.
Upgrade Database Pegawai ASN DPUPR

5. Untuk tampilan menu “DOKUMEN” adalah sebagai berikut :

GALERI

Menu ini berisikan dokumen-dokumen pendukung yang telah di upload dan dapat di print out

bila di butuhkan.
Upgrade Database Pegawai ASN DPUPR
Upgrade Database Pegawai ASN DPUPR

2.4 UPDATE MENU APLIKASI

Pada tampilan muka, profil sistem yang terlihat pada gambar tidak mengalami perubahan

bentuk, hanya saja akan mengalami pembaharuan data-data dan perbaikan bug yang selalu

mengulang menu.

Untuk tampilan struktur organisasi tentu mengalami perubahan susunan personil dan

perubahan nama jabatan yang ada di DPUPR Bengkulu Tengah.

Untuk data DUK ASN sama halnya dengan struktur organisasi akan mengalami perubahan

susunan personil dan nama pada jabatan.


Upgrade Database Pegawai ASN DPUPR

Untuk menu Tambah data dan Edit akan mengalami penambahan item inputan yang akan

disesuaiakn lagi dengan kebutuhan DPUPR Bengkulu Tengah


Upgrade Database Pegawai ASN DPUPR

Untuk menu galeri dan dokumen akan mengalami perubahan format input, yang awalnya JPEG

akan di ganti menjadi PDF dikarenakan file JPG sangat besar terjadi corrupt pada proses updating.

Pada updating kali ini akan di tambahakan menu baru yaitu menu input data KP4 dan

penyimpanan digital SKP.


Upgrade Database Pegawai ASN DPUPR

Untuk mengisi form kenaikan gaji berkala, aka nada penambahan form yang sudah dibuat secara

baku dalam menu aplikasi.

Anda mungkin juga menyukai