1ASI PRODUK INC)VASI DIVIS I SA TEL IT PT...

PENGEMBANGAN SISTEM INI<'ORJ\1ASI

PRODUK INC)VASI

DIVIS I SA TEL IT PT TELEKOMONIKASl

INDONESIA Tbk.

Yulia Ellyanum

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI

SYARIF HIDAYATULLAH

PENGEMBANGAN SISTEM INFORMASI PRODUK

INOVASI

DIVISI SATELIT PT TELEKOMUNIKASI

INDONESIA Tbk.

Oleh:

YULIA ELLY ANUM

100091020246

Skripsi

Sebagai Salah Satu Syarat untuk Memperoleh Gelar

Sarjana Komputer


UNIVERSIT AS ISLA!W NEGERI

SY ARIF HIDAY ATULLAH

JAKARTA

2003 M I 2004 H

PENGEMBANGAN SISTEM INFORMASI PRODUK INOV ASI

DIVISI SATELIT

PT TELEKOMUNIKASI INDONESIA Tbk.

Skripsi

Sebagai Salah Satu Syarat untuk Memperoleh Gelar

Saijana Komputer

Pada Fakultas Sains Dan Teknologi UIN Jakarta

Oleh:

Yulia Ellyanum

I 00091020246

Menyetujui

DR Syopiansy h Jaya Putra M. Sis

Mengetahui

Pembimbing II

-Nia Kumaladewi MMSI

Teknik Informatika

JURUSAN TEKNOLOGI INFORMATIKA


UIN SY ARIF HIDA YATULLAH JAKARTA

Deng an ini menyatakan bahwa Skripsi yang ditulis o leh :

Nama

NIM

Pro gram Stu di

Judul Skripsi

Yulia Ellyanum

100091020246

Teknik Informatika

Pengembangan Sistem Informasi Prociuk Inovasi

Divisi Satelit PT Telekomunikasi Indonesia

Tbk. (Cileungsi, Bogor)

Dapat diterima sebagai syarai kelulusan untuk memperoleh gelar sarJana

Komputer pada Jurusan Teknik Informatika, Fakultas Sains Dan Teknologi UIN

Syarif Hidayatullah Jakarta.

Jakarta, Agusutus 2004

Menyetujui,

Dosen Pembimbing

DR Syo iansyah Jaya Putra, Msis

NIP. 150 317 965

Mengetahui,

Pcmbimbing II,

_,/

Nia Kumaladewi, MMSI

Ketua .lurusan,

Ir. Bakri La Katjong, M.Kom, MT

NIP. 470 035 764

PERNYATAAN

DENGAN INI SAYA MENYATAKAN BAHWA SKRIPSI !NI BENARBENAR HASIL KARYA SENDIRI YANG BELUM PERNAH DIAruKAN SEBAGAI SKRIPSI ATAU !<ARYA ILMIAI-I PADA PERGURUAN TINGGI ATAU LEMBAGA MANAPUN.

Jakarta, Juni 2004

Yulia Ellyanum 100091020246

ABSTRAK

Yulia Ellyauum, Pengembangan Sistem Informasi Produk lnovasi Divisi Satelit PT Telekomunikasi Indonesia Tbk. (Di bawah bimbingan Bpk Syopiansyah Jaya Potra dan lbu Nia Kumaladewi).

Perkembangan teknologi komputer, terntama teknologi perangkat lunak dan keras, saat ini telah maju dengan pesat. Perkernbangan tersebut telah mendorong kemajuan di bidang lain, baik dalam kehidupan sehari-hari maupun pada kegiatan organisasi, profit maupun nonprofit. Divisi Satelit PT Telekomunikasi Indonesia Tbk. adalah suatu organisasi yang bertanggung jawab untuk pengendalian satelit ini telah memanfaatkan teknologi komputer dalam kegiatan sehari-hari. Namun masih saja ada pekerjaan yang dilaksanakan secara manual yaitu manajemen produk inovasi.

Tujuan dari penelitian adalah mengusulkan suatu sistem Pengembangan Sistem Informasi Produk Inovasi Divisi Satelit PT Telekomunikasi Indonesia Tbk. berbasiskan web yang akan dimasukkan pada salah satu menu situs Divisi Satelit dan divisi lai1111ya.

Sistem usulan produk inovasi ini bertujuan membangun sistem informasi dan basis data agar dapat menampung dan memproses selmuh data serta dapat menyajikan informasi mengenai produk inovasi yang aktual clan akurat. Kegiatan ini tidak termasuk pada pengembangan infrastrnktur Local Area Network (LAN) karena pada divisi tersebut telah memiliki. Dalam penerapan sistem usulan digunakan perangkat lunak Macromedia Dreamweaver MX dan ASP sebagai bahasa pemrograman dan Ms Access 2000 sebagai basis data.

Metodologi yang digunakan dalam mengembangkan penelitian untuk sistem usulan produk inovasi yaitu : observasi yang berguna untuk mengetahui dan menganalisis sistem yang berjalan, studi pustaka clan literatur untuk mendukung penelitian dan pengembangan sistem usulan dan System Developmenl Life Cycle digunakan untuk analisis, perancangan, penerapan, dan perawatan sistem usulan produk inovasi.

Pengembangan sistem usulan yang barn ini memiliki tujuan untuk membangun basis data agar dapat menyajikan informasi bagi para user. Pengembangan sistem usulan yang barn ini menggunakan beberapa metodologi yaitu observasi, studi pustaka, dan system development life cycle. Manfaat yang didapt dengan adanya sistem usulan yang barn ini adalah meningkatkan produktivitas dan penyajian informasi yang cepat dan tepat sesuai yang diinginkan.

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa. Atas

rahmat dan petunjuknya akhirnya penulis dapat menyelesaikan penulisan skripsi

Pengembangan Sistem Informasi Produk Inovasi Divisi Satelit PT

Telekomunikasi Indonesia Tbk.

Penulisan skripsi ini adalah sebagai syarat kelulusan clan untuk menambah

pengetahuan dan pengalaman penulis, terutama di bidang pengembangan sistem

informasi.

Penulisan skripsi ini dapat terselesaikan berkat dorongan, bimbingan dan

bantuan dari semua pihak. Untuk itu penulis mengucapkan terinm kasih kepada

yang terhormat :

• Ayah, Mama dan Dede yang telah banyak memberikan bantuan dan

dorongan materi maupun moril.

• Bpk DR Syopiansyah Jaya Putra, M.Sis dan !bu Nia Kumaladewi MMSI

selaku dosen pembimbing yang telah memberikan bimbingannya.

• Bpk DR Syopiansyah Jaya Putra, M.Sis sebagai Dekan Fakultas Sains Dan

Telmologi.

• Bpk Ir. Bakri La Katjong sebagai Ketua Jurusan Teknik Informatika.

• Divisi Satelit PT Telekomunikasi Indonesia Tbk. (SPU Cibinong} sebagai

tempat pelaksanaan observasi.

• Bpk M. Yazid Saktiono dan lainnya sebagai pembimbing di tempat

• Kepada para dosen, pegawai tata usaha fakultas dm1 jurusan yang telah

membantu.

• Kepada teman-teman yang telah memberikan kritik dan saran yang dapat

membantu dalam penulisan skripsi ini.

•Dan pihak-pihak lain yang terlalu banyak untuk disebutkan.

Dalam penulisan skripsi ini penulis tetap menerima saran yang

membangun bagi penulisan skripsi pengembangan sistem informasi ini. Semoga

penulisan skripsi ini dapat bermanfaat bagi para pembaca. Alas bantum1 semua

pihak dalam menyelesaikan skripsi ini penulis mengucapkan terima kasih.

Bogor, Jnni 2004

Penulis

DAFTARISI

Judul

, Kata Pengantar

Daftar Isi

Daftar Tabel

Daftar Gambar

Daftar Lampiran

BABI: Pendahuluan

Latar Belakang Masalah

Ruang Lingkup Masalah

Tujuan dan Manfaat Penulisan

Tujuan Penulisan

Manfaat Penulisan

Metode Penelitian

Sistematika Penulisan

BAB II : Landasan Teori

Konsep Sistem Informasi

System Development Life Cycle (SDLC/Siklus Hidup

Pengembangan Sistem)

Analisis Sistem

Perancangan Sistem

Data Flow Diagram (DFD)

Data Dictionwy

Entity Relationship Diagram

Normalisasi

Flowchart Program

Macromedia Draemweaver MX

Active Server Pages (ASP)

Web Aplikasi

I-Ia I am an

11-111

IV-V

Vl-VJl

vm-x

XI

2

3

3

3

4

6

8

9

11

12

13

16

17

19

22

24

25

26

Inovasi 28

BAB Ill: Metodologi Penelitian .. Analisis S istem 31

Perancangan Sistem 34

Pemrograman Sistem 36

Penerapan Sistem 37

Perawatan Sistem 38

BAB IV: Pembahasan

Analisis Sistem 39

Gambaran Umum Organisasi 39

Sistem Be1jalan saat Ini 44

Analisis Sistem 49

Perancangan Sistem Usulan 50

Perancangan Proses Bisnis 50

Perancangan Data Flow Diagram 51

Perancangan Context Diagram 51

Perancangan Formulir Masukan dan Laporan 65

Perancangan Basis Data 66

Entity Relationship Diagram 67

Perancangan Normalisasi 69

Perancangan Data Dictionary 76

Perancangan Tampi!an 78

Pemrograman Sistem usulan 79

Penerapan Sistem Usulan 81

Perawatan Sistem Usulan 82

BABY Kesimpulan Dan Saran

Kesimpulan 84

Saran 85

Lampiran 86

DAFTAR TABEL

Halaman

Tabel 1 Notasi Kamus Data 17

Tabel 2 Flow Of Document Sistem Yang 47

Berjalan

Tabel 3 Lanjutan Flow of Document Sistem 48

Yang Berjalan

Tabel 4 Normal Kesatu Tabel T_Pencipta 69

Tabel 5 Normal Kesatu Tabel T _Mutu 69

Tabel 6 Normal Kesatu Tabel T_Inovasi 70

Tabel 7: Normal Kesatu Tabel T_Target 70

Tabel 8 Normal Kesa tu Tabel 70

T Transaksiinovasi


T _ InovasiPencipta


T InovasiMutu

Tabel 11 Normal Kedua Tabel T_Pencipta 72

Tabel 12 Normal Kedua Tabel T_Mutu 72

Tabel 13 Normal Kedua Tabel 73

T Masterinovasi

Tabel 14 Normal Kedua Tabel T_Target 73


T _InovasiPencipta


T InovasiMutu

Tabel 17 Tabel N ormalisasi Ketiga Sistem 75

Usulan

Tabel 18 Tabel Data T _Pencipta 76

Tabel 19 Tabel data T Mutu 77 TRhf>I ')fl T,..t...~1 T'\_..__,,.., ... .-

Tabel 21 Tabel Data T_Target 77

Tabel 22 Tabel Data T _InovasiPencipta 78

Tabel 23 Tabel Data T_InovasiMutu 78

Tabel 24 Formulir Input Data Pencipta 86

Tabel 25 Formulir Ubah Data Pencipta 86

Tabel 26 Formulir Hapus Data Pencipta 86

Tabel 27 Formnlir Input Data Mutu 87

Tabel 28 Formulir Ubah Data Mutu 87

Tabel 29 Fonnulir Hapus Data Mutu 87

Tabel 30 Formulir Input Data Inovasi 87

Tabel 31 F ormulir Ubah Data Inovasi 88

Tabel 32 F ormul ir Hapus Data Inovasi 88

Tabel 33 Formulir Input Data Transaksi 88

Inovasi

Tabel 34 Formulir Ubah Data 88

Transaksiinovasi

Tabel 35 Formulir Hap us Data Transaksi 89

Inovasi

Tabel 36 Formulir Input Data Target 89

Tabel 37 Forrnulir Ubah Data Target 89

Tabel 38 Formulir Hapus Data Target 90

Tabel 39 Formulir Input Data Transaksi 90

inovasi

Tabel 40 Formulir Ubah Data Trnsaksi 90

Inovasi

Tabel 41 ' Forrnulir Ha pus Data Transaksi 91

Inovasi

Tabel 42 Formulir Laporan Produk inovasi 91 Tabel 43 Forrnulir Laporan Target 91

DAFTAR GAMBAR

Halaman

Gambar 1 Simbol Kesatuan Luar 14

Gambar 2 Simbol Arus Data 14

Gambar 3 Simbol Proses 14

Gambar 4 Simbol Simpanan Data 15

Gambar 5 S imbo l Entity 18

Gambar 6 Simbol Relasi 18

Gambar 7 Simbol Atribut 19

Gambar 8 Simbol Atribut Sebagai Key 19

Gambar 9 Simbol Input atau Output 22

Gambar 10 Simbol Terminal 22

Gambar 11 Simbol Proses 23

Gambar 12 Simbol Garis Alir 23

Gambar 13 Simbol Penghubung 23

Gambar 14 Simbol Keputusan 24

Gambar 15 Siklus Hidup Pengembangan Sistem 30

Gambar 16 Simbol Dokumen 32

Gambar 17 Simbol Kegiatan Manual 32

Gambar 18 Simbol Simpanan (N) 33

Gambar 19 Simbol Simpanan (A) 33

Gambar 20 Simbol Simpanan (C) 33

Gambar 21 Simbol Keputusan 33

Gambar 22 Simbol Terminal 34

Gambar 23 Simbol Penghubung 34

Gambar 24 Struktur Organisasi Divisi Satelit 43

'Gambar 25 Context Diagram Sistem Usulan 53

Gambar 26 DFD Level I Sistem Usulan 57

Gambar 27 DFD Level 2 Proses 1.0 Pengolahan Data 59

Gambar 28 DFD level 2 Proses 2.0 Pengolahan Data 60

Mutu

Gambar 29 DFD Level 2 Proses 3.0 Pengolahan Data 62

Target

Gambar 30 DFD J;,evel 2 Proses 4.0 Pengolahan Data 63

Inovasi

Garn bar 31 DFD Level 2 Proses 5.0 Pengolahan Data 65

Transaksi I novasi

Gambar 32 ER Diagram Sistem Usulan 68

Gambar 33 Struktur Help Desk Divisi Satelit Untuk 83

S istem U sulan

Garn bar 34 Tampilan Awa] Sistem Usulan 92

Gambar 35 Tampilan Log In Administrator 92

Garn bar 37 Tampilan Menu Pengolahan Data 93

Garn bar 38 Ir.put data Pencipta 93

Gambar 39 Edit Data Pencipla 94

Gambar 40 Hapus data Pencipla 94

Gambar 41 Input Data Mutu 95

Gambar 42 Edit Data Mutu 95

Garn bar 43 f!apus data Mu/u 96

Gambar 44 Input Dala lnovasi 96

Gamba:r 45 Edit Data Inovasi 97

Gambar 46 Input Data Transaksi Inovasi 97

Gambar 47 Edit Data Transaksi lnovasi 98

Gambar 48 Delete Data Transaksi Inovasi 98

Gambar 49 Tampilan Data Report 99

Gambar 50 Edit Data Target 99

Gambar 51 Tampilan Pencarian JOO

Gambar 52 Detail Data Pencipta JOO

Gambar 53 Detail Data Produk inovasi 101

GamhRr <;LI T.,.-v.~ ,._ T'\ ~--'- - T

Garn bar 55 Edit Data Inovasi Mutu 102

Garn bar 56 Hapus Data Inovasi Mutu 102

Garn bar 57 Flowchart Input Data Pencipta 103

Garn bar 58 Flowchart Ubah Data Pencipia 104

Garn bar 59 Flowchart Hapus Data Pencipta 105

Garn bar 60 Flowchart nput Data Mutu 106

Garn bar 61 Flowchart Ubah Data Mutu 107

Garn bar 62 Flowchart Hapus Data Mutu 108

Garn bar 63 Flowchart Input Data Inovasi 109

Garn bar 64 Flowchart Ubah data Jnovasi 110

Garn bar 65 Flowchart Hapus Data Inovasi 111

Gambar 66 Flowchart Input Data lnovasi Pencipta 112

Garn bar 67 Floechart Ubah Data Inovasi Pencipta 113

Garn bar 68 Flowchart Hapus Data Inovasi Pencipta 114

Gambar 69 Flowchart Input Data Target 115

Gambar 70 Flowchart Update Data Target 116

Gambar 71 Flowchart Hapus Data Target 117

Gambar 72 Flowchart Pencarian Data 118

Gambar 73 Flowchart Input Data Inovasi Mutu 119

Gambar 74 Flowchart Ubah Data Inovasi Mutu 120

Garn bar 75 Flowchart Hapus Data Inovasi Mutu 121

Gambar 76 Masuk Menu Control Panel 122

Garn bar Tl Masuk Menu Administrative Tools 122

Gambar 78 Masuk Menu Data Source (ODBC) 123 Gambar 79 Masuk Kotak Dialog ODBC Data Source 123 Gambar 80 Masuk Kotak Dialog New Data Source 124 Gambar 81 Masuk Ke ODBC Ms Access Setup 124 Gambar 82 Select Database 125 Gambar 83 Selesai Memilih Database 125 Garn bar 84 Hasil Akhir Konfigurasi ODBC 126

LampiranA

Lampiran 13

Lampiran C

Lampiran D

LampiranE

DAFTAR LAMPIRAN

Halaman

86

92

103

122

127

BARI

PENDAHULUAN

1.1. Latar Belakang Masafah

Di era glo balisasi perkembangan dan kemajuan yang dicapai dalam

bidang teknologi tidak hanya pada perangkat keras tapi juga perangkat lunak,

dimana hai tersebut mendorong kemajuan pada bidang lainnya. Kemajuan

perkembangan teknologi tersebut diterapkan pada berbagai bidang kehidupan,

dari pekerjaan perkantoran hingga kegiatan sehari-hari, instansi pemerintahan

sampai instansi swasta atau perorangan, pemsahaan yang bergerak di bidang

profit maupun non profit.

Begitu juga pada Divisi Satelit PT Telekomunikasi Indonesia Tbk.

yang merupakan divisi yang be1ianggung jawab mengenai pengendalian

satelit, telah memanfaatkan komputer baik untuk kegiatan sehari- hari pada

pengendalian satelit. Namun masih ada beberapa pekerjaan yang dilaksanakan

secara manual, diantaranya manajemen basil inovasi - yaitu suatu acara lomba

mengenai penemuan-penemuan barn baik metode atau alat yang diadakan tiap

tahunnya di selumh representative office dan divisi PT Telekomunikasi

Indonesia Tbk.

Dengan melihat kondisi pada Divisi Satelit PT Telekomunikasi

Indonesia Tbk. penulis menco ba untuk mengembangkan suatu sistem

informasi pengelolaan produk inovasi yang berbasiskan web intranet. Berbasis

web karena sistem tersebut akan diakses oleh seluruh karyawan Divisi Satelit

dan divisi Jainnya. Dian1bilnya topik ini sebagai bahan skripsi, dikarenakan di

Indonesia sendiri belum memiliki suatu sistem informasi berbasis komputer

manajemen pengelolaan hak dan kekayaan intelektual yang berfungsi mendata

secara cepat dan tepat serta menyebarluaskan informasi-informasi penemuan

penemuan atau karya-karya barn.

1.2. Ruang Lingkup Masalah

J:'ada penulisan pengembangan proyek sistem informasi ini, penulis

hanya membatasi pembahasan pada tiga ha!. Pertama mengenai organisasi,

dimana sistem informasi produk inovasi akan diterapkan pada Divisi Satelit

PT Telekomunikasi Indonesia, Tbk.

Kedua mengenai keilmuan yang diterapkan yaitu sistem informasi.

Pada sistem informasi produk inovasi akan dibahas pengelolaan produk

inovasi, baik pengolahan - pendataan, ubah, hapus data, pencarian, dan

penyajian informasi produk inovasi. Dalam pengembangan sistem usulan,

penulis hanya membahas mengenai pengembangan aplikasi sistem yang

diusulkan. Tidak termasuk dengan Local Area Network (LAN), dikarenakan

pada divisi tersebut telah memiliki.

Ketiga mengenai tools atau alat yang digunakan dalam

.. "

informasi ini dibuat berbasis web dengan menggunakan bahasa pemrograman

Macromedia Dreamweaver MX dan ASP, serta Ms Access 2000 untuk

menampung basis data. Selain itu juga akan dibuatkan perancangan bagi

sistem informasi ini agar terbentuk suatu basis data yang baik, untuk

mempermudah pengelolaan data mengenai produk inovasi.

1.3. Tujuan dan Manfaat Penulisan

1.3.1. Tujuan Penulisan

Tujuan penu!isan skripsi ini adalah untuk mengusulkan

rancangan dan mengembangkan suatu aplikasi Sistem Informasi

Produk Inovasi yang berbasis web serta membangun suatu basis data

untuk menampung seluruh data mengenai produk inovasi dan

melakukan pencarian data dengan mudah se1ia menyajikan data

dengan cepat dan tepat.

1.3.2. Manfaat Penulisan

Manfaat dari penulisan skripsi ini, yaitu :

• Meningkatkan kelancaran kegiatan pengelolaan informasi produk

inovasi.

o Meningkatkan efektivitas pemrosesan. data dan pencanan data

sehingga karyawan, administrator, atau pihak manajemen dapat

mendapatkan data dengan ccpat dan mudah.

• Mengembangkan suatu sistem basis data yang baik untuk

menampung seluruh data.

• Meningkatkan produktivitas pegawa1 pada Divisi Satelit dalam

mengelola produk inovasi.

• Menclokumentasikan basil pengembangan sistem usulan yang baru.

1.4. Metodologi Penelitian

Dalam penulisan ini menggunakan beberapa metodologi yang

bertujuan untuk mempermudah pengembangan suatu sistem, baik dalam

pengumpulan data atau analisa clan perancangan sistem yang barn.

Metode-metocle yang digunakan untuk melakukan penelitian aclalah :

• Observasi

Metocle ini cligunakan untuk mencari dan mengumpulkan data clan

mengetahui bagaimana data tersebut clisimpan. Pengurnpulan data

tersebut dengan meneliti dokumen-dokurnen procluk inovasi yang ada

untuk mengetahui sistem yang lan1a. Observasi clilaksanakan pada :

• Tempat : Divisi Satelit PT Telekomunikasi Indonesia Tbk

JI Raya Narogong Km 26,5 Cileungsi Bogor Telp 62 21

'

" Waktu : 9 Februari- 17 Maret 2004

.. Studi pustaka

Pengumpulan data dengan cara membaca buku atau literatur lainnya

yang dapat dijadikan acuan berkenaan dengan penelitian untuk

mengembangkan sistem usulan.

• System Development Life Cycle

Metode System Development Life Cycle digunakan untuk pada tahap

pengembangan sistem usulan. Pada metode dan pendekatan ini terdapat

beberapa tahap, diantaranya :

• Analisis : Pada tahap ini dilakukan analisis terhadap sistem yang

sedang berjalan dan melakukan pendataan terhadap kebutuhan

kebutuhan terhadap sistem yang baru. Tools yang dignnakan pada

tahap ini adalah Flow of Document.

• Perancangan : Pada tahap ini dilakukan perancangan sistem usulan.

Dimana memililci empat talmp perancangan, yaitu : perancangan

. proses bisnis, perancangan formulir masukan dan !aporan,

perancangan basis data, normalisasi dan Data Dictionary, dan

merancang screen dialog atau Grafic User lntetface (GUI) atau

tampilan. Pada tahap inipennlis menggunakan tools Data Flow

Diagram (DFD) danjlowchart.

• Pemrograman ·: kegiatan yang dilakukan pad a taliap ini adalah

mentransfer dari hasil perancangan lee dalam coding bahasa

pemrograman. Bahasa pemroe:ran1an vano- rlimmolron o-i 0 1°i.

Macromedia Dreamweaver MX dan ASP sebagai aplikasi inte1face

dan Ms Access 2000 sebagai basis datMya. Pada pe1mograman juga

dilak:ukan pengetesan, meliputi Unit Test, Integration Test dan User

Acceptence Test (UAI).

• Penerapan : Dalam penerapan dilakukan dua ha! utama yaitu persiapan

Go-Live, yang dilakukan pada tahap ini yaitu pelatihan dan konversi

data, dan penerapan sistem usulan (Go-Live).

• Perawatan : Perawatan sistem usulan akan dilakukan oleh Help Desk.

Sehingga jika user mengalami kesulitan dalam menggnnakan sistem

usulan, maka bantuan akan dilakukan oleh Help Desk.

1.5. Sistematika Penulisan

Dalam penulisan skripsi pr::ngembangan sistem usulan ini, memiliki

sistematika penulisan sebagai berikut :

Bab I Pendahuluan

Menguraikan gambaran umum permasalahan yang berisi mengenai

latar belakang masalah, ruang Jingkup masalah, ttliuan dan manfaat

penulisan, metodologi penelitian, serta sistematika penulisan.

Bab II Landasan Teori

Menguraikan tentang landasan teori yang berkaitan dengan

penulisan, antara lain mengenai konsep sistem informasi, System

Develooment Life Cvcfa rl"n tnnfr otm• hohoon - 0-----------

Bab III Metodologi }>enelitian

Menguraikan secara rinci metodologi yang digunakan dalam analisis

sistem yang berjalan saat ini dan pengembangan sistem usulan yang baru.

Selain itu akan dibahas pula secara garis besar mengenai tahapan dari

penerapan dan perawatannya.

Bab IV Pembahasan

Menguraikan hasil penelitian pengembangan sistem usulan meliputi

analisis sistem, perancangan sistem usulan yang meliputi perancangan

proses bisnis, perancangan formulir masukan dan laporan, perancangan basis

data, perancangan tampilan antar muka ( Grafic User Inteiface ),

pemrograman, penerapan dan perawatan sistem

Bab V Penutup

Bab ini berisi kesimpulan dari pembahasan yang telah dilakukan

clan saran yang diharapkan dapat berguna bagi pengembangan sistem usulan

produk inovasi di waktu mendatang.

BABU

LANDASAN TEORI

2,1. Konsep Sistem Informasi

Sistem menurut Weinberg (1978) (dalam Kowal, 1992:3-4) adalah

sebuah asosiasi dari alat-alat, orrn1g-orang, peraturan-peraturan, dan atau

prosedur yang saling ketergrn1tungan yang disusun untuk membentuk sebuah

keutuhan dari semuanya untuk mencapai sebuah tujuan. Dalam Fathansyah

(1999:9) sistem adalah sebuah tatanan (keterpaduan) yang terdiri atas

sejumlah komponen fungsional (dengan satuan fungsi atau tugas khusus)

yang saling berhubungan dan secara bersama-sama bertujuan untuk

memenuhi suatu proses atau pekerjaan tertentu.

Dalam .Jogiyanto (1999:8) informasi adalah data yang diolah

menjadi bentuk yang lebih berarti bagi yang menerimanya. Menurut

Richardus (2002:35) informasi yang dihasilkan dari pengolahan data oleh

sistem !computer tidak hanya hrnus alrnrat dan cepat, namun harus pula

diperhatikan relevansinya dengan kebutuhan para pengambil keputusan

(decision maker).

Sistem informasi menurut Richard us (2002: 134) adalah bagain1ana

mengubah data menta11 menjadi informasi yang berguna bagi prn·a

peng:;imbil keputusan. Sistem informasi adalah suatu kumpulan dari

'

komponen-komponen dalam perusahaan atau organisasi yang berhubungan

dengan proses penciptaan dan pengaliran infonnasi.

Robert (1983) (dalam Jogiyanto, 1999:11) mcndefinisikan sistem

informasi adalah suatu sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung

operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.

John Burch (1986) (dalam Jogiyanto, 1999:12) mengemukakan bahwa

sistem informasi terdiri dari komponen-komponen yang disebutnya dengan

istilah blok bangunan (building block), yaitu blok masukan (input block),

blok model (model block), blok keluaran (output block), blok teknologi

(technology block), blok basis data (database block) dan blok kendali

(comrols block).

2.2. System Development Life Cycle (SDLC I Sildus Hidup Pengembangan

Sistem)

Dalam Jogiyanto (1999:4i) disebutkan proses pengembangan

sistem melewati beberapa tahapan dari mulai sistem itu direncanakan sampai

dengan sistem tersebui diterapkan, dioperasikim, dan dipelihara. Siklus ini

disebut dengan siklus hidup suatu sistem (system life cycle). Daur atau siklus

hidup dari pengembangan sistem merupakan suatu bentuk yang digunakan

untuk menggambarkan tahapan utama dan langkah-langkah di dalam

tahapan tersebut dalam proses pengembangannya.

Menurut Ma1iin (1970) (dalam Jogiyanto, 1999:42) siklus hidup

pengembangan sistem memiliki beberapa tahap diantaranya :

• System conception (Konsepsi sistem)

• Preliminary analysis (Analisis pendahuluan)

1. Preliminary problem definition (Pendefinisian masalah pendahuluan)

2. Investigation (Investigasi)

3. System proposal preparation (Persiapan ususlan sistem)

• System design (Desain sistem)

1. Detailed analysis ( analisis terinci)

2. Design decision (mendesain keputusan)

3. Design objective (mendesain sasaran)

4. System specification (rancang bangun sistem)

• Programming (Pemrograman)

1. Resolve specification (mernecahkan kembali rancang bangun)

2. Develop macro flowchart (mengembangkan bagan alir secara garis

besar)

3. Write program instruction (menulis instruksi progran1)

4. Assemble program (merakit program)

5. Prepare test data (mempersiapkan data untuk tes)

6. Make test run (melakukan pengetesan)

7. Check result (mengecek basil)

3. Data specification (Spesifikasi data), menentukan koleksi data secara

sistematik.

4. Evaluating and validating the logical design (Evaluasi dan validasi

peranangan logik), menentukan apakah metode pemrosesan saat ini alcan

diubah, dan bagaimana perubahan tersebut akan dibuat.

5. Logical design (Logika perancangan), secara logika menentukan sistem

dan mengindikasi bagian yang dimodifikasi.

2.4. Perancangan Sistem

Robert (1982) (dalarn Jogiyanto, 1999:196) perancangan sistem

dapat didefinisikan sebagai tahap setelah analisis dari siklus pengembangan

sistem yaitu pendefinisian dari kebutuhan-kebutuhan fungsional dan

persiapan untuk rancang bangun implementasi; menggambarkan bagaimana I

suatu, sistem dibentuk. Menurut John Burch (1986) (dalam Jogiyanto,

1999:196) perancangan sistem dapat didefinisikan sebagai penggambaran,

perencanaan dan pembuatan sketsa atau aturan dari beberapa elemen yang

terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Menurut George

M Scott (1986) (dalam Jogiyanto, 1999:196) perancangan sistem

menentukan bagaimana suatu sistem akan menyelesaikan apa yang harus

diselesaikan; tahap ini menyangkut konfigurasi dari komponen-komponen

perangkat ltmak dan perangkat keras dari suatu sistem sehingga setelah

3. D~ta specification (Spesifikasi data), menentukan koleksi data secara

sistematik.

4. Evaluating and validating the logical design (Evalnasi dan validasi

peranangan logik), menentukan apakah metode pemrosesan saat ini akan

diubah, dan bagairnana perubahan tersebut akan dibuat.

5. Logical design (Logika perancangan), secara logika menentukan sistem

dan mengindikasi bagian yang dirnodifikasi.

2.4. Perancangan Sistem

Robert (1982) (dalam Jogiyanto, 1999:196) perancangan sistem

dapat didefinisikan sebagai tahap setelah analisis dari siklus pengembangan

sistem yaitu pendefinisian dari kebutuhan-kebutuhan fungsional dan

persiapan untuk rancang bangun implementasi; menggambarkan bagaimana

suatu sistem dibentuk. Menurut John Burch (1986) (dalam Jogiyanto,

1999:196) perancangan sistem depat didefinisikan sebagai penggambaran,

perencanaan dan pembuatan sketsa atau aturan dari beberapa elemen yang

terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Menurut George

M Scott (1986) (dalam Jogiyanto, 1999:196) perancangan sistem

menentukan bagaimana suatu sistem alcan menyelesaikan apa yang harus

diselesaikan; tahap ini menyangkut konfigurasi dari komponen-komponen

perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah

memberikan masukan atau akan menerima keluaran. External Entity

disimbolkan dengan empat persegi panjang sebagai berikut :

D Gambar I. Simbol kesatuan luar

"Data flow (Arus Data)

Arus data disimbolkan dengan anak panah yang menuqjukkan arus

menuju ke dalam atau ke luar dari suatu proses. Selain menmtjukkan arah

arus, arus data juga mempresentasikan bit, karakter, fonnulir, bilangan

real, informasi atau laporan.

Gambar 2. Simbol arus data

e Process (Proses)

Komponen proses menggambarkan bagian dari sistem yang

mentransformasikan input ke output. Proses dapat merupakan sekumpulan

program atau satu program sebuah modul, dan dapat juga transformasi

data secara manual. Proses disimbolkan dengan lingkaran.

Gambar 3. Simbol proses

memberikan masukan atau akan menenma keluaran. External Entity

disimbolkan dengan empat persegi panjang sebagai beriknt :

D Gambar I. Simbol kesatuan luar

•Data flow (Arns Data)

Arns data disimbolkan dengan anak panah yang menunjukkan arus

menuju ke dalam atau ke luar dari suatu proses. Selain menunjukkan arah

aru~., arus data juga mempresentasikan bit, karakter, fmmulir, bilangan

real, informasi atau laporan.

Gambar 2. Simhol arus data

• Process (Proses)

Komponen proses menggambarkan · bagian dari sistem yang

mentransformasikan input ke output. Proses dapat merupakan sekumpulan

program atau satu program sebuah modul, dan dapat juga transformasi

data Pecara manual. Proses disimbolkan dengan lingkaran.

Gambar 3. Simbol proses

diuraikan lagi sampai level terendah, ini disebut Functional Primitive

Bubble.

2.4.2 Data Dictionary (Kamus Data)

Kamus data dalam Kowal (1992:79) adalah sebuah susunan daftar

yang berisi elemen data, arus data, s1mpanan data, elemen pengontrol,

pengontrol arus data, pengontrol s1mpanan data, dan penghubung

komunikasi yang digunakan pada diagram model.

Dalam Jogiyanto (1999:725) kamus data adalah katalog fakta

tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem

informasi. Dengan menggunakan kanms data, analis sistem dapat

mendefinisikan data yang mengalir pada sistem dengan lengkap. Kamus data

dibuat pada tahap analisis sistem dan digunakan pada tahap perancangan

sistem.

Notasi yang digunakan dalam kamus data, yaitu:

No. Simbol Keterangan

!. = Terdiri dari

2. + Dan

3. () Opsional (boleh ada atau tidak)

4. {} Pengulangan

5. [ l Memilih salah satu dari sejumlah alternatif

' 6. * * Komentar

7. @ Identifikasi atribut kunci

Tabel 1. Notasi kamus data

2.4.3 Entity Relationship Diagram (ERD)

Entity Reationship Diagram pertama kali diperkenalkan oleh Peter

Chen (1976) (dalam Kowal, 1992:104) adalah sebuah ilustrasi entitas

secara ~rafik Guga dikenal sebagai objek), atribut, dan relasi (relationship)

yang ada di antara mereka.

Dalam Fathansyah (1999:70) disebutkan model Entity Relationship

Diagram yang berisi. komponen-komponen himpunan entitas dan relasi

masing-masing dilengkapi dengan atribut- atribut yang merepresentasikan

selurnh fakta dari "dunia nyata" yang kita tinjau, dapat digambarkan dengan

lebih sistematis dengan menggunakan Entity Relationship Diagram (ERD).

Komponen-komponen yang ada dalam ERD, adalah :

"Entitas

Merupakan rcprescntnsi dari scbuah objck tcrnpat dimana sistcn\

menyimpan data. Simbol untuk entitas digambm-kan dcngan empal perscgi

paqjang.

Gambar 5. Simbol entity

• Himpunan relasi

Himpunan relasi adalah perantara yang menghubw1gkan antara dua a.tau

lebih entita s. Ada empat ( 4) jenis relasi yaitu :

• relasi one to one : relasi yang ada ketika kita menghubungkan tepat 1

data pada suatu label dengan 1 data lai1mya pada tabel lain.

e Relasi one to many : relasi yang terbentuk ketika kita menghubungkan

secara tepat 1 data pada suatu tabel dengan 1 atau lebih data pada tabel

lainnya.

• Relasi many to one : relasi yang terbentuk ketika kita menghubungkan

secara tepat I atau lebih data pada snatu tabel dengan I data pada tabel

lainnya.

• Relasi many to many relasi yang terbentuk ketika kita

menghubungkan secara tepat 1 atau lebih data pada suatu tabel dengan

1 atau lebih data pada tabel lainnya.

Simbol relasi digambarkan dengan bentuk belah ketupat.

<>

• Atribut

Atribut adalah data yang dihubungkan dengan entitas. Atribut berguna

untnk menjelaskan, mengidentifikasi dan mengekspresikan hubungan

antar entitas. Simbol atribut digambarkan dengan ellips.

0 Gambar 7. Simbol atribut

2.4.4 Normalisasi

Gambar 8. Simbol atribut a sebagai key

Dalam Fathansyah (1999:37) pada perancangan sistem, selain

menggunakan Entity Relationship Diagram dapat juga mempergunakan

teknik normalisasi. Normalisasi sendiri merupakan cam pendekatan lain

I

dalam :membangun perancangan logik basis data relasional yang tidak secara

langsung berkaitan dengan model data, tetapi dengan menerapkan sejumlah

aturan dan kriteria standar untuk menghasilkan struktur tabel yang normal.

Pada saat melaksanakan normalisasi, wajib mengikuti aturan-aturan

dan kriteria tertentu untnk menghasilkan bentuk tabel normal. Beberapa

istilah yang digunakan pada normalisasi adalah :

• Atribut

Atribut memiliki fungsi sebagai pembentuk karakteristik (sifat-sifat)

yang melekat pada sebuah tabel. Contoh : Tabel anggota rnerniliki

atribut No_Anggota, Nama, Bagian, clan lainnya.

GI Key

Key merupakan satu atau gabw1gan dari beberapa atribut yang dapat

membedakan semua baris data (row) dalam tabel secara unik. Jika

suatu atribut dijadikan key, maka tidak boleh ada dua atau Iebih baris

data dengan nilai yang sama untuk atribut tersebut. Ada tiga macam

key yang diterapkan pada tabel yaitu :

1. Superkey

Yaitu 1 atau lebih atribut yang dapat membedakan setiap record

dalam sebuah tabel secara unik.

2. Candidatkey

Merupakan kumpulan atribut minimal yang dapat membedakan

setiap baris data dalam sebuah tabel secara w1ik. Sebuah

candidatkey sudah pasti merupakan superkey tapi superkey belum

tentu candidatkey.

3. Primary key

Y aitu key yang sudah pasti menjadi pembeda antar baris dan key

W1tuk sebuah tabel. Kriteria primary key :

• Key tersebut harus sering menjadi acuan

• Key tersebut lebih ringkas

• Jaminan key tersebut lebih baik

• Functional Dependency (KetergantW1gan Fungsional)

Suatu atribut yang secara fungsional menentuk<m atribut Iain atau

NIK Nama, Bagian, No_Ekstensi.

Ini berarti NIK secara fungsional menentukan atribut yang lainnya.

Sebuah tabel dapat dikategorika,1 baik atau normal, harus mernenuhi tiga

!criteria berikut :

1. Jika ada dekornposisi tabel, rnaka dekomposisinya harus dijamin aman

(Lossless-Join Decomposition).

2. Terpeliharanya ketergantungan fungsional pada saat perubahan data

(Dependency Preservation).

3. Tidak melanggar BCNF (Boyce-Code Normal Form).

Bentuk- bentuk normalform yang ada:

1. First Normal Form (Normal Tahap Kesatu)

Pada bentuk normal pertama ini terpenuhi jika sebuah tabel tidak

memiliki multivalued attribute yaitu atribut bernilai banyak atau Jebih

da.ri sa.tu atribut dengan domain nilai yang sama.

2. ;'Jecond Normal Form (normal Tahap Kedua.)

Sua.tu relasi dikatakan sudah memenuhi bentuk normal kedua. bila.

rela.si tersebut sudah memenuhi bentuk normal kesatu dan non key

atributnya. sudah tergantung kepada. keynya ..

3. Third Normal Form (normal Tahap Ketiga)

Sebuah tabel dikatakan berada. pad a tahap normal tahap ketiga (3rd

NF), jika. relasi tersebut sudah memenuhi bentuk normal kedua clan

non key atributnya harus tergantung sepenuhnya pada primarykeynya

terhadap keynya. Dengan notasi: X A '1imono A

mewaliki semua atribut tunggal di dalam tabel yang tidal< ada di dalam

X (superkey).

2.4.5 Flowchart Program (Bagan Alfr Program)

Flowchart dalam Jogiyanto (1999:802) merupakan model untuk

menggambarkan bagaimana sistem berjalan secara logika dan sistematis.

Flowchart merupalrnn bagan yang menjelaskan secara rinci langkah-langkah

dari proses program. Bagan alir program dibuat dengan menggunalrnn

komponen-komponen sebagai berikut ini :

" Sirnbol input atau output

Sirnbol ini menyatal<an masukan atau keluaran. Simbol input atau ouput

digambarkan sebagai berikut :

,___/ ___,/ Gambar 9. Simbol input atau output

• Simbol terminal

Simbol ini menyatal<an awal atau al<hir dari suatu proses. Disimbolkan

sebagai berikut :

( __ ) Gambar 1 0. Simbol terminal

• Simbol proses

Simbol ini digunakan untuk mewakili suatu proses. Digambarkan sebagai

berikut:

Gambar IL Simbol proses

• S imbol garis alir

simbol ini menunjukkan arus dari atau ke luar proses

i 1 Gambar 12. Simbol garis alir

• Simbolpenghubung

Simbol ini menunjukkan sambungan dari bagan alir yang terputus di

halaman yang sama atau di halaman lainnya. Disimbolkan sebagai berikut

0 0 Gambar 13. Simbol penghubung

• Simbol keputusan

Simbol ini digunakan untuk menunjukkan suatu penyeleksian kondisi di

dalam program. Digambarkan dengan belah ketupat sebagai berikut :

Gambar 14. Simbol keputusan

2.5. l\1acromcdia Dreamweaver MX

Macromedia Dreamweaver MX dalam Stendy (2003:19) merupakan

kelanjutan dari versi sebelumnya dirnana pada versi ini terdapat beberapa

tambahan yang dapat rneningkatkan kinerja dari program komputer.

Macromedia Dreamweaver MX merupakan suatu perangkat lunak untuk

membangun. merancang, dan memanajemen sebuah situs, situs statis

maupun situs dinamis.

Menurut Garo (2003:3) Macromedia Dreamweaver MX adalah

pembangun HTML dengan apa yang kau lihat itu yang kau dapat. Pada

Macrornedia Dreamwe.aver kita dapat berpindah ke editor HTML lainnya

dengan mudah seperti Frontpage tanpa adanya perubahan pada kode

program yang telah dibuat.

Macromedia Dreamweaver MX rnemiliki kemampuan untuk

membangun web aplikasi. Macromedia Dreamweaver MX dapat diirnnakan

untuk membangun situs yang dinamis, misalnya untuk membangun situs

bcrita online, e-mail, e-commerce, dan lainnya. Situs dinamis merupakan

situs yang mengguriakan basis data yang datanya dapat ditambah, diubah,

atau dihapus dengan menggunakan halaman-halaman web. Data yang

ditampilkan pun dinamis karena diambil dari basis data.

Pada Macromedia Dreamweaver MX ini terdapat fasilitas yang

benar-benar barn yaitu live data view. Dengan fasilitas ini, kita dapat

langsung menguji atau melihat basil perancangan tanpa menggunakan

fasilitas localhost. Macromedia Dreamweaver MX juga merupakan text

editor bagi bahasa pengembangan web dinamis, diantaranya Active Server

Pages (ASP), Perl, ColdFusion, PHP, dan lainnya.

2.6. Active Server Pages

Active Server Pages (ASP) merupakan tools canggih untuk membuat

website lebih menarik, dinamis, dan interaktif: ASP adalah script

pemrograman yang beke1ja di lingkungan website dan internet dan memiliki

ekstensi .asp. Kita bisa menulis beragam procedure, function, dan kode-kode

laim1ya selayaknya kita merancang sebuah aplikasi perangkat lunak

komputer. Bedanya, kita tidak menciptakan software-software. Tetapi

menciptakan website yang man1pu membuat dirinya tampak dinamis serta

interaktll.

Dalam Gregorius (2003:2) disebutkan bahwa Active Server Pages

sering terlibat dalam proyek-proyek pembangunan website mutakhir. la bisa

kita Jibatkan dalam proyek perancangan shopping curl untuk web e

commerce, proyek pembuatan iklan online, challin[',, banner adverlising, hit

counter, buku tamu,form e-mail, lelang online, dan masih banyak Jagi.

Active Server Pages merupakan pcrangkat lunak yang diproduksi

oleh Microsoft pada 16 Juli 1996 dan telah mengalami masa-masa

perbaikan. ASP ini dibungkus bersama-sama dengan paket Internet

!reformation Server (!IS) dan Personal Web Server (PWS). Active Server

Pages merupakan bahasa pemrograman yang bersifat server-side yang

memiliki arti bertanggung jawab terhadap pengolahan kode-kode ASP

sampai siap dikirim ke layar monitor adalah web server. Selain itu ASP

memiliki kemampuan untuk dikombinasikan dengan teks, HTML, dan

komponen-komponen lain untuk membuat suatu halaman web yang dinamis

dan interaktif.

2.7. Web .Aplikasi

Dalam Garo (2003:15) sebuah web aplikasi adalah web yang dapat

mengirim data dinamis, seperti Amazon.com dan eBay.com, tidak seperti

data statis yang harus diubah secara manual. Web aplikasi telah merujuk

sebagai pengcndali data, basis data, dan situs dinamis. Dalam hampir semua

kasus, sebuah web aplikasi melibatkan sebuah basis data dan pemrograman

server side, seperti ASP, Cold Fusion, PHP, dan lainnya.

Web aplikasi tidak hanya satu, mereka dapat menangani banyakform

dan melayani kebutuhan yang beragam. Web aplikasi dapat digunakan untuk

menangani e-commerce, pelacakan sistem inventori, dan tentm1g apa saja

yang memerlukan informasi dengan jumlah yang sangat banyak. I

2.8. Microsoft Access 2000

Dalam Riyanto (2000:14) Microsoft Access 2000 adalah perangkat

lunak pengolahan basis data yang cocok untuk mengolah informasi dalam

jumlah yang banyak. Salah satu perangkat ·Junak yang terkemuka dan

banyak digunakan sckarang adalah Microsoft Access 2000. Microsoft

Access 2000 menyediakfil1 banyak cara peragafil1 informasi yang dibuat

dengar : Query, form, atau report. Masing-masing mempunyai fungsi

tersendiri.

Basis data adalah kelompok informasi yfil1g diatnr berhubungan

dengfil1 pengolahan data, penyediaan informasi, dan penggu11aan referensi.

Dalam basis data terdapat tabel-tabel dan di dalam tabel tersebut terdapat

field yaitu tempat, dimana informasi ditampung dan record adalah

sekumpulan informasi yang berhubungan dengan informasi di dalam suatu

field.

2.9. Inovasi

Dalam Berne Union for the Protection of Literary and Artistic

Property (Berne Convention) dari www.whatiscopyright.com disebutkan

hak cipta adalah suatu perlindungan yang meliputi literatur yang

dipublikasikan dan tidak dipubikasikan, peke1jaan keilmuan atau kesenian,

apapun bentuk ekspresinya, membuat suatu pekerjaan baik dalam bentuk

tangible atau berbentuk materi. Ini berarti bahwa jika Anda melihat,

mendengar, atau menyentuh barang tersebut yang mungkin terlindungi.

Apakah itu sebuah essay, apakah itu sebuh permainan, apakah itu

sebuah lagu, apakah itu sebuah gerak dansa asli yang lucu, apakah itu

sebuah foto, pemrograman HTML atau komputer grafis yang dapat disusun

dalam kertas, direkam pada tape atau disimpan pada hard drive, itu mungkin

dilindungi.

Hukum hak cipta menjamin pencipta hak eksklusif untuk

memproduksi ulang, mempersiapkan pekerjaan turunannya,

mendistribusikan, menampilkan, dan menunjukkan pekerjaam1ya. Ekslusif

berarti hanya pencipta pekerjaan tersebut, tidak orang lain yang memiliki

akses dan memutuskan untuk mengan1bil peke1jaan tersebut.

, Perlindungan hak cipta dimulai ketika siapa saja yang menjelaskan

adala'i yang menciptakan dan disusun dalam suatu form yang tangible.

Bernb Convention menerbitkan sebuah periode umum dan minimum yang

BAB III

METODOLOGI PENELITIAN

Dalam pengembangan sistem informasi usulan ini terdapat siklus

pengembangan untuk mengembangkan sistem seperti yang telah disebutkan pada

Bab I dan diuraikan pada Bab II, yaitu system development life cycle (siklus hidup

pengembangan sistem). Siklus hidup dari pengembangan sistem mernpakan suatu

bentuk yang digunakan untuk menggambarkan taliapan utama dan langkah-

langkah di dalam taliapan tersebut dalam proses pengembangannya.

Siklus hidup pengembangan sistem dapat diuraikan tahapan-tahapan

utamanya sebagai berik:ut yaitu dimulai dari analisis sistem, perancangan sistem,

penerapan sistem dan perawatan sistem.

Analisis Sistem

Perancangan Sistem

Penerapan Sistem

Pemeliharaan Sistem

Gambar 15. Siklus hidup pengembangan sistem

Dalam pengembangan sistem, alur atau siklus pengembangan dapat diikuti

masing-mm ing tahapnya. Namunpada praktiknya, ada beberapa tabap yang dapat

dilakukan secara bersamaan (overlapping), ha! ini dilakukan untuk mempercepat

mendapatkan hasil yang diinginkan dan memuaskan. Di bawah ini akan diuraikan

secara garis besar mengenai tabapan dari siklus pengembangan sebagai berikut :

3.1. Anali.sis Sistem

Seperti telah diuraikan pada bab sebelumnya pada analisis sistem

akan menganalisis pengelolaan produk inovasi pada Divisi Satelit yang

berjalan saat ini dan mengusulkan sistem yang baru agar dapat memperbaiki

kinerja.

Pada proses analisis sistem akan diuraikan mengenai :

1. Gambaran Umum Organisasi

Menguraikan tentang organisasi tempat dilakukan observasi.

2. Sistem Berjalan Saat Ini

Akan diuraikan mengenai sistem mengenai pengelolaan produk

inovasi yang berjalan saat ini pada Divisi Satelit.

3. Analisis Sistem

Pada analisis sistem, dilakukan analisis dari sistem yang berjalan juga

digambarkan aliran dokumen produk inovasi yang ada dengan

menggunakan tools flow of document.

Berikut ini merupakan komponen-komponen yang digunakan pada

flow ofdocument :

o Dokumen I

Menunjukkan dokumen masukan dan keluaran baik untuk proses manual,

mekanik atau komputer.

Dokumen digambarkan dengan :

Gambar 16. Simbol dokumen·

• Kegiatan manual

Menunjukkan pekerjaan manual. Digambarkan dengan simbol sebagai

berikut:

Gambar 17. Simbol Kegiatan Manual

• Simpanan offline

Menunjukkan simpanan data secara manual. Terdapat tiga (3) maeam

simpanan data yaitu :

• File non-komputer yang diarsip diurut secara angka. Digambarkan

dengan simbol berikut :

N

Gambar 18. Simbol simpanan (N)

• File non-komputer yang diarsip secara alphabet. Digambarkan

dengan simbol sebagai berikut:

Gambar 19. Simbol simpanan (A)

• File 11011-komputer yang diarsip secara tanggal. Digambarkan dengan

simbol sebagai berikut : ~-~

c

Gambar 20. Simbol simpanan (C)

• Keputusan

Menunjukkan pengambilan keputusan. Digambarkan dengan simbol belah

ketupat.

Gambar 21. Simbol keputusan

•Terminal

Menunjukkan kapan dimulai atau diakhirinya suatu aliran dokumen.

Digambarkan dengan e!lips.

(~_) Gambar 22. Simbol terminal

• PengLubung

Menunjukkan penghubung ke halaman yang sama atau yang lain.

Digambarkan dengan lingkaran.

0 Gambar 23. Simbol penghubung

3.2. Pernncangan Sistem

Setelah dilakukannya analisis sistem, maka yang dilalcukan

berikutnya adalah melakukan perancangan sistem infonnasi produk inovasi

usulan. Dengan adanya rancang bangun sistem informasi produk inovasi

usulan maka akan mempermudah penerapan sistem. Perancangan sistem

mempunyai dua maksud atau tujmm utama, yaitu :

• Untuk memenuhi kebutuhan kepada pemakai sistem

• Untuk memberikan gambaran yang jelas dan rancang bangun yang

lengkap kepada pemrogram komputer dan ahli-ahli teknik lainnya yang

terlibat.

Pada taliap perancangan sistem usulan terdapat beberapa tools yang

digunakan untuk mempermudah perancangan dan juga agar lebih sistematis.

Peran~angan sistem terdiri atas :

I. Pcrancangau proses bisnis :

Dalam perancangan proses bisnis sistem usulan ini menggunakan tools

yaitu Data Flow Diagram (DFD) untuk menggambarkan aliran data atau

proses yang mengalir pada DFD.

2. Perancangan formulir masukan dan laporan

Pada perancangan formulir masukan akan dibuat perancangan formulir

yang akan digunakan pada pengelolaan .data-data mengenai produk

inovasi. Pada perancangan laporan akan dirancang laporan mengenai

produk inovasi.

3. Perancangan basis data

Pada perancangan basis data produk inovasi ini menggunakan beberapa

tools yaitu Entity Relationship Diagram, pada diagram ini dapat dilihat

bagaimana relasi antar entitas dan bentuk hubungan relasinya yang ada

pada sistem inovasi usulan, normalisasi yang bertujuan membuat label-

tabel agar menjadi nonnal dengan menerapkan sejumlah peraturan dan

kamus data dan tabel da1a yang digunalcan untuk melihat struk1ur tabel

yang akan dibuat.

4. Penmcangan screen dialog!Grafic User Interface (perancangan tampilan

antar muka).

Pada perancangan ini bagaimana tampilan atau intetface akan dibuat

sehingga didapat tampilan yang user friendly.

3.3. Pcmr)lgraman Sistem

Setelah dilakukan perancangan sistem usulan, tahap berikutnya yang

dilakukan adalah pemrograman sistem usulan menggunakan Ms Access

2000 sebagai basis data, Macromedia Dreamweaver MX, dan ASP sebagai

bahasa pemrograman yang telah ditentukan pada analisis sistem.

Pada tahap pemrograman ini terdapat beberapa ha! yang dilakukan,

yaitu

• Merancang aliran program

Pada perancangan ini digunakan tools yaitu flowchart. Flowchart ini

menggambarkan logilca program sistem usulan yang akan be1jalan.

• Pemrograman

Pada pemrograman dilakukan transfer hasil perancangan ke bahasa

pemrograman yang telah ditentukan pada analisis sistem. Dalam

pemrograman ini juga terdapat konfigurasi Open Data Base

Connection (ODBC) yang merupakan middleware antara basis data

dan bahasa penu·ograman.

• Pengetesan

Beberapa macam pengetesan program yang dilakukan adalah :

• Unit Test

Dalam unit test ini dilakukan pengetesan terhadap suatu bagian

program untuk mengetahui apakah bagian program dapat berfungsi

dengan baik ketika dimasukkan atau untuk menampilkan data.

• Integration Test

Pada integration test diiakukan pengetesan terhadap program yang

telah selesai secara kese!uruhan, dari awal sampai akhir pro gram.

• User Acceptence Test

Pada user acceptence test dilakukan pengetesan terhadap program

yang telah selesai oleh user. Diakukan untuk mengetahui apakah

program yang dibuat dapat dirnengerti dan dijalankan dengan

mudah oleh user.

3.4. Penerapan Sistem

Setelah melakukan pemrograrnan sistem tahap yang selanjutnya

dilakukan adalah penerapan sistem. Dalam penerapan sistem dilakukan

persiapan Go-Live dan penerapan Go-Llive sistem usulan.

· Pada persiapan Go-Llive dilakukan pelatihan kepada user dan data

konversi. Pada penerapan Go-Llive dilakukan penerapan sistem usulan pada

LAN Divisi Satelit.

3.5. Perawatan Sistem

Setelah pcnerapan sistem yang perlu dilakukan selanjutnya adalah

perawatan terhadap sistem yang telah diterapkan. Perawatan sistem ini

dilakukan oleh Help Desk, yaitu ahli Teknik Informatika, yang merupakan

bagian yang berada di bawah Bagian Pengendalian Satelit. Help Desk akan

memberikan bantuan jika para karyawan mengalami gangguan atau

kesulitan pada sistem usulan saat mereka menggunakan sistem usulan.

BAB IV

PEMBAHASAN

Seperti telah diuraikan pada bab sebelumnya yaitu mengenai siklus hidup

pengembangan sistem serta tahapan-tahapan yang dilakukan pada pengembangan

sistem. Dimana dalam tahapan-tahapan pengembangan sistem tersebut terdapat

sub pokok bahasan untuk dapat memudahkan pengembangan sistem usulan.

Berikut ini merupakan pembahasan secara rinci mengenai pengembangan sistem

usu Ian.

4.1. Analisis Sistem

Dalam analisis sistem, seperti yang telah dijelaskan pada bab

sebelumnya, diuraikan tiga ha!, yaitu mengenai gambaran umum organisasi,

sistem yang berjalan saat ini (current system) dan analisis sistem saat ini

(current system analysis). Secara rinci dijelaskan di bawah ini :

4.1.1. Gambarnn Umum Organisasi

27 September 1945, tepatnya empat puluh hari setelah

proklamasi, secara resmi pemerintah Republik Indonesia

membentuk Jawatan Pos, Telegraf dan Telepon atau PTT yang

bertanggung jawab dalam bidang pe1ielekomunikasian. Dengan

berlakunya Peraturan Femerintah (PP) Pengganti Undang-Undang

'·

negara, akhir tahun 1961 Jawatan PTT resmi menjadi perusahaan

Pos Dan Telekomunikasi atau PN Postel. Pertengahan tahun 1965

PN Postel dipecah menjadi dua, yaitu menjadi PN Pos dan Giro

serta PN Telekomunikasi.

Sesuai ketentuan baru yang ditetapkan mulai tahun 1969,

yaitu membentuk Badan Usaha Milik Negara (BUMN) menjadi

tiga jenis, yaitu Perusahaan Jawatan, Perusahaan Umum dan

Perusahaan Perseroan atau Persero, maka sejak tahunl974 PN

Telekomunikasi mengalami perubahan bentuk menjadi Perusahaan

Umum (Perum) Telekomunikasi (Perumtel) sebagai badana usaha

tunggal yang bertanggung jawab dalam penyelenggaraan jasa

telekomunikasi untuk umum, di dalam negeri maupun ke luar

negeri.

Selanjutnya melalui PP No.25 Tahtm 1991 Perumtel diubah

bentuknya menjadi Perusahaan Perseroan. Sehingga namanya

menjadi PT Telekomunikasi Indonesia (PT Telkom). Namun misi

dan tanggung jawabnya tetap sebagai suatu badan usaha negara.

Ketika sebuah perusahaan dalam kondisi sehat dan merencanakan

ekspansi, sementara dana yang ada terbatas, maka yang dilakukan

adalah mengumpu!kan modal melalui penjualan saham.

Sejak 1 Juli 1995 Telkom melakukan restrukturisasi di

bidang usaha untuk mengganti struktur sebelunmya. Dalam ha! ini

bidang usaha tersebut dibagi menajdi tiga, yaitu (a) bidang usaha

utama (terdiri dari tujuh Divisi Regional dan satu Divisi Network),

yaitu menyelenggarakan jasa telepon lokal dan jarak jauh dalam

negeri; (b) bidang usaha terkait (terdiri dari selular dan usaha-usaha

lain), termasuk jasa STBS (Sambungan Telepon Bergerak Selular),

sirkit Jangganan, teleks, penyewaan transponder sate] it, VSA T (

Very Small Apperture Terminal, yaitu jasa telekomunikasi yang

menggunakan transmisi melalui satelit dengan antena yang relatif

kecil, umunmya berdiameter l,5 sampai 3 meter) dan jasa nilai

tambah tertentu, diselenggarakan oleh Telkom atan pernsahaan

patw1gan Telkom; ( c) bidang usaha pendukung ( terdiri dari Divisi

Sistem Informasi, Divisi Atelier, Divisi Pelatihan, Divisi Properti,

dan Divisi Riset Teknologi Informasi).

Dalam perkembangannya, Rapat Umum Luar Biasa Para

Pemegang Saham Telkom yang keputusannya terdapat dalam Aleta

Berita Acara No. 52 tertanggal 17 Juli 1995 yang dibuat oleh

Notaris Imas Fatimah, S.H., antara lain memutuskan untuk

menghimpun dana dari masyarakat melalui pasar modal dalam

negeri maupun lum- negeri dengan ri:Jeajual saham milik negara

atau sallam barn.

Langkah go public yang diambil oleh Telkom, ternyata

memiliki dampak bahwa Telkom menjadi milik masyarakat luas

dan penanggung jawab perkembangan telekomw1ikasi nasional

yang memiliki nilai strategis.

Salah satu Divisi yang ada pada PT Telkom yaitu Divisi

Network. Divisi Network membawahi suatu bidang yaitu Stasiun

Pengendali Utama (SPU) Cibinong. SPU Cibinong ini merupakan

salah satu subsistem ruas bumi yang berperan penting dalam

sejarah sistem satelit telekomunikasi di Indonesia. SPU Cibinong

ini dibangun di atas tanah seluas sebelas hektar dan diresmikan

tahun 1976 bersamaan dengan masa peluncuran satelit Palapa A

yang merupakan satelit pertama milik Bangsa Indonesia.

SPU Cibinong memiliki berbagai tugas diantaranya

pengendali utama satelit di belahan bumi bagian timur, menggeser

satelit ke lokasi barn, juga merubah posisi satelit sehingga berbalik

180 derajat, sesuai permintaan calon pemakai. Se lain itu juga, SPU

Cibinong telah membantu peluncuran satelit milik swasta dari

negara lain untuk pengendalian di belahan bumi bagian timur. Saat

ini, SPU Cibinong disibukkan dengan persiapan untuk peluncuran

Satelit Telkom-2. SPU Cibinong atau Divisi Satelit ini dipimpin

oleh seorang General Manager yang membawahi beberapa bagian

yaitu Pengembangan Produk (Bang produk), Pengendalian Satelit

(Dalsat), Pengembangan Operasional dan Pemelibaraan (Bang

ophar), Administrasi. Bagian Pengendalian Satelit membawahi

beberapa bagian yaitu Analisis Data, Operasi Satelit Spinner,

Operasi Satelit Three Axis dan Operasi Komunikasi. Berikut ini

merupakan struktur organisasi pada SPU Cibinong.

l Bang produk

fl>

fl>

fl>

~

General Manajer Satelit

Sekretariat

l Dal sat Bang ophar

Analisa Data

Operasi Satelit Spinner

Oi;ierasi Satelit Three Axis

Operasi Komunikasi

Gambar 24. Struktur Organisasi Divisi Satelit

l Administrasi

4.1.2 Sistcm Bc1:jala11 Saat Ini

Pada PT Telekomunikasi Indonesia Tbk .. setiap tahunnya

diadakan suatu acara lomba yaitu lomba produk inovasi. Lomba ini

diikuti oleh seluruh bagian pada divisi, representative office dan

kantor perusahaan. Dimana pada tingkat divisi terdapat seleksi

yang dilakukan oleh administrator yang biasanya terdiri dari tiga

(3) orang.

Sebelum dilakukan penyeleksian oleh administrator, para

karyawan dari masing-masing bagian mengumpulkan produk

inovasi yang telah mereka buat kepada asisten manajer divisi untuk

divalidasi. Setelah divalidasi oleh asisten manajer divisi, kemudian

dokumen produk inovasi diberikan kepada manajer divisi untuk

disetujui. Setelah dokumen produk inovasi disetujui oleh manajer

divisi, kemudian dokumen produk inovasi tersebut diberikan

kepada administrator untuk dikelompokkan sesuai dengan mutu.

Apabila terdapat suatu produk inovasi yang tidak memenuhi mutu

maka akan ditolak. Sedangkan produk inovasi yang memenuhi

nmtu dianalisis. Setelah dianalisis dilakukan evaluasi apakah

produk inovasi pada tahun sekarang telah mencapai target

pencapaian ym1g telah ditetapkan.

Misalnya karyawan pada Divisi Satelit be1jumlah seratus

orang, malca target pencapainnya ada!ah 100 dibandingkan dengan

tm·get real yang diperoleh oleh pm·a karyawm1 misalnva 90. Setd~ h

itu dilakukan penilaian dan didapat nilai yang dicapai, yaitu 90/100

x I 00% = 90%. Nilai pencapaian target yang diperoleh tahun

sekarang adalah 90%. Setelah didapat nilai target pencapaian,

dilakukan evaluasi terjadinya penurunan pencapian target.

Setelah dilakukan evaluasi penyebab menurunnya target

real, maka dilakukan 3eJeksi tingkat divisi untuk mencari juara di

tingkat divisi. Hasil seleksi tingkat divisi dikirim ke Kantor Pusat

Bandung. Dari basil seleksi seluruh divisi, representative office,

dan kantor pusat sendiri dikumpulkan dan dilakukan penilaian di

tingkat pusat untuk mencari juara umum satu (1 ), dua (2), dan tiga

(3).

I-Iasil penilaian pada tingkat pusat akan dikembalikan lagi

ke masing-masing divisi. I-Iasil evaluasi pencapaian target yang

dilakukan oleh administrator, selain dikirim ke kantor pusat, oleh

administrator dibuatkan juga laporan pencapaian target. Laporan

evalusi pencapaian target tersebut diberikan kepada para karyawan

sebagai bahan evaluasi dan perbaikan untuk mengikuti lomba

produk inovasi pada tahun mendatang.

Pengelo laan produk inovasi seperti pengelompokkan mu tu,

pendataan produk inovasi - pada sistem yang be1jalan saat ini

masih dilakukan secara manual, sehingga pengelolaan data-data

atau pencarian informasi masih dilakukan secara manual begitu

juga dengan pembuatan laporan.

Pada tabel.2 dan tabel 3 pada halaman 47 dan halaman 48

dapat dilihat flow of document untuk menggambarkan bagaimana

dokumen produk inovasi mengalir.

Karyawan

cs!art)

Mengumpulk an inovasi

1 Dokumen Inovasi

Ass Mnjr Divisi

2 Dokumen

Inovasi

Validasi dokumen

2 Dokumen Inovasi

Manajer Div_isi

2 Dokumen Inovasi

Dokumen disetujui

2 Dokumen Inovasi

Administrator

2 Dokumen

Inovasi

Pengelompok 7 kan sesuai

mu tu

Apakah sesuai sasaran mutu?

Ya

Analisis target pen ca pain

Tabel 2. Flow Of Document Sistem Yang Berjalan

'

Kantor Pusat Bandung

Tidak

Ditolak

47

Kary a wan Ass. Mnjr Divisi Manajer Divisi Administrator Kantor Pusat Bandung

B

? Hasir-GKIY!

\ Evaluasi penurunan target ...______,

I • \ Penetapw I 2

Lap juara 1,2,3 penurunan 1 2 ' Lap perfonnwsi Pelak=~ ii l penurunan

GKM tgkt divisi perfonnws

I ~ I i inovasi Pemenwg 2 ,

? inovasi

' '

YI Hasil I~

~ 2 - GKM I ~-----~- ~

' ' '" l

YI I I \ I \ I

2 YI Pemenwg inovasi • .

---i---.

0 ' '

YI .J, ! ( End )

Tabel 3. Laajutan Flow Of Document Sistem Yang Berjalan

48

4.1.3. Analisis Sistem

Seperti telah diuraikan pada analisis sistern yang be1jalan

saat ini, kegiatan pengelolaan data-data, pencarian atau penyajian

informasi, dan juga laporan masih dilakukan secara manual,

sehingga kinerja administrator belum optimal.

Dari hasil uraian sistem yang berjalan tersebut, didapat

suatu hasil analisis sebagai berikut :

• Pengelo laan produk inovasi pada Divisi Satelit masih manual.

• Pengguna (user) mengalami kesulitan dalam pencarian

informasi secara cepat dan akurat.

Dari basil analisis yang telah diuraikan di atas, maka

penulis mengusulkan Pengembangan Sistem Informasi Produk

Inovasi. Sistem usulan ini diuraikan sebagai berikut :

• Dikembangkan sistem informasi yang berbasis web.

Dikarenakan sistem usulan alcan dimasukkan pada salah satu

menu pada situs divisi tersebut dan tidalc menutup

kemungkinan untuk diakses oleh divisi lain

• Merancang, membuat program, menerapkan, dan merawat

sistem usulan agar dapat mengelola data dengan baik serta

menyajikan informasi yang tepat guna.

e Merancang formulir masukan dan laporan yang dibutuhkan

user.

• Menentukan perangkat lunak yang digunakan untuk

rnenerapkan sistem usulan yaitu Ms Access 2000 untuk

menan1pung basis data dan Macro media Dreamweaver MX dan

ASP untuk merancang aplikasi interface.

4.2 Perancangan Sistem Usulan

Seperti yang telah diuraikan pada Bab III sebelumnya, dalam

perancangan sist.em usulan memiliki empat tahap perancangan yaitu

perantangan proses bisnis, perancangan basis data, perancangan formulir

masukan dan laporan serta perancangan tampilan/ screen dialog ( Grafic User I

Interface).

Pada masing-masing tahap perancangan ini harus dilaksanakan

dengan baik agar hasil yang diinginkan memuaskan dan dapat digunakan

secara tepat guna. Berikut akan diuraikan tahapan-tahapan perancangan

sistem secara rinci.

4.2.I Pcrancangan Proses Bisnis

Pada perancangan proses bisnis digunakan tools Data Flow

Diagram (DFD) yang akan menggambarkan bagaimana aliran data

atau proses pada sistem usulan mengalir. Berikut merupakan

perancangan proses bisnis menggunakan DFD.

4.2.1.1 Perancangan Data Flow Diagam (Diagram Alir Data)

Pada Data Flow Diagram (DFD), dirancang sebuah sistem

usulan yang baru berdasarkan basil analisis sistem usulan.

Diagram ini merupakan sarana komunikasi antara user dengan

pengembang untuk mengetahui sistem usulan baru yang akan berjalan.

Dalam perancangan DFD i'li akan dirancang terlebih dahulu Context

Diagram yang diikuti dekomposisi dari Context Diagram menjadi

DFD level l dan seterusnya sampai didapat DFD yang bersifat primitf

atau tidak dapat didekomposisi lagi. Berikut ini merupakan

perancangan Context Diagram untuk sistem usulan.

Perancangan Context Diagram

Context Diagram ini menggambarkan secara keseluruhan

bagaimana sistem usulan yang baru. Pada diagram ini semua masukan

atau keluaran yang ada di sistem barns dituliskan walaupun

penggambaran masih secara garis besar. Pada perancangan Context

Diagram ini terdapat :

G Adanya aliran data berupa data pencipta, data inovasi, data mutu,

data transaksiinovasi dan data target yang masuk ke

Pengembangan Sistem Informasi Produk Inovasi dari kesatuan

luar Administrator. Dari Pengembangan Sistem Informasi Produk

Inovasi menghasilkan informasi berupa data lama pencipta, data

lama mutu, data lama inovasi, data lama transaksiinovasi dan

data lama target ke kesatuan luar Administralor.

• Masukan data dari kesatuan luar Karyaw:rn berupa Id_Inovasi

dan Kode_mutu ke Pengembangan Sistem Informasi Produk

Inovasi. Dari Pengembangan Sistem Informasi Produk Inovasi

menghasilkan informasi ke kesatuan luar Karyawan berupa data

inovasi.

• Kesatuan luar Manajer Divisi memberikan masukan berupa

pengawasan ke Pengembangan Sistem Informasi Produk Inovasi.

Dan dari Pengembangan Sistem Informasi Produk Inovasi

menghasilkan output berupa laporan.

• Pengembm1gan Sistem Informasi Produk Inovasi menghasilkan

laporan kepada kesatuan luar Kantor Pusat Bandung.

Selanjutnya Context Diagram untuk sistem usulan dapat

dililiat pada Gmnbar 25 Context Diagram sistem usulan berikut :

Administ n1tor

Data inovasi ,data pencipta,

Id_lnovasi, NIK, data baru mutu,

Kode_Mutu, data barn

tar ct,Kode Mun

Data lama Inovasi, data lama pencipta,

data lama mutn, data lruna target

laporan

Manajer Divisi

0 Pcngc1nbangan

Sistem Infonnasi

Penga was an

Inovasi

Data inovasi

Id_Inovasi, Kode __ Mutu

laporan

Kantor Pus at

Bandung

Gambar 25 Context Diagram Sistem Usulan

Kary a \Van

Setelah merancang Context Diagram, maka yang selanjutnya

dilakukan ialah merancang DFD level I. Diagram ini merupakan

1:Iekomposisi dari Context Diagram. Pada diagram ini digambarkan

proses-proses utama yang terdapat pada sistem usulan seperti :

pengolahan data pencipta, pengolahan data mutu, pengolahan data

inovasi, pengolahan data target, pengolahan data transaksiinovasi.

Selain proses-proses yang disebutkan pada paragraf di atas,

pada diagram level I ini juga terdapat :

• Masukan yang berasal dari kesatuan luar Administator berupa

data baru pencipta ke Pengolahan data pencipta. Dari

Pengolahan data pencipta menghasilkan output berupa data

lama pencipta yang merupakan masnkan dari simpanan data

T _Pencipta ke kesatuan luar Administrator dan data baru

pencipta ke simpanan data T _Pencipta.

• Masukan dari kesatuan luar Administrator berupa data barn

mutu ke Pengolahan data mutu. Pengolahan data mutu

menghasilkan output berupa data lama mutu yang merupakan

masukan dari simpanan data T _ Mutu ke kesatuan luar

Administrator dan data baru mutu ke simpanan data T _ Mutu .

· • Masukan dari kesatuan luar Administrator yaitu data baru

inovasi ke Pengolahan data inovasi. Pengolahan data inovasi

menghasilkan output berupa data lama inovasi yang merupakan

masukan dari simpanan data T Inovasi ke kesatuan luar

Administrator da.n data baru inovasi ke simpanan dta

T Inovasi.

o Masukan dari kesatuan luar Administrator berupa data barn

target ke Pengolahan data target. Pengolahan data target

menghasilkan output berupa data lama target yang mernpaka.n

masnkan dari simpanan data T_Target ke kesatuan luar

Administrator clan data barn target ke simpanan data T _Target.

Pengolahan data target menclapat masnkan clari simpanan data

T_Mutu berupa Kode_mutu.

• Masukan qari kesatuan luar Administrator berupa data baru

transaksiinovasi ke Pengolahan data transaksiinovasi.

Pengolahan data transaksiinovasi menghasilkan output berupa

data lama transaksiinovasi yang merupakan masukan dari

simpanan data T _ Transaksilnovasi ke kesatuan luar

Administrator dan data baru transaksiinovasi ke simpanan data

T Transaksiinovasi. Se lain itu Pengolahan data

transaksiinovasi mendapat masukan dari simpanan data

T_Pencipta berupa NIK, masukan dari simpanan data T _ Mutu

berupa Kode _ mutu, dan masukan dari s1111panan data

T Inovasi.

• Pencarian Inovasi mendapat masukan dari kesatuan luar

Karyawan berupa Id_Inovasi atau Kode __ mutu. Pencarian

Inovasi ini menghasilkan informasi berupa informasi produk

inovasi ke kesatuan luar Karyawan. Simpanan data

T Transaksilnovasi rnemberikan masukan ke Pencarian

Jnovasi berupa data produk inovasi clan JUga rnenclapat

masukan clari Pencarian Inovasi berupa ld_Inovasi atau

Kode Mutu.

• Kesatuan luar Manajer Divisi memberikan masukan berupa

pengawasan. Dari Pengolahan laporan menghasilkan laporan ke

kesatuan luar Administrator dan Kantor Pusat Bandung

Selanjutnya Diagram level 1 ini dapat dilihat pada Gambar 26.

DFD level 1 Sistem Usulan.

Data lruna inutu Data la1na target

1.0 Pengolah an data

pencipta

Pata Jama pencipta Data baru

target 3.0

Pcngolaha ndata target

Data lan1a pencipta

T,,.,Pcncipta

Data lama inovasi

4.0 PcngoJah an data i';lOVl'H~i

Data baru, NfK

Data baru inovasi

.._ __ _,,.. Data la1na

Data baru inovasi inov':lsi

l)ata baru, NIK

Adn1inistrator

Data ban transaksi inovasi

.Data baru 1nutu

J)ata baru target

T_Targct

Data Janu1 n1utn __,. _ _,__

2.0 Pcngolah an data 1nutu

Data !an1a target

Data barn n1utu

/ T Mutu

Kodc_ mu tu

---"-....J'---- Id _inovasi

5.0 Pengolaha

n data transaksi inovasi

~odefautu T_Jnovasi

NIK

Id Inovasi

6.0* Pencarian

inovasi

Kaiyawan

Data inovasi

Data inovasi

Data laina transak:si inovasi

Data bru-u transnksi inovasi

T~ Transaksilnovasi

Data tansaksi 1IlOV8Sl

ala lan1a nu1saksiin

ovasi

7.0* Pengolaha n laporan

Data target pencapaian

Laporan

Pcnga\vas an

Laporan

Manajer I<antor Pusat

Pada DFD level I di atas masih terdapat beberapa proses yang dapat

didekomposisi lagi. Diantaranya adalah proses pegolahan data pencipta,

pengolahan data mntu, pengolahan data inovasi, pengolahan data target,

pengolahan data transaksiinovasi.

Berikut ini merupakan DFD level 2 dari proses-proses yang telah

disebutkan di atas :

• DFD level 2 Proses 1.0 Pengolahan Data Pencipta

Pada diagram ini terdapat :

• Kesatuan luar Administrator memberikan masukan ke dalam input

data pencipta. Input data pencipta menghasilkan output berupa data

baru pencipta ke simpanan data T _Pencipta.

• Kesatuan luar Administrator memberikan masukan NIK, Data baru

pencipta ke edit data pencipta. Edit data pencipta menghasilkan

output ke simpanan data T _ Pencipta berupa NIK, data barn

pencipta serta data lama pencipta ke kesatuan Administrator yang

merupakan masukan dari simpanan data T _Pencipta.

• Kesatuan luar Administrator memberikan masukan kepada delete

data pencipta berupa NIK. Delete data pencipta menghasilkan

outpi1t berupa NIK ke simpanan data T _Pencipta.

Uraian di atas dapat dilihat pada Gan1bar 27. DFD level 2 Proses 1.0

Pengolahan Data Pencipta sebagai berikut :

Data ban1 pencipta

l.l* input (lata pencipta

Data baru pencipta

Adminis trator

NIK, Data baru

pcncipta

NIK, Data bani

pencipta

1.2* edit data pencipta

Data lruna pcncipta

Data lanu1 pcncipta

T_Pencipta

NIK

1.3* delete data pcncipta

Gambar 27. DFD level 2 Proses 1.0 Pcngolahan Data Pencipta

• DFD level 2 Proses 2.0 Pengolahan Data Mutu

Pada diagram infterdapat :

NIK

• Kesatuan luar Admnistrator memberikan masukan berupa data barn

mutu ke input data mutu. Input data mutu menghasilkan keluaran

berupa data baru mutu ke simpanan data T_Mutu.

~ Kesatuan luar Administrator memberikan masukan berupa

Kode mutu dan data baru mutu ke edit data mutu. Edit data mutu

menghasilkan keluaran berupa Kode _ mutu dan data baru mutu ke

simpanan data T_Mutu. Dari simpanan data mutu menghasilkan

data lama mutu ke edit data mutu.

~ Kesatuan luar Admnistrator memberikan masukan berupa

Kode_mutu ke delete data mutu. Delete data mutu menghasilkan

keluaran berupa Kode _mutu ke simpanan data T _ Mutu.

Uraian di atas dapat dilihat pada Gambar 28. DFD level 2 Proses 2.0

Pengolahan data mutu.

2.1 * input data

mu tu

Data barn 1nutu

Data barn mu tu

Adminis tat or

l(ode_1nut u, ])ala

baru mutu l)ata la1na

n1utu

Kode_1nut u,Data

bani 1nutu

T_1nutu

2.2* edit data

mu tu

Data 1a1na mutu

~mt

3.3* delete data

n1utu

Kode_n1ut

Gambar 28. DFD level 2 Proses 2.0 Pengolahan

~ DFD level 2 Proses 3.0 Pengolahan Data Target


• Kesatuan luar Administrator memberikan masukan berupa data

target baru ke input data target. Input data taget menghasilkan

kcluaran bcrupa data baru target ke simpanan data T _Target.

• Kesatuan luar Administrator memberikan masukan data baru

target dan Kode _mutu ke edit data target. Edit data target

menghasilkan keluaran berupa data baru target dan Kode _ mutu

ke simpanan data T_Target. Simpanan data T_Target

menghasilkan keluaran berupa data Jama target.

• Kesatuan luar Administrator memberikan masukan berupa

Kode mutu ke delete data target. Delete data taget

menghasilkan keluaran berupa Kode _ mutu ke simpanan data

T_Target.

Uraian di atas dapat dilihat pada Gambar 29. Proses 3.0

Pengolahan Data Target:

Data baru target

3.1* input data

target

J)ata b<ffU target

Adminis trator

l(ode _nnit u, Data

baru mutu

Kode_mut u,Data

ban1 target

3.2* edit data

target

Data lluna nlutu

l)ata la1na target

T_Targct

Kode_n1ut ll

3.3* delete data

target

Kodc_n1ut ll

Gambar 29. DFD level 2 Proses 3.0 Pengolahan Data Target

• DFD level 2 Proses 4.0 Pengolahan Data Inovasi


o Kesatuan luar Administrator memberikan masukan berupa data

barn inovasi ke input data inovasi. Input data inovasi menghasilkan

keluaran berupa data baru inovasi ke simpanan data T _Inovasi.


Id _Inovasi dan data barn inovasi ke edit data inov~si Frlit r1~1~

inovasi menghasilkan keluaran berupa Id_Inovasi dan data barn

inovasi ke simpanan data T _Inovasi. Simpanan data T _Inovasi

menghasilkan· keluaran berupa data lama inovasi ke edit data

inovasi.

• Kesatuan luar Administrator memberik.an masukan berupa

Id Inovasi ke delete data inovasi. Delete data inovasi

menghasilkan keluaran berupa Id Inovasi ke simpanan data

T_lnovasi.

Uraian di atas dapat dilihat pada Gambar 30. DFD level 2 Proses 4.0

Pengolahan Data Inovasi :

4.1* input data

inovasi

Data baru 111ovasi

Data barn inovasi

Adminis trator

Icl_Inovasi , f)ala baru

inovasi

I)ala la1na inovasi

Id_Inovasi , Data barn

inovasi

T_Inovasi

4.2* edit data inovasi

Data la1na inovasi

Id_Inovasi

4.3* delete data

inovnsi

kl_Inovasi

• DFD level 2 Proses 5.0 Pengolahan data transaksiinovasi

Pad a diagram ini ter<lapat :

• Kesatuan luar Administrator memberikan masukan berupa data

baru transaksiinovasi Ice input data transaksiinovasi. Input data

transaksiinovasi menghasilkan keluaran berupa data baru

transaksiinovasi ke simpanan data T _ Transaksil novasi.


Id Inovasi dan data baru transaksiinovasi ke edit data

transaksiinovasi. Edit data transaksiinovasi menghasilkan keluaran

berupa Id _Inovasi dan data baru transaksiinovasi ke simpanan data

T _ Transaksiinovasi. Simpanan data T _ Transaksiinovasi

menghasilkan keluaran berupa data lama transaksiinovasi ke edit

data transaksiinovasi.


Id Inovasi kc delete data transaksiinovasi. Delete data

transaksiinovasi menghasilkan keluaran berupa Id Inovasi ke

simpanan data T _ Transaksilnovasi.

Uraian di atas dapat dilihat pada Gambar 31 DFD level 2 Proses 5.0

Pengolahan data transaksiinovasi :

Data barn transaksiin

ovasi

5.1 * input data transaksiin

ovasi

Data baru transaksiin

ovasi

Koordinator

Id_lnovasi, Data bru11

transaksiinov asi

Id_ Inovasi, Data baru

transak:siinov asi

5.2* edit data

transaksiin ovasi

Data lama transaks iinovasi

Data la111a transaksill1

ovasi

T _'fransaksilnovasi

I<l _ b1ovasi

5.3* delete data lransaksiin

ovasi

Id_Inovasi

Garn bar 3 I. DFD level 2 Proses 5.0 Pengolahan Data Transaksi Jnovasi

4.2.2 Pcrancangan Masukan dan Laporan

Perancangan masukan meliputi formulir pengelolaan data inovasi,

data pencipta, data mutu, data target, dan pencarian data. Formulir laporan

berupa laporan inovasi yang dibuat pada tahun ini. Berikut ini adalah

rancangan formulir masukan :

• Formulir input data pencipta

• Formulir edit data pencipta

• Formulir delete data pencipta

• Formulir input data mutu

• F ormulir edit data mu tu

• Formulir delete data mutu

• Formulir input data target

• Formulir edit data target

• Formulir delete data target

• Formulir input data inovasi

• Formulir edit data inovasi

• Formulir delete data inovasi

• Formulir input data transaksiinovasi

• Formulir edit data transaksiinovasi

• Formulir delete data transaksiinovasi

Berikut ini adalah perancangan formulir output, yaitu :

• Formulir laporan produk inovasi

• Formulir laporan data target

Perancangan formulir masukan dan laporan dapat dilihat pada Lampiran A.

4.2.3 Perancangan Basis Data

Pada perancangan basis data digunakan beberapa tools yaitu Entity

Relationship Diagram, normalisasi, dan tabel data. Digunakannya tools

' '

menampung seluruh data mengenai inovasi. Berikut ini merupakan

penjelasan mengenai perancangan basis data :

Perancangan Entity Relationship Diagram (ERD)

Pada perancangan ini dapat dilihat relasi yang te1jadi antar tabel,

bagaimana bentuk relasi, dan tingkat relasi.

Pada sistem usulan ini, terdapat beberapa relasi yang te1jadi, yaitu :

• 1 atau lebih Pencipta dapat menciptakan 1 atau lebih Transaksiinovasi,

maka bentuk relasinya many to many.

• 1 atau lebih Transaksiinovasi dapat termasuk dalam salah satu jenis mutu,

maka bentuk relasinya many to one.

• 1 Mutu dapat memiliki I atau lebih target pencapaian, maka bentuk

relasinya adalah one to many.

• 1 Inovasi terdapat dalam 1 Transaksiinovasi, maka bentuk relasinya yaitu

one to one.

Enti~v Relationship Diagram Pengembangan Sistem lnformasi Produk

Inovasi

No_Ekste n..:i

T_Pencipta

ld_Inova o;

Bagi an

-- T Tmnsaksilnovasi

~/ ~

T_Target

Target_ Capai

Kode n1ut u

Taget_re

"'

Tlm_Capa

Memiliki

Na1na

Tgl_Ino Vfl~i

Kode_rr1 11111

Ket_n1ut n

Gambar 32. ER-Diagram Sistem Usulan

Id Inova

Sinopsis

T_Inovasi

T_Mutu

'

Perancar.gan No1·malisasi

Pada tahap ini akan dilakukan normalisasi terhadap tabel-tabel yang ada

dengan menerapkan sejumlah aturan agar menjadi tabel yang normal.

Tahapan normalisasi tersebut adalah :

I. Normalisasi Tahap P~rtama

Suatu tabel dapat dikatakan telah memenuhi normal pertama jika pada

tabel tersebut tidak terdapat multivalued attributte. Multivalued attribute

berarti dalam satu domain yang sama terdapat beberapa data.

Tabel T_Pencipta

NIK Nam a Bagian No t'kstensi

00010 Yulia Harkatsat 166

00011 Dede Dalsat 057

Tabel ·'l. Normal kesatu tabel T Pencipta

Tabel pencipta telah memenuhi syarat normal pertama, kaTena tidak

memiliki multivalued attributte.

Tabel T_Mutu

Kode Mutu Ket Mutu

A Software

B Hard warn

Tabel Li. Normal kesatu tabel T Mutu

Tabel mutu di atas telah memenuhi syarat normal pertama, karena tidak


Tabel T Masterlnovasi

Id Inovasi Tgl_lnovasi Nama Sino psis

001 17-5-2004 Aplikasi sistem

Tabet b. Normal kesalu label T _lnovasi

Tabel master inovasi di alas telah memenuhi syarat normal pertama,

karena tidak memiliki multivalued attributte.

Tabel T_Target

Kode Mutu Target_Capai Target_real Thn_Capai

A 10 8 2004

B 10 9 2004

Tabet 7. Normal kesatu label T _Target

Tabel target di alas telah memenuhi syarat normal pertama, karena tidak


Tabel T_Transaksilnovasi

Id_lnovasi Kode mutu NIK

001 A 00010,00020

Tabet ().Normal kesatu tabel T_Transasksilnovasi

Tabel Transaksilnovasi di atas telah belum memenuhi syarat normal

pertama, karena memiliki multivalued attributte pada field NIK. Oleh

kard,na tabel tersebut hams didekomposisi, sehingga menghasilkan dua

tabel baru yaitu :

T _ InovasiPencipta

Id_Inovasi NIK

001 00010

001 00020

Tabel 9 . Normal Kesatu Tabel T _InovasiPencipta

T InovasiMutu

Id_Inovasi Kodc_mntn

001 A

Tabel 10. Normal Kesatu Tabel T InovasiMutu

Kedua tabel tersebut telah memenuhi syarat normal pertama yaitu tidak

memiliki multivalued attribute.

2. Normalisasi Tahap Kedua

Pada tahap ini, suatu tabel dapat dikatakan telah memenuhi normal tahap

kedua jilca pada suatu tabel, semua atribut yang bukan termasuk dalam

superkey memiliki ketergantungan fungsional pada superkeynya. Pada

1 1 1 ... .,,.,.. ... .,..

I • fungs1onal menentukan nama, bagian, dan no_ ekstensi. Secara notasi

adalah: NIK---.. Nama, Bagian, No_ekstensi.

Tabel T_Pencipta

@NIK Nama Bagian No ekstensi


00011 D<;:de Dalsat 057

Tabel ii . Normal Kedua Tabel T _Pencipta

Pada tabel mutu, yang menjadi superkey adalah kode_mutu. Secara

fungsional kode mutu menentukan keterangan mutu. Secara notasi adalah :

kode mutu Ket mutu.

Tabel T Mutu

@Kode_Mutu Ket_Mutu

A Software

B Hardware

Tabel LI .. Normal Kedua Tabel T _Mutu

Pada tabel inovasi, yang menjadi superkey adalah ld _lnovasi. Secara

fungsional Id_Inovasi menentukan Tgl_Inovasi, nama, sinopsis.

Id_Inovasi Tgl_Inovasi, Nama, Sinopsis.

Tabel T Masterlnovasi

@Id_Inovasi Tgl_ Inovasi Nama Sino psis

001 17-5-2004 Aplikasi sistem

Tabel i'\. Normal Kedua Tabel T_Masterlnovasi

Pada tabel target, kode _ mutu rnenentukan target real, target_ capai, dan

thn_ capai. Narnun pada tabel ini Kode _ Mutu ini rnerupakan foreignkey

pada tabel target.

Tabel T _Target

#Kode_Mutu Target_ Capai Target_ real Thn Capai

A 10 8 2004

B 10 9 2004

Tabel M . Normal Kedua Tabel T _ Targer

Pada tabel T_InovasiPencipta, ld_lnovasi rnenentukan secara fungsiaonal

NIK,.

T _InovasiPencipta

#Id_ Inovasi NIK

001 00010

001 00020

Tabel l~J. Normal Kedua Tabel T_Inov~siPencipta

Pada tabcl T _InovasiPencipta, Id_Inovasi menentukan secara fungsiaonal

Kode Mutu.

T lnovasiMutu

#Id Inovasi Kode_mutu

001 A

Tabel J6. Normal Kedua Tabel T _I novasiMutu

3. Normalisasi tahap ketiga

Pada talmp ini suatu tabel dikatakan memenuhi normal ketiga jika tabel

tersebut telah memenuhi normal kedua dan semua atribut tunggal yang

bukan superkey tergantung sepenuhnya pada superkey. Dengan notasi : X

----+ A. Tabel-tabel tersebut telah memenuhi syarat ketiga ini. Berikut

ini merupakan gambaran normalisasi terakhir.

Tabel T _Pencipta

@NIK Nama Bagi an No_ekstcnsi ~


00011 Dede Dalsat 057

~- ---Tabel T _ Inovi siPencipta

#Jd_Inovasi #N

001 00010

001 00020

Tabel Inoiasi

@Id_Jnovasi Tgl_Inovasi Nama Sino psis .. 001 17-5-2004 Aplikasi

sistern

Tabel T _lnovasiMutu

#Id_Inovasi Kode_Mutu

001 A

Tabel T Mutu

@Kode_Mutu Ket_Mutu

--A Soft\vare

B Hardware

Tabcl T _ Targct

#Kode_!Yutu Target_ Capai Target_rcal Thn_Capai

A I IO 8 2004 '

B JO 9 2004

Perancangan Data Dictionary (Kamus Data)

Kamus data berguna untuk mengetahui aliran data atau informasi

apa saja yang terdapat pada saat analisis ataupun perancangan sistem

usulan. Di bawah ini merupakan kamus data bagi simpanan data sistem

usulan:

• Tabel T_Pencipta = {@NIK, Nama, Bagian, No_Ekstensi}

• Tabel T_Mutu = {@Kode_Mutu, Ket_Mutu}

• Tabel T_Masterlnovasi = [@Id_Inovasi, Tgl _ _Inovasi, Nama_Inovasi,

Sinopsis}

• Tabel T_Target = {Kode_Mutu, Target_Capai, Target_Real,

Thn_Capai}

• Tabel T _ Transaksiinovasi = {Id _Inovasi, NIK, Kode _ Mutu}

Selanjutnya adalah tahapan merancang tabel data yang bertujuan untuk

mengetahui struktur tabel dan juga tipe data dari field-field yang ada dan lebar

datanya.

Berikut ini adalah struktur tabel T _Peneipta :

No Nama Field Tipe Data LebarData

1 NIK Char 15

2 N;lma Char 25

3 Bagian Char 15

4 No Ekstensi Char 4

Beriirnt ini adalah struktur untuk tabel T _ Mutu :

No Nama Field Tipe Data Lehar Data

1 Kode Mutu Char 2

2 Ket_Mutu Char 20

Tabel W. Tabe!DataT_Mutu

Berikut ini adalah struktur untuk tabel T Inovasi :

No. Nama Field Tipe Data Lebar data

1 Id Inovasi Char 10 -

2 Tgl_Inovasi Date

3 Nama Inovasi Char 30

4 Sinopsis Memo

TabeP.t~. Tabel Data T _ Masterlnovasi

Berikut i11i adalah struktur untuk tabel T _Target :

No Nama Field Tipe Data LebarData

I Kode Mutu Char 2

2 Target_ Capai Number

3 Target_ Real Number

4 Thn_Capai Char 4

Tabel 21. Tabel data T _target

Berikut ini adalah struktur untuk tabel T _InovasiPencipta :


1 Id Inovasi Char 10

2 NIK Char 15

Tabel.2.L. Tabel data T _InovasiPencipta

Berikut ini adalah struktur untuk tabel T _InovasiMutu :


1 Id Inovasi Char 10

2 Kode_mutu Char 2

Tabel }). Tabel data T_InovasiMutu

4.2.4 Perancangan Tampilan

Perancangan tampilan sistem usulan dibuat untuk menghasilkan

tampilan yang user friendly. Sehingga user dapat mengoperasionalkan dan

mengerti dengan mudah sistem usulan produk inovasi. Berikut merupakan

perancangan tampilan sistem usulan produk inovasi :

• Tampilan halaman awal

• Tampilan halaman Log In

• Tampilan halaman pencarian

• Tampilan halaman Rennrt

• Ta.'11pilan halaman Admin

• Tampilan halaman input data pencipta

• Tampilan halaman update data pencipta

• Tampilan halaman delete data pencipta

• Tampilan halaman input data mutu

• Tampilan halaman update data mutu

• Tampilan halaman delele data mutu

• Tampilan halaman input data inovasi

• Tampilan halaman update data inovasi

• Tampilan halaman delele data inovasi

• Tampilan halaman input data target

• Tampilan halaman update data target

• Tampilan halaman delete data target

• , Tampilan halaman input data transaksi inovasi

• · Tampilan halaman update data transaksi inovasi

• Tampilan halaman delete data transaksi inovasi

Tampilan atau GUI ini dapat dilihat pada Lampiran B.

4.3 Pemrograman Sistem Usnlan

Seperti yang telah diuraikan pada bah sebelumnya, pemrograman

sistem usulan ini meliputi beberapa ha! yang dilakukan yaitu membuat

dalam perangkat Junak yang telah ditentukan yaitu Ms Access 2000 sebagai

penampung basis data, Macromedia Dreamweaver MX, dan ASP sebagai

apikasi intelface; pengetesan yang meliputi unit test, integration test, user

acceptence test. Pada perancangan flowchart ini terdiri atas flowchart :

~ Input data pencipta

• Update data pencipta

• Hapus data pencipta

• Input data mutu

• Update data mutu

• Hapus data mutu

• Inp4t data inovasi

• Upd1te data inovasi

• Haphs data inovasi

• Input data target

• Update data target

• Hapus data target

• Input data Inovasi Pencipta

• Update data Inovasi Pencipta

" Hapus data Inovasi Pencipta

" Input data Inovasi Mutu

• Update data Inovasi Mutu

" Hapus data Inovasi Mutu

Setelah membuat flowchart, yang dilakukan adalah pemrograman

menggunaka·1 bahasa penu·ograman yang telah ditentukan. Pada pe1mograman

sistem usulan ini penulis menggunakan ODBC sebagai middleware antara basis

data dengan aplikasi inteiface. Berikut konfigurasi ODBC untuk sistem usulan :

Pada menu Setting pilih Control Panel, lalu pilih Administrative Tools,

lalu pilih Data Sources ( ODBC). Setelah dipilih, maka akan terbuka jendela

dialog untuk untuk membuat System Data Sources pada Tab System DSN. Setelah

itu pilih Add, pilih driver untuk Ms Access klik finish. Kotak dialog baru akan

terbuka untuk memilih data source dan deskripsinya. Pilih database yang akan

dtjadikan sumber pada pilihan Select. Setelah yak.in seluruh konfigurasi benar,

maka klik Ok. Gambaran konfigurasi ODBC ini dapat dilihat pada Lampiran D.

4.4 Penerapan Sistem Usulan

Setelah melakukan pemrograman sistem tahap selanjutnya dilakukan

penerapan sistem. Pada Bab III dijelaskan dalam penerapan ini dilakukan

persiapan Go-Live dan penerapan Go-Live sistem usulan.

Dalam persiapan Go_ Live dilakukan pelatihan dan data konversi. Pelatihan

ditujukan bagi administrator dan user agar dapat menggunakan sistem usulan.

Selain bagaimana user dapat menggunakan program, pada pelatihan terdapat pula

tata cara bagaimana menggunakan sistem usulan sehingga user tidak merasa

kesulitan. Pada data konversi, data-data pada sistem lama dimasukkan ke dalam

sistem usulan .. Data konversi ini dilakukan oleh administrator sebelum sistem

usulan ini digunakan oleh user.

Pada penerapan Go-Live, dilakukan penerapan sistem usulan yang akan

dimasukkan pada LAN Divisi Satelit. Dalam penerapan sistem usulan yang baru

terdapat strategi penerapan yang perlu dilakukan. Pada penerapan basis data

sebaiknya diterapkan pada database server dan aplikasi pada aplication server.

Antara database dan aplication server dilmbungkan melalui ODBC yang telah

dibahas pada pemrograman sistem dan juga basis data akan dipanggil oleh bahasa

pemrograman Active Server Pages.

Hal tersebut dikarenakan ASP bersifat server side yang artinya

bertanggung jawab untuk menerima perintah dari user dan menterjemahkannya

dan memanggil basis data. Hasil yang d.iperoleh ditampilkan kembali kepada user

dengan format HTML. Pada penerapannya, sistem usulan yang baru akan menjadi

sub domain pada situs intranet Divisi Satelit. Sehingga jika divisi lain ingin

masuk ke sistem usulan, yang dilakukan adalah masuk ke dalam situs Divisi

Satelit terlebih dahulu yaitu satelit.telkom.co.id sebelum masuk ke sistem usulan

yang merupakan sub domain.

4.5 Perawatan Sistem Usnlan

Setelah penerapan sistem yang perlu dilakukan selanjutnya adalah

perawatan terhadap sistern yang telah diterapkan. Perawatan sistem dilakukan

oleh ah!i Teknik Informatika yang ada pada Divisi Satelit berupa Help Desk yaitu

bantuan-bantuan yang disediakan oleh ahli Teknik Informatika yang telah ada

pada divisi tersebut, yang berada pada Bagian Pengendalian Satelit, jika kepada

para karyawan terjadi gangguan pada sistem usulan saat mereka menggunakan

sistem usulan. Berikut ini bagan struktm yang menunjukkan posisi Help Desk

untuk sistem usulan yang baru pada Divisi Satelit.

I

l I Bang produk

L

General Manajer Satelit

I Sekretariat

.

Dalsat Bang ophar

r Help Desk I I

.,,. Analisa Data

..,,. 012erasi Satelit S12i1mer

.. 012erasi Satelit Three Axis

.,,. 012erasi Komunikasi

Gambar 33. Struktur Help Desk Divisi Satelit untuk sistem usulan

I 1

Administrasi

BABV

KESIMPULAN DAN SARAN

5.1 Keshnpulan

I · Pengembangan Sistem Informasi Produk Inovasi Divisi Satelit PT

Telekomunikasi Indonesia Tbk. adalah suatu sistem informasi basis data

yang berbasis web sehingga dapat diakses o !eh seluruh karyawan dan tidak

menutup kemungkinan untuk diakses_ oleh divisi lain. Pengembangan sistem

informasi ini dapat diuraikan sebagai berikut :

• Mengembangkan .sistem usulan yang bertnjuan membangun suatu basis

data agar dapat menampung seluruh data dan dapat menyajikan informasi

dan laporan mengenai produk inovasi.

• Pada pengembangan sistem usulan prosuk inovasi digunakan beberapa

metodologi yaitu observasi yang digunakan untuk meneliti dokumen

produk inovasi dan bagaimana dokumen produk inovasi disimpan, studi

pustaka dan System Development Life Cycle.

• Membuat rancang bangun sistem usulan yang berupa proses bisnis,

formulir masukan dan laporan, basis data, tan1pilan dan pemrograman.

Menerapkan sistem usulan dan perawatan terhadap sistem usulan. Sistem

usulan ini dikembangkan dengan menggunakan Ms Access 2000 sebagai

penampung basis data, bahasa pemrograman Macromedia Dreamweaver

MXdanASP.

• Sistem usulan produk inovasi ini menyediakan fasilitas untuk

menyediakan seluruh informasi mengenai produk inovasi Divisi Satelit PT

Telekomunikasi Indonesia Tbk.

Manfaat yang didapat oleh user dengan adanya sistem usulan ini

adalah meningkatkan produktivitas dan penyajian informasi yang cepat,

tepat dan akurat sesuai yang diinginkan.

5.2 Saran

Selaiu itu juga diharapkan pada waktu yang mendatang sistem ini

dapat dikembangkan lebih luas seperti mengganti basis data yang digunakan

yaitu Ms Access 2000 dengan yang lebih baik misalnya Ms SQL Server

ataupun Oracle sehingga dapat menampung data lebih banyak atau

pengelolaan data misalnya data pencipta yang dikelola dalam satu formulir

bahkan dapat dikembangkan ke sistem datawarehousenya. Sehingga

pengelolaan data produk inovasi yang diharapkan dapat maksimal. Danjuga

penerapan sistem usulan ini dapat dikonfigurasikan seperti yang telal1

diura~an pada penerapan sistem usulan. Sehingga kemampuan menampung

dan IDf'mproses data lebih baik.

DAFTAR PUSTAKA

A.Kowal, Jam~s, !lelzavior Models Specifying U1·er loxpecfolio11s, Prentice Hall,

New Jersey, i 992.

Agung, Gregorius, Beit1far Send1ri l'e111rog1rn11an ASP Dengan /Jreumweaver

MX, Elex Media, Jakarta, 2003.

B. Sakur, Stendy, Ap!ikasi Web /)a/abase Dengan Dreamweaver MX, Andy

Yogyakarta, Yogyakarta, 1003.

Eko Indrajit, Richardus, DR, 1'via11<4emen Sis/em fr(/im11asi /)u11 l'ekllologi

Jriformasi, Elex Jvfodia, Jabrta, 200:.

Fathansyah, Ir, Hasis /)a/a, Infonnalika, 13anclung, 1999.

Green, Garo dkk, }vfacromedia Dreamweaver ALY H1.11dl' 011 frainil.'!J, f>eachpit

Press, 2003.

HM, Jogiyanto, Ana!isis Dan Desain Sis/e111 !11formasi : Pendckahm 7'et"slrukrur

Teori Dan Praklek Aplikasi Bisnis, Andi Yogyakarta, Yob>yakarta, 1999.

Jumal PT Telkom, Te!ekomunikasi li'donesia Sejarah, Perkemhangan, Dan

1'royeksi Ke Depan, Bandung, 1997.

Jurnal PT Telkom, Seperempal Abad Opera.1·1 Satelil Telkom Dari Sumpah l'alapa

Hinggu Hasis ft~liJkom, Bandung, 20C !.

LAMPIRANA

I<'ormulir Masukan Dan Laporan

• Input data pencipta

NIK Xxxxx Na1na Xxxxxx

Bagi an Xxxxxx No_ckstensi xxx

I Input data I Tabel )Jj. Formulir Input Data Pencipta

• Ubah data pencipta

NIK Xxxxx Nama Xxxxxx

Bagian Xxxxxx No ekstensi xxx

I Edit data I Tabel.2 '.'. Formulir Ubah Data Pencipta

• Hapus data pencipta

NIK Xxxxx Nam a Xxxxxx

Bagian Xxxxxx No ckstensi xxx

I Hapus data I -

Tabel ''.:. Formulir Hapus Data Pencipta

• Input data mutu

Kode_mutu I Xxxxx I Ket_mutu I Xxxxxx

!--~~~~-'-~~~~~~--'-~~~~~ I

Input data

Tabel 1\. Fonnulir Input Data Mutu

• Ubah data 1m1tu

Kode_mutu I Xxxxx I Ket_mutu I Xxxxxx I

Edit data

Tabel . Formulir Ubah Data Mutu

~ Hapus data mutu

Kode_mutu I Xxxxx I Ket_mutu I Xxxxxx I Hapus data

Tabel Formulir 1-iapus Data Mutu

• Input data inovasi

Id_lnovasi Xxxxx Tgl Inovasi xx-xx-xxxx

Nama Xxxxxx Sino psis xxxxx

I Input data I

• Ubah data inovasi

Id _Inovasi Xxxxx Tgl Inovasi

Nama Xxxxxx Sinopsis

I Edit data I Tabel , Fonnulir Ubah Data lnovasi

• Hapus data inovasi

Id - Inovasi Xxxxx Tgl I novasi

Nama Xxxxxx Sinopsis

I Hapus data I Tabel '-] Formulir Hapus Data Inovasi

• Jnpul Data lnovasi Pencipta

Id_Inovasi Xxxxx NTK

Input data

Tabel} ,, Formulir Input Data Transaksilnovasi

• Ubah Data Inovasi Pencipta

Id_Inovasi Xxxxx NIK

Edit data

xx-xx-xxxx

xxxxxx

·-

xx-xx-xxxx

xxxxxx

Xxxxx

Xxxxxxx

• Hapus Data Inovasi Pencipta

Id Inovasi Xxxxx NIK

Hapus data

Tabel ''·''· Formulir Hapus Data Transaksilnovasi

• Input data target

Kode_mutu xx Target_ Capai

Target Real 000 Tahun

Pencapaian

I Input data I Tabel . Formulir Input Data Target

• Ubah data target

I """· m."' xx Target

Pencapaian

Target, real 000 Tim

I>encapaian

I I Edit data I

Tabel . Formulir Ubah Data Target

Xxxxxxx

000

xxxx

000

Xxxx

• Hap}1s daia target

Kode mutu Xx Target 000

Pencapaian

Target Real 000 Thu Pencapian xx xx

I Hapus data I Tabel . Formulir Hapus Data Target

• Input Data Inovasi Mutu

Id_Inovasi Xxxxx KodeMutu xx

Input data

'--------------------------~·~----

T.abel Y". Formulir Input Data Transaksilnovasi

• Ubah Data Inovasi Mutu

Id_ Inovasi I Xxxxx I Kode Mutu

Edit data

--

I

'-----------------------·-------·---'

Tabel q iJ. Formulir Ubah Data Transaksilnovasi

• Hapus Data Inovasi Mutu

ld_Inovasi Xxxxx KodeMutu xx

Hapus data I c________ ___ ___J

Tabel "!\ . Formulir Hapus Data Transaksilnovasi

• Formulir laporan inovasi

Id Inovasi NamaPencipta KetMutu Tgi foovasi

xxxxxx Xxxxxx xxxxxxx xx-xx-xxxx

Xx xx xx Xxxxxx Xxxxxxx xx-xx-xxxx

Tabel . Formulir Laporan Produk Inovasi

• Formulir laporan target

KodeMutu Ket Mutu Target Capai Target Real

xx Xxxxxx 000 xx-xx-xxxx

xx Xxxxxx 000 xx-xx-xxxx

Tabel Formulir Laporan Target

Nama Inovasi

Xxxxxx

xxxxx

Tahun

Pencapaian

xx xx

xxxx

LAMPIRANB

Perancangan Tampilan Antar Muka (GUI)

Troulllc?

•:onL;d;·<:·'ll ~'1' ''ll ,; :.T' ,i,., klH"''

·-

• _J

11<."Ii'<i nwn1(<•oai l"pman /;><;i!ita<; ini """""''i!hnl< inova·>i yaug .i;lmat clan t:nt::<•t untuk "'"'"""'; •.q,,!>J ;111,,. ui.> pt•ueapiilll .,,,.,,\!"""; iu<iv.1,i

Lnali:::i.

hai;i admin, 'mda claJJat "'""!("lnla olat:i·d"ta mt,ng,.uai •wliuuh inova<;i "'""1~\!UUilkan fa"<ilita<; ini

Gambar 34. Tampilan Awai Sistem Usulan

marukan id d.an password anda

Id 01

Password /o.dmm01

• • • • •

. ' ,~

lrnuhll?

Cont,o;(t tOIH f-hllP r·c· ' :,: ?j'C'll>:·'il i>·l•··,-,rn

Tloulile ·1

•>int¥! VOtJt ~'ji"lil" C .~ti:11t tel~--:,11·

IJIT.!:IL I tiearchlnu I 8!roll.t. I · till1illmL I Help

• !'.flit lr&n<>nksj tl£!Ll!'S Trlm<>ak'>i lnrut lllnJBt

• $

S urf:t1i,g mcnyenangkan? lrnnya anda dapatkan disltl.l

Gambar 37. Tampilan Menu Pengolahan Data

!filML J Searching f 1.og In Inovnsi I

lnput Data Pencipta

" u

NIK Nam a ,----'

Bagi an 1N~~~k-stensi ;r=-

lnpmD&Ia /

l<en1bali ke 1nenq

• Surfing menyenangkan? hanya and a dapatkan d!slni

Gambar 38. Input Data Pencipta

]!i!Ui!IE !

ii•' j,,'

Trnul1lr1?

(:on:xt ·,u11r ,J,1rn1n :,t ,g · a!ei I lel,om

Edit Data Pencipta

NIK

EdilDaltl !

• • • . -Surfing menyeni<!lgkan? R:inya anda daP;;lkan d!s1n1

Gambar 39. Edit Data Pencipta

Hapus Data Pencipta

i 1~---_No_Eksten!J -1166 i i

Delete 061.fl /

BIBHex@'Last

Ken1ba!i k~ nienu •

Surfing menycnangkan? hanya anda dapatkan dls1n1

Gambar 40. 1-lapus Data Pencipta

"'. ~-

T!m1111e'

! ...co - - --- '' ;e-__ --

rrouhlc '!

(,(•lli'H'1 'vut ,,.Jrmn .;1 ,;l d:('[1l k>ILun

UQhlL. I fuillII.ttlDu I AfulliL I !illtillruL I Help

!~orle Mutu

Input Data fv1ulu

!nputDBlaj

Ken1balhke menu

• • • •

Garn bar 4-1. Input Data Mutu

l!lli!J.L l Sfmrchlng I Afillut. I !ill!illim- I Help

)<ode Mutu

.Ketl\-lutu '

Edit Dal'a Mutu

Ed<Dntu I • Kernhn!i kj! rnHou

• •

Gambar 42. Edit Data Mutu

..,_,

:;

•

'Fl J' i . ,,,,,

tn11111le !

Hapus Data /l.1utu

Kml~Mulu

Ket Mutu

• •

Gambar 43. 1-lapus Data Mutu

N,1rna lnovasi

•

• •

J nput Data Inovasi

191 lnovasi

Sino psis

lnputD~ .---0 K!';!...rnb-!Jllls.~.m_r;.o!J

Gambar 44. Input Data lnovasi

'.·J[ ;,1,-·· ,,-0,1

t'ont.;1.lrow «dm1i..;t @sal2ht t':lk· m

ld .~ trmv.1"' I

N,un..J lnov.1~i

Edit Data Inovasi

Edi!Dcda

S ur!mg meoyenangkilll? hanya illl<la dapatkrm d1sl!'U

Gambar 45. Edit Data lnovasi

l:!Qhlf;_ I ~r.dJ.!oo I 8!!!!.UL I !lll:!ill!llL I Help

Input Data Transaksl Inovasi

'Id Inovasi !oom

'KodBMutu

/npUIDfi!a

Kemball lie n1enu

•

.~01

•

Garn bar 46. Input Data Transaksi Inovasi

" 12

.·:.

ll<JUIJIH 'I

( 'IC•li'I j \•OJI 'l'.l:t\Jlj 1!

,.y;:<1 •H l<>fn·

··(Hl1•!'i(" >Umw <t ,~;o ,1£-iit tel~o·,.

tlill1L [ 9e<:1rrhirl!J I l'ill1!!!.L I Killi!.!!19.. I Help

Edit Data Transaksi Inovasi

Id Inovasi looot

KodeMutu ~

NIK

EditDeita I Kru.Dlx-:1li ke rnen11

• •

Gambar 47. Edit Data Transaksi Inovasi

Delete Data Transaksi Inovasi

:Id Tnovas! [0001

1Kodc Mutu ~

NIK

DeleleDa!a

KE-n1ba!i ke.Jil.g[lll

• •

Gambar 48. Delete Data Transaksi Inovasi

.;,1,t,rl '"'JI i11.-n.i1 ;! ';£': •\>:·1'1 '.•Cl•.O'

·1~1.! '" 6'::i+

HOM£. I Searchinn I LOJJJ.!:l I Help

Fasi!itas ini ak.1n 1uen1andu anda untuk melihat Informasi a tau report yang cliingink.1n mengenal :

o Pen_c;J_pJ•l o l!!ovasl o Target,jeneapaian

• • • ••

Sur!in& menyenangkan? hany;:,, and a dapatkan <lislfll

Gambar 49. Tampilan Data Repo1t

Kode Mu tu

Tar[JPt RpaJ

Edi!. Data Target

T<ihun Pf!n<:dpaian

~J

[{&mbali !fe rn.e.ilLl

• S urfing inenyenar.gkJ..n? h:mya andJ. dapatbm d1smt

Gambar 50. Edit Data Target

'If'

Kode Mutu

A

Masukan Nruna Inovasi atau Rcterangan lJ'utu yang dicari:

NamaMutu

Hardware

• • • •

• • • • • •

Surfing menycnangkan? hanya an<la dapatkan <li,ini

Gambar 51. Tampilan Pencarian

tlQME. I fill:m:.tl!lng I 8hout I !illWJ.QfL I Help

Detoil Data Pencipta

Target Real Target Ca1>ai :Tahun Penrapaian

10 10

Kembali ke kat::iloa • •

Surfing rnenyenangkan? hruiya anda dapatkan clj;in1

Gambar 52. Detail Data Pecipta

[0001

' 10002 !

rrouhle?

C-(•11t;;(1\•0lll a<Jrnm ;,\ ,·},'.ll.-1•11·'1!-o"l

Detail Data Inovasi . ..

'T!JI rnovasi fll:arna P~ncipta N;ima Mulu )\Jama Inovasi '5inopsis

12/6/2004

,5/12/2004

~ul'•

;vu!I~

Ha<Jw~r" l><1nn<Jkal :Pnn~endoli

Sofiw••" 'Mot ode pemro<eun Kue

Ken1ba!i ke katill_Qg

• • • <•

Gambar 53. Detail Data Produk lnovasi

Input Data Inovasi tvlutu

i '""=~------ 'KOd~ -Id Jnovasi .iuOOl Mu tu

·v::-----

!nputDtllcl I

• •

Surfing menyenangkan? :rnnya and a di!patkan dislill

Gambar 54. Input Data lnovasi Mutu

,,. 5

,;:"i

'onL•' t 1·c -.:;1,--,J,:;11

Jdlnova<:.i

•

Edit: Data Inovasi i\-lutu

•

Ed1tDatn

Kf!_!_1J1~i:l!.Lk\~.11JfillU •

•

Gambar 55. Edit Data Inovasi Mutu

Id Inovasi WiJITT

Delete Data Jnovasi ivlutu

Ko de Mu tu

De!eteDatn

• • •

Gambar 56. Haous Data fnovn<i Mntn

LAMPIRANC

Flowchart Aliran Program

FLOWCHART INPUT DATA PENCIPTA

Tidak

Start

MasukanNIK

Cek ada Atau tidak?

Tidak

Masukan data pencipta

Simpan data pencipta

Apakah Selesai?

Ya

End

Ya Tampilkan pesan Data sudah ada

Gambar 57. Flowchart input data pencipta

FLOWCHART UBAH DATA PENCIPTA

Tidak

Start

Masukan N !K

Atau tidak?

Ya

Tampilkan pencipta

Update data pencipta

Simpan hasil update

Apakah Selesai ?

Ya

End

Tidak ~-------·---,

Tampilkan pesan Data tidak ada

Gambar 58. Flowchart ubah data peneipta

FLOWCHART HAPUS DATA PENCIPTA

Start

Masukan NIK

Cekada

Ya

Tampilkan data penc1pta

Yakin hapus data?

Ya

Tidak

Tidak

' ,-----~---~ Delete data pencipta

Tidak < ~r:~~h ~?

Ya

End


Gambar 59. Flowchart hapus data pencipta

FLOWCH'.4RT INPUT DATA MUTU

Tidak

Start

Masukan Kode _ Mutu

Tidak

Masukan data Mutu

Simpan data mutu

Apakah Sclesai?

Ya

End


Gambar 60.Flowchart input data mutu

FLOWCHART UBAH DATA MUTU

Tidak

Start

Masukan Kode Mutu

Cek ada !\tau tidak ?

Ya

Tampilkan data mutu

Update data mutu

Simpan hasil update

Apakah Selesai?

Ya

End

Tidak Tampilkan pesan Data tidak ada

Gambar 61. Flowchart ubah data mutu

FLOWCHART HAPUS DATA MUTU

Tidak

Start

Masukan Kode_mutu

Cek ada Atau tidak?

Ya

Tampilkan data mutu

Yakin hapus data?

Ya

Delete data mutu

Ya

\_ End

---------------

Tidak

Tidak


Gambar 62. Flowchart hapus data mutu

FLOWCHART INPUT DATA INOVASI

Tidak

Start

Masukan Id _Inovasi

Cek ada Atau tidak?

Tidak

Masukan data,Inovasi

Simpan data inovasi

Ya

End


Gambar 63 .Fl owe hart input data inovasi

FLOWCHART UBAH DATA INOVASI

Start

Masukan Jd_Inovasi

Cek ada Atau tidak?

Ya

Tampilkan data Inovasi

Update data inovasi

Simpan hasil update

Tidak Apakah ~lesai?

Ya

End

Tidak Tampilkan pcsan Data tidak ada

Gambar 64. Flowchart ubah data inovasi

FLOWCHART HAPUS DATA INOVASI

Tidak

Start

Masukan Id Inovasi

Cek ada Atau tidak?

Ya

Tampi!kan data inovasi

Ya

Delete data inovasi

Ya

End

Tidak

Tidak


Gambar 65. Flowchart hapus data inovasi

FLOWCHART INPUT DATA INOVASI PENCIPTA -----( Start

Tidak

Masukan Id Inovasi

Cek ada

Ya

Masukan NIK pencipta

Cek Ada?

Ya

Masukan data Inovasi Pencipta

Apakah Selesai?

Ya

End

Tidak

Tidak



Gambar 66. Flowchart Input Data lnovasi Pene,into

FLOWCHART VBAH DATA INOVASI PENCIPTA

Tidak

Start

Masukan Id Inovasi

Cek ada Atau tidak?

Ya

Tampilkan data InovasiPencipta

Update data

Simpan hasil update

Apakah Selesai?

Ya


Gambar 67. Flowchart Ubah Data lnovasi Pencipta

FLOWCHART HAPUS DATA INOVASI PENCIPTA

Start

Masukan ld_lnovasi

Cck ada Atau tidak?

Ya

Tampilkan data lnovasiPencipta

Yakin hapus data?

Tidak

Tidak

Delete data lnovasiPcncipta

Tidak / Apakah Selesai?

Ya

End

Tampilkan pcsan Data tidak ada

Gambar 68. Hapus Data Inovasi Pencipta

FLOWCHART INPUT DATA TARGET

Ti dale

Start

Masukan Kode_Mutu

Cekada Atau tidak?

Ya

Masukan data Target

Simpan data target

Apakah Selesai?

Ya

End

Tidak Tampilkan pesan Data sudah ada

Gambar 69. Flowchart input data target

FLOWCIL4RTVBAHDATA TARGET

Tidak

Start

Masukan Kode_mutu

Cek ada Atau tidak?

Ya

Tampilkan data target

Update data target

Simpan basil update

Apakah Selesai?

Ya

End


Gambar 70. Flowchart Update data target

FLOWCIJARTHAPVS DATA TARGET

Tidak

Start.

Masukan Kode_mutu

/ Cek ada

Atau tidak?

Ya

Tampilkan data target

Delete data target

Simpan hasil update

Apakah Selesai?

Ya

End


Gambar 71. Flowchart hapus data target

FLOWCHART PENCARIAN DATA

Start

·--------

Tidak

Masukan Id Inovasi/Ket mutu - -

Cek ada Atau tidak?

Ya

Tampilkan data Produk Inovasi

Cek ada Atau tidak?

Ya

End


Gambar 72. Flowchart penearian data

FLOWCHART INPUT DATA INOVASI MUTU

Start

Cek ada Atau tidak?

Ya

Tidak :;;----

Masukan Kode _ Mutu

Tidak Cek Ada?

Ya

[ Masukan data lnovasiMutu

~--------'

Tidak Apakah Selesai?

Ya

End



Gambar 73. Flowchart Input Data lnovasi Mutu

FLOWCHART UBAH DATA INOVASI MUTU

Start

Masukan Id Inovasi

Cekada Atau tidak?

Ya

Tidak

Tampilkan data lnovasiMutu

Tidak

Update data

Simpan basil update

Apakah Selesai ?"

Ya

End


Garn bar 74. Flowchart Ubah Data Inovasi Mutu

FLOWCHART HAPUS DATA INOVASI MUTU

Start

Masukan Id_lnovasi

Cek ada Atau tidak ?

Ya

Tidak

Tampilkan data lnovasiMutu

Tidak

Yakin hapus data?

Delete data InovasiMutu

Apakah,. Selesai ?

Ya

End

Tidak


Gambar 75. Hapus Data Inovasi Mutu

LAMPIRAND

Konfigurasi ODBC Untuk Sistem Usulan

f"li--. l~J NewOfflce~

I ..?If Opma"fo:Docuoert

.C ~ Set Prag an 4wss <VidDefatb

I a Prtqltl'!S

.:.i~

I"

...ti Prrters

~ T~&~tMeru .•• l!!J' ShLtOWm... j ;·,,(\·-;<-'·

f1'!S<.w< :;!] , .. ·, -"· .I> b ~'""··· f2.J"d.f!!JOR> ... f .,j&bc .. f '!!Joro ... f

Garn bar 76. Masuk menu Control Panel

l'ki Edi: View f.svates Tork tfe\:l

{.>Back ~· ,, .iJ ~Se-0rch ~~Folder.; ._j Adress~p~-------

]J -----------~· 4. ~ r~ ~ ~ '-.!:.> - .. -- """'~ ~~vc IM ~G<\lm\a Conbfll Panel """" """-• ~alive TOl!b !l'J '° ~ _:,,IT Al ~~ ~.itive sttbrq> for

"""" F~ ""'''"' -<..- "'" W~!MJt-'

~~ Bi <' «) ~ ~ ; ' .· """"'' ,....,,.,

""" Netl'Klfkilfd "~...., -- Oi<k(>Cc ••• -.. .. ~ ~-lJ ill -{ ~ 2 ,,,..,,.

"~""' "'"""' """"""' -""""' "'""M "'"" -~

"""'""' '~"'

-~ -""""'' ~ -"""" <.:it -=

.d Symilfl:cc

'"''-""""

.d('lL~J ----"3 ""'

' Fk Edt 'frew faVOt"les Took liob

,:....iw.. ,. <· . iJ .@se~m .:~Folders ~ -~ ~ >< .:o . £1· :,Miess \:Ai!Mnristrative ~oo~

LiJJ Administrative Tools

Adk, r~, Mdr.odlgles Open Database Comectid:f (OOBCJ di>ta SOU"ces<ofld~.

l4odfiOC 12/(fS/2004 I0:2fl

Si:z>:; l,+2'<B

Attrill.t;s: (1"l001>31)

li -""""" )ID ~ 11l 1 c- - Event Viwler -"""' f.X\;erulOrts •••

. ::::'c::..C:

:IJ ~ ~ """"" Loc<l!Seurq ""'~ SCrvlc ••. -

J,421ll

Gambar 78. Masuk menu Data Source(ODBC)

Name Olivet \i!i0ii..-~-011Vef tti MaQsoft Ace-=(" mdil

OWt:f do Microuilt Acceu ("_md:i} Driver d:IM'Cf010ftAcct!u r.mdl) Orivcroo Miao~oftAcceu f'-md>J Driver do Mho1ofthu.l$ {'.mOOI DlivefOOf.ficrorortAeccn l'-mdb] Oliver do Micn:uoftAccen j"_m<.IJ) SQLSCIVer

DbllD•KA U•oo ObPem:ml ,~ ... !rovaii

"'°"'TrioMolOl'l

"' Mlcrmoh kc:e:i Dlh>et j".mdl) DIMlr do MamoftAcceu l'-mcll}

----------- ----.· --·-·------- ------ --------1 AnOOBCSy;tern dliauuec~ar~H~OOott~ to~ 1o the~ .W<1 providcf. A Sy;lern dlla SOU"ce ii vi.lie lo .at: wcu mU...mactire.h::iOOgNT ~ !

Gambar 79. Masuk kotak dialog ODBC Data Source

. .,>Go

Gambar 80. Masuk kotak dialog New Data Source

Gambar 81. Masuk ke ODBC MS Access Setup

C<i4Sour~-eNarrc: JnovaOOn

j' Dase ff!Mi>ijt.tf.iidl,~~t}:;,;:f~'_:::.:

Dllt Datal=t!Nllmlli O~ i;;;:~ d\mvalion\dmovaU

OK

·r: r AcMOit>

::.J I EltduiM>

Gambar 82. Select Database

DuSourceName; ~novMoo

i 0- ,-------"""""'' Dal~ D:\loovl\lion\d:JrKivaii\ixwbtlrrdl

I Select.. Create-.. fkpail' ...

... - svmrn Dalab.Mc

r OalWMe:

"'-··

Gambar 83. Selesai me mil ih database

Gambar 84. Hasil akhir konfigurasi ODBC

Tampilan Halaman Index

<HTML>

<HEAD>

LAMPIRANE

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1 ">

<style type="texUcss">



</style>

</HEAD>

<BODY>

<DIV style="position:absolnte; overflow:hidde1:; left:204px; top:l 53px;

width:28px; height:47px; z-index:O"><img width=28 height=47 border=O

src=" . ./Ins_ Krj/Inovasi/images/topmenn _img l .gif"></DIV>

<DIV style="pnsition:absolute; oved1ow:hidden; left:! 8px; top:200px; ... width: 187px; height:85px; z-index:l "><img width=l 87 height=85 border=O

src=" . ./Ins_ Krj/Iuovasi/images/users _feedback_ bg.gif"></DIV>

<DIV style="position:absolute; overflow:hidden; left: l 8px; top: l 53px;

width: 187px; height:47px; z-index:2"><img width=l 87 height=47 border=O

src=" . ./Ins_ Kij/Inovasi/images/users _feedback_ s.gif"></DIV>

<DIV style="position:absolute; overflow:hidden; left:225px; top:63 lpx;

width:536px; height:47px; z-index:3"><img width=536 height=47 borde1=0

src=" . ./Ins_ Krj/lnovasi/images/botmenu _ bg.gif'></DIV>

<DIV style="position:absolute; overflow:hidden; left: 11 px; top:63 l px;

width:l 87px; height:47px; z-iJ1dex:4"><img width=l 87 height=47 border=O

src=" . ./Ins_ Kij/Inovasi/images/bot l .gif"></DIV>

<DIV style="position:absolute; overflow: hidden; left:! 98px; top:63 l px;

width:28px; height:47px; z-index:S"><img width=28 height=47 border=O

src=" . ./Ins_ Krj/Inovasi/images/bot2.gif'></DIV>

<DIV style="position:absolute; overflow:hidden; left:232px; top: 153px;

width:533px; height:47px; z-index:6"><img width=533 height=47 border=O

src=" . ./Ins_ Krj/Ino vasi/images/products _ b. gif '><ID IV>

<DIV style="position:absolute; overflow:hidden; left:l 7px; top:357px;

width:l86px; height:25px; z-index:7"><img width=l86 height=25 border=O

src=" . ./! ns _ Krj/l novasi/images/new _releases_ s.gif"></DIV>

<DIV style="position:absolute; overflow: hidden; left: 18px; top:382px;

width: 185px; height:204px; z-index:8"><img width= 185 height=204 border=O

src=" .. /Ins_ Krj/Inovasi/images/new _releases_ bg.gif'></DIV>

<DIV style="position:absolute; overflow:hidden; left: 11 px; top:681 px;

width:75 l px; height: 15px; z-index:9; background-color:#9DA 7BD">

</DIV>

<DIV style="position:absolute; overflow:hidden; left: 18px; top:-9px;

width:746px; height:161px; z-index:lO"><img width=746 height=l61

src=" . ./Ins_ Krj/I novasi/images/head2 0 .gif'></D IV>

<DIV style="position:abS"olute; overflow: hidden; left:245px; top: l 70px;

width:5 l 7px; height:22px; z-index: 12">

<FONT style="font-size: 1 Opt" color=#OOOOOO face="Tahoma">

<DIV><FONT color=#000080><B><a href="search.asp">Searching </a>

l <a href="log_in.asp"> Log In Inovasi </a>l <a

href="katalog.asp">Report</a>

I </B><f}ONT></DIV>

</FONT><!DIV>

<DIV style="position:absolute; overflow: hidden; left:5 J 7px; top:273px;

width:223nx: hei"ht· 1 r.Rnv· ,,_;.,clpv· 1 ~ "'

<p><strong><font color="#333366" size= 113 11

face="Tahoma">Seaiching</font></strong></p>

<p><strong><font color="#333366" size="2" face=" Bookman Old

Style">fasilitas

ini memungkinkan untuk mencan suatu informasi mengenai

inovasi</font></strong><FONT style="font-size: 1 Opt"

face="Tahoma">

</FONT></p>

<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">

<DIV></DIV>

</FONT></DIV>

color=#OOOOOO

<DIV style="position:absolute; overflow:hidden; left:32px; top:363px;

width: 157px; height: 14lpx; z-index: 14">

<FONT style=" font-size: l Opt" color=#OOOOOO face="Tahoma">

<DIV><FONT style="font-size:9pt" color=#666699 face="Arial"><B>Trouble

?</B></FONT></DIV>

<DIV><FONT style="font-size:9pt" color=#666699

face='' Arial"><B> </B></FONT></DIV>


face=" Arial "><B> </B></FONT></DIV>

<DIV><FONT style="font-size:9pt" color=#666699 face="Arial">Contact your

admin at :<.1FONT></DIV>.,.

<DIV><FONT style="font-size:9pt" color=#666699 face="Arial"> ........... @satelit

.telkom</FONT></DIV>

</FONT>

</DIV>

<DIV style="position:absolute; overflow:hidden; left:395px; top:68lpx;

· width:366px; height:4 l px; z-index: 15 ">

<FONT style~"font-size:lOpt" color=#OOOOOO face="Tahoma">

<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By

</FONT>

</DIV>


width:330px; height:3 lpx; z-index: 16">

<FONT style=" font-size: I Opt" color=#OOOOOO face="Tahoma">

<DIV align=center><FONT color=#FFFFFF size="?" face="Verdana"

style=" font-size: 16pt"><B><I>Sistem Informasi

Inovasi</I></B></FONT></DIV>

<DIV align=center><FONT style=" font-size: l4pt" color=#FFFFFF

face="Verdana"><B><I> </l></B></FONT></D IV>

</FONT>

</DIV>

<a href="#"><img

src=" .. /Ins_ Krj/Inovasi/images/space _spbs.wrnk.thm%5B I %5D.gif' width=l 78"

height= 163" border="O" style=" FILTER: alpha( opacity=40)"

onmouseover=high( this) onmo useo ut=lo w( this)></ a></ div>

<DIV style="position:absolute; overflow: hidden; left:46px; top: l 97px;

width:128px; height:128px; z-index:20"><img width=l28 height=128 border=O

src=" .. /Ins_ Krj/Inovasi/images/computer _ welcomelgwt.wrnk.thm%5B I %5D.gif'

></DIV>

<DIV style="position:aS"solute; overflow:hidden; left:446px; top:69px;

width:233px; height:22px; z-index:23">

<FONT style=" font-size: I Opt" colo1=#000000 face="Tahoma">

<DIV><FONT col01=#CCFFFF face="Verdana"><B><I><marquee> Where you

can find a New Stuff</marquee></I></B></FONT></DIV>

</FONT>

</DIV>

<div id="adotO" style="position: ab so lute;visib iii ty: hidden; "><img

<div id="adotl" style="position:

src=" . ./Ins Krj/Inova'si/images/js1320458.gif'></div>

<div id="adot2" style="position:

src=" .. /Ins_ Ktj/Inovasi/images/js 1320458.gif'></div>

<div id=" adot3" style=" position:

src=" . ./Ins_ Ktj/Inovasi/images/js 1320458.gif'></div>


src=" . ./Ins Krj/lnovasi/images/js 1320458.gif'></div>


src=" .. /Ins_ K1j/Inovasi/images/js 13 2045 8 .gif"></div>

<div id='"adot6" sty le=" position:

src=" .. /Ins _ Krj/Inovasi/images/js 1320458.gif'></div>

absolute;"><img

absolute;"><img

absolute;"><img

absolute;"><img

absolute;"><img

absolute;"><img

<div id="Layerl" style="position:absolute; left:295px; top:272px; width:213px;

height:241px; z-index:24">

<p><strong><font color="#333366" size= 113 11

face="Tahoma''>Report</font></strong></p>

<p><strong><font color="#333366" size="2" face="Bookman Old Style">Berisi

mengenai

laporan inovasi yang dibuat dan target pencapian</font></strong></p>

<p><strong><font colo1="#333366" size="3" face="Tahoma"><a

href="log_in.asp">Log ...

In</a></font></strong></p>

<p><strong><font color="#333366" size="2" face="Bookman Old Style">bagi

adrnin,

anda dapat mengelola data-data mengenai seluruh inovasi menggunakan

fasilitas

ini</font></strong></p>

</div>

<div id="Layer2" style="position:absolute; left:258px; top:201 px; width:440px;

height:62px; z-index:25"><img src="img/iklanl .gif' width="440"

height="60"></div>

<div id="Layer3" style="position:absolute; left:209px; top:262px; width:65px;

height:258px; z-index:26"><img src="img/iklan2.tif.gif' width="60"

height="389"></div>

<img width=493 height=86 style="position:absolute; left:242px; top:536px; z

index: 17" border=O src=" . ./Ins_ K1j/lnovasi/images/shape862882.gif">

</BODY>

</HTML>

Tampilan Halaman Log In

<HTML>

<HEAD>

<meta http-equiv="contenHype" content="text/html; charset=iso-8859-1 ">

<style type="text/css">



</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window ifNav4 resized

if (init==true) with (navigator) {if

((appName=="Netscape")&&(parselnt(appVersion)=4)) {

document.MM _pg W=inner Width;

onresize=MM reloadPage; } }

document.MM pgH=innerHeight;

else if (innerWidth!=document.MM_pgW II innerHeight!=document.MM_pgH)

location.reload();

}

MM_reloadPage(true);

!!-->

</script>

</HEAD>

<BODY>

<DIV style="position:absolute; overflow:hidden; left:204px; top: l 53px;


src=" . ./Ins_ Krj/Inovasi/images/topmenu_imgl .gif''></DIV>

<DIV style="position:absolute; overflow:hidden; left:! 8px; top:200px;

width: l 87px; height:85px; z-index: l "><img width=l 87 height=85 border=O

src=" . ./Ins_ Kij/Inovasi/images/users _feedback_ bg.gif''></DIV>

<DIV style="position:absolute; overflow: hidden; left: l 8px; top: I 53px;


src=" . ./Ins_ Krj/Inovasi/images/users _feedback_ s.gif''></DIV>

<DIV style="position:absolute; overflow: hidden; left:225px; top:63 I px;

width:536px; height:47px; .,z-index:3"><img width=536 height=47 border=O

sre=" . ./Ins _K1j/Inovasi/images/botmenu _ bg.gif''></DIV>

<DIV style="position:absolute; overflow:hidden; left: 11 px; top:63 I px;


src=" . ./Ins_ Krj/Inovasi/images/bot I .gif''></DIV>

<DIV style="position:absolute; overflow:hidden; left:198px; top:63 lpx;

width:28px;· height:47px; z-index:5"><img width=28 height=47 borde1=0

src=" . ./Ins_ Krj/Inovasi/images/bot2.gif''></DIV>

<DIV style="position:absolute; overflow:hidden; left:232px; top:l53px;


src=" .. /Ins. Krj/Inovasi/images/products_b.gif'></DIV>

<DIV style="position:absolute; overflow: hidden; left: l 7px; top:357px; I

width:l86px; height:25px; z-index:7"><img width=l86 height=25 border=O

src=" . .11ns _ Krj/lnovasi/images/new _releases_ s.gif"></D IV>

<DIV style="position:absolute; overflow:hidden; left: l 8px; top:382px;

width:l85px; height:204px; z-index:8"><img width=l 85 height=204 border=O

· src=" . ./Ins_ Krj/Inovasi/images/new _releases_ bg.gif"></DIV>

<DIV style="position:absolute; overflow:hidden; left:l lpx; top:68lpx;

width:75 l px; height: 15px; z-index:9; background-color:#9DA7BD">

</DIV>

<DIV style="position:absolute; overflow: hidden; left: l 8px;

width:7 46px; height: 161 px; z-index: I O"><img width=7 46

src=" .. /Ins_ K:tj/Inovasi/images/head20.gif"></DIV>

<DIV sty1e="position:absolute; overflow:hidden; 1eft:245px;

width:517px; height:22px; z-index:l2">


top:-9px;

height=l61

top:l 70px;

<DIV><FONT color=#000080><B><a href="index.asp">Home </a> I </B></FONT><FONT style="font-size: 1 Opt" color=#OOOOOO

faCf!="Tahoma"><FONT color=#000080><B><a

href=" . ./Ins_ Krj/Ino vasi/Inc:l'vasi/ search.asp ">Searching</a></B></FO NT></FO N

T><FONT color=#000080><B> l

<a href="katalog.asp">Report</a> I </B></FONT></DIV>

</FONT></DIV>


width: l 57px; height: 141 px; z-index: 14 ">

<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">


?</B></FONT></DIV>

<DIV><FqNT style="font-size:9pt" color=#666699

face=" Aria!"><B> </B></FONT></DIV>


face=" Arial"><B> </B></FONT></DIV>


• admin at :</FONT></DIV>

<DIV><FONT style="font-size:9pt" colo1=#666699 face="Arial"> ........... @satelit


</FONT>

</DIV>

<DIV style="position:absolute; overflow:hidden; left:395px; top:68lpx;

width:366px; height:4 I px; z-index: 15">

<FONT sty!, :="font-size: 1 Opt" color=#OOOOOO face="Tahoma">


Yulia Ellyanum 2004. All Rights Reserved. </marquee></FONT></DIV>

</FONT>

</DIV>


width:330px; height:31 px; z-index:l 6 ">


<DIV align=center><FONT color=#FFFFFF size="7" face="Verdana"

style=" font-size: 16pt"><B>..:I>Sistem Informasi


<DIV align=center><FONT style="font-size: I 4pt" color=#FFFFFF

face=''Verdana"><B><I> </I></B></FONT></DIV>

</FONT>

</DIV>

<div style="position:absolute; top:555px; left:407px; z-index: 18">

<font name= size=4 color=#OOOOFF><div id="jumpx"></div></font>

'.


src=" . ./Ins Krj/Inovasi/images/js 1320458.gif"></div>


src=" . ./Ins Krj/Inovasi/images/js 1320458.gif'></div>

<div id="adot5" style=" position:

src=" . ./Ins_ K1j/lnovasi/images/js 1320458.gif'></div>


src=" . ./Ins_ Krj/lnovasi/images/js 132045 8.gif'></div>

absolute; "><img

absolute; "><img

absolute;"><img

abso lute;"><img

<div id="Layer2" style="position:absolute; left:258px; top:201 px; width:440px;

height:62px; z-index:25"><img src="img/iklanl .gif' width="440"

height="60"></div>

<div id=" Layer!" style="position:absolute; lei1::24 l px; top:288px; width:469px;

height: l 29px; z-index:26">

<p>masu!can id dan password anda </p>

<form name="forml" method="POST" action="/inovation/log_in.asp">

<p>Id I

<input _type="text" name="textfield">

<Ip>

<p>Password

<input type="password" name="textfield2">

<input type=" submit" name="Submit" value="Ok">

<Ip>

</form>

<p> </p>

</div>

</script>

<img width=493 height=86 styie="position:absolute; lell:242px; top:536px; z

index: 17" bl rder=O src=" .. /Ins_ Kij/Inovasi/images/shape862882.gif'>

</BODY>

</HTML>

Tampilan Halaman Report

<HTML>

<HEAD>



<!··-

.stylel {

font-size: small;


}

-->

</style>

</HEAD>

<BODY>

<DIV style="position:absolute; overflow:hidden; left:204px; top:l53px;


src=" . ./Ins_ Krj/Inovasi/images/topmenu_img l .gif'></DIV>

<DIV style="position:absolute; 0verflow:hidden; left: 18px; top:200px;

width: l 87px; height:85px; z-index: l "><img width= 187 height=85 border=O

src=" .. /Ins_ Krj/Inovasi/images/users _feedback_ bg.gif'></DIV>

<DIV style="position:absolute; overflow: hidden; left: l 8px; top: l 53px;

width:l87px; height:47px; z-index:2"><img width=l87 height=47 bordet=O

src=" .. /Ins_ Krj/Inovasi/images/users _feedback_ s.gif'></DIV>

<DIV style="position:absolute; overflow:hidden; Jeft:233px; top:626px;


src=" . ./Ins_ Kij/Inovasi/images/botmenu _ bg.gif"></D IV>

<DIV style="position:absolute; overflow: hidden; left: I 9px; top:626px;

width: l 87px; height:47px; z-index:4"><img width=! 87 height=47 border=O

src=" .. /Ins Kri/Inovasi/imarre</hntl crif"><!Tlnh.



src=" . ./Ins_ Kij/Inovasi/images/bot2. gif''></D IV>

<DIV style="position:absolute; overflow: hidden; left:232px; top: 153px:


src=" . ./Ins_ Krj/Inovasi/images/products _ b.gif''></DIV>

<DIV style="position:absolute; overflow: hidden; left: l 7px; top:357px;


src=" . ./Ins_ Klj/Inovasi/images/new _releases_ s.gif''></DIV>



src=" . ./Ins_ Krj/Inovasi/images/new _releases_ bg.gif"></DIV>

<DIV style="position:absolute; overflow:hidden; left: 19px; top:676px;

width:751 px; height: l 5px; z-index:9; background-color:#9DA 7BD">

</DIV>

<DIV style="position:absolute; overflow: hidden; left: 18px; top:-9px;

width:7 46px; height: 161 px; z-index: IO"><img width=7 46 height= 161 border=O

src=" . ./Ins_ Kij/1 novasi/images/head20.gif"></DIV>


width:517px; height:22px; z-index: 12">


<DIV><FONT color=#OOl'l080><B><a href="index.asp">HOME </a>

<a href=" .. /Ins_ Krj/Inovasi/Inovasi/search.asp">Searching</a>

J <a href="log_in.asp">Log In </a> I </B></FONT></DIV>

</FONT></DIV>

<DIV style="position:absolute; overflow:hidden; lef1::32px; top:363px;

width: l 57px; height: 141 px; z-index: 14 ">

<FONT style=" font-size: 1 Opt" color=#OOOOOO face=''Tahoma">

<DIV><FONT style="font-size:9pt" colo1=#666699 face=" Arial"><B> Trouble

?</B></FONT></DIV>


face=''Arial"><B> </B></FONT></DIV>

<DIV><FON f style="font-size:9pt" col01=#666699



admin at :</FONT></DIV>



</FONT>

</DIV>

<DIV style="position:absolute; overflow:hidden; lefl:403px; top:676px;

width:366px; height:4 l px; z-index: 15 ">

<FONT style="fonl-size: 1 Opt" color=#OOOOOO face="Tahoma">


Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DIV>

</FONT>

</DIV>


width:330px; height:31 px; z-index: 16">



style=" font-size: l 6pt"><B>~Sistern lnforrnasi


<DIV align=center><FONT style="font-size: l 4pt" color=#FFFFFF


</FONT>

</DIV>

</div>


width: l 28px; height: 128px; z-index:20"><irng width= 128 height= 128 border=O

src=" . ./Ins _Krj/lnovasi/images/computer_ welcomelgwt.wmk.thm%5B I %5D.gif"

></DIV>

<DIV style="position:absolute; overflow:hidden; ldl:446px; top:69px;



<DIV><FONT color=#CCFFFF face="Verdana"><B><l>Where you can find a

New Stuff</l></B></FONT></DIV>

</FONT>

</DIV>

<div id="adotO" style=" position: absolute;visibilit y: hidden;"><img

src=" . ./Ins_ Krj/Inovasi/images/js 1320458.gif''></div>


src=" . ./Ins_ K.ij/lnovasi/images/js 1320458.gif''></div>


src=" . ./Ins_ K1j/Inovasi/images/js 1320458.gif''></div>

<div id="adot3" sty le=" position: absolute;"><img

src=" . ./Ins_ Krj/Inovasi/images/js 1320458.gif''></div>


src=" . ./Ins _.Krj/Inovasi/images/js 132045 8 .git''></ div>


src=" . ./Ins_ !<..rj/Inovasi/imag'es/js 1320458.gif''></div> I




height:87px; z-index:26"></div>

<div id="Layer3" style="position:absolute; left:42px; top:469px; width: I 23px;

height: 129px;

src="img/leaper _busy _9 _feap347. wmk.thm%5B I %SD.git''

heiflht=" 128"></cliv>

z-index:27"><img

width=" 128"


height: 171 px; z-index:28 ">

<p><strong><font color="#OOOOFF" size="2" face="Georgia, Times New

Roman, Time's, serif'>Fasilitas

ini akan memandu anda untnk melihat informasi atau report yang diinginkan

mengenai :</font></strong></p>

<dl>

<dt><strong>

<ul>

<li><font color="#OOOOFF" size="2" face="Georgia, Times New Roman,

Times, serif'><a href="pencipta/detail_pencipta.asp">Pencipta</a></font></li>


Times, serif'><a href="inovasi/detail_inovasi.asp">Inovasi</a></font></li>


Times, serif'><a href="target/detail_target.asp"> Target

pencapaian</a></font></li>

</ul>

</strong></dt>

</dl>

</div>

<img width=493 height=86 style="position:absolute; left.:227px; top:529px; z

index: 17" b?rder=O src=" . ./Iris_ Kij/Inovasi/images/shape862882.git''>

</BODY>

</HTML>

Tampilan Report Target

<HTML>

<HEAD>

<DIV style="position:absolute; overflow:hidden; lefi:l 8px; top:-9px;

width:746px; height: 161 px; z-index: I O"><img width=746 height=l 61 border=O

src="file:///Dl/Ins_ Krj/Inovasi/images/head20.gif'></DIV>

<DIV style="position:absolute; overflow: hidden; lefi:245px; top: 170px;

width:517px; height:22px; z-index: 12 ">


<DIV><FONT color=#000080><B><a href.=" . ./index.asp">HOME </a> I <a bref="file:///Dl/Ins _ Krj/Inovasi/l novasi/search.asp">Searching</a>

l <a href.=" . ./log_ in.asp">Log In Inovasi</a> l

</B></FONT></DIV>

</FONT></DIV>

<DIV sty,le="position:absolute; overflow:hidden; left:403px; top:676px;



<DIV><FONT style="font-size:8pt" color-#FFFFFF><marquee>Copyright By


</FONT>

</DIV>


width:330px; height:3 l px; z-index: 16">


<DIV align=center><FOJ\!T color=#FFFFFF size="7" face="Verdana"

style=" font-size: 16pt"><B><I>Sistem Informasi

Inovasi</I><,'B></FONT></DIV>

<DIV align=center><FONT style="font-size:l 4pt" color=#FFFFFF

face=''Verdana"><B><I> </I></B></FONT></D IV>

<!FONT>

</DIV>

<div style="position:absolute; top:551 px; left:282px; z-index: 18 ">

</div>

<DIV style="position:absolute; overflow: hidden; left:49px; top: I 56px;

width: J 28px; height: 128px; z-index:20"><img width=128 height= 128 border=O

src="file:///Dlfins _ Krj/Inovasi/images/computer _ welcomelgwt. wmk. thm%5B 1 %5

D.gif'></DIV>

<DIV style="position:absolute; overflow:hidden; lcft:446px; top:69px;



<DIV><FONT color=#CCFFFF face="Verdana"><B><l>Where you can find a

New Stuff<11></B></FONT></DIV>

</FONT> I

</DIV>


src="file:///Df/lns _Krj/Inovasi/images/js 1320458.gif'></div>

<div id="adotl" style'="position: absolute;"><img

src="file:///Df/Ins _ Kl:jllnovasi/images/js 1320458.gif'></div>


src="file:// /Dlflns _ Krj/Inovasi/images/js 1320458.gif'></div>


src="file:// /Dlfins _ Krj/Inovasi/images/js 1320458.gif'></div>

<div id="adot4" style=" position: absolute;"><img

src="file:///Lf/lns_Kij/Inovasi/images/jsl320458.gif'></div>


src="file:///Df/Ins_Krj/Inovasi/images/jsl320458.gif'></div>


src="file:///Df /lns _ Kij/Inovasi/images/js 1320458.gif'></div>


height:336px; z-index:24">

<form name="form5">

<table widt.'1="84%" height=" 120" border=" 1 ">

<tr>

<td height=" 43" co !span=" 5 "><div align="center"><strong><font I

color="#33J366" size="3" face="Tahoma">Report

Data Target</font></strong></div></td>

</tr>

<tr>

<td width="l 7%" height="32"><strong><font color="#333366" size="2"

face="Tahoma">Kode

Mutu </font></strong></td>

<td width="22%">

face=''Tahoma"><strong>Nama

Mutu</sirong></font></td>

<font color="#333366" size=1'2"

<td width=" I 8%"><strong><font color="#333366"><strong><font size="2"

face="Tah01'ta">

Target Real</font></strong></font></strong></td>

<td width=" I 9%"><font color="#333366"

face=''Tahoma''><strong>Target

Capai </strong></font></td>

<td width="24%"><font color="#333366"><font

face="Tahoma"><strong>Tahun

Pencapaian </strong></font></font></td> ... </tr>

<tr>

<td height="35"><strong><font

face="Tahoma"> A </font></strong></td>

<td>

colm-"#333366"

<font color="#333366"

face=''Tahoma"><strong>Hardware</strong> </font></td>

size=11211

sizc="2"

size="2 11

size="2"

<td><strong><font color="#333366" size="2" face="Tahoma"> I O</font>

<td><font color="#333366"

face="Tahoma"><strong> 1 O</strong></font></td>

<td><font color="#333366"

face=''Tahoma"><strong>2004</strong></font></td>

</tr>

</table>

<p

size="2 11

size="2 11

align=''center''><A

HREF=" lino vat ion/target/ detail_ target.asp ?index=O"><stro ng>Pcrtama</ strong><

IA>

<strong><A

HREF=''/inovation/target/detail_target.asp?index=O">Previous</ A>

<A HREF="/inovation/target/detail_taTget.asp?index=l ">Selanjutnya</ A>

<A HREF="/inovation/target/detail_target.asp?index=-1 "> Terakhir</ A>

</strong> </p>

</form>

<p align="center"><strong><font color="#333366" size="3" Jace="Tahoma"><a

href=" . ./katalog.asp">Kembali

ke report</a></font></strong></p>

</div>

<in1g width=493 height=86 style="position:absolute; Jeft:227px; top:529px; z

index: 17" border=O src="file:4"/Dl/Ins _ Krj/Inovasi/images/shape862882.gif">

</BODY>

</HTML>

Tampilan Hitlaman Admin

<HTML>

<HEAD>



</HEAD> I

<BODY>

<DIV style="position:absolute; overflow: hidden; left:204px; top: 153px;


• src=" .. /Ins_ K1j/lnovasifimages/topmenu _img 1.gif''></DIV>


width:187px; heighl:85px; z-index:l "><img width=187 heighl=85 border=()

src=" . ./Ins_ Krj/Inovasi/ime.ges/users _feedback_ bg.gif''></DIV>



src=" .. /Ins _Krj/Inovasi/images/users _feedback_ s.gif''></DIV>

<DIV sty! :="position:absolute; overflow:hidden; left:233px; top:626px;


src=" .. /Ins_ Krj/Inovasi/images/botmenu _ bg.gif''></DIV>


width:187px; hei.ght:47px; .z-index:4"><img width=l 87 height=47 border=O

src=" .. /Ins_ Krj/Inovasi/images/bot 1.gif''></DIV>



src=" . ./Ins_ Krj/Inovasi/images/bot2.gif''></DIV>

<DIV style="position:absO!ute; overflow: hidden; left:232px; top:! 53px;


src=" .. /Ins_ Krj/Inovasi/images/products _ b.gif''></DIV>


width:186px; height:25px; z-index:7"><img width=J86 height=25 border=O

src=" .. /Ins_ Ki:j/Inovasi/images/new _releases_ s.gif''></DIV>



src=" .. /Ins_ Krj/Inovasi/images/new _releases_ bg.gif''></DIV>


width:75 l px; height: l Spx; z-index:9; background-color:#9DA 7BD">

</DIV>

<DIV style="position:absolute; overflow: hidden; left: l 8px; top:-9px;

width:7 46px; height: 161 px; z-index: lO"><img width=7 46 height= 161 border=O

src=" . ./Ins Krj/lnovasi/images/head20.gif''></DIV>


width:517px; height:22px; z-index: 12">

<FONT style=" font-size: 1 Opt" color=#OOOOOO ·face="Tahoma">

<DIV><FONT color=#000080><B><a href="index.asp ">HO ME </a>

<a href=" . ./Ins_ Krj/lnovasi/Inovasi/search.asp">Searching</a>

l<a href="katalog.asp"> Report</a> l

</B></FONT></DIV>

</FONT></DIV>


width:l57px; height:14lpx; z-index:l4">



?</B></FONT></DIV>


face="Arial"><B> </B></FONT></DIV>

<DIV><FONT style="font-size:9pt" color=#666699 ... face=" Arial"><B> </B></FONT></DIV>

<DIV><FONT style="font-size:9pt" color=#666699 face="Arial">Contact yom

Help

Desk at :</FONT></DIV>


.telkom</FONT'..></DIV>

</FONT>

</DIV>

<DIV siyle="position:absolute; overflow:hidden; left:403px; top:676px;

width:366px; height:41 px; z-index: 15">

<FONT style="font-size:lOpt" color=#OOOOOO facc="Tahoma">



</FONT>

</DIV>

<DIV style="position:absolute; overflow:hidden; leil:423px; top:34px;

width:330px; hcight:3 l px; z-index: 16">



style=" font-size: l 6pt"><B><I>Sistem Informasi


<DIV align=center><FONT style="font-size: l 4pt"

face=''Vcrdana"><B><l> </l></B></FONT></DIV>

</FONT>

</DIV>

</div>

color=#FFFFFF

<DIV styl'"'="position:absolute; overflow: hidden; left:46px; top: l 97px;

width: l 28px; height: I 28px; z-index:20"><img width=l 28 height= 128 border=O

src=" .. /Ins_ Krj/J novasi/images/computer _ welcomelgwt. wmk.thm%5B 1 %5D.gif'

></DIV> '""

<DIV style="position:absolute; overflow:hidden; Jeft:446px; top:69px;



<DIV><FONT color=#CCFFFF face="Verdana"><B><I>Where you can find a

New Stuff</I></B></FONT></DIV>

</FONT>

</DIV>

<div style="rosition: absolute;visibilil y:

src=" . ./Ins_ Krj/l novasi/imagcs/js 1320458.gi r'></div>

<div id="adotl" style="position:

src=" . ./Ins_ K1j/l novasi/images/js 1320458.gif'></div>

<div id=" adot2" style=" position:

src=" . ./Ins_ Kij/Inovasi/images/js 132045 8 .gif'></div>


src=" . ./! ns _ K1j/l novasi/images/js 132045 8.gif'></ div>


src=" . ./1 ns __ K1:j/l novasi/images/js 1320458.giP'></div>


src=" . ./lns _K1j/I novasi/imagcs/js 1320458.gil"></div>


src=" . ./Ins_ Krj/Inovasi/images/jsl 320458 .gif'></ div>

hidden;"><img

absolute;"><img

absolute;"><img

absolute;"><img

absolute; 11><i1ng

absolute; "><img

absolute;"><img


height: l 70px, z-index:25">

<table widtl:1="97%" height="l34" border="O">

<tr>

<tel width="23%"><strong><font color="#333366"

face="Tahoma''><a href=''pencipta/ipt_pencipta.asp''>Input

Pencipta</a></font></strong></td>

<td width="2 l % ">-s;strong><font color="#333366"

face=''Tahoma"><a href="pencipta/edt_pencipta.asp">Edit

Pencipta</a></font></strong></td>

<tel width="20% "><strong><font color="#333366"

face="Tahoma"><a bref="pencipta/hps_pencipta.asp">Delete

Pencipt</a>a</font></strong></td>

<td width=" 15% "><strong><font color="#333366"

face="Tahoma·'><a href="Mutu/ipt_mutu.asp">Input

Mutu</a></font></strong></td>

size="2 11

size=n2"

size=112 11

<td width="2 l %"><strong><font color="#333366" size="2 11

face="Tahoma"><a Iief="Mutu/edt_mutu.asp">Edit


</tr>

<tr>

<td><strong><font color="#333366"

lu·ef'="Mutu/hps _ mutu.asp">Delete



href="inovasi/ipt_inovasi.asp">Input

Inovasi</a></font></strong></td>

<td><strong><font co lor="#3 3 3 3 66"

href=''inovasi/edt_inovasi.asp">Edit



href="inovasi/hps_inovasi.asp">Delete



href="transaksilnov/lpt_tran_inovasi.asp">Input

InovasiPencipta</a></font></strong></td>

</tr>

<tr>


hrei'="transaksiinov/edt_tran_ inovasi.asp">Edit

InovasiPencipta</a></font></strong></td>


size= 11211

size="2"

size="2 11

size="2"

size=112 11

size=!t2"

href="transaksiinov/hps_tran_inovasi.asp">Hapus

InovasiPEncipta</a></font></strong></td>

<td><strong><font color="#333366" size=''2"

href="target/ipt_targt.asp">Input

fUce=''rf ahon1a ''><a

face=''Tahoma''><a

facc="Tal10ma"><a

face="Tahoma"><a

JUce= 11rfaho1na 11><a

face=''Tal10ma''><a

face="Tahoma"><a

face="Taho ma "><a


href="target/edt_trg.asp">Edit

Target</a></font></strong></td>


href="target'hps _ trgt.asp">Hapus

Target</a></font></strong></td>

</tr>

<tr>

<td><strong><font color="#OOOOFF"

href="Inov _ mutu/iptlnov _mutu.asp">Input

InovasiMutu</a></font></strong></td>

<td><strong><font color="#OOOOFF"

href="Inov _mutu/edt_inov _ mutu.asp">Edit

lnovasiMutu</a></font></strong></td>

<td><stroug><font color="#OOOOFF"

href="lnov _mutu/hps _inov _ mutu.asp">Hapus

InovasiMutu</a></font></strong></td>

<td> </td>

<td> </td>

</tr>

</table>

</div>

size="211 face="Tahoma"><a

size="2" face="Tahoma"><a

size=n2" face="Tahoma"><a

size="211 face="Tahoma"><a

size=11211 face="Tahoma"><a


height:87px; z-index:26"></div>


height: 129px; z-index:27"><img

src=" img/lcaper_ busy_ 9 _ leap34 7. wmk. thm'%5 l31 %50 .gil" width=" 128"

height=" 128"></div>

<img width=493 height=86 style="position:absolute; Ieft:227px; top:529px; z

index: 17" border=O src=" .. /Ins_ Kij/Inovasi/images/shape862882.gif'>

</BODY>

</HTML>

Tampikan Halaman Input Data Inovasi Mutu

<HTML>

<HEAD>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1 "> '

</HEAD>

<BODY>



src="file:///Dl/Ins _ Klj/Inovasi/images/topmenu_img 1.gif''></D IV>


width: 187px; height:85px; z-index: l "><img width= 187 height=85 border=O

src="file:///Dl/Ins _ Klj/Inovasi/images/users _feedback_ bg.gif''></DIV>


width:l87px; hcight:47px; z-index:2"><img width=l87 height=47 border=O

src=" file:! //DI/Ins_ Klj/Inovasi/images/users _feedback_ s. gif''></D IV>



src=" file:! //DI/Ins_ Krj/Inova~i/images/bo tmenu _ bg. gif"></D IV>

<DIV style="position:abs.olute; overflow: hidden; left: 19px; top:626px;

width:l87px; height:47px; z-index:4"><img width=187 height=47 border=O

src="file:///Dlfins _ Krj.iinovasi/images/botl .gif''></DIV>



src=" file:! //DI/Ins_ Krj/Inovasi/images/bot2. gif''></D IV>



<DIV style="position:absolute; overflow:hidden; left:l 7px; top:357px;

width:! 86px; height:25px; z-index:7"><img width= 186 height=25 border=O

src="file:///Plfins _ Krj/Inovasi/images/new _releases_ s.gif'></DIV>


width: 185px; height:204px; z-index:8"><img width= 185 height=204 border=O I

src="file:///bj/Ins _ Klj/lnovasi/images/new _releases_ bg.gif'></D IV>

<DIV style="position:absolute; overflow: hidden; left: J 9px; top:676px;

width:75 lpx; height: I 5px; z-index:9; background-color:#9D/\ 7BD">

</DIV>

,<DIV style="position:absolute; overJ)ow:hidden; Jell:l8px; top:-9px;

width:746px; height:16lpx; z-index:IO"><img width=746 height=l61 border=O

src="file:///Dlfins_Krj/Inovasi/images/head20.gif'></DIV>

<DIV style="position:absolute; overflow: hidden; leil:245px; top:! 70px;



<DIV><FONT color=#000080><B><a href=" . ./index.asp">HOME </a> I <a href=" file· ///DI/Ins_ Krj/Inovasi/Inovasi/ search.asp"> Searching</ a>

l <a href=" . ./log_in.asp">Log In Inovasi </a>

l </B></FONT></DIV>

</FONT></DIV>


width:l57px; heiglct:l4lpx; z-index:l4">

<FONT style="font-size:!Opt" color=#OOOOOO face="Tahoma">


?</B></FONT></DIV>


face=" Arial''><B> </B></FONT></DIV>




admin at :</FONT></f)TV>



</FONT>

</DIV>


width:366px; height:4 l px; z-index: 15 ">



Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DJV>

</FONT>

</DIV>





style="font-size: l 6pt"><B><I>Sistem lnformasi




</FONT>

</DIV>

<div style="position:absolutertop:55 l px; left:282px; z-index: 18">

<ahref="#"><imgsrc="file:///Dlfins_ KJ:j/Inovasi/images/space_spbs.wmk.thm%5

Bl %5D.gif' width=l 78" height=l63" borde1="0" style=" FILTER:

alpha( opacity=40)" onmouseover=high(this) onmouseout=low(this )></a></ div>


width:l28px; height:I28px; z-index:20"><img width=I28 height=l28 border=O

src="file:///Dlfins _ Krj/Inovasi/images/computer _ welcomelgwt. wmk. thm%5B 1 %5

D.gif'></DIV>


width:233px; height:22nx: z-inclex·?1">

<FONT style=" font-size: 1 Opt_" color=#OOOOOO face="Tahoma">



</FONT>

</DIV>


src=" file:! //DI/Ins_ Krj/Inovasi/images/js 1320458.gif'></div>


src="file:///Dl/Ins _ K1j/Inovasi/images/js 13 2045 8.gif'></div>

<div style="position: absolute;"><img

src="file:///Dl/Ins _ Klj/Inovasi/images/js 1320458.gif'></div>


src="file:///Dlflns _ Krj/Inovasi/images/js 1320458.gif'></div>


src="file:///Dl/Ins _ K1j/Inovasi/images/js 132045 8.gif'></div>


src="file:// /Dlflns _ Klj/Inovasi/images/js 1320458.gif'></div>

<div id="adot6" style="position: 2.bsolute;"><img

src="file:// /Dlflns _ Klj/Inovasi/images/js 1320458.gif'></div>

<div id="Layerl" style="position:absolute; left:235px; top:218px; width:463px; ... height:291px; z-index:24">

<form ACTION="/inovation/Inov _mutu/iptlnov _mutu.asp" METHOD="POST"

name="form5">

<table width="98%" height="l63" border="!">

<tr>

<td colspan="4"><div align="center"><strong><font color="#333366"

size="3" face="Tahoma">Input

Data Inovasi Mutu</font></strong></div></td>

</tr>

<tr>

<td width="24%"' height="32"><strong><font color="#333366" size="2"

face="Tahoma''>Id

Inovasi</font></strong></td>

<td w:Jth="30%"> <input name="id_ino" type="text" id="id ino2"

value="OOO I~'>

</td>

<td width="21 % "><strong><font color="#333366" size=n2 11

face="Tahoma"> Kode


<td width="25%"><input name="tgl" type="text" id="tgl" value=" A">

<ltd>

</tr>

</table>

<p align="center">

<input type="submit" name="Submit" value="Input Data">

<Ip>

<p> </p>

<input type="hidden" name="MM_insert" value="formS">

</form>

<p align="center"><strong><font color="#333366" size="3" face="Tahoma"><a

hreF" . .! Admin.asp"> Kembali'"

ke menu</a></font></strong></p>

</div>


index: 17" border=O src="file:///Dlflns _ Kij/Inovasi/images/shape862882.gif">

</BODY>

</HTML>

Tampilan ~alaman Edit Data Inovasi Mntu

<HTML>

<HEAD>

<meta http-~quiv="content-type" content="text/html; charset=iso-8859-1 ">


</HEAD>

<BODY>


width:28px; height:47px; z-index:O"><img width""28 height=47 border=O

src=" file:///Dlfins _ Kij/Inovasi/images/topmenu _ img 1.gif''></DIV>


width: 187px; height:85px; z-index: l "><img width=l 87 height=85 border=O

src=" file:// /DI/Ins_ Krj/Inovasi/images/users _ feedbac~ bg.gif'></DIV>

<DIV style="position:absolute; overflow:hidden; left: 18px; top: 153px;

width:187px; height:47px; z-index:2"><img width=l87 height=47 border=O

src="file:// /Dlfins _ Kij/Inovasi/images/users _feedback _s.gif''></DIV>


width:536px; height:47px; z-index:3"><img width=536 height=47 bordei-0

src="file:///Dlfins _ Kij/Inovasi/images/botmenu _ bg.gif''></DIV>

<DIV style="position:abscr'lute; overflow: hid den; Jell: l 9px; top:626px;

width: I 87px; height:47px; z-index:4"><img width=l 87 height=47 border=O

src="file:// /Dlfins _ Krj/Inovasi/images/bot I .gif''></DIV>



src=" file:/ //D//Ins _ Krj/Ino vasi/images/bot2. gif''></D IV>



src="file:///Dlfins _ Krj/Inovasi/images/products _ b.gif''></D IV>


width:l86p)\; height:25px; z-index:7"><img width=l86 height=25 border=O

src=" file :///DI/Ins_ Krj/Inovasi/images/new _releases_ s. gif"></D IV>

<DIV style="position:absolute; overflow:hidden; left: l 8px; top:382px; I

width: l 85px; height:204px; z-index:8"><img width= 185 height=204 border=O

src="file:///Dl/Ins _ Kij/Inovasi/images/new _releases_ bg.gif'></D IV>


width:75 l px; height: l Spx; z-index:9; background-color:#9DA 7BD">

</DIV>

<DIV style="position:absolute; overflow:hidden; left: l 8px; top:-9px;

width:746px; height: 161 px; z-index: 1 O"><img width=746 height=l 61 border=O

src="file:///Dlfins_K1j/Inovasi/images/head20.gif'></DIV>


width:5 l 7px; height:22px; z~index:l2">

<FONT style="fcnt-size:lOpt" color=#OOOOOO face="Tahoma">

<DIV><FONT color=#000080><B><a href=" . ./index.asp">I-IOME </a> I <a href="file:///Dl/Ins_Krj/Inovasi/Inovasi/search.asp">Searching</a>

l <a href=" . ./log_in.asp">Log In Inovasi</a>

l </B></FONT></DIV>

</FONT></DIV>

<DIV style="position:absolute; overflow:hidden; lell:32px; top:363px;

width: l 57px; height: 141 px; ;;;-index: 14 ">

<FONT style="font-size:lOpt" colo1=#000000 face="Tahoma">


?</B></FONT></DIV>







<DIV><FONT style="font-size:9pt" col01=#666699 face=" Arial"> ........... @satelit


</FONT>

</DIV>



<FONT style="font-size: I Opt" color=#OOOOOO face="Tahoma">

<DIV><FONT style="font-size:8pt" color=#FFFFFF><marqucc>Copyright By

Yulia Ellyanu111 2004. All Rights Reserved.</marquee></FONT></DIV>

</FONT>

</DIV>

<DIV style="position:absolute; overflow:hiclden; Jeft:423px; top:34px;


<FONT style=" font-size: I Opt" color=#OOOOOO face="Taho111a">

<DIV align=center><FONT color=#FFFFFF size="?" face="Verclana"

style=" font-size: l 6pt"><B><I>Siste111 lnfor111asi



face="Verdana"><B><I> </I></B></FONT></DIV>

</FONT>

</DIV>

<div style="position:absolute;top:55 l px; left:282px; z-inclex: 18">

<a hrel'="#"><img

src=" file:// !DI/Ins_ Kij/Inovasi/images/space _ spbs. wmk. thm%5B I %5D .gif'

width= 178" height= 163" border="O" style=" FILTER: alpha( opacity=40)"

o 111110 useo ver=high( this) 0111110 useout=lo w( this)></ a></ div>


width: I 28px; height: I 28px; z-index:20"><img width= 128 height=l 28 border=O

src="file:///Dl/Ins _ Kij/Inovasi/images/computer _ welcomelgwt. wmk. thm%5B I %5

D.E!if'></OTV>






</FONT>

</DIV>

<div id="adotO" style=" position: absolute;visibilit y: hidden; 11><in1g

src=":file:///Dl/lns _ Krj/Inovasi/images/js 1320458 .gif'></div>


src=" :file:///Dlflns_ Krj/lnovasi/images/js 1320458.gif'></div>


src="file:///Dlflns _ Krj/lnovasi/images/js 1320458.gif'></div>


src="file:///Dlflns _ K1j/Inovasi/images/js 1320458.gif'></div>


src="file:///Dl/Ins _ Krj/lnovasi/images/js 1320458.gif'></div>

<div id=" adot5" style="position: absolute; "><img

src="file:///Dl/Ins_ Krj/Inovasi/images/js 1320458.gif'></div>

<div · id=" adot6" style="position: absolute;"><img

src=" file:///Dl.'I ns _Krj/l novasiilimages/js 1320458.gif'></div>

<div id="Lay~rl" style="position:absolute; left:235px; top:218px; width:463px;

height:29lpx; z-index:24">

<form ACTI ON="/inovation/Inov _ mutu/edt __ inov _ mutu.asp"

METHOD="POST" name="form5">

<table width="98%" height="! 03" border=" l ">

<tr>

<td height="58" colspan="4"><div

color="#333366" size="3" face="TahomB">Frlit

align='' center'' ><strong><font

Data Inovasi Mutu</font></strong></div></td>

</tr>

<tr>

<td width="24%" height="32"><strong><font color="#333366" size="2"

face="Tahoma">ld


<td width="30%"> <input name="id_ino" type="text" id="id ino2"

value="OOOI ">

<ltd>

<td · width="2 l %"><strong><font

face="Tahoma">Kode

Mutu<(-/font></strong></td>

color="#333366"

<td width="25%"> <input name="kd mt" type="text" id="kd mt"

value="A 11>

<ltd>

</tr>

</table>

<p align="center">

<input type=" submit" name="Submit" value="Edit Data">

<Ip>

<p> </p>

<div .,. align=" center"> <A

HREF="/inovation/Inov _ mutu/edt_ inov _ mutu.asp?index=O"> First</ A>

<A

HREF="/inovation/Inov _ mutu/edt_inov _mutu.asp?index=O"> Previous</ A>

<A HREF="/inovation/Inov _ mutu/edt_inov _ mutu.asp?index= 1 ">Next</ A>

<A HREF="/inovation/Inov _mutu/edt_ inov _ mutu.asp?index=-1 ">Last</ A>

</div>

<input type="hidclen" name="MM_update" value="form5">

<input type="hidden" name="MM recordld" value="OOO I">

</form>

<p align="center"><strong><font col01="#333366" size="3" face="Tahoma"><a

hrcf=" . ./ Admin.asp">Kembali


</div>

<img width= i93 height=86 style="position:absolute; left:227px; top:529px; z

index:l 7" border=O src="file:///Dlf!ns_Krj/Inovasi/images/shape862882.gif'>

</BODY>

</HTML>

Tampilan Halaman Hapns Data

<HTML>

<HEAD>

<meta http-equiv=" content-type" content="text/html; charset·=iso-8859-1 ">


<!--

.style] {

font-size: small;


}

</HEAD>

<BODY>



src="file:// /Dlflns _ Krj/Inovasi/images/topmenu _img l .gif'></DIV>


width: l 87px; height:85px; z-index: l "><img width=l 87 height=85 border=O

src="file:///Dl/Jns Kri/Jnovasi/im~o-1eoh1<Pro f""rlha~1, 1,~ ~'"''~o•n ''

<DIV style="position:absolute; overflow:hidden; left: 18px; top: 153px;

width:l 87px; height:47px; z-index:2"><img width=l 87 height=47 border=O

src="filc:///Dl/Ins _ Kij/Inovasi/images/users _feed back_ s. gif'></D IV>

<Div style="position:absolute; overflow:hidden; left:233px: top:626px;

width:536px; height:47px; z-index:3"><img width=536 height=47 border=()

src="file:///Dlfins _ Krj/Inovasi/images/botmenu _ bg.gif'></D IV>

<DIV style="position:absolute; overflow:hidden; left: I 9px; top:626px;


src=" file:// !DI/Ins_ Krj/lnovasi/images/bot l .gif'></D IV>


width:28px; height:47px; z-index:5"><img width=28 height=47 border=()

src=" file:///Dlfins _ Krj/Ino vasi/images/bot2. gif '><ID IV>



src="file:/ //DlfI ns _Krj/Inovasi/images/products _ b.gif"></DIV>

<DIV style="position:absolute; overflow:hidden; let\: 17px; top:357px;

width:186px; height:25px; z-index:7"><img width=l 86 height=25 border=()

src="file:// /DI/Ins_ K1j/Inovasi/images/new _releases_ s.gif'></DIV>

<DIV style="position:absolute; overflow: hidden; letl: I Spx; top:382px;

width: l 85px; height:204px; z-index:8"><img width= 185 height=204 border=O

src="file:///Dlfins _ Kij/Inovasi/images/new _releases_ bg.gif'></DIV>


width:751px; height: 15px; z-index:9; background-color:#9DA7BD">

</DIV>

<DIV style="position:absolute; overflow:hidden; left: l 8px; top:-9px;

width:7 46px; height: 161 px; z-index: I O"><img width=7 46 height= 161 border=O

src=" file:// /DI/Ins_ Kij/Inovasi/images/head20. gif '></DIV>



<FONT style="font-size: 1 Opt" co\01-#000000 face="Tahoma">

<DIV><FONT color=#000080><B><a href=" . ./index.asp">I-IOME </a> I

<a href="file:///Dl/Ins_Krj/Inovasi/Inovasi/search.asp">Searching</a>

l <a href=" ../log_ in.asp">Log In Inovasi</a>

l </B></FONT></DIV>

</FONT></DIV>


width:l57px; height:141px; z-index:14">



?</B></FONT></DIV>


face=" Arial':><B> </B></FONT></DIV>


face="Arial"><B> </B></FONT></DIV>




. tclko 111</FONT></D IV>

</FONT>

</DIV>


width:366px; height:41px; z-mdex:l5">

<FONT style=" font-size: I Opt" colo1=#000000 face="Tahoma">



</FONT>

</DIV>

<DIV style="position:absolute; overflow:hidclen; left:423px; top:34px;

wiclth:330px; height:31 px; z-index: 16">



style="font-size: l 6pt"><B><l>Sistem

Inovasi</I></B></FONT><,i])IV>

<DIV align=ccnter><FONT style=" font-size: l 4pt"

face=''Verdana''><B><I> </I></B></FONT></DIV>

</FONT>

</DIV>

Informasi

color=#FFFFFF

<div style="position:absolute; top:55 l px; left:282px; z-index: 18 ">

<a href="#"><img

src=" file:///DJ!Ins _ Krj/lnovasi/images/space _ spbs. wmk. thm%5 BI %5D .gir'

width= 178" height= 163" border="O" style="FIL TER: alpha( opacity=40)"

onmo useo ver= high( this) 0111110 useo ut= low( this)></ a></ div>


width: 128px; height:128px; z-index:20"><img width=l28 heigh!0= l 28 border=O

src="file:///Dl/Ins _ Krj/Inovasi/images/computer_ welcomelgwt.wmk.thm%5B 1 %5

D.gif''></DIV>




<DIV><FONT color=#CCFFFF face="Verdana"><B><I>Where you can find a ...


</FONT>

</DIV>

<div icl="adotO" style="position: absolute;visibility: hidclen;"><img

src="file:///Dl/lns _K1j/Inovasi/images/js 1320458.gif''></div>


src="file:///DJ!Ins _ Krj/Inovasi/images/js 1320458.gif''></div>


<div id="adot3" style="position: abso lute; 11 ><in1g

src="file:///Dl/lns _ Krj/lnovasi/images/js 132045 8.gif"></cliv>

<div icl="adot4" style="position: absolute;"><img

src="file:///Dl/lns _ Krj/lnovasi/images/js 132045 8.gif'></cliv>

<div icl="aclot5" style="position: absolute;"><img

src="file:///Dl/lns _ Krj/lnovasi/images/js 132045 8 .gif'></cliv>

<div id=" aclot6" style="position: absolutc; 0 ><..:in1g

src=" file:// !DI/Ins_ Krj/Inovasi/images/js 1320458.gil"></cl iv>

<div icl="Layer 1" style="position:absolute; left:235px; top:2 I 8px; wiclth:463px;

height:291px; z-inclex:24">

<form ACTI ON="/inovation/transaksilnov/hps _ tran_ ino vasi.asp"

METHOD="POST" name="fonn5">

<table width="98%" height=" 111" border=" l ">

<tr>

<tel :height="58" colspan="4"><cliv align="center"><strong><fonl

color="#33J366" size="3" face="Tahoma">Delete

Data Transaksi Inovasi</font></strong></cliv></tcl>

</tr>

<tr>

<td wiclth="24%" height="32"><strong><font color="#333366" size="2" .,. face="Tahoma">Id


<td width="30%"> <input name="icl_ino" type="text" icl="icl ino2"

value="OOO 1 ">

</tel>

<tel wiclth="2 l o/o"><strong><font color="#333366"

face="Tahoma">NIK </font></strong></td>

<td wiclth="25%"><input name="tgl" type=" text" icl="tgl" value="OO I">

<ltd>

</table>

<p align="center">

<input type=" submit" name="Submit" value="Delete Data">

</p>

<p> </p> I

<div aligil="center">

<input type="hidden" name="MM_delete" value="form5">

<input type="hidden" name="MM_recordld" value="OOOl ">

<A

HREF=" lino vation/transaksilno v /hps _ trru1_ iµo vasi.asp ?index=O ">First</ A>

<A

HREF=" /inovation/trilllSaksilnov/hps _tran _ inovasi.asp?index=O"> Previous</ A>

<A

HREF="/inovation/transaksilnov/hps _tran _ inovasi.asp?index= ! ">Next</ A>

<A

I ">Last</ A>

</div>

</form>

HREF=" lino vation/transaksilnov/hps _ tran _ inovasi.asp ?index=-

<p align="center"><strong><font color="#333366" size="3" face="Tahoma"><a

href=" . ./ Admin.asp">Kembali

ke menu</a></font></strong></p> .;-

</div>


index: 17" borde1=0 src="file:///Dl/Ins _ Kij/Inovasi/images/shape862882.gif''>

001

</BODY>

</HTML>

Tampilan Halwman Input Data Target

<HTML>

<HEAD>



}

</HEAD>

<BODY>



src=" file:! //DI/Ins_ Krj/Inovasi/images/topmenu _img 1. gif"></D IV>


width:187px; height:85px; z-index:l "><img width=187 height=85 border=O

src="file:///Dl/lns _ Krj/Inovasi/images/uscrs _feedback_ bg.gif''></D !V>

<DIV style="position:absolute; overflow: hidden; left: 18px; top: l 53px;

width: 187px; height:4 7px; z-index:2"><img width=! 87 height=4 7 border=O

src=" file:// ID I/Ins_ Krj/Ino vasi/images/users _feedback_ s. gif'></D IV>


width:536px; height:47px; z-index:3"><img wiclth=536 height=47 border=O ... src=" file :///DI/Ins_ Kij/Inovasi/images/botmenu __ bg. gif '><ID IV>


width: 187px; height:4 7px; z-index:4"><img width=l 87 height=4 7 border=O

src="file:///Dl/Ins_Krj/Inovasi/images/botl.gif'></DIV>

<DIV style="position:absolute; overflow:hiclden; left:206px; top:626px;


src="file:///Dl/Ins_Krj/Inovasi/images/bot2.gif''></DIV>

<DIV style="position:absolute; overflow:hidclen; left:232px; top: 153px;

wiclth:533px; height:47px; z-index:6"><img width=533 height=47 borcler=O


width: I 86px; height:25px; z-index:7"><img width=l 86 hcight=25 border=()

sre=" file:! //DI/Ins_ Krj/lnovasi/images/new _releases_ s. gif''></D IV>

<DIV style="position:absolute; overflow:hidden; lell: 18px; top:382px;

width: 185px; height:204px; z-index:8"><img width= 185 height=204 border=()

src="file:///Dl/lns _ K1j/Inovasi/images/new _releases_ bg.gif''></D IV>


width:75 l px; height:l 5px; z-index:9; background-color:#9DA 7BD">

</DIV>

<DIV style="position:absolute; overflow:hidden; leil: 18px; top:-9px;

width:746px; height: I 61px; z-index: I O"><img width=746 height=l 61 border=()

src="file:// /DI/Ins_ K1j/Inovasi/images/head20.gif''></DIV>


width:517px; height:22px; z-index: 12 ">


<DIV><FONT col01=#000080><B><a href=" . ./index.asp">HOME </a> I

<a href="file:///Dl/Ins_Krj/Inovasi/Inovasi/search.asp">Searching</a>

l <a href="file:// /DI/Ins_ Krj/Inovasi/Log_ In_Jno .asp"> Log In

Inovasi</a>

l </B></FONT></DIV>

</FONT></DIV> ...

<DIV styie="position:absolute; overflow:hidden; le11::32px; top:363px;

width:157px: height:l41px; z-index:l4">

<FONT stylc;="font-size: 1 Opt" color=#OOOOOO face="Tahoma">


?</B></FONT></DIV>


face=" Arial''><B> </B></FONT></DIV>

<DIV><FONT style="font-siZe:9pt" color=#666699


<DIV><FONT style"""font-size:9pt" col01=#666699 face="Arial">Contact your


<DIV><FONT styie="font-size:9pt" color=#666699 face="Arial"> ........... @satelit


</FONT>

</DIV>


width:366px; height:41 px; z-index: 15 ">

<FONT style="font-size:lOpt" color~#OOOOOO face="Tahoma">



</FONT>

</DIV>

<DIV style="position:absolute; overflow:hidden; lefi:423px; top:34px;

width:330px; height:3 lpx; z-index:l 6">

<FONT style="font-size: 1 Opt" color=#OOOOOO face="Tahorna">


style=" font-size: 16pt"><B><l>Sistem


<DIV align=center><FONT style="font-size: 14pt"

face="Verdana''><B><I>&nbsp·</I></B></FONT></D!V> ... , </FONT>

</DIV>

Jnformasi

color=#FFFFFF

<div style="position:absolute; top:551 px; left:282px; z-indcx: I 8 ">

<a href=o"#"><img

src="file:///DJ!Ins _ Krj/Inovasi/images/space _ spbs. wrnk. thm%5B l %5D .gif"

width= 178" height= 163" border="O" style="FILTER: alpha( opacit y=40)"

onmouseover=high(this) onmouseout=low(this)></a></div>

<DIV style="position:absolute; overflow:hiddcn; left:46px; top: l 97px;

src="file:///D[/Ins _ Krj/lnovasi/images/computer_ welcomelgwt .wmk.thm%5B I %5

D.gif'></DIV>





New Stuff</l></B></FONT></DIV>

</FONT>

</DIV>

<div id="adotO" sty le=" position: absolute;visibil ity: hidden;"><img

src="file:///D[/Ins _ Krj/lnovasi/images/js 1320458 .gif'></div>

<div id="adotl n style=" position: absolute;"><img

src="file:///D[/Ins _ Krj/Inovasi/images/js 132045 8 .gif'></div>

<div id=" adot2 n style= n positio 11: absolute;"><img

src="file:///D[/Ins _ Krj/Inovasi/images/js 1320458.gif'></div>

<div id=" adot3 n sty le=" position: absolute;''><img

sre="file:// /D[/Ins _ Kij/Inovasi/images/js 1320458.gif'></div>

<div id="adot4" style=" position: absolute;"><img

src="file:///D[/lns _ Krj/Inovasi/images/js 1320458.gif'></div>

<div id="adot5" style="position: ahso lute;"><img

src="file:///D[/Ins _ Krj/Inovasi/images/js 1320458.gif'></div>

<div id="adot6" style="position: absolute; "><img

src="file:///D[/Ins _ Krj/Inovasi/images/js 1320458.gif'></cliv>

<div icl="Layerl" style="position:absolute; Ieft:235px; top:218px; width:463px;

height:29lpx; z-index:24">

<form ACTION="/inovation/target/ipt_targt.asp" METHOD="POST"

name="form5">

<tr>

<td colspan="4"><div align="center"><strong><font color="ll333366"

size="3" face="Tahoma">lnput

Data Target</font></strong></div></td>

</tr>

<tr>

<td width="24%" height="32"><strong><font color="llD.3366" sizecc"2"

face="Tahoma">Kode


<td width="30%"> <input name="kd_mutu" type="tcxt" id="id ino2">

<font color="ll333366"> </font></td>

<td width="2 l o/o"><strong><font color="#33 3 366"

face="Tahoma"> Target

Real </font></strong></td>

<td width="25%"> <input name="real" type="text" id="NJK2"> <font

color="#333366"> </font></td>

</tr>

<tr>

<td height="35"><strong><font color="#333366" size="2" face="Tahoma">

Target Capai</font></strong></td>

<td> '<input name="capai" ... color="#333'.'66"> </font></td>

<td><st11.ong><font

type=" text" id="kd mutu2">

color="#333366"

face="Tahoma''> Tahun</font></strong></td>

<td> <input nrune="th1111

color-"#333366"> </font></td>

</tr>

·</table>

<p align=" center">

type="text"

<input type="submit" name="Submit" value="Jnput Data">

<font

size=11 2"

<font

<p> </p>

<input type="hidden" name="MM_insert" value="forrn5">

</form>

<p align="center"><strong><font color="#333366" size="3" facc=0"Tahoma"><a

href=" . ./ Admin.asp">Kembali


</div>

<img width=493 height=86 style="position:absolute; left:227px: lop:529px; z

index: 17" border=O src="file:///Dl/lns_ Krj/Inovasi/irnages/shape862882.gif">

</BODY>

</HTML>

1ASI PRODUK INC)VASI DIVIS I SA TEL IT PT...

Documents

Transcript of 1ASI PRODUK INC)VASI DIVIS I SA TEL IT PT...