KATA PENGANTAR Puji Puji syukur syukur penulis penulis panjat panjatkan kan kehadi kehadirat rat Tuhan Tuhan Yang Yang Maha Esa atas atas segala segala bimbi bimbingan ngan,, kekuata kekuatan, n, dan keseha kesehatan tan yang yang diberi diberikan kan-Ny -Nya, a, sehing sehingga ga penuli penuliss dapat dapat menyel menyelesa esaika ikan n Lapora Laporan n Kerja Kerja Prakt Praktek ek di PT. Caltex Caltex Pacifi Pacificc Indones Indonesia, ia, dan telah telah dilaksanakan kurang lebih selama dua bulan. Kerja Kerja prakte praktek k ini merupa merupakan kan salah salah satu satu syarat syarat kelulu kelulusan san mahasi mahasiswa swa Jurusa Jurusan n Teknik Elektro Fakultas Teknik Universitas Gadjah Mada dan sebagai sarana penerapan ilmu ilmu yang yang dida didapa patt pada pada bang bangku ku kuli kuliah ah ke dala dalam m prak prakte tek k di duni duniaa kerj kerjaa yang yang sesungguhnya. Kerja Praktek ini merupakan mata kuliah wajib bagi mahasiswa yang mengambil program studi S-1 di Jurusan Teknik Elektro Fakultas Teknik Universitas Gadjah Mada. Yogyakar Yogyakarta ta dengan dengan beban beban 2 sks dan merupa merupakan kan prasya prasyarat rat untuk untuk mendapa mendapatka tkan n gelar gelar Sarjana Teknik (ST). “Web Site Site Pedad Pedada a EO EOR” R” dan merupak Lapora Laporan n ini berjud berjudul ul “Web merupakan an hasil hasil kerja kerja
penulis selama Kerja Praktek ini. Laporan ini dapat selesai berkat bantuan dari berbagai pihak. Untuk itu penulis mengucapkan terima kasih kepada : 1.
Bapa Bapak k Ir. Ir. T. Harya Haryana na., ., Ketua Ketua Juru Jurusa san n Tekn Teknik ik Elekt Elektro ro,, Faku Fakult ltas as Tekni Teknik k UGM,
2.
Bapak Bapak Ir. Ir. Harn Harnok oko o St., St., seba sebaga gaii pembi pembimb mbin ing g,
3.
Bapak Bapak Carlo Carlo A Wisn Wisnu., u., Desi Design gn & Constr Construct uction ion Engine Engineer er Peda Pedada da AMT, AMT, atas atas bimbingannya selama 2 bulan di PT Caltex Pacific Indonesia.
1
4.
Bapak Bapak Edy Edy Soes Soeswa want nto, o, Bapak Bapak Sya Syams msu u Rizal Rizal,, Bapak Bapak Wira Wiratm tmo o Yuwono Yuwono dan dan selu seluru ruh h team team memb member er Zamr Zamrud ud - Peda Pedada da
yang yang tela telah h mene meneri rima ma dan dan
membantu terselesainya Kerja Prakter ini, 5.
Bapak Bapak J.D J.D.. B Wija Wijaya ya,, Mas Ady Adytt dan Mas Mas Ari Ariee yang yang tela telah h banya banyak k membe memberi ri masukan,
6. 7.
Lina Lina Widi Widias astu tuti ti,, sebag sebagai ai reka rekan n kerja kerja pra prakt ktek ek di Cal Calte tex. x.
8.
Deisi Deisi Aru Arum, m, Din Dini, i, dan dan Vit Vita, a, sert sertaa tema temann-te tema man n Port Port A Camp Camp yan yang g sela selalu lu setia dalam segala kesusahan,
9.
Tera Terakh khir ir pada pada semu semuaa pihak pihak di TC, TC, terut terutam amaa Pak Iska Iskanda ndar, r, Da’A Da’An, n, dan dan mas Yanto, serta semua teman-teman yang berkenalan di Rumbai Camp, PT Caltex Pacific Indonesia.
Penulis menyadari bahwa dalam laporan ini masih banyak terdapat kekurangan, oleh karenanya penulis memohon maaf yang sebesar-besarnya. Akhirnya, penulis sangat mengharapkan agar laporan hasil kerja praktek ini dapat dibaca oleh siapa saja dan dapat memberikan tambahan wawasan serta manfaat yang besar.
Rumbai, Mei 2000
Alfonsus Bayu Asmara
2
4.
Bapak Bapak Edy Edy Soes Soeswa want nto, o, Bapak Bapak Sya Syams msu u Rizal Rizal,, Bapak Bapak Wira Wiratm tmo o Yuwono Yuwono dan dan selu seluru ruh h team team memb member er Zamr Zamrud ud - Peda Pedada da
yang yang tela telah h mene meneri rima ma dan dan
membantu terselesainya Kerja Prakter ini, 5.
Bapak Bapak J.D J.D.. B Wija Wijaya ya,, Mas Ady Adytt dan Mas Mas Ari Ariee yang yang tela telah h banya banyak k membe memberi ri masukan,
6. 7.
Lina Lina Widi Widias astu tuti ti,, sebag sebagai ai reka rekan n kerja kerja pra prakt ktek ek di Cal Calte tex. x.
8.
Deisi Deisi Aru Arum, m, Din Dini, i, dan dan Vit Vita, a, sert sertaa tema temann-te tema man n Port Port A Camp Camp yan yang g sela selalu lu setia dalam segala kesusahan,
9.
Tera Terakh khir ir pada pada semu semuaa pihak pihak di TC, TC, terut terutam amaa Pak Iska Iskanda ndar, r, Da’A Da’An, n, dan dan mas Yanto, serta semua teman-teman yang berkenalan di Rumbai Camp, PT Caltex Pacific Indonesia.
Penulis menyadari bahwa dalam laporan ini masih banyak terdapat kekurangan, oleh karenanya penulis memohon maaf yang sebesar-besarnya. Akhirnya, penulis sangat mengharapkan agar laporan hasil kerja praktek ini dapat dibaca oleh siapa saja dan dapat memberikan tambahan wawasan serta manfaat yang besar.
Rumbai, Mei 2000
Alfonsus Bayu Asmara
2
DAFTAR ISI
KATA PENGANTAR................................................. ............................ ................................... .............. ......... ..1
Bab I PENDAHULUAN PENDAHULU AN............................. .......................................................... ............................................................. ................................7 7 1.1. Latar Belakang .........................................................................................................7 1.2. Tujuan...................................................... ....................................................................................................... ................................................. ........ ............... ........7. 1.3. Pelaksanaan Kerja Praktek ..................................................... ........................................................................................ ...................................8 1.4. Tahapan Pelaksanaan Kerja Praktek ................................................ ....................... ......................... ..8 1.5. Sistematika Penulisan Laporan .................................................... ........................................................................... ............................. ......8
BAB II PT CALTEX PACIFIC INDONESIA ........ ............... ............... ................ ............... ............... ............. ......... ....10 10 2.1. Sejarah Singkat PT Caltex Pacific Indonesia................................. ....... .............. ............... .......... ..10 2.2. Lokasi Dan Daerah Operasi PT CPI.................................................... ................................................................ ................... .......13 13 2.3. Kegiatan Operasi PT CPI........................................................ ....................................................................................... ...............................14 14 2.3.1. Eksplorasi................................................. .................................................... ........................................................ ....14 14 2.3.2. Produksi................................................ ...................................... ........ ............... ............. ...... 15 2.4. Organisasi Perusahaan PT CPI....................................................... ................................................................. .................. .............. ...... 16
3
2.5. Sekilas EOR dan Pedada GS .................................................. ............ .................... ............... ............ ..... 17 2.5.1. Enhanced Oil Recovery (EOR) .................................................. ......................17 17 2.5.2. Pedada GS................................................. .............................................. ....... ......... ..19
BAB III KONSEP DASAR INTRANET DAN WEB DESIGN....... ........... ........ ........ ........ ........ ...... ..20 20 3.1. Intranet................................................... .................................................... ........................................................... ............. ......20 20 3.2. Web Design.................................................. ............................... ....................................... ............... .............. ............ ..... 21 3.2.1. Hypertext H ypertext Markup Language (HTML)............................................ ....... ............... ..........21 3.2.1.1 Tag, Elemen, dan Attribut....................................................... .......................................................................... ...................22 22 3.2.1.2. Struktur Dokumen............................................... .................................... ..22 22 3.2.1.3. Header.................................................. ......................................... ....... ............ .....23 23 3.2.1.4. Link (anchor)................................................... ................... .......................... ............... ............... ....... 23 3.2.1.5. Gambar ....................................................... ................................................................................................... ............................................ ...23 23 3.2.1.6. Style Karakter................................................... ..................... ............................ ............... ............ ....23 23 3.2.1.7. Paragraf dan Baris baru b aru................................................. ............................24 24 3.2.1.8. List / Daftar................................................... ................................. ....... ........... ....24 24 3.2.1.9. Tabel ....................................................... .................................................................................. .................................. ............... ............... .........24 3.2.2. Dynamic D ynamic HTML (DHTML)................................................. ............................25 25 3.2.3. Javascript................................................ ....................................................... .......................................................... ...25 25 3.2.4. Cascading Style Sheet (CSS).................................................. ................ ........................ ..........26 26 3.2.5. ColdFusion................................................ .............................................. ....... ......... ..26 3.2.6. Pedoman Desain Web .................................................... ............................................................................ ................................ .......... ..27 27
4
BAB IV PEDADA EOR MORNING REPORT......................................................28 4.1. Data Morning Report Pedada EOR............................................. ........................... 28 4.1.1. Water Injection Well.................................................. .................................. ....28 4.1.2. Flow Meter................................................. ................................................ ......29 4.1.3. Water Quality.............................................................................................. .....29 4.1.4. Chemical Consumption ....................................................................................29 4.1.5. Pedada & Sabak Gathering Station..................................................................30 4.1.6. Pump Running Hours & Perssure....................................................................30 4.1.7. Well Down .................................................. ......................................... ............30 4.1.8. Lain-lain.................................................................................................. .........30 4.2. Informasi yang dibutuhkan .................................................. ...................................30 4.2.1. Flow Meter Monitoring....................................................................................31 4.2.2. Water Quality Trend........................................................................................31 4.2.3. Perssure Network Data .................................................................................... 31 4.2.4. Water Quality – Chemical Usage.......................................... ..........................32 4.2.5. Well Perssure – Water Rate Monitor................................................. .............. 32
BAB V WEB SITE PEDADA EOR........................................................................33 5.1. Desain Fungsional.................................................. ................................................ 33 5.1.1. Query Database .................................................. ..................................... .........33 5.1.2. Metode Penghasilan Grafik................................................ ..............................35
5
5.1.3. Customization..................................................................................................37 5.1.4. Javascript Alert Window ..................................................................................38 5.1.5. Pop-up Window ...............................................................................................38 5.2. Desain Logika ........................................................................................................40 5.2.1. Peta Situs.................................................. ........................................................40 5.2.2. Metode Navigasi.................................................. ............................................ 40 5.3. Desain Grafis ...................................................................................... .................... 42 5.3.1. Layout Halaman ................................................ .......................................... .....42 5.3.2. Skema Warna ........................................................................................ ...........42
BAB VI KESIMPULAN DAN SARAN................................................................... 43 DAFTAR PUSTAKA..................................................................................46
6
Bab I PENDAHULUAN
1.1. Latar Belakang Universitas Gajah Mada sebagai lembaga akademis yang berhubungan dengan ilmu pengetahuan dan teknologi berusaha membuat suatu kurikulum yang fleksibel dan dapat mengakomodasikan perkembangan yang ada. Salah satu cara adalah dengan memberikan mata kuliah kerja praktek kepada mahasiswanya dengan beban kredit 2 sks. Mengingat bidang studi yang dipelajari difokuskan ke arah Teknik Informatika, maka salah satu alternatif tempat pelaksanaan kerja praktek adalah perusahaan atau instansi yang dalam operasionalnya menggunakan sarana tekonologi informasi secara intensif. PT. Caltex Pacific Indonesia merupakan perusahaan minyak terbesar di Indonesia. Sehingga tidak mengherankan pula jika bidang informasinya telah berkembang pesat, seiring dengan perkembangan ilmu pengetahuan dan teknologi
1.2. Tujuan Kerja praktek dilakukan untuk menjembatani teori yang diperoleh di bangku kuliah dengan praktek yang ada di lapangan. Diharapkan dengan adanya kerja praktek ini, mahasiswa dapat memiliki bekal untuk menghadapi dunia kerja yang nyata.
7
1.3. Pelaksanaan Kerja Praktek Kerja praktek ini dilaksanakan selama dua bulan, mulai tanggal 10 Maret 2000 sampai dengan tanggal 10 Mei 2000. Kerja Praktek ini dilaksanakan di: Zamrud-Pedada AMT, Wing 3 Main Office Rumbai, Rumbai Camp, PT Caltex Pacific Indonesia, Pekanbaru, Riau
1.4. Tahapan Pelaksanaan Kerja Praktek Kerja praktek ini dilaksanakan dengan tahapan: -
Pengenalan awal proses Pedada EOR
-
Analisa masalah
-
Mempelajari alternatif solusi, dan memilih yang sesuai
-
Merancang solusi yang akan dipakai
-
Pemrograman
-
Implementasi
-
Review
1.5. Sistematika Penulisan Laporan Bab I
: Pendahuluan
Membahas mengenai latar belakang, tujuan, waktu dan tempat pelaksanaan, tahapan, serta sistematika penulisan laporan kerja praktek Bab II
: Gambaran Umum PT Caltex Pacific Indonesia
Memaparkan profil perusahaan PT Caltex Pacific Indonesia Bab III : Konsep Dasar Intranet dan Web Design
8
Membahas teori mengenai intranet yang digunakan dalam perusahaan besar, dan mengenai antarmuka web site, yang meliputi: desain web yang baik, html, dhtml, javascript, css, dan ColdFusion
Bab IV : EOR Morning Report
Menjelaskan data-data yang dihasilkan dalam morning report , dalam bentuk lama (dokumen MS Excel), dan dalam bentuk baru (database MS Access), termasuk informasi yang ingin didapatkan dari data-data tersebut. Bab V
: Web Site Pedada EOR
Membahas website yang dihasilkan, mencakup metode-metode yang digunakan, peta situs, dan bagian-bagian interaktif. Bab VI : Kesimpulan
Memberikan kesimpulan atas seluruh pelaksanaan kerja praktek di PT Caltex Pacific Indonesia Bab VII : Daftar Pustaka
9
BAB II PT CALTEX PACIFIC INDONESIA
2.1. Sejarah Singkat PT Caltex Pacific Indonesia PT Caltex Pacific Indonesia (PT CPI) merupakan perusahaan minyak asing terbesar di Indonesia yang didirikan sejak tahun 1924 oleh regu geologi Standard Oil Company of California (SOCAL) yang sekarang bernama Chevron Corporation. Survei eksplorasi diawali di Kalimantan dan Sumatera. Pada tahun 1930 pemerintah Hindia Belanda memberikan izin kepada SOCAL untuk melanjutkan eksplorasinya di daerah Sumatera Tengah dan dibentuk N.V. Nederlandse Pacific Petroleum Maatchappij (NPPM) yang merupakan cikal bakal dari PT Caltex Pacific Indonesia pada bulan Juni 1930. California Texas Petroleum Corporation (CALTEX), didirikan pada bulan Juli 1936 sebagai gabungan dari dua perusahaan minyak besar Amerika Serikat, SOCAL dan TEXACO. Cadangan minyak bumi pertama kali yang ditemukan SOCAL terdapat di lapangan Sebanga, pada bulan Agustus 1936. Kemudian berturut-turut ditemukan kembali cadangan minyak baru di Rantau Bais pada bulan November 1940, dan Duri pada bulan Maret 1941. Pada saat terjadi Perang Dunia II, kegiatan SOCAL praktis terhenti, dan baru dimulai kembali pada bulan Januari 1949. Ladang minyak Pungut ditemukan tahun 1951, Kotabatak pada bulan Juli 1952, Bekasap pada bulan September 1955, lapangan gas Sebanga Utara bulan November 1960, hingga yang terakhir Tegar dan Sakti pada bulan Januari dan Juli 1991.
10
Pada tahun 1952 UU Pertambangan mulai disusun oleh pemerintah RI, dan pada tanggal 20 April 1952 mulai dilakukan pengapalan pertama Minas crude oil dari Perawang yang diangkut kapal tanker lewat Selat Malaka. Program Perluasan I meliputi kawasan Duri-Dumai dimulai bulan Februari 1957, meliputi : 1.
Pengembangan lapangan minyak Duri.
2.
Pengembangan stasiun-stasiun pengumpul dan stasiun pompa
Duri. 3.
Pengembangan jalan, instalasi minyak, pemasangan pipa saluran
bergaris tengah 60 cm dari Minas ke Duri dan pipa saluran bergaris tengah 75 cm dari Duri ke Dumai sepanjang 120 km. 4.
Pembangunan komplek perumahan di Duri dan Dumai.
5.
Pembangunan dermaga minyak pertama di Dumai.
Pada tanggal 15 Juli 1958 Program Perluasan I selesai, dan sejak itu produksi Caltex diekspor melalui dermaga Dumai. Tahun 1963, seluruh wilayah konsesi CPPM dan CPOOC yang disebut Rokan I Block dan Rokan III Block dikembalikan Caltex kepada Pemerintah RI berdasarkan UU No. 14 Tahun 1960, tetapi pelaksanaan operasinya diserahkan kembali oleh Pemerintah RI pada Caltex. Pada bulan September 1963 diadakan Perjanjian Karya antara perusahaan perusahaan asing dengan perusahaan negara (Pertamina) atas wilayah-wilayah : 1. PT Caltex Pacific Indonesia, wilayah Kangguru seluas 9.030 km2.
11
2. C & T (Calasiatic/Chevron & Topco/Texaco), wilayah A, B, C dan D seluas 12.328 km2 yang pelaksanaan operasinya diserahkan kepada PT Caltex Pacific Indonesia. Pada tahun 1968 dibangunlah dua buah tangki terbesar di dunia dengan kapasitas 690.000 barrel di Dumai, dan pada tahun itu juga terjadi pula perubahan wilayah kerja : 1.
Perjanjian Karya PT Caltex Pacific Indonesia telah mendapat
ratifikasi dari DPR-RI, ditambah dengan wilayah sekitar Minas Tenggara, Libo Tenggara, Libo Barat Laut dan Sebanga menjadi 9.898 km2. 2.
Perjanjian C & T dievaluasi, dari wilayah A,B,C dan D setelah
mendapatkan tambahan daerah seluas 4.300 km2, maka sebagian block A dan B dan seluruh Block C dikembalikan ke Pemerintah RI. Pada bulan Juli 1970 dimulai program perluasan II yang meliputi Bangko dan Kotabatak, pembangunan jalan ke Bangko, instalasi serta penyaluran minyak ke Dumai. Program ini berakhir pada bulan Mei 1972. Program perluasan III dimulai bulan Juni 1977 dengan proyek utama adalah Beruk - Zamrud. Pada bulan Agustus 1971 ditandatangani Kontrak Production Sharing (KPS) untuk: 1.
C&T wilayah Coastal Plain Pekanbaru (C&T KPS CPP) seluas
21.975 km2 2.
Pembaruan perjanjian atas wilayah Kangguru CPI untuk masa
1983-2001. Pada bulan Januari 1975, perjanjian C & T berdasarkan KPS ditandatangani untuk daerah Mountain Front Kuantan Block seluas 6.865 km2. Setelah dilakukan pengambilan
12
beberapa bagian dari kerja secara bertahap, sekarang Coastal Plain Pekanbaru tinggal seluas 9.996 km2. Antara tahun 1979-1991 C & T menandatangani 5 perjanjian baru lagi yaitu: 1.
Perjanjian patungan (joint venture) dengan Pertamina (Jambi
selatan Block B) pada tahun 1979 seluas 5.826 km2 sudah dikembalikan seluruhnya pada tahun 1988. 2.
KPS Singkarak block pada tahun 1981 seluas 7.163 km2
di
Sumatera Barat yang telah dikembalikan seluruhnya pada Juni 1984. 3.
KPS Langsa block pada tahun 1981 seluas 7.163 km2 di selat
Malaka di lepas pantai propinsi Sumatera Utara dan Daerah Istimewa Aceh yang juga dikembalikan seluruhnya pada bulan Mei 1986. 4.
KPS Nias block pada tahun 1981 seluas 16.166 km2.
5.
Perpanjangan kontrak karya ke dalam bentuk KPS untuk Siak
block dengan wilayah kerja 8.314 km2, mulai berlaku sejak 28 November 1993 selama 20 tahun.
2.2. Lokasi Dan Daerah Operasi PT CPI Lokasi PT. CPI terletak di propinsi Riau dengan luas area lebih dari 50 km2. Berdasarkan luas operasi dan kondisi geografis yang ada serta pertimbangan efisiensi dalam pengoperasian, maka PT. CPI membagi lokasi daerah operasi menjadi 5 distrik yaitu : 1. Distrik Jakarta sebagai pusat administrasi seluruhnya. 2. Distrik Rumbai merupakan pusat kerja administrasi daerah operasi PT. CPI.
13
3. Distrik Minas, merupakan daerah operasi produksi minyak (sekitar 30 km dari distrik Rumbai). 4. Distrik Duri, merupakan daerah operasi produksi minyak (sekitar 112 km dari distrik Rumbai). 5. Distrik Dumai, merupakan pelabuhan tempat pemasaran/pengapalan minyak (sekitar 184 km dari distrik Rumbai).
Gambar 1.1. Daerah Operasi PT.Caltex Pacific Indonesia
2.3. Kegiatan Operasi PT CPI 2.3.1. Eksplorasi Kegiatan eksplorasi PT CPI mencakup 7 wilayah kontrak yang tersebar di 4 propinsi, yaitu Riau, Jambi, Sumatera Utara dan Aceh dengan luas keseluruhan 42.000 km2. Selama tahun 1976-1985, PT CPI berhasil menyelesaikan 137 sumur eksplorasi terdiri dari 6 sumur di daerah PT CPI, 18 sumur di daerah Perjanjian Karya C & T, 36
14
sumur di daerah Coastal Plain Pekanbaru, 7 sumur di daerah Mountain Front Kuantan, 6 sumur di daerah Langsa, 3 sumur di daerah Jambi dan 1 sumur di daerah Singkarak. Hingga saat ini kegiatan operasi pencarian ladang minyak baru sudah tidak lagi gencar dilakukan. Dan kegiatan yang terus dilakukan adalah meningkatkan produksi minyak dari sumur-sumur produksi yang telah ada ( Enhanced Oil Recovery ).
2.3.2. Produksi Setelah 17 tahun berproduksi, pada tanggal 4 Mei 1969, lapangan Minas mencapai jumlah produksi akumulatif 1 milyar barrel (terbesar di Asia). Hingga akhir 1990 produksi akumulatifnya telah melebihi 3 milyar barrel. Minas crude oil digemari negara-negara industri karena mempunyai kadar belerang yang rendah. Lapangan Duri menghasilkan minyak dengan ciri-ciri yang berbeda dengan Minas Crude Oil atau Sumatra Light Crude Oil. Selama tahun 1951-1965 meskipun pengeboran eksplorasi menghasilkan 7 temuan, namun yang berproduksi hanya lapangan Minas dan Duri, karena iklim politik RI pada saat itu tidak mendukung penanaman modal. Produksi yang mencapai 1 juta barrel per hari antara Mei dan Agustus 1973 membuktikan adanya peningkatan secara menyeluruh yang diakibatkan antara lain oleh : 1.
Usaha keras pemerintah dan iklim usaha yang prospektif
2.
Meningkatnya jalinan kerja sama internasional
3.
Semakin canggihnya teknologi yang diterapkan
Ada beberapa cara yang dilakukan untuk meningkatkan produksi minyak yang cenderung terus menurun. Diantaranya yang dilakukan adalah :
15
1.
Menginjeksikan air yang dilakukan di distrik Bekasap.
2.
Menginjeksikan air panas yang dilakukan di distrik Minas dan Zamrud.
3.
Menginjeksikan uap air dilakukan di distrik Duri.
Teknologi injeksi uap ( steamflooding) mulai diterapkan pada tahun 1981 di lapangan Duri sebagai usaha peningkatan produksi minyak bumi yang mempunyai viskositas tinggi. Kegiatan proyek yang dikenal dengan nama Duri steam flood (DSF) ini terus berlangsung, dan merupakan proyek injeksi uap terbesar di dunia. Kini di Area III dan IV tengah berlangsung sistem produksi penginjeksian dengan pola tujuh titik (seven spot pattern), dengan satu sumur injeksi dikelilingi oleh enam sumur produksi dan jika telah selesai akan meliputi areal seluas 6600 ha. Daerah ini akan dikembangkan secara bertahap menjadi belasan area dengan luas masing-masing 100 sampai 600 Ha.
2.4. Organisasi Perusahaan PT CPI Struktur organisasi yang semula bersifat line and staff yang bersifat fungsional, mulai tanggal 11 Maret 1995 berubah ke sistem strategic business unit (SBU) yang bersifat tim kerja. Dalam SBU ini dibentuk unit-unit yang beranggotakan orang-orang dengan disiplin ilmu dan keahlian tertentu. Di dalam unit setiap anggota diarahkan pada kerjasama tim sebagai suatu kelompok kerja. Dengan manajemen sistem SBU ini, otonomi tiap unit menjadi semakin besar (desentralisasi), sehingga diharapkan efektifitas dan efisiensi perusahaan dengan semboyan “Our Journey to World Class Company” ini semakin tinggi. Hal ini sangat penting mengingat tingkat persaingan dan biaya produksi yang semakin tinggi, dan cadangan minyak bumi semakin menurun dan sukar dieksploitasi.
16
Untuk mendukung sistem SBU ini, maka daerah operasional PT. CPI dibagi dalam 7 SBU yaitu : 1.
Rumbai SBU, dengan wilayah operasi meliputi wilayah Petapahan, Zamrud, Libo dan Pedada.
2.
Minas SBU, dengan wilayah operasi meliputi lapangan Minas.
3.
Duri SBU, dengan wilayah operasi meliputi lapangan minyak Duri dan Kulin.
4.
Bekasap SBU, dengan wilayah operasi meliputi wilayah Petani dan Bekasap.
5.
Support Operation SBU.
6.
Exploration and Technical Support SBU.
7.
Safety, Health and Environment (SH & E) SBU.
Dengan sistem SBU ini manajemen disusun dalam tingkatan tertentu dengan tiap SBU dipimpin oleh seorang vice president yang dibantu oleh beberapa orang manager . Manager dibantu oleh beberapa team manager dan di bawah team manager terdapat beberapa orang team leader . Dengan sistem ini garis operasi dan rantai komando menjadi semakin pendek, pengawasan dan penilaian semakin objektif serta efektifitas otonomi relatif lebih tinggi dan mudah dijalankan dibandingkan dengan sistem line and staff . Bagan organisasi selengkapnya dapat dilihat pada Lampiran.
2.5. Sekilas EOR dan Pedada GS 2.5.1. Enhanced Oil Recovery (EOR) Dalam proses pengambilan minyak, akan tiba saatnya tekanan dari bawah permukaan bumi sendiri sudah tidak cukup untuk mengangkat minyak ke atas, dan usaha-
17
usaha pemompaan sudah tidak efektif lagi. Jika suatu sumur sudah mencapai kondisi ini, maka diperlukam metode-metode secondary recovery / Enhanced Oil Recovery, agar minyak tetap dapat bisa diangkat. EOR memiliki dua metode: water flood dan steam flood . Keduanya menyuntikkan air ke dalam permukaan bumi, dalam bentuk cair maupun uap. Tujuan dari penyuntikan ini adalah untuk mengencerkan minyak mentah yang kental, dan untuk mendorong minyak ke atas. Semakin dangkal sumur, semakin dingin suhu minyak, yang menyebabkan minyak lebih kental. Jadi untuk sumur yang dalam, dilakukan water flood , untuk sumur dangkal, harus dilakukan steam flood . Di Pedada, dilakukan EOR dengan water flood . Air yang disuntikkan ke dalam sumur didapat dari hasil pemisahan air dari minyak yang diangkat. Air dari hasil pemisahan ini memiliki kualitas air yang kurang bagus, oleh sebab itu perlu dilakukan peningkatan kualitas. Ini dilakukan dengan melewatkan air pada berbagai peralatan, dan menambahkan beberapa jenis zat kimia. Gambaran umum tentang proses yang terjadi adalah sebagai berikut: 1. Campuran air dengan minyak akan ditampung dan dimasukkan ke dalam Wash Tank . Dalam Wash Tank minyak yang berada di atas akan diambil dan dikirim ke Shipping Tank . Sementara sisa air akan dikirim ke Floatation unit. 2. Di dalam Floatation unit sisa minyak yang masih ada akan diambil dan dimasukkan ke Recycle Tank yang kemudian dimasukkan lagi ke Wash Tank . Sisa air di Floatation unit diteruskan ke Surge Tank . 3. Dari Surge Tank , air akan dikirim ke Filter . Di Filter inilah penyaringan bahan-bahan padat yang mungkin terbawa akan dilakukan. Bagian air yang
18
mungkin masih mengandung minyak akan dipisahkan dan dimasukkan ke Disposal Well sementara air yang sudah bagus dikirim ke Suction Tank . 4. Dari Suction Tank air akan disuntikkan ke sumur-sumur injeksi
2.5.2. Pedada GS Lapangan minyak Pedada terletak di daerah KPS CPP (Kontrak Production Sharing Costal Plane Pekanbaru) kurang lebih 130 Km Barat-Laut dari Pekanbaru. Sejak ditemukan pada tahun 1972 sampai saat dimulainya proyek Pedada EOR (Enhanced Oil Recovery) , sejumlah 37 sumur produksi telah dibor. Secara geologis lapangan Pedada membentang sepanjang 5.5 Km dengan lebar 1.5 Km. Konstruksi dan pemasangan fasilitas EOR yang baru diawali pada bulan Desember 1997 dan diselesaikan pada bulan Agustus 1998, terkecuali stasiun pengetesan yang selesai awal tahun 1999. Pekerjaan perbaikan tangki pencuci stasiun Pedada diselesaikan pada bulan April 1999.
PAK Field
P. PADANG
GATAM Field BAGAN JAYA Borrow Pit LANGKAT
SABAK Field
PEDADA Field PEDADA GS. TELUK MESJID
BENUA Field
DUSUN Field
Gambar 2.1 : Lokasi Pedada field
19
Injeksi parsial (8 sumur) dimulai pada bulan April 1998, sedangkan keseluruhan sumur injeksi dioperasikan pada bulan Agustus 1998. Pekerjaan komisioning stasiun pengetesan berlangsung hingga bulan Juli 1999 untuk mendapatkan hasil yang optimal. Tujuan utama dari proyek ini adalah menginjeksikan air terproduksi dari lapangan minyak Pedada ke Lapisan Pedada 350 kaki dan 550 kaki, dengan laju injeksi total sebesar 40,000 barrel air per hari.
Injeksi air terproduksi ini diperlukan untuk
menaikkan perolehan minyak sebanyak 29,5 juta barrel.
BAB III KONSEP DASAR INTRANET DAN WEB DESIGN
3.1. Intranet Intranet adalah jaringan komputer yang menghubungkan sejumlah komputer client , menggunakan protokol strandar internet (TCP/IP, HTTP). Suatu intranet pada umumnya terlindung dibelakang suatu firewall yang melindungi jaringan tersebut dari akses masuk/keluar yang tidak diijinkan. Dapat dikatakan bahwa intranet adalah Internet pribadi. Inti dari suatu intranet adalah berbagi informasi. Dengan standar Internet yang mampu menampilkan format yang sama/serupa dengan program atau komputer yang berbeda, intranet sangat cocok untuk penyebaran informasi yang cepat dan mudah. Dengan adanya kemampuan akses database, intranet dapat pula memberikan informasi yang dulunya perlu waktu lama untuk ditampilkan.
20
Selain mendapatkan semua keunggulan standar Internet, intranet memiliki kelebihan dalam hal kecepatan dan standarisasi. Jaringan internal berarti bandwidth bukan suatu masalah yang besar. File- file yang besar dapat ditransfer dalam waktu yang relatif singkat. Dan, karena semua jaringan terletak dalam satu perusahaan yang memiliki standar komputer yang sama/mirip, maka tidak perlu banyak memikirkan kompatibilitas antar browser . Sebagai contoh: Dalam jaringan Caltex, semua komputer menggunakan IE 4.01 yang berjalan di atas platform MS Windows. Ini tentunya akan mempermudah desain applikasi.
3.2. Web Design Sebuah situs dirancang dengan menggunakan banyak komponen. Komponen dasar dari semuanya adalah HTML, standar penulisan halaman web. Namun untuk menghasilkan situs yang interaktif dan menarik, HTML saja tidak cukup. Maka digunakanlah Javascript, CSS, ColdFusion, dan yang sejenis. Namun teknologi saja tidak cukup untuk membuat sebuah situs. Aspek psikologis dari suatu site harus juga diperhitungkan agar pengguna dapat secara optimal memanfaatkan informasi yang disajikan. Aspek psikologis ini mencakup skema warna yang tidak membuat lelah, konsistensi tampilan yang memudahkan pengguna mencari link -link navigasi, dan letak isi yang tidak terlalu membingungkan, dan mudah dibaca.
3.2.1. Hypertext Markup Language (HTML) HTML adalah bahasa Markup (pemberian tanda), yang menentukan bagaimana struktur suatu dokumen tekstual, dengan menggunakan tanda-tanda (tags). Selain itu
21
HTML memberikan kemampuan untuk menyertakan hypertext atau teks yang aktif, dalam arti teks tersebut bisa menghubungkan dengan dokumen lain. 3.2.1.1 Tag , Elemen, dan Attribut
Tag menspesifikasi elemen-elemen struktural dalam suatu dokumen. Tag dimulai dengan ‘<‘ dan diakhiri dengan ‘>’, kata pertama di dalam kurung itu adalah nama tag , kata-kata lain adalah attribut tag tersebut. Jadi, sebuh tag adalah item dasar, dan attribut menambahkan detil pada sebuah tag . Sebuah elemen terdiri atas 3 bagian: tag awal, isi, dan tag akhir. Tag akhir digunakan untuk menandai selesainya pengaruh tag awal pada teks. Tag , atribut, dan element tidak case-sensitive, jadi dapat ditulis dalam huruf kapital atau tidak. Namun biasanya digunakan kombinasi keduanya untuk mempermudah pembacaan. 3.2.1.2. Struktur Dokumen
Sebuah dokumen HTML terdiri atas dua bagian utama: Head (kepala) dan Body (badan). Jadi struktur dasar dokumen HTML seperti: < HEAD> . . . . . . Bagian Head memberikan informasi mengenai dokumen tersebut. Elemen HEAD yang utama adalah tag
yang mendefinisikan judul dokumen. Elemen lain adalah tag <META>, yang mendeskripsikan dokumen untuk search engine.<br />
<br />
22<br />
<br />
3.2.1.3. Header <br />
<br />
Tiap bagian dari dokumen selayaknya diberi judul, ini disebut header . Ada 6 jenis header : H1, H2, H3, H4, H5, H6. H1 adalah header terbesar, dan H6 yang terkecil. Tag ini dibuat untuk menspesifikasikan judul-judul tiap seksi, tetapi sering disalah gunakan untuk formatting font . 3.2.1.4. Link (anchor)<br />
<br />
Tag yang memungkinkan adanya hypertext yang me-link ke dokumen lain adalah tag anchor atau: <A>. Attribut utama dari tag ini adalah HREF yang menunjukkan alamat link yang dituju. Isi dari tag ini dapat berupa teks, ataupun gambar; kalau di-click , akan membawa pengguna ke dokumen lain. 3.2.1.5. Gambar<br />
<br />
HTML memberikan kemungkinan<br />
<br />
untuk menyertakan gambar, dengan<br />
<br />
menggunakan tag <IMG>, atribut utama dari tag ini adalah src, yang menyatakan lokasi file gambar yang akan ditampilkan. Atribut width dan height juga sebaiknya digunakan untuk menspesifikasikan ukuran gambar. 3.2.1.6. Style Karakter<br />
<br />
Teks yang ditampilkan di browser juga dapat ditentukan tampilannya dengan menggunakan tag -tag <em>, <strong>, atau <bold> yang akan menebalkan fontase, tag <I> akan memiringkan teks, dan <U> akan menggaris bawahi teks. Cara lain untuk mengganti karakter teks adalah menggunakan tag < FONT > yang bisa memiliki atribut: align, size, dan color , yang mendefinisikan ukuran, warna, dan penempatan teks.<br />
<br />
23<br />
<br />
3.2.1.7. Paragraf dan Baris baru<br />
<br />
Karena HTML mengabaikan spasi dan line break , maka ada tag <BR>, untuk memulai baris baru, dan ada tag <P> yang menyebabkan terjadinya paragraf baru. 3.2.1.8. List / Daftar<br />
<br />
HTML memungkinkan perancang website membuat daftar. Disediakan 3 jenis daftar: ordered (berurut), unordered (tidak berurut), dan definition (pemberian definisi). Ordered list memberikan daftar yang diberi indeks nomor. Unordered list mendaftar item dengan menggunakan bullet . Definition list memungkinkan perancang website memberikan definisi / penjelasan pada suatu daftar kata. 3.2.1.9. Tabel<br />
<br />
HTML membentuk tabel dengan cara mendefinisikan baris-baris (dengan tag <TR> ), dan tiap barisnya memiliki cell -cell (didefinisikan dengan <TD> ). Tag <TD> dapat diganti dengan <TH> jika data tersebut merupakan header dari tabel tersebut. Atribut dari tag <TABLE>, antara lain: bgcolor (warna latar), border (tebal bingkai), dan cellpadding (jarak antara isi data dan pinggiran tabel). Contoh HTML yang medefinisikan tabel: <TABLE border =2 cellpadding =8 bgcolor =white> <TR><TH> kolom1 </TH><TD> kolom2 </TD><TD> kolom3 </TD> </TR> <TR><TH> baris2 </TH><TD> kolom2 </TD><TD> kolom3 </TD> </TR> <TR><TH >baris3 </TH><TD> kolom2 </TD><TD> kolom3 </TD> </TR> </TABLE><br />
<br />
24<br />
<br />
3.2.2. Dynamic HTML (DHTML) DHTML bukanlah pengganti HTML. DHTML hanyalah istilah yang dipakai untuk menamai halaman web yang dinamis. Dinamis disini berarti dapat beraksi terhadap masukan dari pengguna secara langsung. Intinya adalah membuat tiap elemen dari halaman web bisa diubah-ubah setiap saat. Semua ini dilakukan dengan gabungan antara HTML, Javascript, dan Cascading Style Sheet . Jadi DHTML berjalan dalam lingkup standar HTML yang ada, bukan mendefinisikan standar baru. Sebagai contoh: jika perancang website ingin mengubah warna latar belakang suatu link berubah menjadi merah saat mouse berada di atasnya. Dapat dibuat fungsi javascript<br />
<br />
sederhana<br />
<br />
memanfaatkan event OnMouseOver.<br />
<br />
Pada<br />
<br />
saat<br />
<br />
event <br />
<br />
OnMouseOver terjadi, maka fungsi javascript akan mengubah style dari link tersebut, menjadi memiliki background merah. Style dari semua elemen dalam suatu dokumen, otomatis menjadi obyek dalam javascript. Ini sangat memudahkan manipulasi style. Hal-hal lain yang bisa dilakukan: menyembunyikan suatu paragraf saat pengguna meng-click suatu link , membuat menu seperti menu di widows, menempatkan suatu gambar di atas teks, menggerak-gerakkan gambar sesuai gerakan kursor, dan banyak lagi kemungkinan yang ditawarkan DHTML. Dengan DHTML, ada seorang programmer yang menciptakan game interaktif, tanpa plug-in tambahan, dan tanpa java applet.<br />
<br />
3.2.3. Javascript Javascript adalah bahasa scripting berorientasi obyek, yang dikembangkan oleh Netscape. Javascript tidak di-compile, tapi di interpert oleh program dimana dia<br />
<br />
25<br />
<br />
dijalankan. Ada dua jenis Javascript yang diaplikasikan. Client -Side Javascript, dijalankan di dalam suatu browser ; sehingga yang menginterpretasikannya adalah browser itu sendiri. Disini obyek-obyek Javascript berupa obyek-obyek dalam halaman web atau browser . Server -Side Javascript berjalan pada server web, disini obyekobyeknya dapat berupa database, atribut server , file di server , dll. Untuk selanjutnya dalam laporan ini, yang disebut sebagai Javascript adalah Client Side Javascript .<br />
<br />
3.2.4. Cascading Style Sheet (CSS) CSS adalam metode penentuan style dari tiap-tiap elemen dalam web page. HTML terbatas dalam hal presentasi, karena tag -tag yang ada hanya menunjukkan struktur dokumen, bukan tampilan dokumen. Dengan Style Sheet , bisa ditentukan bagaimana halaman web yang dibuat akan ditampilkan. Hal-hal yang bisa didefinisikan oleh CSS meliputi: warna, fontase, margin, indentasi, background , dan aspek tampilan lain dari elemen-elemen web page. Standar CSS yang dipakai dalam KP ini adalah standar Microsoft IE 4.01.<br />
<br />
3.2.5. ColdFusion ColdFusion adalah sebuah platform pengembangan yang mengintegrasikan teknologi browser , server , dan database untuk menghasilkan aplikasi web yang interaktif. Cold Fusion terdiri atas dua bagian utama, ColdFusion Server , dan ColdFusion Studio. CF Server adalah server aplikasi web (berjalan di atas web server ) yang berkerja di dalam lingkup browser . CF Studio adalah perangkat pengembangan visual untuk pengembangan aplikasi web.<br />
<br />
26<br />
<br />
Aplikasi CF pada dasarnya adalah halaman-halaman web biasa dengan perkecualian: file extensionnya .cfm, dan mengandung bahasa lain (selain HTML) yaitu CFML (ColdFusion Markup Language). CFML adalah bahasa scripting yang bekerja di server . Jadi CFML diproses di server (oleh CF Server ) setiap kali dokumen itu di-request . Sehingga yang sampai di browser bukan CFML, tetapi HTML biasa, yang merupakan output dari pemrosesan CFML.<br />
<br />
3.2.6. Pedoman Desain Web Dalam mendesain web page ada beberapa pedoman yang harus dipegang. Ini untuk menjaga agar pengguna tidak kebingungan menggunakan / melihat site yang dibuat. Pegangan-pegangan ini meliputi hal-hal seperti: harus adanya tata letak yang logis, navigasi harus gampang, tidak terlalu banyak animasi-animasi atau warna-warna menyolok yang mengganggu perhatian. Konsistensi antar page dalam satu site juga penting. Jika skema warna dan tata letak konsisten, maka pengguna akan merasa familiar dengan lingkungan site tertentu, dan akan cepat sadar kalau ternyata link yang mereka telusuri membawa keluar dari situs itu. Konsistensi juga membuat pengguna bisa fokus pada isi dari site, dan bukannya bingung oleh tampilan yang berubah-ubah.<br />
<br />
27<br />
<br />
BAB IV PEDADA EOR<br />
<br />
MORNING REPORT <br />
<br />
4.1. Data Morning Report Pedada EOR Setiap menjelang tengah malam, operator yang ada di Pedada GS memasukkan data-data tentang plant EOR yang didapatkan selama 24 jam terakhir. Data-data ini disimpan dalam tabel-tabel dalam file excel. Disini akan dibahas secara singkat makna dari data-data itu.<br />
<br />
Gambar 4.1: Pedada EOR Morning Report <br />
<br />
4.1.1. Water Injection Well Dalam tabel ini data yang tersaji adalah data seputar air yang digunakan untuk menginjeksi sumur. Ada 21 sumur dalam data ini dan tiap sumur memiliki rincian tentang tekanan atas dan bawah ( perssure up & down), Max Well Head , pembacaan<br />
<br />
28<br />
<br />
meter baik rate maupun total meter, barrel of water per day (BWPD) yang menjadi acuan serta status dari choke. Semua data tersebut berupa data masukan yang didapat dari lapangan. Dalam kelompok data ini ada data hasil perhitungan yaitu, BWPD pada hari itu yang didapat dari pembacaan total meter untuk hari ini dikurangi pembacaan yang kemarin.<br />
<br />
4.1.2. Flow Meter Kumpulan data ini mengandung informasi mengenai rate, total, dan BWPD air yang mengalir dari Pedada GS, Sabak GS, Pak Gs, dan Sump Box. Selain itu juga mengenai air yang mengalir ke floatation, disini ada dua floatation yaitu floatation A dan B, ke Filter yang juga ada dua, ke injection well dan disposal well .<br />
<br />
4.1.3. Water Quality Di dalam water quality data yang terkandung didalamnya adalah mengenai kualitas air pada floatation, Filter , tank 6, tank 7, dan tank 8. Satuan yang digunakan untuk pengukuran tersebut adalah NTU. Pengukuran dilakukan tiga kali sehari yaitu pukul 8, 12, dan 16.<br />
<br />
4.1.4. Chemical Consumption Data mengenai bahan kimia yang digunakan serta jumlah persediaan yang masih ada. Data tersaji untuk tiap lokasi dimana lokasi tidak menentu atau berubah-ubah. jenis bahan kimia yang digunakan tetap yaitu ada tujuh jenis, Demulsifier , Reverse Demulsifier , Corrosion Inhibitor , Scale Inhibitor , Oxygen Scavanger , Biocide dan Triple Combination. Untuk tiap jenis ini ada bermacam-macam nama bahan kimia yang digunakan.<br />
<br />
29<br />
<br />
4.1.5. Pedada & Sabak Gathering Station Data yang dicatat adalah data dari tempat pengumpulan minyak Pedada dan Sabak. Pengukuran yang dilakukan adalah pengukuran tekanan, suhu, water level, oil level, data pada shipping pump, serta pembacaan meter serta minyak yang terkirim. Pengukuran dilakukan enam kali dalam sehari dengan interval setiap empat jam sekali.<br />
<br />
4.1.6. Pump Running Hours & Perssure Pengukuran disini merupakan data mengenai pompa yang beroperasi untuk ke bagian-bagian tertentu yaitu transfer, injection, disposal, recycle dan sump.<br />
<br />
4.1.7. Well Down Merupakan data mengenai sumur-sumur yang tidak beroperasi, pukul berapa berhentinya, jumlah barrel yang hilang serta alasan kenapa berhenti beroperasi.<br />
<br />
4.1.8. Lain-lain Selain kelompok utama di atas, ada data-data pendukung diantaranya mengenai voltase pada hari itu, suhu, cuaca, level air pada tank, kadar gas yang menyeliputi tanki, personel yang menyusun laporan tersebut, serta keterangan-keterangan tambahan.<br />
<br />
4.2. Informasi yang dibutuhkan Agar data-data yang disebut di atas dapat dianalisa dengan mudah, perlu dilakukan pengolahan. Pengolahan itu dimaksudkan untuk menghasilkan informasi dari data. Informasi yang diinginkan oleh anggota team ZamPed AMT pada umumnya berupa grafik yang menunjukkan trending atau perubahan suatu variabel dari hari ke hari. Juga ingin dilakukan perbandingan antara trend suatu data dengan trend data lain, sehingga harus dimasukkan dalam satu tabel.<br />
<br />
30<br />
<br />
4.2.1. Flow Meter Monitoring Team ingin memonitor jumlah air yang keluar dari floatation dan jumlah air yang keluar dari Filter . Selisih antara dua nilai ini akan menunjukkan jumlah air yang di potong oleh floatation. Dalam grafik, ingin ditampilkan keluaran Filter A dan Filter B (dengan warna berbeda), juga keluaran Floatation A dan Floation B. Selisih antara Filter A+ Filter B<br />
<br />
dan<br />
<br />
FloatationA+FloatationB,<br />
<br />
perlu<br />
<br />
juga<br />
<br />
ditampilkan<br />
<br />
untuk <br />
<br />
memperlihatkan trend jumlah air yang di- skim.<br />
<br />
4.2.2. Water Quality Trend Dalam proses pembersihan air (water cleaning ), air yang kotor (hasil pemisahan minyak-air) akan dilewatkan berbagai alat. Diharapkan tiap alat mengkontribusi terhadap meningkatnya kualitas air. Oleh karena itu, perlu dipantau bagaimana kualitas air yang dikeluarkan dari tiap-tiap alat. Karena tiap alat berhubungan satu sama lainnya, maka perlu direpresentasikan dalam satu grafik. Grafik water quality menunjukkan kualitas air yang keluar dari setiap peralatan, untuk rentang hari tertentu. Grafik ini dapat menunjukkan performa dari tiap peralatan, dan seberapa besar perannya dalam meningkatkan kualitas air.<br />
<br />
4.2.3. Perssure Network Data Tiap well memiliki tekanan, tekanan naik dan tekanan turun. Besar tekanan ini seharusnya proporsional dengan jarak well dari tempat pemompaan. Semakin dekat well , seharusnya semakin tinggi tekanan. Selain itu, tekanan turun juga tidak boleh lebih dari yang ditentukan, sebab akan menyebabkan kerusakan. Tekanan well ingin selalu dipantau, namun agar bentuknya lebih mudah dipahami, perlu disajikan dalam bentuk seperti peta. Dengan bentuk seperti peta, akan mudah dilihat jarak sumur tertentu dari<br />
<br />
31<br />
<br />
tempat pemompaan relatif terhadap sumur-sumur yang lain. Jika disajikan pula tekanan naik/turun dari tiap well untuk suatu hari tertentu, maka dapat dengan mudah ditemukan jika terdapat kejanggalan data.<br />
<br />
4.2.4. Water Quality – Chemical Usage Kualitas air diperbaiki dengan menambahkan bahan-bahan kimia. Terdapat banyak jenis bahan kimia, namun yang utama adalah Demulsifier dan Reverse Demulsifier . Jumlah bahan kimia yang disuntikkan akan menentukan kualitas air. Namun perlu dilihat jumlah bahan kimia yang optimal untuk meningkatkan kualitas air. Grafik ini akan menunjukkan perubahan jumlah bahan kimia yang digunakan, serta pengaruhnya pada perubahan kualitas air yang masuk dan keluar dari Floatation unit .<br />
<br />
4.2.5. Well Perssure – Water Rate Monitor Tekanan sumur dan jumlah air yang dipompakan tentunya berhubungan. Jadi perlu dilihat bagaimana pengaruh tekanan yang dicatat pada well terhadap jumlah air yang bisa diinjeksi. Grafik ini menunjukkan well perssure dan water rate untuk suatu well tertentu dalam rentang hari yang ditentukan.<br />
<br />
32<br />
<br />
BAB V WEB<br />
<br />
SITE PEDADA EOR<br />
<br />
5.1. Desain Fungsional Sebelum memasuki desain logika dari situs dan desain grafisnya, harus dibuat desain fungsionalnya. Disini dikemukakan cara-cara yang ditempuh untuk menghasilkan site yang bekerja / fungsional. Sebagian besar memanfatkan ColdFusion, yang dibumbui sedikit Javascript dan CSS.<br />
<br />
5.1.1. Query Database Inti dari semua aplikasi interaktif dalam website Pedada EOR adalah pemanfaatan database. Disini dilakukan query (permintaan) ke database sesuai dengan apa yang diinginkan oleh user, lalu data yang didapatkan diolah lagi dan ditampilkan dalam bentuk grafis. ColdFusion menyediakan sarana untuk melakukan query database. Namun sebelumnya, database sudah harus dikonfigurasi sebagai suatu datasource, dan diberi DSN (Data Source Name). Disini digunakan database access, dengan nama file Pedada.mdb, dan DSN-nya adalah pddmr . Sintaks umum untuk melakukan query melalui CF adalah: <CFQUERY NAME="nama_query" DATASOURCE="nama_dsn"> pernyataan SQL </CFQUERY> Sintaks di atas adalah sintaks yang disederhanakan, masih banyak fasilitas dari CFQUERY, namun yang dipergunakan dalam KP kali ini hanya sebatas yang di atas.<br />
<br />
33<br />
<br />
Pernyataan SQL disini mengikuti standar bahasa SQL yang umum. Secara singkat sintaksnya: SELECT nama_kolom_1, nama_kolom_2, FROM nama_tabel WHERE kondisi_yang_harus_dipenuhi ORDER BY kolom_yang_menjadi_patokan_pengurutan<br />
<br />
SELECT bisa diganti dengan INSERT (menambah data), UPDATE (mengubah data), atau DELETE (menghapus data). Contoh query yang mengambil data dari tabel Flow_to_Filter ; kolom Date, Filter_A_BWPD, Filter_B_BWPD ; dimana tanggalnya lebih dari StartDate, dan kurang dari StartDate+NoOfDays ; dan data diurutkan berdasarkan kolom “Date” : <CFQUERY NAME="Fil" DATASOURCE="pddmr"> SELECT "Date", Filter_A_BWPD, Filter_B_BWPD FROM Flow_to_Filter WHERE "Date" >= #CreateODBCDate(StartDate)# AND "Date" <= #CreateODBCDate(DateAdd("d", NoOfDays-1, StartDate))# ORDER by "Date" </CFQUERY><br />
<br />
Query SELECT akan menghasilkan query object dengan nama sesuai dengan nama yang dispesifikasikan dalam tag <CFQUERY>. Nilai-nilai dalam query object bisa diakses seperti array (e.g. : nama_query.nama_kolom[2] untuk mengakses nilai kedua, untuk kolom nama_kolom) . Atau bisa juga dengan melakukan loop sebanyak jumlah hasil query dengan <CFLOOP QUERY =”query_name”>, dan dalam loop itu mengakses hasil query baris demi baris dengan nama_query.nama_kolom. Cara lain adalah mirip sistem looping , namun digunakan tag <CFOUTPUT>, disini juga akan terjadi looping .<br />
<br />
34<br />
<br />
Contoh pengambilan data menggunakan <CFOUTPUT>, dari hasil query pada contoh di atas : <CFOUTPUT QUERY="Fil"> data ke #CurrentRow# tanggal : #Fil.Date# Filter A: #Fil.Filter_A_BWPD# Filter B: #Fil.Filter_B_BWPD# </CFOUTPUT><br />
<br />
5.1.2. Metode Penghasilan Grafik HTML tidak mendukung dimuculkannya grafik. Maka harus ditemukan cara untuk membuat grafik dengan fasilitas yang ada. Dimunculkan ide untuk membuat tabel tanpa border , dengan ukuran cell yang kecil (3 x3 pixel), dan mengisi sel-sel itu dengan suatu gambar GIF, yang warnanya sesuai dengan grafik yang akan dibentuk. Disini dihasilkan grafik batang, atau juga bisa grafik titik.<br />
<br />
Gambar 5.1 : Grafik Water Quality, border = 1<br />
<br />
Dalam aplikasi yang dihasilkan, satu kolom menandakan satu hari. Jadi, jumlah kolom yang dihasilkan sesuai dengan pilihan rentang hari. Jumlah baris menunjukkan ketelitian grafik yang dihasilkan / resolusi. Semakin sedikit baris, semakin besar nilai<br />
<br />
35<br />
<br />
yang diwakili oleh satu kotak, berarti ketelitian berkurang. Nilai resolusi bisa dipilih oleh pengguna, dengan default 75. Di buat loop <CFLOOP> sebanyak jumlah resolusi, didalamnya dibuat baris, dengan tag <TR>, lalu didalamnya dibuat loop lagi <CFLOOP> sebanyak jumlah hari, tiap kali perputaran loop, dibentuk cell <TD>. Contoh pembuatan tabel, dengan resolusi resolusi, dan rentang hari jumlah_hari: <TABLE> <CFLOOP INDEX=”i” FROM=”1” TO=” resolusi ”> <TR> <CFLOOP INDEX=”j” FROM=”1” TO=” jumlah_hari ”> <TD> <IMG SRC=”gambar_yg_sesuai”></TD> </CFLOOP> </TR> </CFLOOP> </TABLE><br />
<br />
Gambar 5.2 : Hasil Akhir Grafik Water Quality, border=0<br />
<br />
Gambar yang sesuai disini sudah ditentukan sebelumnya. Karena data tiap kotak unik, maka dibuat array TableArray, dengan dua dimensi. Tiap elemen array mengandung data warna yang seharusnya mengisi suatu sel dalam tabel. Data ini didapatkan dari hasil query. Karena harus diberi skala untuk sumbu vertikal dan sumbu horizontal, maka perlu dibuat dua tabel lagi. Tabel sumbu vertikal berisi gambar garis vertikal beserta nilainya, begitu pula untuk sumbu horizontal. Untuk lebih jelasnya, lihat gambar 5.1.<br />
<br />
36<br />
<br />
5.1.3. Customization Untuk memenuhi kebutuhan grafik bagi banyak orang, harus bisa dilakukan customization. Disini ingin ditawarkan kemampuan untuk mengubah nilai maksimum pada skala vertikal, tingkat resolusi, ukuran titik, dan pilihan warna. Adanya perubahan pada nilai-nilai itu tentunya membawa perubahan pada elemen grafik yang lain. Ini termasuk: ukuran gambar pengisi sel, jumlah looping , tinggi garis skala vertikal, lebar garis skala horizontal, dan penomoran skala.<br />
<br />
Gambar 5.3: pilihan Advanced Options<br />
<br />
User melakukan kustomisasi dengan memasukkan nilai nilai untuk variabelvariabel yang nantinya dikirim ke file .cfm. Variabel-variabel itu: -<br />
<br />
DotH DotW Res MaxVal<br />
<br />
: ukuran tinggi titik : ukuran lebar titik : tingkat resolusi : nilai tertinggi skala vertikal<br />
<br />
Karena faktor di atas mempengaruhi elemen lain dari grafik, maka perlu dibuat rumus untuk elemen-elemen yang berubah: -<br />
<br />
Tinggi gambar titik = DotH Lebar gambar titik = DotW Jumlah looping = Res Tinggi gambar untuk skala vertikal = (Res/75) x DotH x 10 Lebar gambar untuk skala horizontal = DotW x 5 Nilai skala vertikal = (MaxVal/15) x 2n (n=1 untuk nilai paling bawah, s/d n=6 untuk nilai paling atas)<br />
<br />
37<br />
<br />
5.1.4. Javascript Alert Window Agar grafik lebih mudah dibaca, maka diinginkan agar titik-titik dalam grafik bisa diketahui nilainya. Hal ini dipecahkan dengan menulis program javascript yang akan membuka sebuah alert window yang menunjukkan nilai dari titik terserbut. Kode yang digunakan : <A HREF="javascript:alert('#TableValue[i][j]#')" rel="nofollow"> <IMG SRC=”Gambar titik….” > </A><br />
<br />
Gambar 5.4 : Javascript Alert Window<br />
<br />
Nilai TableValue disini mengambil dari sebuah array ColdFusion yang telah diciptakan sebelumnya, dan diisi dengan nilai sesuai kondisi tabel. Nilai dihitung dengan rumus: j*(MaxVal/Res) MaxVal dikali Res akan menhasilkan nilai tiap kotak, dan j adalah indeks looping yang menunjukkan letak titik. Sehingga tiap elemen TabelValue akan diisi oleh nilai yang sudah dibulatkan berdasarkan tingkat resolusi yang dipilih.<br />
<br />
5.1.5. Pop-up Window Grafik yang dibuat akan memiliki lebar dan tinggi yang sulit diterka sebelumnya. Ini karena pengguna bebas memilih jumlah hari, resolusi, dan ukuran titik. Maka jika grafik yang dihasilkan ditempatkan pada halaman dengan layout standar site PedadaEOR, akan terjadi hal-hal yang tidak terduga. 38<br />
<br />
Gambar 5.5 : Window Baru untuk Grafik <br />
<br />
Solusinya adalah menempatkan grafik pada suatu window tersendiri. Ini dilakukan dengan menggunakan javascript untuk membuat window baru, dan membuka file .cfm di dalam window baru itu. Javascript untuk membuka window juga harus menyertakan nilai-nilai dari form yang diisi oleh pengguna, maka dibuat fungsi untuk membuka window baru dan mengisinya dengan grafik. Bentuk fungsinya: function chartFM() {<br />
<br />
var tujuan="chart_FM.cfm?Year=" + document.formulir.Year.value + "&Month=" + document.formulir.Month.value + "&Day=" + document.formulir.Day.value + "&Span=" + document.formulir.Span.value + "&FilA_col=" + document.formulir.FilA_col.value + "&FilB_col=" + document.formulir.FilB_col.value + "&FlotA_col=" + document.formulir.FlotA_col.value + "&FlotB_col=" + document.formulir.FlotB_col.value + "&Skim_col=" + document.formulir.Skim_col.value + "&MaxVal=" + document.formulir.MaxVal.value + "&Res=" + document.formulir.Res.value + "&DotW=" + document.formulir.DotW.value + "&DotH=" + document.formulir.DotH.value; chartFmWin=window.open(tujuan, "chartFmWin", "toolbar=no, height=350, directories=no, scrollbars=yes, personalbar=no, status=no, location=no, resizable=yes, menubar=yes, top=5"); chartFmWin.focus(); }<br />
<br />
39<br />
<br />
5.2. Desain Logika 5.2.1. Peta Situs Situs PedadaEOR dimulai dengan homepage yang menampilkan pesan selamat datang, serta menunjukkan chart Flow Meter untuk 7 hari kemarin. Dari halaman utama ini bisa diikuti link ke halaman yang mendeskripsikan bagian-bagian utama Pedada, yaitu Water Cleaning Plant , Water Injection Plant , Oil Gathering Station. Di situs-situs bagian plant ini diberikan penjelasan singkat mengenai bagian itu, termasuk grafik yang menunjukkan performance dari plant itu. Bisa juga ditemukan link untuk menuju pada keterangan yang lebih mendetil. Selain situs-situs bagian, dari halaman utama, pengguna bisa mengaskes halaman-halaman lain seperti : history, report s, charts, dan process flow diagram. History memberikan sejarah pendirian Pedada dan data-data teknis mengenai Plant tersebut. Report s menyediakan fasilitas untuk melihat morning report untuk hari yang dipilih oleh pengguna. Charts memberikan pilihan untuk membuat grafik-grafik: flow meter monitor, water quality, perssure network data, atau well perssure history. Tiap link di halaman charts akan membawa ke halaman lain yang meminta pengguna mengisi form untuk menjelaskan bentuk grafik yang diinginkan. Process Flow Diagram memperlihatkan diagram alir proses di PedadaEOR.<br />
<br />
5.2.2. Metode Navigasi Skema navigasi situs ini memanfaatkan navigation bar yang terdapat di sebelah kiri tiap halaman di situs ini. Navigation bar ini memberikan link ke bagian-bagian<br />
<br />
40<br />
<br />
utama situs, yaitu ke Water Cleaning Plant , Water Injection Plant , dan Oil Gathering Station.<br />
<br />
Gambar 5.6 : Tombol Navigasi bagian atas<br />
<br />
Di sebelah kiri, di atas navigation bar , ada image map yang bisa menghubungkan dengan halaman morning report , halaman chart, dan process flow diagram.<br />
<br />
Selain navigation bar , pengguna bisa memanfaatkan tombol-tombol di bagian atas setiap halaman. Button-button ini memberikan link ke home, history, report , chart, dan process flow diagram. Dapat dilihat pengulangan dari link -link report , chart, dan flow diagram. Ini sengaja dilakukan, sebab halaman-halaman inilah yang diperkirakan akan sering dikunjungi. Ini karena datadata dalam halaman-halaman itu akan ter update secara otomatis, setiap kali ada data baru dalam database. Jika ada lebih dari satu link , maka halaman itu akan lebih mudah ditemukan.<br />
<br />
41<br />
<br />
5.3. Desain Grafis 5.3.1. Layout Halaman Layout halaman-halaman dalam situs PedadaEOR didesain dengan memikirkan untuk menyediakan semua link penting di tempat yang mudah diakses. Maka, navigation bar ditempatkan disebelah kiri halaman. Di bagian atas ditempatkan judul situs “Pedada EOR” , yang disebelah kirinya ditempatkan logo Caltex. Di bawah judul situs, ditempatkan tombol-tombol navigasi, dalam bentuk tab-tab, seperti map. Isi halaman ditempatkan di bawah judul di sebelah kanan navigation bar . Konsistensi dari halaman ke halaman adalah isu yang sangat diperhatikan dalam desain layout situs Pedada. Dengan layout yang selalu sama, pengguna tidak dipaksa untuk “belajar” setiap kali memasuki halaman baru. Layout yang konsisten akan mempercepat pengguna dalam mendapatkan informasi yang diinginkan, dan fokus perhatian bisa diarahkan ke “isi” dan bukan “penampilan”.<br />
<br />
5.3.2. Skema Warna Warna biru adalah warna dominan di situs Pedada. Pilihan warna ini dipilih karena nuansa lembut yang diberikan warna biru muda. Selain itu, EOR adalah teknik yang memanfaatkan air, dan air sering diasosiasikan dengan warna biru. Warna biru tua menjadi warna dasar navigation bar disebelah kiri halaman. Warna biru muda menjadi latar belakang tombol yang menunjukkan halaman yang sedang dikunjungi. Tidak dipilih skema warna yang terlalu mencolok karena mempertimbangkan calon pengguna situs ini. Situs ini adalah situs korporat yang digunakan oleh orangorang bisnis yang lebih mementingkan isi daripada tampilan. Warna-warna muda, dan ragam warna yang terbatas, sangat sesuai untuk pengguna yang business oriented.<br />
<br />
42<br />
<br />
BAB VI KESIMPULAN DAN SARAN<br />
<br />
Di jaringan internal PT Caltex Pacific Indonesia (intranet PT CPI) tiap bagian diberi kesempatan untuk mengembangkan sebuah situs. Adanya situs untuk tiap bagian akan memungkinkan pertukaran informasi yang lebih cepat. Web site adalah medium informasi yang mudah digunakan dan praktis untuk dikembangkan, dipelihara, dan dimanfaatkan. Tidak semua bagian di PT Caltex Pacific Indonesia memanfaatkan intranet dan segala fasilitasnya. Beberapa bagian yang memanfaatkannya pun, sebagian besar tidak secara serius memanfaatkan intranet sebagai sarana pendukung operasi bisnis. Hanya proyek-proyek besar yang bisa memanfaatkan secara penuh potensi intranet Caltex. Hal ini sangat disayangkan, karena infrastruktur yang sedemikian menelan biaya, pada akhirnya tidak dimanfaatkan secara maksimal. Web site Pedada EOR adalah salah satu upaya memaksimalkan penggunaan sarana intranet di PT Caltex Pacific Indonesia. Web site ini memiliki fungsi utama mempercepat pegolahan data morning report yang sebelumnya tidak bisa dengan mudah didapatkan. Dengan adanya website, dapat dilakukan pemantauan kondisi plant dengan metodemetode grafis dengan memanfaatkan aplikasi interaktif dalam situs ini. Pengembangan situs Pedada EOR banyak didasarkan dari penggunaan database data morning report . Database disimpan dalam bentuk access dan di-update secara manual setiap paginya dari file- file excel yang dikirim dari daerah operasi. Rencana ke depan adalah mengubah sistem masukan di daerah operasi, sehingga data bisa langung<br />
<br />
43<br />
<br />
masuk ke dalam database, tanpa perlu dilakukan konversi dari excel ke access tiap paginya. Peralatan utama yang digunakan dalam mengembangkan segi interaktif dari situs ini adalah ColdFusion Web Development Application. ColdFusion berjalan pada server web dan memproses tag -tag CFML sebelum halaman dikirim ke user. Sehingga user tidak menerima file yang mengandung tag CFML, tapi file HTML biasa. ColdFusion adalah aplikasi pengembangan web yang sangat mudah dan dapat menghasilkan aplikasiaplikasi baru dalam waktu yang relatif singkat. Ini sangat sejalan dengan trend pengembangan aplikasi sekarang yang cenderung pada Rapid Application Development (RAD). Selain ColdFusion, juga dimanfaatkan peralatan-peralatan pengembangan lain agar situs PedadaEOR bisa sepenuhnya interaktif dan menarik. Peralatan itu meliputi Javascript,<br />
<br />
CSS, dan<br />
<br />
tentunya HTML biasa. Integrasi<br />
<br />
antara semua<br />
<br />
pengembangan itu dapat menghasilkan situs yang interaktif dengan<br />
<br />
elemen<br />
<br />
tampilan dan<br />
<br />
fungsionalitas yang tinggi. Selain mempertimbangkan segi fungsionalitas, perlu diperhatikan sisi keindahan dan kemudahan penggunaan. Situs yang indah secara penampilan akan membuat pengguna tidak malas untuk berulang kali kembali ke situs tersebut. Segi ‘ramah pengguna’ sangat penting agar pengguna tidak bingung saat memanfaatkan situs Pedada EOR. Pengguna yang bingung akan dengan mudah meninggalkan situs yang dikembangkan dan enggan untuk kembali lagi. Ada beberapa kemungkinan perkembangan di masa mendatang. Ini meliputi komputerisasi seluruh proses pembuatan laporan morning report. Input di lapangan yang<br />
<br />
44<br />
<br />
selama ini masih menggunakan MS Excel, yang lalu di konversi secara manual menjadi MS Access, dapat digantikan dengan form HTML. Penggunaan form HTML ini tentunya akan menghilangkan kebutuhan untuk selalu updating data oleh administrator database, sebab pada saat laporan diisi, data-data tersebut dapat secara otomatis masuk ke dalam database. Namun tahap ini membutuhkan kerjasama sepenuhnya dari operator di lapangan. Perubahan yang drastis tentunya akan ditolak mentah-mentah. Kemungkinan penerapannya adalah dengan sistem bertahap. Awalnya sebagian saja yang menggunakan input HTML, sisanya memakai cara lama. Perlahan-lahan lalu porsi yang menggunakan HTML diperbesar, hingga keseluruhan laporan diisi menggunakan form HTML. Pengembangan selanjutnya yang dapat dilakukan adalah penggabungan sistem ini dengan sistem-sistem yang lainnya yang ada di Caltex. Saat ini ada beberapa sistem pelaporan yang dilakukan di PT CPI, dan dalam beberapa hal sistem-sistem itu saling tumpang-tindih, satu data dimasukkan ke dalam beberapa sistem. Pengulangan ini dapat dihindari jika semua data disimpan dalam satu database saja, lalu semua sistem yang berjalan ini memanfaatkan database yang sama walaupun dengan pengolahan informasi yang berbeda-beda. Selain mengurangi pengulangan, tersimpannya data di satu database akan memudahkan dilakukan analisa tingkat tinggi, antara dua data yang tidak berhubungan secara langsung, namun saling mempengaruhi. Misalnya bisa dilakukan analisa dampak pemanfaatan bahan kimia yang baru terhadap keuntungan bersih. Kemungkinan perkembangan lainnya sangatlah banyak. Potensi yang tersimpan dalam teknologi maju adalah tak terbatas. Semuanya hanya tergantung kreativitas SDM dan sebesar apa minat perusahaan untuk mengembangkannya.<br />
<br />
45<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://idoc.tips/report/laporankp-pdf-free" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "LaporanKP"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcHT8sZAAAAAPKfs_PZGhwvz-OHbUMuekQzz5xK"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2025 IDOC.TIPS. All rights reserved.
<div class="pull-right">
<span><a href="https://idoc.tips/about">About Us</a></span> |
<span><a href="https://idoc.tips/privacy">Privacy Policy</a></span> |
<span><a href="https://idoc.tips/term">Terms of Service</a></span> |
<span><a href="https://idoc.tips/copyright">Copyright</a></span> |
<span><a href="https://idoc.tips/contact">Contact Us</a></span> |
<span><a href="https://idoc.tips/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://idoc.tips/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://idoc.tips/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177830117-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177830117-1');
</script>
<script src="https://idoc.tips/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://idoc.tips/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://idoc.tips/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function (event, ui) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="IDOCTIPS_cookie_box" style="z-index:99999; background: #97c479; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://idoc.tips/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_IDOCTIPS_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_IDOCTIPS_cookie_box() {
document.cookie = "IDOCTIPS_cookie_box_viewed=1;max-age=15768000;path=/";
hide_IDOCTIPS_cookie_box();
}
function hide_IDOCTIPS_cookie_box() {
var cb = document.getElementById('IDOCTIPS_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var IDOCTIPS_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('IDOCTIPS_cookie_box_viewed');
if (IDOCTIPS_cookie_box_viewed) {
hide_IDOCTIPS_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
