APLIKASI WEB PENGOLAHAN DATA PROGRAM PENGEMBANGAN KF-X / IF-X PTBUKU LAPORAN PELAKSANAAN

KERJA PRAKTEK

Diajukan untuk memenuhi syarat kelulusan mata kuliah Kerja Praktek

Oleh

SUSILO WIBOWO (1103110063)

PROGRAM STUDI S1 TEKNIK INFORMATIKAFAKULTAS INFORMATIKA

UNIVERSITAS TELKOM2014

HALAMAN PENGESAHAN

APLIKASI WEB PENGOLAHAN DATA PROGRAM PENGEMBANGAN KF-X / IF-X PT DIRGANTARA INDONESIA

Oleh

SUSILO WIBOWO (1103110063)

Bandung, 5 September 2014Menyetujui

Pembimbing Akademik Pembimbing Lapangan

Rita Rismala S.T., MT. NIP. 93670092-1

Harry Fadillah, MT. NIK. 860728

DAFTAR ISI

1.1 Latar Belakang...................................................................................................................................5

1.2 Rumusan Masalah.............................................................................................................................6

1.3 Batasan Masalah...............................................................................................................................6

1.4 Tujuan...............................................................................................................................................6

1.5 Waktu dan Tempat Pelaksanaan......................................................................................................7

1.6 Metode Penulisan.............................................................................................................................7

2.1 Profil Perusahaan..................................................................................................................................7

2.2 Pemrograman web...............................................................................................................................8

2.2.1 Cascading Style Sheeet (CSS).............................................................................................................8

2.2.2 HTML5 (Hyper Text Markup Language).............................................................................................9

2.2.2.1 HTML 5............................................................................................................................................9

2.2.3 PHP (Hypertext Preprocessor).........................................................................................................10

2.3 Database.............................................................................................................................................10

2.3.1 XAMPP version 3.2.1........................................................................................................................11

2.3.2 MySQL..............................................................................................................................................11

3.1 Ruang Lingkup Kegiatan..................................................................................................................12

3.2 Bentuk Kegiatan..............................................................................................................................12

3.3 Pelaksanaan Kerja Praktek.............................................................................................................13

3.4 Hasil Kerja Praktek..........................................................................................................................13

4.1 Kesimpulan......................................................................................................................................23

4.2 Saran...............................................................................................................................................23

DAFTAR GAMBAR

Gambar III.1 Tampilan halaman depan.

Gambar III. 2 Tampilan Halaman depan Setelah Login.

Gambar III. 3 Pilihan menu dokumen pada laman Release.

Gambar III. 4 Tampilan dokumen yang sudah Release.

Gambar III. 5 Pilihan menu dan tampilan dokumen pada laman Release

Gambar III. 6 Pilihan menu sirkulasi dokumen pada laman Dokumen.

Gambar III. 7 Pilihan menu untuk sirkulasi dokumen tiap part pada web KF-X dan IF-X

Gambar III. 9 Tabel status untuk mengecek status dokumen

Gambar III. 10 Tabel status khusus Admin untuk update status dokumen

Gambar III. 11 Laman Forum/Mail

Gambar III. 12 Menu Registrasi

Gambar III. 13 Menu Gallery21

Gambar III. 14 Tampilan ketika salah satu topik diklik 22

BAB I

PENDAHULUAN

1.1 Latar Belakang

Sebagai mahasiswa, menjalani pendidikan di kelas selama kuliah merupakan sebuah kewajiban utama. Sebagai mahasiswa jurusan informatika, dengan diberikan bekal programming saat praktikum dan berdiskusi di dalam kelas untuk menyelesaikan masalah yang diberikan tentunya masih belum cukup untuk menghadapi kebutuhan global yang sangat tinggi. Apalagi Indonesia sebentar lagi akan menghadapi ASEAN Free Trade Agreement yang membuat kompetisi semakin tinggi. Untuk menjadi lulusan yang berkualitas dan memiliki daya saing, tentu mahasiswa butuh pengetahuan yang luas dan pengalaman di dalam dunia kerja saat di bangku kuliah.

Salah satu cara agar mendapatkan pengalaman di dalam dunia kerja adalah dengan kerja praktik. Dengan kerja praktik, mahasiswa bisa mengimplementasikan apa yang sudah didapat di kuliah, mendapatkan pengalaman di dunia kerja sebelum lulus dan mengenyam dunia kerja yang sesungguhnya dan sesuai dengan harapan-harapan diatas.

Universitas Telkom mencanangkan agar mahasiswa mendapatkan mata kuliah kerja praktik di tingkat 3 semester 6 dimana mahasiswa memilih tempat kerja dan ditempatkan sebagaimana posisi yang diinginkan. PT. DI (Dirgantara Indonesia) atau Indonesia Aerospace adalah sebuah perusahaan yang bergerak dibidang perakitan pesawat terbang. Sudah banyak produk pesawat yang dihasilkan oleh PT. DI dan terkenal hingga negara lain dan digunakan teknologinya.

Saat ini PT. DI sedang mengerjakan project kerjasama dengan negara Korea Selatan untuk merancang pesawat tempur bernama KF-X dan IF-X. Pada Direktorat Teknologi dan Pengembangan di PT. DI sendiri menjalankan peran dalam project tersebut sebagai divisi yang mendukung bagian IT agar proses produksi bisa berjalan dengan lancar. Dibutuhkan proses yang cukup panjang untuk menangani sebuah file dari perancangan hingga bisa di-release ke divisi lain oleh karena itu Direktorat Teknologi dan Pengembangan PT. Dirgantara Indonesia ingin membuat sebuah aplikasi intraweb agar proses lebih mudah.

Oleh karena itu kami membuat sebuah aplikasi berbasiskan web yang bisa mengatur regulasi dokumen sehingga memudahkan pengecekan dan penyimpanan file tersebut.

1.2 Rumusan MasalahAdapun rumusan masalah dalam studi kasus ini adalah sebagai berikut :

1. Bagaimanakah cara mengimplementasikan PHP, HTML, CSS agar tampilan web yang dibuat sesuai dengan user requirement ?

2. Bagaimanakah cara mengimplementasikan PL/SQL untuk melakukan sirukulasi dokumen yang baik ?

3. Proses apa saja yang dibutuhkan agar user bisa mengunduh file ke bagian release ?

1.3 Batasan Masalah

Adapun batasan masalah dalam laporan kerja praktek ini adalah sebagai berikut:1. Requirement yang dibutuhkan adalah mengembangkan dan menyelesaikan project yang sebelumnya sudah ada.2. Data yang digunakan untuk mengisi dokumen berasal dari data sendiri, tidak diberikan oleh PT Dirgantara Indonesia.3. Aplikasi tersebut berbasis web sehingga diimplementasikan menggunakan intra web PT DI.

1.4 Tujuan

Adapun tujuan dari pelaksanaan kerja praktik adalah :a. Memenuhi kurikulum yang telah ditetapkan oleh pihak Fakultas Informatika Prodi S1 Teknik Informatika Universitas Telkomb. Mendapatkan pengalaman kerja sehingga siap memasuki dunia kerja setelah menyelesaikan pendidikan di perguruan tinggi c. Mengenal lingkungan kerja PT Dirgantara Indonesia d. Mengenal lingkungan kerja di divisi IT DETEKe. Mengimplementasikan ilmu yang sudah didapat di kuliah kedalam project yang diberikan oleh PT DI (PHP, Database, HTML, CSS, dsb)

1.5 Waktu dan Tempat Pelaksanaan

Kerja praktik ini dilaksanakan di PT. Dirgantara Indonesia atau Indonesia Aerospace pada tanggal 17 Juni 2014 hingga 6 Agustus 2014.

1.6 Metode Penulisan

Dalam penulisan laporan kerja praktek di PT. Dirgantara Indonesia,penulis mengunakan beberapa metode untuk mendapatkan data yang objektif yangdiharapkan dapat dijadikan pedoman dalam penyusunan laporan kerja praktek ini,yaitu :1. Wawancara dengan cara tanya jawab secara langsung kepada pembimbing

lapangan PT. Dirgantara Indonesia.2. Studi literatur (studi pustaka) seperti buku-buku referensi dan data referensilain yang berkaitan dengan masalah yang dibahas.

BAB II

LANDASAN TEORI

2.1 Profil Perusahaan

PT. Dirgantara Indonesia adalah industri pesawat terbang pertama dan satu-satunya di

Indonesia yang mempunyai komptensi utama di dalam bidang pengembangan desain pesawat,

pembuatan pesawat komuter sipil dan militer, helikopter, senjata, dan menawarkan pelatiahan

jasa pemeliharaan( maintenance-service) mesin pesawat.Perusahaan ini dimiliki oleh

pemerintah Indonesia dan menjadi BUMN (Badan Usaha Milik Negara) yang didirikan pada

tanggal 26 April 1976 dengan nama PT. Industri Pesawat Nurtanio dengan B.J. Habibie sebagai

Presiden Direktur perusahaan tersebut. Kemudian pada tanggal 11 Oktober 1985 berganti

nama menjadi IPTN (Industri Pesawat Terbang Nusantara). Setelah melakukan restrukturisasi

perusahaan pada tanggal 24 Agustus 2000 maka IPTN berubah nama menjadi Dirgantara

Indonesia sampai saat ini yang dipimpin oleh Budi Santoso.

Perusahaan ini memiliki visi yaitu “Menjadi perusahaan kelas dunia dalam industri

Dirgantara berbasis pada penguasaan teknologi tinggi dan mampu bersaing dalam pasar global

dengan mengandalkan keunggulan biaya.” dan misi yaitu “Sebagai pusat keunggulan di bidang

Industri Dirgantara terutama di dalam rekayasa, rancang bangun, manufaktur, produksi dan

pemeliharaan untuk kepentingan komersial dan militer dan juga aplikasi diluar industri”

Selain berfokus pada dunia pengembangan pesawat, PT. Dirgantara Indonesia mulai

mengembangkan ranah kerja di bidang industri manufaktur dan telah melakukan diversifikasi

produk seperti teknologi informasi, otomotif, maritime, simulasi teknologi, turbin industri, dan

engineering services. Kemudian saat ini PT. Dirgantara Indonesia dibawah naungan dan

koordinasi dari Kementerian Pertahanan Republik Indonesia sedang melakukan kontrak proyek

pengembangan pesawat tempur KF-X/IF-X (Korea Fighter Experiment/Indonesia Fighter

Experiment). Kerjasama antar 2 negara ini yakni Indonesia dan Korea rencananya akan

menghasilkan pesawat tempur generasi 4.5 yang rencananya akan diproduksi masal pada tahun

2022 nanti. [4]

2.2 Pemrograman web

2.2.1 Cascading Style Sheeet (CSS)

Cascading Style Sheeet (CSS) adalah sebuah bahasa pemrograman yang mengendalikan

beberapa komponen (tag html) dalam sebuah website sehingga tampilan halaman sebuah

website menjadi lebih terstruktur. Terdapat 3 jenis cara dalam menggunakan CSS, yaitu:

1. External Style Sheet

External Style Sheet merupakan penulisan script CSS yang dibuat dalam file yang

terpisah dengan ekstensi file .css dan untuk memanggilnya menggunakan script html yang

disisipkan antara tag head<>.

Contoh: <link rel=”stylesheet” type=”text/css” href=”direktori/file.css”>

Kelebihan dari penggunaan External Style Sheet ini adalah mudah untuk melakukan proses edit

khususnya dalam pengaturan semantik karena terkumpul di dalam sebuah file. [3]

2. Internal Style Sheet

Internal Style Sheet merupakan penulisan script CSS yang dibuat langsung di dalam

file.html penulisannya sama dengan External Style Sheet yaitu disisipkan diantara tag head

diapit oleh tag <style> . [3]

Contoh:

<style type=”text/css”>

Body{

Background:#00000;

Font-family:Arial;}

</style>

3. Inline Style Sheets

Inline Style Sheet merupakan penulisan script CSS yang dibuat langsung pada tag

<html> dengan menambahkan style di dalamnya. [3]

Contoh: <p style=”font-size:20px;”>CSS keren</p>

2.2.2 HTML5 (Hyper Text Markup Language)

HTML (Hyper Text Markup Language ) adalah sekumpulan kode logika (markup) yang

diapit oleh tandang kurung siku(tag) untuk mengatur tampilan sebuah dokumen web dan isi

konten informasi di dalamnya. HTML secara garis besar dibagi menjadi 3 bagian yaitu: head,

body, dan footer.

2.2.2.1 HTML 5

HTML 5 merupakan hasil kerjasama dari W3C (World Wide Web Consrotium) dan

WHATWG (Web Hypertext Application Technology Working Group) dan merupaka generasi

lanjutan dari HTML 4.01 / XHTML 1.x yang menjadi standa baru untuk HTML, XHTML, HTML

DOM. Saat ini sudah banyak browser yang menggunakkan HTML 5 seperti Safari, Opera, Mozilla

Firefox, Google Chrome. Adapun fitur-fitur baru yang disediakan HTML 5 antara lain:

- Elemen Canvas

fungsinya untuk menggambarkan objek di halaman web tanpa harus menggunakkan fitur

tambahan flash ataupun aplet java.

- Elemen Audio Video

fungsinya untuk menggantikan plugin pemutar audio dan video karena HTML 5 menyediakan

tag khusus dan codec OGG.

- Local offline storage

fungsinya untuk menyimpan data dalam ukuran yang besar (lebih daripada cookies biasa)

- Additional new elemen

Terdapat beberapa elemen baru seperti article, footer, header, nav, section, calendar, date,

time, email, url, search. [7]

2.2.3 PHP (Hypertext Preprocessor)

PHP (Hypertext Preprocessor) merupakan Bahasa pemrograman web yang bersifat

serverside, artinya bahasa berbentuk script yang disimpan dan dijalankan di computer server

(Web Server) sedangkan hasilnya dikirimkan ke komputer client (Web Browser) dalam bentuk

script HTML(Hyper Text Markup Language). Alur konsep kerja PHP diawali dengan satu

permintaan suatu halaman web oleh browser kemudian browser mendapat alamat dari

webserver, melakukan proses identifikasi alamat yang dituju dan menyampaikan segala

informasi yang dibutuhkan oleh Web Server.

Kelebihan PHP:

- dapat berkomunikasi dengan berbagai jenis database yang terkenal antara lain: dBase, DBM,

FilePro, mSQL, MySQL, ODBC, Oracle, Postgres, Sybase, Velocis

- Menampilkan data yang dinamis

- Mudah diimplementasikan

2.3 Database

Database adalah koleksi data item yang saling terkait terkelola sebagai satu unit. Data

dikumpulkan dan disimpan untuk kemudian diolah menjadi suatu informasi yang bermanfaat.

Setiap perusahaan besar pasti memiliki kumpulan data yang besar untuk dapat diolah menjadi

informasi yang menguntungkan bagi perusahaan tersebut. Penyimpanan data yang baik sangat

diperlukan agar data-data perusahaan tetap terjaga dan tidak mengalami kebocoran data.

Adapun beberapa tools yang dibangun untuk mempermudah pengelolaan dan penyimpanan

basis data, salah satunya XAMPP dan untuk mengambil data di dalam database menggunakkan

Bahasa query MySQL. [1][8]

2.3.1 XAMPP version 3.2.1

XAMPP adalah perangkat lunak yang merupakan kompilasi dari beberapa program dan

berfungsi sebagai server yang berdiri sendiri (localhost). XAMPP terdiri dari beberapa program

antara lain Apache HTPP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan

Bahasa pemrograman PHP dan Perl. XAMPP sendiri merupakan singkatan dari X (empat system

operasi yang mendukungnya yaitu Windows, Linux, Mac OS, dan Solaris), Apache, MySQL, PHP

dan Perl. [6]

2.3.2 MySQL

MySQL merupakan sistem basis data yang didukung oleh bahasa operasional SQL

(Structured Query Language). SQL merupakan Bahasa query standar untuk mengakses basis

data relasional. Bahasa ini sudah diadopsi sebagai standar Industri. Informasi-informasi yang

tersimpan dalam query umumnya akan disimpan kedalam table 2 dimensi (baris dan kolom). [7]

BAB III

PELAKSANAAN KERJA PRAKTEK

3.1 Ruang Lingkup Kegiatan

Adapun pelaksanaan kegiatan kerja praktek sebagai berikut:

a. Memahami Direktorat Teknologi dan Pengembangan di PT. Dirgantara Indonesia

b. Mempelajari sistem intra web yang sudah ada sebelumnya

c. Merancang dan membuat modul-modul tambahan dalam website

d. Membuat modul-modul baru yang bisa berfungsi dengan baik di web

e. Membuat laporan hasil kerja

3.2 Bentuk Kegiatan

Kegiatan kerja praktek yang dilakukan kurang lebih 6 minggu diisi dengan membuat

ulang aplikasi website internal perusahaan program pengembangan KF-X-IF-X. Ini merupakan

tahapan finalisasi website yang telah dibuat sebelumnya karena dirasa masih banyak modul

yang tidak bisa berfungsi dengan baik. Kami diberikan panduan dari pembimbing akademik

mengenai alur kerja system dan kami memperbaiki semua modul yang ada dalam web tersebut.

3.3 Pelaksanaan Kerja Praktek

Kerja Praktek dilaksanakan selama 8 minggu yaitu tanggal 17 Juni – 6 Agustus 2014,

dengan 1 minggu jeda libur lebaran. Tugas yang diberikan bersifat take home. Pelaporan tugas

dilakukan minimal satu kali selama seminggu sesuai kesepakatan dengan pembimbing

lapangan. Selama laporan peserta menerima evaluasi dan tugas selanjutnya yang akan

diberikan sesuai pertimbangan dari pembimbing lapangan.

3.4 Hasil Kerja Praktek

Hasil dari kerja praktek yang telah dilaksanakan adalah sebagai berikut.

1. Halaman Depan Web

Merupakan tampilan awal web yang dapat dilihat oleh semua pengguna. memiliki

beberapa laman yang hanya dapat diakses oleh admin dan user.

Gambar III.1 Tampilan halaman depan.

Pada halaman awal pengguna biasa yang tidak memiliki wewenang / pengunjung hanya

dapat melihat informasi-informasi mengenai perkembangan Program KF-X / IF-X di laman

Release. Sedangkan yang sudah memiliki wewenang yaitu admin dan pegawai memiliki banyak

pilihan laman untuk regulasi data dan berdiskusi.

Gambar III. 2 Tampilan Halaman depan Setelah Login.

2. Laman Release

Laman ini digunakan untuk menampilkan dokumen-dokumen pengembangan KF-X / IF-X

yang sudah di approved dan siap untuk ditampilkan ke publik format dokumen yang

ditampilkan berupa .pdf dan .jpg/png. Pada laman ini pengunjung dapat memilih menu – menu

dokumen sesuai part dari pesawat.

Gambar III. 3 Pilihan menu dokumen pada laman Release.

Gambar III. 4 Tampilan dokumen yang sudah Release.

3. Laman Login

Laman ini digunakan untuk login admin dan pegawai PT. DI yang berkontribusi dalam

pengembangan program KF-X / IF-X. Masing-masing admin dan pegawai memiliki wewenang

yang berbeda setelah login.

Gambar III. 5 Pilihan menu dan tampilan dokumen pada laman Release

4. Laman Dokumen

Pada laman ini dikhususkan untuk sirkulasi dokumen bagi pegawai dan admin. Terdapat

dua buah macam dokumen yaitu berupa PDF dan Gambar.

Gambar III. 6 Pilihan menu sirkulasi dokumen pada laman Dokumen.

Pada laman ini terdapat proses sirkuasi dokumen yaitu upload, cek, dan approve. Dimana

pegawai dan admin dibedakan otoritasnya antara 1 dan 0. Pegawai hanya dapat mengupload

dokumen saja dan melihat statusnya sedangkan admin dapat upload, cek dan approve

dokumen. Dokumen yang statusnya telah disetujui akan langsung ditampilkan di laman release

dan dapat dilihat oleh public. Kedua menu dokumen memiliki tampilan menu tiap part yang

sama hanya, dibedakan tiap jenis file yang akan di upload-kan yaitu .pdf dan .JPG/.PNG

Setelah memilih tipe dokumen, pegawai dapat memilih dua pilihan yaitu upload dan cek

status dokumen yan sudah di upload sesuai dengan partisi dari pengembangannya.

Gambar III. 7 Pilihan menu untuk sirkulasi dokumen tiap part pada web KF-X dan IF-X

Untuk menu upload pegawai akan diberikan sebuah form upload sesuai dari tipe partisi

yang sebelumnya sudah dipilih, tiap dokumen pdf atau gambar partisi akan ditampilkan pada

menu dokumen yang berbeda sesuai jenis partisinya.

Gambar III. 8 Form upload pada laman Dokumen

Setelah sukses upload dokumen pdf atau gambar maka status dari dokumen tersebut bisa

di cek di menu status.

Gambar III. 9 Tabel status untuk mengecek status dokumen

Bagi admin yang memiliki wewenang khusus, pada menu status di laman dokumen dapat

mengubah status dari dokumen tersebut, setelah ter-approved, dokumen tersebut langsung

ditampilkan di laman release.

Gambar III. 10 Tabel status khusus Admin untuk update status dokumen

5. Forum / Mail

Laman ini berfungsi sebagai forum / tempat diskusi pegawai dan admin. Dengan adanya

laman ini diharapkan dapat membantu komunikasi antar pegawai dan admin.

Gambar III. 11 Laman Forum/Mail

6. Registrasi

Pada menu ini berfungsi untuk membuat akun baru bagi pegawai yang akan ikut dalam

program pengembangan KF-X / IF-X. Pada menu ini hak akses dan wewenang akan ditentukan

sesuai otoritasnya. Untuk registrasi pertama yang dilakukan adalah meminta pada admin. Agar

pengunjung biasa tidak dapat melakukan registrasi.

Gambar III. 12 Menu Registrasi

7. Gallery

Menu gallery berfungsi sebagai menu untuk menampilkan kegiatan-kegiatan, baik

seminar, pelatihan, atau kejadian yang terjadi dalam program pengembangan KF-X/IF-X. Pada

menu ini hak akses untuk menambahkan konten, hapus dan edit ada pada admin, sehingga

pegawai dan pengunjung hanya dapat melihat saja.

Gambar III. 13 Menu gallery

Gambar III. 14 Tampilan ketika salah satu topik diklik

BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan Kerja praktek merupakan sebuah kegiatan pengenalan lapangan kerja bagi mahasiswa

dan pihak industri agar mahasiswa dapat memiliki gambaran dunia kerja yang

sebenarnya.

Dalam pembuatan aplikasi intraweb ini memerlukan kemampuan dalam menggunakan

bahasa pemograman PHP dan HTML, juga penggunaan Java Script, dan pengolahan

database MySQL.

4.2 Saran Peserta kerja praktek sebaiknya memanfaatkan waktu yang tersedia untuk

mendapatkan ilmu di lapangan kerja semaksimal mungkin, koordinasi dengan

pembimbing lapangan, dan memperbanyak bertanya bila ada sesuatu yang sulit.

Aplikasi yang dibuat merupakan rombakan dari aplikasi yang sebelumnya, dimana yang

sebelumnya masih ada kekurangan dalam hal me-release dokumen, dan regulasi

dokumen. Untuk regulasi dokumen aplikasi ini sudah mencukupi kebutuhan sedangkan

untuk masalah surat-menyurat masih perlu dikembangkan lagi

DAFTAR PUSTAKA

Rahmawati, Diana. Konsep Basis Data. http://staff.uny.ac.id/

http://blog.unitomo.ac.id/

http://bptik.unnes.ac.id/

http://bumn.go.id/ptdi

http://dosen.unived.ac.id/

http://elib.unikom.ac.id/http://repository.usu.ac.id/

http://lecturer.ukdw.ac.id/