1asi produk inc)vasi divis i sa tel it pt...
TRANSCRIPT
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
FAKULTAS SAINS DAN TEKNOLOGI
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
FAKULTAS SAINS DAN TEKNOLOGI
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
Tabel 9 Normal Kesa tu Tabel 71
T _ InovasiPencipta
Tabel 10 Normal Kesa tu Tabel 71
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
Tabel 15 Normal Kedua Tabel 73
T _InovasiPencipta
Tabel 16 Normal Kedua Tabel 74
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
Pada diagram ini terdapat :
• 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
Pada diagram ini terdapat :
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.
• Kesatuan luar Administrator memberikan masukan berupa
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.
• Kesatuan luar Administrator memberikan masukan berupa
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.
• Kesatuan luar Administrator memberikan masukan berupa
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
memiliki multivalued attributte.
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
memiliki multivalued attributte.
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
00010 Yulia Harkatsat 166
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 ~
00010 Yulia Harkatsat 166
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 :
No Nama Field Tipe Data Lehar Data
1 Id Inovasi Char 10
2 NIK Char 15
Tabel.2.L. Tabel data T _InovasiPencipta
Berikut ini adalah struktur untuk tabel T _InovasiMutu :
No Nama Field Tipe Data Lehar Data
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
Tampilkan pesan Data tidak ada
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
Ya Tampilkan pesan Data sudah ada
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
Tampilkan pesan Data tidak ada
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
Ya Tampilkan pesan Data sudah ada
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
Tampilkan pesan Data tidak ada
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
Tampilkan pesan Data tidak ada
Tampilkan pesan Data tidak ada
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
Tidak Tampilkan pesan Data tidak ada
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
Tidak Tampilkan pesan Data tidak ada
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
Tidak Tampilkan pesan Data tidak ada
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
Tidak Tampilkan pesan Data tidak ada
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
Tampilkan pesan Data tidak ada
Tampilkan pesan Data tidak ada
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
Tampilkan pesan Data tidak ada
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
Tampilkan pesan Data tidak ada
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! {
fom-size: small;
fonl:-family: Arial, Helvetica, sans-serif;
}
-->
</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>
<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 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>
<DIV style="position:absolute; overflow:hidden; left:423px; top:34px;
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>
<div id="adot4" style="position:
src=" . ./Ins Krj/lnovasi/images/js 1320458.gif'></div>
<div id="adot5" style="position:
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! {
font-size: small;
font-family: Arial, Helvetica, sans-serif;
}
-->
</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;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
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;
width: 187px; height:47px; z-index:2"><img width=l 87 height=47 border=O
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;
width: 187px; height:47px; z-index:4"><img width=l 87 height=47 border=O
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;
width:533px; height:47px; z-index:6"><img width=533 height=47 border=O
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">
<FONT style=" font-size: I Opt" color=#OOOOOO face="Tahoma">
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>
<DIV style="position:absolute; overflow:hidden; left: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" color=#666699 face="Arial"><B>Trouble
?</B></FONT></DIV>
<DIV><FqNT style="font-size:9pt" color=#666699
face=" Aria!"><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 your
• admin at :</FONT></DIV>
<DIV><FONT style="font-size:9pt" colo1=#666699 face="Arial"> ........... @satelit
.telkom</FONT></DIV>
</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">
<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved. </marquee></FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:423px; top:34px;
width:330px; height:31 px; z-index:l 6 ">
<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<DIV align=center><FONT 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: 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>
<script>
if ( document.allJldocument.getElementB yld) {
}
</script></ div>
<div style="position:absolute; top:457; left: 18; z-index: 19; width: l 80px; height:
167px;">
</script>
<a href="#"><img
src=" . ./Ins_ K~j/lnovasi/images/space_ spbs.wmk.thm%5B I %5D.giI'' width=l 78"
height=l 63" border="O" style=" FILTER: alpha( opacity=40)"
onmo useover=high( this) onmo useo ut= low( this)></ a></ div>
<DIV style="position:absolute; overflow: hidden; left:46px; top: l 97px;
width:l28px; height:l28px; z-index:20"><img width=l28 height=l28 border=O
src=" .. /Ins_ Kij/Inovasi/images/computer_ welcomelgwt. wmk.thm%5B 1 %5D.giI''
></DIV>
<DIV style="position:absolute; overflow:hidden; left:446px; top:69px;
width:233px; height:22px; z-index:23 ">
<FONT sty]e="font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<DIV><FONT color=#CCFFFF face="Verdana"><B><l><marquee> Where you
can find a New Stuff</marquee></I></B></FONT></DIV>
</FONT>
</DIV>
<div id="adotO" style="position: absolute;visibility: hidden;"><img
src=" .. /Ins_ Krj/Inovasi/images/js 1320458.gif''></div>
<div id="adotl" style="position: absolute;"><img
src=" . ./Ins_ Kij/lnovasi/images/js 1320458.gif''></div>
<div id="adot2" style="position: absolute;"><img
src=" .. /Ins_ Krj/Inovasi/images/js 1320458.gif''></div>
'.
<div id="adot3" style="position:
src=" . ./Ins Krj/Inovasi/images/js 1320458.gif"></div>
<div id="adot4" style="position:
src=" . ./Ins Krj/Inovasi/images/js 1320458.gif'></div>
<div id="adot5" style=" position:
src=" . ./Ins_ K1j/lnovasi/images/js 1320458.gif'></div>
<div id="adot6" style="position:
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>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1 ">
<style type="text/css">
<!··-
.stylel {
font-size: small;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</HEAD>
<BODY>
<DIV style="position:absolute; overflow:hidden; left:204px; top:l53px;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
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;
width:536px; height:47px; z-index:3"><img width=536 height=47 border=O
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.
<DIV style="position:absolute; overflow:hidden; left:206px; top:626px;
width:28px; height:47px; z-index:5"><img width=28 height=47 border=O
src=" . ./Ins_ Kij/Inovasi/images/bot2. gif''></D IV>
<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/Inovasi/images/products _ b.gif''></DIV>
<DIV style="position:absolute; overflow: hidden; left: l 7px; top:357px;
width: 186px; height:25px; z-index:7"><img width=l 86 height=25 border=O
src=" . ./Ins_ Klj/Inovasi/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: 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>
<DIV style="position:absolute; overflow:hidden; left:245px; top: 170px;
width:517px; height:22px; z-index: 12">
<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">
<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>
<DIV><FONT style="font-size:9pt" color=#666699
face=''Arial"><B> </B></FONT></DIV>
<DIV><FON f style="font-size:9pt" col01=#666699
face=" Arial"><B> </B></FONT></DIV>
<DIV><FONT style="font-size:9pt" color=#666699 face="Arial">Contact your
admin at :</FONT></DIV>
<DIV><FONT style="font-size:9pt" color=#666699 face="Arial"> ........... @satelit
.telkom</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">
<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:423px; top:34px;
width:330px; height:31 px; z-index: 16">
<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<DIV align=center><FONT color=#FFFFFF size="7" face="Verdana"
style=" font-size: l 6pt"><B>~Sistern lnforrnasi
Inovasi</I></B></FONT></DIV>
<DIV align=center><FONT style="font-size: l 4pt" color=#FFFFFF
face=''Verdana"><B><I> </I></B></FONT></DIV>
</FONT>
</DIV>
</div>
<DIV style="position:absolute; overflow: hidden; left:46px; top: l 97px;
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;
width:233px; height:22px; z-index:23 ">
<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<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>
<div id="adotl" style="position: absolute;"><img
src=" . ./Ins_ K.ij/lnovasi/images/js 1320458.gif''></div>
<div id="adot2" style="position: absolute;"><img
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>
<div id="adot4" style="position: absolute;"><img
src=" . ./Ins _.Krj/Inovasi/images/js 132045 8 .git''></ div>
<div id="adot5" style="position: absolute;"><img
src=" . ./Ins_ !<..rj/Inovasi/imag'es/js 1320458.gif''></div> I
<div id="adot6" style="position: absolute;"><img
src=" .. /Ins_ Krj/Inovasi/images/js 1320458.gif''></div>
<div id="Layerl" style="position:absolute; left:222px; top:440px; width:491px;
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"
<div id="Layer2" style="position:absolute; left:259px; top:226px; width:383px;
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>
<li><font color="#OOOOFF" size="2" face="Georgia, Times New Roman,
Times, serif'><a href="inovasi/detail_inovasi.asp">Inovasi</a></font></li>
<li><font color="#OOOOFF" size="2" face="Georgia, Times New Roman,
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>
<meta name=" generator" content="Web Page Maker (unregistered version)">
<style type="text/css">
</HEAD>
<BODY>
<DIV style="position:absolute; overflow:hidden; lcll:204px; top: l 53px;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
src="file:///Dj/Ins _ Ktj/lnovasi/images/topmenu _img l .gif''></DIV>
<DIV style="position:absolute; overflow:hidden; left:18px; top:200px;
width: 187px; height:85px; z-indcx:l "><img width=I87 height=85 border=O
src=" file:///Dj/Ins _ Krj/lnovasi/images/users _feedback_ bg.gif''></DIV>
<DIV sty!e="position:absolute; overflow:hidden; left: 18px; top:! 53px;
width: 187px; height:47px; z-index:2"><img width=J87 height=47 border=O
src=" file:! //DI/Ins_ Krj/lnovasi/images/users _feedback_ s.gif"></DIV>
<DIV style="position:absolute; overflow:hidden; lcll:233px; top:626px;
width:536px; height:47px; z-index:3"><img width=536 height=47 border=O
src=" file:// !DI/Ins_ Krj/Ino vasi/images/botmenu _ bg.gif''></D IV>
<DIV style="position:absolute; overflow: hidden; left: l 9px; top:626px;
width:l87px; height:47px; z-index:4"><img width=187 height=47 border=O
src=" file:/ I /!Jj/Ins _ Krj/l no vasi/images/bot 1. gif''></D IV>
<DIV style="position:absolute; overflow:hidden; lei1::206px; top:626px;
width:28px;' height:47px; t-index:5"><img width=28 height=47 border=O
src="file:/ /!DI/Ins_ Ktj/Ino vasi/images/bot2. gif''></D IV>
<DIV style="position:absolute; overflow:hidden; lefi:232px; top:153px;
width:533px; height:47px; z-index:6"><img width=533 height=47 border=O
src=" file:/ I /Dj/Ins _ Krj/Inovasi/images/products _ b. gif''></D IV>
<DIV style="position:absolute; overflow:hidden; leil:: 19px; top:676px;
width:751px; height:15px; z-index:9; background-colqr:#9DA7BD">
</DIV>
<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 ">
<FONT style=" font-size: I Opt" color=#OOOOOO face="Tahoma">
<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;
width:366px; height:41px; z-index:15">
<FONT style=" font-size: I Opt" color=#OOOOOO face="Tahoma">
<DIV><FONT style="font-size:8pt" color-#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:423px; top:34px;
width:330px; height:3 l px; z-index: 16">
<FONT style="font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<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;
width:233px; height:22px; z-index:23">
<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">
<DIV><FONT color=#CCFFFF face="Verdana"><B><l>Where you can find a
New Stuff<11></B></FONT></DIV>
</FONT> I
</DIV>
<div id="adotO" style="position: absolute;visibility: hidden;"><img
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>
<div id="adot2" style="position: absolute;"><img
src="file:// /Dlflns _ Krj/Inovasi/images/js 1320458.gif'></div>
<div id="adot3" style="position: absolute;"><img
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>
<div id="adot5" style="position: absolute;"><img
src="file:///Df/Ins_Krj/Inovasi/images/jsl320458.gif'></div>
<div id="adot6" style="position: absolute;"><img
src="file:///Df /lns _ Kij/Inovasi/images/js 1320458.gif'></div>
<div id="Layerl" style="position:absolute; left:49px; top:262px; width:609px;
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>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1 ">
<style type="text/css">
</HEAD> I
<BODY>
<DIV style="position:absolute; overflow: hidden; left:204px; top: 153px;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
• src=" .. /Ins_ K1j/lnovasifimages/topmenu _img 1.gif''></DIV>
<DIV style="position:absolute; overflow: hidden; left: 18px; top:200px;
width:187px; heighl:85px; z-index:l "><img width=187 heighl=85 border=()
src=" . ./Ins_ Krj/Inovasi/ime.ges/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=187 height=47 border=O
src=" .. /Ins _Krj/Inovasi/images/users _feedback_ s.gif''></DIV>
<DIV sty! :="position:absolute; overflow:hidden; left:233px; top:626px;
width:536px; height:47px; z-index:3"><img width=536 height=47 border=O
src=" .. /Ins_ Krj/Inovasi/images/botmenu _ bg.gif''></DIV>
<DIV style="position:absolute; overflow:hidden; left: 19px; top:626px;
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>
<DIV style="position:absolute; overflow:hidden; left:206px; top:626px;
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:absO!ute; overflow: hidden; left:232px; top:! 53px;
width:533px; height:47px; z-index:6"><img width=533 height=47 border=O
src=" .. /Ins_ Krj/Inovasi/images/products _ b.gif''></DIV>
<DIV style="position:absolute; overflow: hidden; left: l 7px; top:357px;
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>
<DIV style="position:absolute; overflow:hidden; left: 18px; top:382px;
width: 185px; 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 9px; top:676px;
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>
<DIV style="position:absolute; overflow: hidden; left:245px; top: l 70px;
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>
<DIV style="position:absolute; overflow:hidden; left:32px; top:363px;
width:l57px; height:14lpx; z-index:l4">
<FONT style="font-size:lOpt" 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>
<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>
<DIV><FONT style="font-size:9pt" color=#666699 face="Arial"> ........... @satelit
.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">
<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; leil:423px; top:34px;
width:330px; hcight:3 l px; z-index: 16">
<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">
<DIV align=center><FONT color=#FFFFFF size="7" face="Verdana"
style=" font-size: l 6pt"><B><I>Sistem Informasi
Inovasi</I></B></FONT></DIV>
<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;
width:233px; height:22px; z-index:23">
<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<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>
<div id="adot3" style="position:
src=" . ./! ns _ K1j/l novasi/images/js 132045 8.gif'></ div>
<div id="adot4" style="position:
src=" . ./1 ns __ K1:j/l novasi/images/js 1320458.giP'></div>
<div id="adot5" style="position:
src=" . ./lns _K1j/I novasi/imagcs/js 1320458.gil"></div>
<div id="adot6" style="position:
src=" . ./Ins_ Krj/Inovasi/images/jsl 320458 .gif'></ div>
hidden;"><img
absolute;"><img
absolute;"><img
absolute;"><img
absolute; 11><i1ng
absolute; "><img
absolute;"><img
<div id="Layer2" style="position:absolute; left:219px; top:250px; width:550px;
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
Mutu</a></font></strong></td>
</tr>
<tr>
<td><strong><font color="#333366"
lu·ef'="Mutu/hps _ mutu.asp">Delete
Mutu</a></font></strong></td>
<td><strong><font color="#333366"
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
Inovasi</a></font></strong></td>
<td><strong><font color="#333366"
href="inovasi/hps_inovasi.asp">Delete
Inovasi</a></font></strong></td>
<td><strong><font color="#333366"
href="transaksilnov/lpt_tran_inovasi.asp">Input
InovasiPencipta</a></font></strong></td>
</tr>
<tr>
<td><strong><font color="#333366"
hrei'="transaksiinov/edt_tran_ inovasi.asp">Edit
InovasiPencipta</a></font></strong></td>
<td><strong><font color="#333366"
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
<td><strong><font color="#333366"
href="target/edt_trg.asp">Edit
Target</a></font></strong></td>
<td><strong><font color="#333366"
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
<div id="Layerl" style="position:absolute; left:222px; top:440px; width:491px;
height:87px; z-index:26"></div>
<div id="Layer3" style="position:absolute; left:42px; top:469px; width:123px;
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>
<DIV style="position:absolute; overflow: hidden; left:204px; top: l 53px;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
src="file:///Dl/Ins _ Klj/Inovasi/images/topmenu_img 1.gif''></D IV>
<DIV style="position:absolute; overflow:hidden; left: l 8px; top:200px;
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>
<DIV style="position:absolute; overflow:hidden; left: l 8px; top: l 53px;
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>
<DIV style="position:absolute; overflow:hidden; left:233px; top:626px;
width:536px; height:47px; z-index:3"><img width=536 height=47 border=O
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>
<DIV style="position:absolute; overflow:hidden; left:206px; top:626px;
width:28px; height:47px; z-index:S"><img width=28 height=47 border=O
src=" file:! //DI/Ins_ Krj/Inovasi/images/bot2. gif''></D IV>
<DIV style="position:absolute; overflow:hidden; left:232px; top: 153px;
width:533px; height:47px; z-index:6"><img width=533 height=47 border=O
<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>
<DIV style="position:absolute; overflow:hidden; left: 18px; top:382px;
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;
width:517px; height:22px; z-index:12">
<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">
<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>
<DIV style="position:absolute; overflow:hidden; left:32px; top:363px;
width:l57px; heiglct:l4lpx; z-index:l4">
<FONT style="font-size:!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>
<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 your
admin at :</FONT></f)TV>
<DIV><FONT style="font-size:9pt" color=#666699 face="Arial"> ........... @satelit
.telkom</FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:403px; top:676px;
width:366px; height:4 l px; z-index: 15 ">
<FONT style="font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DJV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:423px; top:34px;
width:330px; height:3 l px; z-index: 16">
<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<DIV align=center><FONT color=#FFFFFF size="7" face="Verdana"
style="font-size: l 6pt"><B><I>Sistem lnformasi
Inovasi</I></B></FONT></DIV>
<DIV align=center><FONT style="font-size: l 4pt" color=#FFFFFF
face=''Verdana"><B><I> </I></B></FONT></DIV>
</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>
<DIV style="position:absolute; overflow: hidden; left:46px; top: l 97px;
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>
<DIV style="position:absolute; overflow:hidden; left:446px; top:69px;
width:233px; height:22nx: z-inclex·?1">
<FONT style=" font-size: 1 Opt_" color=#OOOOOO face="Tahoma">
<DIV><FONT color=#CCFFFF face="Verdana"><B><I>Where you can find a
New Stuff</I></B></FONT></DIV>
</FONT>
</DIV>
<div id="adotO" style="position: absolute;visibility: hidden;"><img
src=" file:! //DI/Ins_ Krj/Inovasi/images/js 1320458.gif'></div>
<div id="adotl" style="position: absolute;"><img
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>
<div id="adot3" style="position: absolute;"><img
src="file:///Dlflns _ Krj/Inovasi/images/js 1320458.gif'></div>
<div id="adot4" style="position: absolute;"><img
src="file:///Dl/Ins _ K1j/Inovasi/images/js 132045 8.gif'></div>
<div id="adot5" style="position: absolute;"><img
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
Mutu </font></strong></td>
<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>
<img width=493 height=86 style="position:absolute; left:227px; top:529px; z
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 ">
<style type="text/css">
</HEAD>
<BODY>
<DIV style="position:absolute; overflow:hidden; left:204px; top: 153px;
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>
<DIV style="position:absolute; overflow: hidden; left: 18px; top:200px;
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>
<DIV style="position:absolute; overflow:hidden; left:233px; top:626px;
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>
<DIV style="position:absolute; overflow:hidden; left:206px; top:626px;
width:28px; height:47px; z-index:5"><img width=28 height=47 border=O
src=" file:/ //D//Ins _ Krj/Ino vasi/images/bot2. gif''></D IV>
<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="file:///Dlfins _ Krj/Inovasi/images/products _ b.gif''></D IV>
<DIV style="position:absolute; overflow:hidden; left: l 7px; top:357px;
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>
<DIV style="position:absolute; overflow: hidden; left: l 9px; top:676px;
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>
<DIV style="position:absolute; overflow:hidden; left:245px; top: l 70px;
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">
<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>
<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 your
admin at :</FONT></DIV>
<DIV><FONT style="font-size:9pt" col01=#666699 face=" Arial"> ........... @satelit
.telkom</FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:403px; top:676px;
width:366px; height:4 l px; z-index: 15">
<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;
width:330px; height:3 l px; z-index: 16">
<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
Inovasi</I></B></FONT></DIV>
<DIV align=center><FONT style="font-size: l 4pt" color=#FFFFFF
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>
<DIV style="position:absolute; overflow:hidden; left:46px; top: l 97px;
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>
<DIV style="position:absolute; overflow:hidden; left:446px; top:69px;
width:233px; height:22px; z-index:23 ">
<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">
<DIV><FONT color=#CCFFFF face="Verdana"><B><I>Where you can find a
New Stuff</I></B></FONT></DIV>
</FONT>
</DIV>
<div id="adotO" style=" position: absolute;visibilit y: hidden; 11><in1g
src=":file:///Dl/lns _ Krj/Inovasi/images/js 1320458 .gif'></div>
<div id="adotl" style="position: absolute;"><img
src=" :file:///Dlflns_ Krj/lnovasi/images/js 1320458.gif'></div>
<div id="adot2" style="position: absolute;"><img
src="file:///Dlflns _ Krj/lnovasi/images/js 1320458.gif'></div>
<div id="adot3" style="position: absolute;"><img
src="file:///Dlflns _ K1j/Inovasi/images/js 1320458.gif'></div>
<div id="adot4" style="position: absolute;"><img
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
Inovasi</font></strong></td>
<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
ke menu</a></font></strong></p>
</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 type="text/css">
<!--
.style] {
font-size: small;
font-family: Arial, Helvetica, sans-serif;
}
</HEAD>
<BODY>
<DIV style="position:absolute; overflow:hidden; left:204px; top: l 53px;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
src="file:// /Dlflns _ Krj/Inovasi/images/topmenu _img l .gif'></DIV>
<DIV style="position:absolute; overflow: hidden; left: 18px; top:200px;
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;
width: 187px; height:47px; z-index:4"><img width=l 87 height=47 border=O
src=" file:// !DI/Ins_ Krj/lnovasi/images/bot l .gif'></D IV>
<DIV style="position:absolute; overflow:hidden; left:206px; top:626px;
width:28px; height:47px; z-index:5"><img width=28 height=47 border=()
src=" file:///Dlfins _ Krj/Ino vasi/images/bot2. gif '><ID IV>
<DIV style="position:absolute; overflow: hidden; left:232px; top: I 53px;
width:533px; height:47px; z-index:6"><img width=533 height=47 border=O
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>
<DIV style="position:absolute; overflow:hidden; left: 19px; top:676px;
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>
<DIV style="position:absolute; overflow:hidden; left:245px; top: 170px;
width:517px; height:22px; z-index:12">
<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>
<DIV style="position:absolute; overflow:hidden; left:32px; top:363px;
width:l57px; height:141px; z-index:14">
<FONT style="font-size:lOpt" 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>
<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 your
admin at :</FONT></DIV>
<DIV><FONT style="font-size:9pt" color=#666699 face="Arial"> ........... @satelit
. tclko 111</FONT></D IV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:403px; top:676px;
width:366px; height:41px; z-mdex:l5">
<FONT style=" font-size: I Opt" colo1=#000000 face="Tahoma">
<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidclen; left:423px; top:34px;
wiclth:330px; height:31 px; z-index: 16">
<FONT style=" font-size: I Opt" color=#OOOOOO face="Tahoma">
<DIV align=center><FONT color=#FFFFFF size="7" face="Verdana"
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>
<DIV style="position:absolute; overflow: hidden; left:46px; top: l 97px;
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 style="position:absolute; overflow:hidden; left:446px; top:69px;
width:233px; height:22px; z-index:23 ">
<FONT style="font-size:lOpt" color=#OOOOOO face="Tahoma">
<DIV><FONT color=#CCFFFF face="Verdana"><B><I>Where you can find a ...
New Stuff</I></B></FONT></DIV>
</FONT>
</DIV>
<div icl="adotO" style="position: absolute;visibility: hidclen;"><img
src="file:///Dl/lns _K1j/Inovasi/images/js 1320458.gif''></div>
<div id="adotl" style="position: absolute;"><img
src="file:///DJ!Ins _ Krj/Inovasi/images/js 1320458.gif''></div>
<div id="adot2" style="position: absolute;"><img
<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
Inovasi</font></strong></td>
<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>
<img width=493 height=86 style="position:absolute; left:227px; top:529px; z
index: 17" borde1=0 src="file:///Dl/Ins _ Kij/Inovasi/images/shape862882.gif''>
001
</BODY>
</HTML>
Tampilan Halwman Input Data Target
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1 ">
<style type="text/css">
}
</HEAD>
<BODY>
<DIV style="position:absolute; overflow:hidden; left:204px; top: l 53px;
width:28px; height:47px; z-index:O"><img width=28 height=47 border=O
src=" file:! //DI/Ins_ Krj/Inovasi/images/topmenu _img 1. gif"></D IV>
<DIV style="position:absolute; overflow: hidden; left: 18px; top:200px;
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>
<DIV style="position:absolute; overflow:hidden; left:233px; top:626px;
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>
<DIV style="position:absolute; overflow:hidden; left: l 9px; top:626px;
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;
width:28px; height:47px; z-index:5"><img width=28 height=47 border=O
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
<DIV style="position:absolute; overflow: hidden; left: 17px; top:357px;
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>
<DIV style="position:absolute; overflow: hidden; left: 19px; top:676px;
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>
<DIV style="position:absolute; overflow: hidden; left:245px; top: I 70px;
width:517px; height:22px; z-index: 12 ">
<FONT style=" font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<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">
<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>
<DIV><FONT style="font-siZe:9pt" color=#666699
face=" Arial"><B> </B></FONT></DIV>
<DIV><FONT style"""font-size:9pt" col01=#666699 face="Arial">Contact your
admin at :</FONT></DIV>
<DIV><FONT styie="font-size:9pt" color=#666699 face="Arial"> ........... @satelit
.telkom</FONT></DIV>
</FONT>
</DIV>
<DIV style="position:absolute; overflow:hidden; left:403px; top:676px;
width:366px; height:41 px; z-index: 15 ">
<FONT style="font-size:lOpt" color~#OOOOOO face="Tahoma">
<DIV><FONT style="font-size:8pt" color=#FFFFFF><marquee>Copyright By
Yulia Ellyanum 2004. All Rights Reserved.</marquee></FONT></DIV>
</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">
<DIV align=center><FONT color=#FFFFFF size="7" face="Verdana"
style=" font-size: 16pt"><B><l>Sistem
Inovasi</I></B></FONT></DIV>
<DIV align=center><FONT style="font-size: 14pt"
face="Verdana''><B><I> ·</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>
<DIV style="position:absolute; overflow:hidden; left:446px; top:69px;
width:233px; height:22px; z-index:23">
<FONT style="font-size: 1 Opt" color=#OOOOOO face="Tahoma">
<DIV><FONT color=#CCFFFF face="Verdana"><B><I>Where you can find a
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
Mutu </font></strong></td>
<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
ke menu</a></font></strong></p>
</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>