SlideShare a Scribd company logo
1 of 11
Download to read offline
Vol ? No ? Nusa Mandiri 
PERANCANGAN SISTEM INFORMASI DIREKTORI CABANG BERBASIS WEB PADA PT BANK CENTRAL ASIA JAKARTA 
Hari Kusuma1, Susy Rosyida2, 
1Jurusan Manajemen Informatika, BSI Bekasi, Jl. Cut Mutia No. 88 Bekasi. 
Ai_keycool@yahoo.com 
2Program Studi Sistem Informasi, STMIK Nusa Mandiri Bekasi 
K1-Jl. Raya Kaliabang No.8 Perwira, Bekasi 
ABSTRACT 
In the current era of globalization, information technology drove so quickly. The devices created to facilitate the work of human, while achieving good progress in making hardware and sotfware. All of this happened because of a network called the Internet. The development of web information now longer growing, with the increasing development of the internet we can know a variety of useful information as well as quick. 
In scientific writing is about making the site where the site is about extra-curricular activities. The objective of this site is to introduce to the public about the creation of web based applications directory branch. The objective of the site is to facilitate the work of a teller who still see the branch data as required in the branch register of which takes a little longer. With the establishment of the site is expected to reduce the processing time teller jobs and provide more rapid and complete information to customers. 
This site is built using the PHP programming language, software Dreamwever and browser like a Mozilla Firefox. Dreamwever so easily to create a website design that made the author, because it is expected in the future this site will be developed into a better and more interesting. 
Keywords: Design of Information Systems, Web Design, Branch Directory 
I. PENDAHULUAN 
Informasi sangat penting di era globalisasi sekarang ini. Perkembangan media informasi pada saat ini sudah dapat dilakukan dengan berbagai macam media seperti televisi, radio, koran, dan perkembangan internet. Perkembangan internet menjadi salah satu sarana informasi yang paling populer, itu juga yang menjadi alasan masyarakat pada saat ini untuk berlangganan internet, semua itu dilakukan untuk mendapatkan informasi sebanyak-banyaknya. 
Karena internet adalah sumber daya informasi yang dapat menjangkau seluruh dunia tanpa perlu mengeluarkan biaya yang besar. Worl wide web (www) atau biasa disebut web adalah salah satu media yang ada dalam internet yang cocok untuk itu. Banyak berbagai jenis web terdapat dalam internet seperti web pribadi, web komersial, web perusahaan, web organisasi dan lain-lain. 
Dalam merancang suatu web yang baik diperlukan tempat penyimpanan data. Karena tanpa tempat penyimpanan data yang baik para pengguna internet akan sulit untuk mencari atau menemukan data yang diinginkan. Dalam hal ini banyak software bahasa pemograman yang dapat digunakan sebagai media penyimpanan data atau informasi di dalam internet. 
Dalam bidang usaha perbankan seperti di PT. Bank Central Asia (BCA), informasi yang diberikan kepada nasabah harus tepat, lengkap, dan sesuai dengan apa yang diharapkan nasabah. Dalam hal ini seperti informasi lengkap cabang-cabang PT. Bank Central Asia (BCA) yang sampai saat ini sudah genap memiliki 1000 cabang yang tersebar di seluruh nusantara. Informasi berupa alamat cabang, no telepon, kode wilayah, dan nama pemimpin cabang akan sangat berguna jika bisa di akses teller dimanapun dia berkerja. Sehingga keperluan transaksi yang memerlukan konfirmasi antar cabang akan sangat lebih mudah dilakukan. Dengan ide dan database yang saya miliki saya harapkan bisa saya tuangkan melalui media intranet untuk digunakan oleh para karyawan PT. Bank Central Asia (BCA) di seluruh nusantara. Atas pemikiran tersebut maka penulis tertarik untuk membuat tugas akhir dengan judul “PERANCANGAN SISTEM INFORMASI DIREKTORI CABANG BERBASIS WEB PADA PT BANK CENTRAL ASIA JAKARTA”
Vol ? No ? Nusa Mandiri 
II. KAJIAN LITERATUR 
a. Konsep Dasar Web 
Menurut Ardhana (2013:3) “World wide web atau lebih sering dikenal sebagai web adalah suatu layanan sajian informasi yang menggunakan konsep hyperlink (tautan), yang memudahkan surfer (sebutan para pemakai komputer yang melakukan browsing atau penelusuran informasi melalui internet)”. 
Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to date dan lengkap. Perlu disadari juga bahwa untuk melakukan up to date merupakan suatu permasalahan yang tidak mudah untuk dilakukan, selain membutuhkan waktu juga sangat merepotkan dalam melakukan penambahan atau pengubahan data yang akan disajikan. 
Jika sebuah situs tidak dirancang secara sistematis, maka akan terjadi kesulitan dan kerepotan dalam melakukan pemeliharaan, meng-update dan melengkapi data. PHP dan database merupakan solusi yang dapat digunakan dalam mengelola situs, hanya dengan melakukan penambahan atau perubahan data kedalam database tanpa harus merubah atau editing HTML. 
Menurut Anhar (2010:4) “web server adalah aplikasi yang berfungsi untuk melayani permintaan pemanggilan alamat dari pengguna melalui web browser di mana web server mengirimkan kembali informasi yang diminta tersebut melalui HTTP (HyperText Transfer Protocol) untuk ditampilkan ke layar monitor”. 
Bisa dikatakan bahwa web server ini adalah penyedia informasi yang berbasis web. Jika alamat yang dipanggil dalam web browser terdapat informasi, maka akan dikirimkan untuk kemudian ditampilkan dalam web browser. 
Untuk penyimpanan data dalam internet maka dibutuhkan database server. Menurut Supardi (2010:2) “database server merupakan perangkat lunak database atau DBMS, yang dapat menyimpan data yang besar atau banyak di internet”. 
Pembuatan program tentunya tidak terlepas dari tahapan-tahapan yang harus dikerjakan secara struktur untuk membantu programmer dalam menyelesaikan programnya dengan baik. Tahapan- tahapan pembuatan program berawal dari Internet, PHP, HTML, database MySQL, Server Web, CSS. 
b. Pengenalan Internet 
Menurut Ramadhan (2005:1) “internet merupakan sebuah sistem komunikasi yang mampu menghubungkan jaringan-jaringan komputer di seluruh dunia”. 
Berbagai jenis komputer dengan spesifikasi yang berbeda-beda dapat saling berkomunikasi melalui internet. Beberapa bentuk jaringan yang berbeda- beda dapat saling bertukar informasi dan data melalui internet menggunakan seperangkat aturan yang disebut protocol TCP/IP. 
Internet diawali pada tahun 1969 oleh ARPA (Advanced Research Projects Agency), sebuah badan yang dibentuk pada tahun 1958 oleh Amerika yang terdiri dari para komputer atau komputer network pada tahun yang sama dan diberi nama ARPANET. 
Pada 1 Januari 1983 protokol telah dijadikan pendukung ARPANET dan menukar protocol rangkaian pusatnya dari NCP ke TCP/IP. Seluruh system terhubung ke jaringan harus menggunakan protocol yang menyesuaikan diri ke TCP/IP standar. Dalam waktu yang sama ARPANET telah terpisah menjadi dua bagian. Istilah internet pertama kali digunakan untuk menjelaskan jaringan yang dibuat oleh dua jaringan kecil, keperluan penelitian dan pengembangan teknologi. Organisasi yang sudah mengadopsi protocol TCP/IP mulai menghubungkan jaringan mereka ke internet baru dan pada tahun 1989 diperkenalkan sebuah protocol, yaitu Hypertext Transfer Protocol atau HTTP yang dibuat oleh TIM Berners-Lee. Selanjutnya pemerintah Amerika Serikat memberikan izin kearah komersial pada awal tahun 1990. 
c. Database 
Database adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom”, menurut Anhar (2010: 45). Struktur file yang menyusun sebuah database terdiri dari data, record dan field. 
Data adalah satu satuan informasi yang akan diolah. Sebelum diolah, data dikumpulkan di dalam suatu file database. Record adalah data yang isinya merupakan satu kesatuan seperti NamaUser dan Password. Setiap keterangan yang mencakup NamaUser dan Password dinamakan satu record. Setiap record diberi nomor urut yang disebut nomor record (Record Number). Field adalah sub bagian dari record. Dari contoh isi record di atas, maka terdiri dari dua field, yaitu : field NamaUser dan Password. 
d. PHP (Perl Hypertext Preprocessor) 
Menurut Sidik (2012a:4) PHP (Perl Hypertext Preprocessor) adalah “bahasa pemprograman script yang membuat dokumen HTML secara on the fly yang dieksekusi di server web, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML. Dikenal juga sebagai bahasa pemprograman server side. 
Integrasi PHP dengan server web dilakukan dengan teknik CGI, FastCGI, dan modul server web. Teknik CGI dan FastCGI memisahkan antara server web dan PHP, sedangkan modul server web menjadi PHP sebagai bagian dari server web. 
Adapun beberapa keunggulan-keunggulan dari PHP menurut Sidik (2012b:10), diantaranya:
Vol ? No ? Nusa Mandiri 
1. Dapat mengerjakan semua yang dapat dikerjakan oleh program CGI (common Gateway Interface), seperti menghasilkan isi halaman web yang dinamik dan menerima cookies. 
2. Dukungan kepada banyak database, membuat halaman web yang menggunakan database sangat mudah dilakukan. 
3. Dalam hal keamanan data, PHP dapat menggunakan berbagai macam varian database, seperti: MySQL, Microsoft Access, InterBase, mSQL, SyBbase, Dbase, Informix, SQL Server, dan lain-lain. 
4. Varian PHP gratis dan dapat diperoleh dengan cuma-cuma. 
5. Dapat memodifikasi fitur PHP sesuai dengan kebutuhan. 
e. HTML (Hypertext Markup Language) 
“HTML adalah singkatan dari HyperText Markup Language. HTML digunakan untuk membuat halaman web. Sebuah file dokumen yang ditulis dalam format HTML akan dibaca dan diterjemahkan oleh web browser untuk kemudian disajikan dalam bentuk web” (Ramadhan, 2006:2). 
Dokumen HTML disebut sebagai markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan sistem hypertext pada dokumen HTML, kita tidak harus membaca suatu dokumen secara berurutan dari atas ke bawah. Kita dapat menuju ke topik tertentu secara langsung dalam dokumen dengan menggunakan teks penghubung yang akan membawa kita ke suatu topik atau dokumen lain secara langsung. 
HTML tidak berdiri sendiri, agar ia dapat bertugas dalam membangun halaman web, ia harus di tulis dalam software atau aplikasi tertentu, yang dikenal sebagai HTML editor. HTML editor inilah yang bertugas untuk menterjemahkan bahasa HTML menjadi halaman web yang siap di lihat oleh para surfer (penjelajah internet) di seluruh dunia. 
f. MySQL 
“MySQL adalah sebuah software database, yang termasuk paling populer dilingkungan linux. Ini karena ditunjang performansi query dari database yang saat itu bisa dikatakan paling cepat, dan jarang bermasalah” (Sidik, 2012c:333). 
MySQL merupakan database server yang awalnya hanya berjalan pada system UNIX dan LINUX. Seiring berjalan waktu dan banyaknya peminat yang menggunakan database server ini, MySQL merilis versi yang dapat diinstal pada hampir semua platform, termasuk windows. 
g. Apache 
Apache merupakan salah satu jenis web server yang sering digunakan dalam pemprograman web berbasis server. Menurut Sukarno (2006:2) mengemukakan bahwa “Apache merupakan server web yang bersifat sehingga menjadikan Apache sebgai server open source web alternatif dari Netscape (sekarang dikenal sebagai Sun Java System Web server)”. 
h. CSS 
Agar web lebih menarik, bisa menambahkan CSS. Menurut Sutisna (2007:35) “di antara kegunaan CSS adalah untuk mempermudah format dan layout pada halaman web”. Dengan CSS, tampilan website lebih menarik dan konsisten. 
Ada dua cara untuk menulis kode CSS. Pertama, secara internal, yaitu menuliskan langsung diantara tag HTML/XHTML. Kedua, secara eksternal, yaitu CSS disimpan pada file terpisah kemudian dipanggil saat halaman web dibuka. 
i. Dreamweaver CS5 
Menurut Madcoms (2010:1) “Dreamweaver CS5 merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web secara visual”. Aplikasi ini juga yang biasa dikenal dengan istilah WYSIWYG (What You See Is What You Get), yang intinya adalah bahwa pengguna Dreamweaver CS5 tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Selain itu, Dreamweaver CS5 juga memberikan keleluasaan kepada para pengguna untuk menggunakannya sebagai media penulisan bahasa pemrograman web. 
Dengan kemampuan fasilitas yang optimal dalam jendela design, membuat program ini memberikan kemudahan untuk mendesain web meskipun pengguna adalah para web desainer pemula. Sedangkan kemampuan Dreamweaver CS5 untuk berinteraksi dengan beberapa bahasa pemrograman seperti PHP, ASP, JavaScript dan yang lainnya juga memberikan fasilitas maksimal kepada para desainer web yang menyertakan bahasa pemrograman web di dalamnya. 
j. Jquery 
Menurut Hakim (2010:3) “Jquery adalah Javascript Library kumpulan kode/fungsi Javascript yang siap dipakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript”. Secara standar, apabila kita membuat kode Javascript, maka diperlukan kode yang cukup panjang, bahkan terkadang sangat sulit dipahami, nah disinilah peran Jquery sebagai Javascript Libary, dimana kita bisa langsung memanggil fungsi yang terdapat didalam Library tersebut. Kesimpulnnya Jquery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya yaitu “Write Less Do More”.
Vol ? No ? Nusa Mandiri 
III. METODE PENELITIAN 
Metode penelitian yang penulis lakukan adalah: 
a. Pengumpulan Data 
1. Pengamatan Langsung (Observation) 
Penulis melakukan pengamatan secara langsung di tempat penulis bekerja di kantor cabang BCA Kelapa Gading Villa. 
2. Wawancara (Interview) 
Penulis mengadakan wawancara kepada pihak- pihak yang terkait untuk mendapatkan penjelasan mengenai data yang diperlukan. 
3. Kepustakaan (Library) 
Penulis melakukan pendekatan dengan tinjauan pustaka yaitu dengan mempelajari buku yang berisi teori-teori sebagai bahan perbandingan atau referensi yang berhubungan dengan permasalahan yang akan dibahas. 
IV. PEMBAHASAN 
A. Analisa Perancangan Web 
Pada analisa perancangan web, penulis memberikan penjelasan mengenai tinjauan perusahaan, tinjauan kasus, spesifikasi rancangan web, struktur navigasi, tampilan web, spesifikasi file, dan spesifikasi sistem komputer. 
B. Tinjauan Perusahaan 
a. Sejarah Perusahaan 
BCA pada awalnya didirikan sebagai perusahaan tekstil dengan nama NV perseroan dagang dan industri knitting factory di semarang berdasarkan akta pendirian no. 38 pada tanggal 10 Agustus 1955 yang dibuat dihadapan notaris di Semarang Raden Mas Soeprapto dan diumumkan dalam lembaran berita negara no.62 tanggal 3 Agustus 1956 tambahan no. 595. 
BCA secara resmi berdiri pada tanggal 21 Februari 1957 dengan nama Bank Central Asia. Adapun bank yang bergabung dengan BCA adalah bank Sarana Indonesia pada tanggal 31 januari 1973, bank Gemari pada tanggal 30 juni 1976 dan bank indocommercial pada tanggal 30 maret 1979. Pada masa perkembangannya, BCA mempunyai berbagai prestasi diantaranya pada tahun 1977 BCA menjadi bank devisa (bank yang dapat melayani transaksi dalam valuta asing), pada tahun 1980 BCA memiliki kantor pusat dan 7 kantor cabang utama (KCU), 144 kantor cabang pembantu (KCP). Tidak hanya itu BCA pun go internasional dengan membuka kantor perwakilan di Hong Kong dan New York (AS) pada tahun 1984. 
Pada tahun 1987 BCA meluncurkan produk terbarunya yaitu BCA card (katu ATM BCA) atau di sebut BCA cash yang merupakan cikalbakal kartu paspor BCA. Dan pada tahun 1989 BCA meluncurkan tahapan, BCA yang merupakan produk unggulannya. Dengan berkembangnya teknologi dan kemajuan cara berpikir manusia pada tahun 1991 BCA menerpakan system on-line dengan VSAT, serta pada tahun berikutnya BCA menjadi anggota SWIFT (Society for Worldwide Interbank Fianncial Telecomunication). Pada tahun 1994 BCA mengimplementasikan IBS (Intergrated Banking System). 
Kompetisi antar bank pun telah merambah ke dunia maya. Tapi bank mana dan produk perbankan apa yang seriing menjadi pembicaraan para netters ( pengakses internet)? Dalam survei yang dilakukan oleh Biro Riset Infobank (Birl) dan Twinkle Spin, BCA berhasil meriah angka tertinggi untuk kategori Digital Banking Brand of The Year dengan indeks 12.897. Dari total indeks ini, 10.566 diantaranya merupakan indeks positif dan 2.908 merupakan indeks netral. 
Selain menduduki peringkat atas di kategori Digital Brand of The year 2011, BCA juga meraih penghargaan The Most Talkable Banking Brand, The Most Talkable Saving Brand melalui produk Tahapan BCA, dan The Most Talkable Credit Card Brand untuk produk kartu kredit BCA 
b. Visi dan Misi Perusahaan 
Visi PT. Bank Central Asia : 
“Bank pilihan utama andalan masyarakat, yang berperan sebagai pilar penting perekonomian Indonesia (To be the bank of choice and a major pillar of the Indonesian economy)”. 
Sedangkan Misi PT. Bank Central Asia: 
1. Menyediakan produk yang luar biasa dibuat dengan ketulusan. 
2. Mengejar kebahagian bagi karyawan dengan berpegang pada impian dan harapan. 
3. Memberikan kontribusi pada kesejahteraan para pemegang saham, mitra dalam. masyarakat dan perbuatan untuk kesejahteraan masyarakat secara keseluruhan.
Vol ? No ? Nusa Mandiri 
c. Struktur Organisasi dan Fungsi 
Adapun tugas dan tanggung jawab dari setiap jabatan di atas sebagai berikut : 
1. Pimpinan Cabang 
a. Melakukan kegiatan pengawasan terhadap kantor cabang pembantu. 
b. Melakukan kegiatan pemasaran atas produk dan jasa yang ditawarkan oleh bank. 
c. Melaksanakan otorisasi atas aktivitas atau kegiatan yang terjadi pada cabang pembantu. 
d. Bertindak sebagai pengganti Human Resources Development (HRD) atau bagian SDM dalam hal pengawasan perkembangan karyawan. 
2. Wakil Pimpinan Cabang 
a. Membantu pimpinan cabanag dalam melaksanakan otorisasi atas aktivitas atau kegiatan yang terjadi pada cabang. 
b. Membantu kegiatan operasional cabang jika kabag masing2 unit berhalangan hadir. 
c. Menandatangani blanko berharga seperti bilyet deposito sesuai wewenangnya. 
d. Membuat dan merencanakan penagihan ke pelanggan yang belum membayar. 
3. Kabag Pendukung Operasional 
a. Memberikan solusi kepada nasabah apabila staffnya tidak dapat menyelesaikan masalah yang terjadi. 
b. Melakukan verifikasi dan pencocokan atas balancing akhir hari dan menyelesaikan selisih bila ada. 
c. Mengkoordinasi kegiatan back office. 
d. Melakukan perhitungan fisik terhadap saldo kas setiap hari. 
4. Kabag Teller 
a. Memberikan override terhadap transaksi yang melebihi limit teller dan wewenang teller. 
b. Memeriksa hasil validasi dan membubuhkan paraf pada hasil validasinya. 
c. Mengotorisasi balancing akhir hari teller. 
d. Bertanggung jawab atas penelusuran kembali transaksi di teller jika dapat ditangani sendiri oleh teller. 
e. Membantu teller menyelesaikan transaksi- transaksi yang tidak dapat ditangani sendiri oleh teller. 
f. Bertanggung jawab atas kelengkapan pencetakan laporan-laporan teller untuk akhir hari, akhir bulan, dan akhir tahun. 
g. Bertanggung jawab atas pelaksanaan tutup kas semua teller. 
5. Kabag CSO 
a. Memberikan override atas transaksi non financial yang dilakukan oleh customer service. 
b. Memeriksa kelayakan dan kebenaran dokumen yang akan ditanda tangani. 
c. Menandatangani dokumen sesuai dengan wewenangnya. 
d. Mengelola file specimen pada aplikasi 
e. Mengarsip seluruh dokumen atau laporan yang berhubungan dengan transaksi di customer service. 
6. Teller 
a. Menerima dan memeriksa kebenaran serta kelengkapan seluruh transaksi yang ditangani. 
b. Menerima setoran dan melakukan pembayaran serta memeriksa kesehatan fisik uang dan warkat bank BCA atau bank lain. 
Gambar 1. Struktur Organisasi KCP BCA Kelapa Gading Villa
Vol ? No ? Nusa Mandiri 
c. Memeriksa specimen nasabah kecuali warkat bank lain. 
d. Mengerahkan transaksi dengan cara melakukan posting serta memeriksa validitasnya lalu membubuhkan time stamp dan paraf. 
e. Meneruskan dokumen yang harus di proses lebih lanjut ke back office, seperti bukti transaksi kiriman uang ke bank lain, pembelian mata uang asing, warkat kliring dll. 
f. Mengelola pengadaan uang tunai dalam cash box atau laci tertutup sesuai dengan limit teller. 
g. Melakukan balancing akhir hari teller atas seluruh transaksi yang dilakukan pada hari itu dan prosedur tutup teller. 
h. Meneliti penyebab selisih dan menyelesaikan (bila terjadi) serta membuat berita acara selisih kas apabila timbul selisih kas yang tidak dapat diselesaikan pada hari yang sama. 
7. Purchashing 
Mengontrol atau mengadakan inspeksi terhadap barang yang datang, yang akan digunakan dalam proses penjualan dan mengontrol pula barang sebelum dikirim oleh driver. Menyampaikan perkembangan kualitas produk yang digunakan. 
8. Costumer Service Officer 
a. Memeriksa kelengkapan dan kebenaran pengisian formulir pembukaan rekening. 
b. Meminta nasabah menandatangani buku tahapan, kartu tapresn dan kartu specimen. 
c. Memposting data nasabah dan pembukaan rekening. 
d. Memproses permohonan pencabutan status blokir, kartu hilang, buku hilang atau penggantian buku. 
e. Memegang dan mempertanggung jawabkan Master Key SDB. 
f. Customer Service bertanggung jawab atas kerahasiaan bannk dan nasabah. 
g. bertanggung jawab atas keamanan seluruh bukti fisik transaksi yang terjadi pada hari itu yang ditanganinya. 
h. Menindak lanjuti masalah-masalah yang tertunda dan belum terselesaikan. 
i. Mempersiapkan permintaan rekening koran giro, tapres untuk diserahkan kepada nasabah. 
9. Back Office 
a. Mengrim dan menerima konfirmasi faksimili untuk transaksi antar cabang. 
b. Mengamankan kartu specimen berikut perubahannya. 
c. Memproses warkat yang akan di kliringkan. 
d. Memposting tolakan kliring. 
e. Menerima formulir pengiriman uang (valas) dan warkat inkaso dari teller serta mencocokannya. 
f. Menerima kurs serta meneruskannya ke kabag teller, teller dan CSO. 
g. Menyelesaikan selisih yang timbul anatara laporan komputer dengan laporan pembukuan. 
C. Tinjauan Kasus 
Penulis membuat suatu aplikasi berbasis web tentang direktori cabang ini dilandaskan atas kurangnya efesiensi dalam proses transaksi yang dilakukan oleh teller karena harus melihat daftar cabang secara manual dengan melihat buku daftar cabang. Proses yang seharusnya dapat lebih diminimalisir penggunaan waktunya masih berjalan sampai saat ini karena kurangnya kepekaan bagian IT support di cabang tempat penulis melakukan riset. 
Bertambahnnya keingintahuan nasabah terutama bagian keuangan mengenai informasi antar cabang, juga membuat penulis memutuskan untuk membuat website ini. Diharapkan dengan adanya website ini, teller dapat mengurangi lama waktu proses transaksi dan memberikan solusi kepada nasabah secara tepat dan cepat dalam pertanyaan tentang informasi cabang sekitar. 
Hal ini sangat efektif dan efisien karena informasi yang ingin diberikan dapat diperbarui kapan saja dan dimana saja selama terhubung dengan jaringan intranet perusahaan. Website ini jelas sangat bermanfaat karena bisa memberikan solusi atas permasalahan yang sedang timbul di cabang tempat penulis melakukan riset. 
D. Spesifikasi Rancangan Web 
Dalam spesifikasi rancangan web ini, penulis akan memberikan gambaran mengenai rancangan web yang akan dibuat, baik mengenai bentuk maupun fungsinya yang nantinya dapat membantu dalam tahap perancangan web PT. Bank Central Asia.. 
1. Rancangan Halaman Web 
a. Rancangan Halaman Beranda 
Tampilan ini muncul pertama kali saat diakses oleh pengunjung web.
Vol ? No ? Nusa Mandiri 
Gambar 2. Rancangan Halaman Beranda 
Keterangan: 
1) Header, berisi gambar logo halaman website BCA. 
2) Link 1, tombol menu beranda, untuk menuju ke halaman Beranda. 
3) Link 2, tombol menu pencarian berdasarkan kode cabang untuk mencari data cabang berdasarkan 4 digit depan no rekening. 
4) Link 3, tombol menu pencarian berdasarkan nama cabang untuk mencari data cabang berdasarkan nama cabang. 
5) Link 4, tombol menu pencarian berdasarkan alamat cabang untuk mencari data cabang berdasarkan alamat cabang. 
6) Link 5, tombol menu berita terkini untuk menampilkan berita terbaru dari PT. Bank Central Asia. 
7) Link 6, tombol menu perhitungan deposito untuk mengetahui bunga yang akan didapat saat penempatan deposito. 
8) Link 7, tombol menu pesan pengunjung untuk menampilkan pesan dari pengunjung website. 
9) ink kurs ter Update, tombol untuk menuju ke halaman kurs ter update tiap detik di website resmi PT. Bank Central asia. 
10) Link klik BCA, tombol untuk menuju ke halaman internet banking di website resmi PT. Bank Central asia. 
11) Link suku bunga, tombol untuk menuju ke halaman suku bunga di website resmi PT. Bank Central asia. 
12) Footer, berisi copyright dan nama pembuat halaman administrator website. 
b. Rancangan Halaman Login 
Tampilan ini muncul pertama kali saat diakses oleh admin web. 
Gambar 3. Rancangan Halaman Login
Vol ? No ? Nusa Mandiri 
Keterangan: 
1) Image, berisi gambar dan logo PT. Bank Central Asia. 
2) Input 1, tempat untuk mengisi username. 
3) Input 2, tempat untuk mengisi password. 
4) Footer, berisi copyright dan nama pembuat halaman administrator website. 
c. Rancangan Halaman Administrator 
Tampilan ini muncul pertama kali saat diakses Tampilan ini muncul ketika berhasil login. 
Gambar 4. Rancangan Halaman Administrator 
Keterangan: 
1) Header, berisi gambar logo halaman website BCA. 
2) Link 1, berisi admin beranda. Halaman ini adalah halaman utama dari halaman administrator. 
3) Link 2, berisi admin kelola data cabang. Di admin ini bisa menambah, mengahapus, dan mengubah data cabang. 
4) Link 3, berisi admin manajemen user. Di admin ini bisa menambah mengahapus data pengguna halaman administrator. 
5) Link 4, berisi admin berita. Di admin ini bisa menambah, menghapus, dan mengubah halaman berita terkini. 
6) Link 5, berisi admin bung deposito. Di admin ini khusus untuk merubah bunga deposito yang berlaku. 
7) Link 6, berisi admin pesan pengunjung. Di admin ini admin dapat menghapus dan melihat pesan dari pengunjung. 
8) Link 7, berisi tombol logut untuk keluar dari halaman administrator. 
Footer, berisi copyright dan nama pembuat halaman administrator website. 
E. Spesifikasi File 
Dalam website ini penulis membuat sebuah database dengan nama TA_BCA yang terdiri dari beberapa tabel. Berikut ini adalah rincian tabel-tabel yang terdapat di dalam database. Adapun spesifikasi file- file tersebut antara lain, sebagai berikut: 
a. Spesifikasi file Data Cabang 
Nama File : tabel data cabang 
Akronim : data_cabang 
Fungsi :Menyimpan data cabang 
Tipe File : File Master 
Panjang Record : 158 karakter 
Media File : Hard Disk 
Primary Key : id_cabang
Vol ? No ? Nusa Mandiri 
No 
Elemen Data 
Akronim 
Tipe 
Panjang 
Keterangan 
2. 
Kode cabang 
Kode_cabang 
Int 
4 
Primary Key 
3. 
Nama cabang 
Nama_cabang 
Varchar 
30 
4. 
Singkat Cabang 
Singkat_cabang 
Varchar 
3 
5. 
Kantor Wilayah 
kanwil 
Varchar 
2 
6. 
Alamat 
alamat 
Text 
Tabel 1. Spesifikasi File Data Cabang 
F. Tampilan Program 
1). Halaman Beranda 
Gambar 5. Halaman Beranda
Vol ? No ? Nusa Mandiri 
2). Halaman Login User 
Halaman ini berisi username dan password yang harus diisi untuk dapat memasuki ruang user. Tampilan halaman ini adalah form login untuk user: 
Gambar 6. Halaman Login User 
3). Halaman buku tamu 
Gambar 7. Halaman Hitung Deposito 
V. KESIMPULAN 
Dari hasil pembahasan pada bab-bab sebelumnya, maka penulis menarik beberapa kesimpulan diantaranya adalah : 
1. Website informasi tentang direktori cabang ini bertujuan untuk mempermudah teller melaksanakan tugasnya dalam proses transaksi. 
2. Website informasi ini dibagi menjadi 2 bagian yaitu halaman administrator yang dapat diakses oleh administrator yang berhak dan halaman website yang dapat diakses oleh pengguna. 
3. Dengan adanya halaman administrator maka pekerjaan mengelola data yang akan ditampilkan dalam website menjadi mudah. Admin cukup menggunakan menu-menu yang tersedia dan bisa langsung melakukan aksi yang diinginkan. 
4. Website ini dirancang dengan memadukan kode HTML dengan PHP dan MySQL sehingga menghasilkan website yang dinamis. 
5. Website ini dilengkapi dengan multimedia yang sederhana diantaranya image.
Vol ? No ? Nusa Mandiri 
DAFTAR PUSTAKA 
Anhar. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta : PT Transmedia. 
Ardhana, Yosef Murya Kusuma. 2013. PHP Menyelesaikan Website 30 Juta. Jakarta: Jasakom. 
Binanto, Iwan. 2010. Multimedia Digital-Dasar Teori dan Pengembangannya. Yogyakarta: CV Andi Offset. 
Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP dan jQuery. Yogyakarta: Lokomedia. 
Madcoms. 2010. Kupas Tuntas Adobe Dreamweaver CS5 Dengan Pemrograman PHP & Mysql. Yogyakarta: Andi. 
Ramadhan, Arief. 2005. Seri Pelajaran Komputer Internet dan Aplikasinya. Jakarta: PT Elex Media Komputindo. 
Ramadhan, Arief. 2006. Pemrograman Web. Jakarta: PT Elex Media Komputindo. 
Sidik, Betha. 2012. Pemrograman Web PHP Edisi 
Revisi. Bandung: Informatika 
Sukarno, Mohamad. 2006. Membangun Website Dinamis Interaktif Dengan PHP-MySql (Windows & Linux). Bekasi: Eska Media Press. 
Supardi, Yuniar. 2010. Web My Profile Dengan Joomla. Jakarta: PT Elex Media Komputindo. 
Sutisna, Dadan. 2007. 7 Langkah Menjadi Webmaster. Jakarta: Mediakita.

More Related Content

What's hot

Rangkuman web 3.0 - zaqi
Rangkuman web 3.0 - zaqiRangkuman web 3.0 - zaqi
Rangkuman web 3.0 - zaqiZaqiVoc
 
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...JpPhone
 
Modul 08 koneksi internet
Modul 08 koneksi internetModul 08 koneksi internet
Modul 08 koneksi internetcenterofjava
 
Modul 21 kecepatan akses internet
Modul 21 kecepatan akses internetModul 21 kecepatan akses internet
Modul 21 kecepatan akses internetFaridiraf Sama Aja
 
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  editModul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet editFaridiraf Sama Aja
 
Web 1.0 dengan 2.0
Web 1.0 dengan 2.0Web 1.0 dengan 2.0
Web 1.0 dengan 2.0Rizqi Kecil
 
Html makalah destika
Html makalah destikaHtml makalah destika
Html makalah destikaaditamayahya
 
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...noviaindrn
 
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah dataModul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah dataFaridiraf Sama Aja
 
Modul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaat
Modul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaatModul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaat
Modul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaatFaridiraf Sama Aja
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman Rika Pertiwi
 
Mengelola isi halaman web 5
Mengelola isi halaman web 5Mengelola isi halaman web 5
Mengelola isi halaman web 5Eko Supriyadi
 
Contoh laporan job sheet magang smk
Contoh laporan job sheet magang smkContoh laporan job sheet magang smk
Contoh laporan job sheet magang smkDewa Dewa
 

What's hot (20)

Rangkuman web 3.0 - zaqi
Rangkuman web 3.0 - zaqiRangkuman web 3.0 - zaqi
Rangkuman web 3.0 - zaqi
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palem...
 
Modul 08 koneksi internet
Modul 08 koneksi internetModul 08 koneksi internet
Modul 08 koneksi internet
 
Modul 21 kecepatan akses internet
Modul 21 kecepatan akses internetModul 21 kecepatan akses internet
Modul 21 kecepatan akses internet
 
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  editModul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet edit
 
Web 1.0 dengan 2.0
Web 1.0 dengan 2.0Web 1.0 dengan 2.0
Web 1.0 dengan 2.0
 
Modul dasar web
Modul dasar webModul dasar web
Modul dasar web
 
Makalah email-client
Makalah email-clientMakalah email-client
Makalah email-client
 
Html makalah destika
Html makalah destikaHtml makalah destika
Html makalah destika
 
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
 
Pengenalan Dasar Web
Pengenalan Dasar WebPengenalan Dasar Web
Pengenalan Dasar Web
 
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah dataModul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah data
 
Modul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaat
Modul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaatModul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaat
Modul 24 mengakses beberapa situs untuk memperoleh informasi yang bermanfaat
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
Mengelola isi halaman web 5
Mengelola isi halaman web 5Mengelola isi halaman web 5
Mengelola isi halaman web 5
 
web 3
web 3web 3
web 3
 
Contoh laporan job sheet magang smk
Contoh laporan job sheet magang smkContoh laporan job sheet magang smk
Contoh laporan job sheet magang smk
 
Jobsheet multimedia
Jobsheet multimediaJobsheet multimedia
Jobsheet multimedia
 
Perkembangan teknologi web
Perkembangan teknologi webPerkembangan teknologi web
Perkembangan teknologi web
 

Similar to Jurnal Hari Kusuma

Presentasi pengantar perkuliahan Semantic Web
Presentasi pengantar perkuliahan Semantic WebPresentasi pengantar perkuliahan Semantic Web
Presentasi pengantar perkuliahan Semantic Webadihartanto7
 
Makalah pengantar teknologi informatika
Makalah pengantar teknologi informatikaMakalah pengantar teknologi informatika
Makalah pengantar teknologi informatikaQueen Anaqi
 
tugas tik ke-2
tugas tik ke-2tugas tik ke-2
tugas tik ke-2Lia31
 
Pemrograman basis data internet dan client server
Pemrograman basis data internet dan client serverPemrograman basis data internet dan client server
Pemrograman basis data internet dan client serverarfianti
 
(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...
(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...
(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...Nurli Hardianto
 
Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)SiLvia ShaLala
 
Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)SiLvia ShaLala
 
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI BERBASIS WEB PADA TELIC ENGLIS...
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI  BERBASIS WEB PADA TELIC ENGLIS...PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI  BERBASIS WEB PADA TELIC ENGLIS...
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI BERBASIS WEB PADA TELIC ENGLIS...Egidio A Magno Ximenes
 
makalah tentang jaringan RT/RW-NET
makalah tentang jaringan RT/RW-NETmakalah tentang jaringan RT/RW-NET
makalah tentang jaringan RT/RW-NETFitri Masryfah
 
Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...
Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...
Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...syifalalalala
 

Similar to Jurnal Hari Kusuma (20)

Jurnal jadi j oe
Jurnal jadi j oeJurnal jadi j oe
Jurnal jadi j oe
 
Presentasi pengantar perkuliahan Semantic Web
Presentasi pengantar perkuliahan Semantic WebPresentasi pengantar perkuliahan Semantic Web
Presentasi pengantar perkuliahan Semantic Web
 
Makalah pengantar teknologi informatika
Makalah pengantar teknologi informatikaMakalah pengantar teknologi informatika
Makalah pengantar teknologi informatika
 
Sudekat.pdf
Sudekat.pdfSudekat.pdf
Sudekat.pdf
 
Tengah Viral
Tengah ViralTengah Viral
Tengah Viral
 
Bab ii 2
Bab ii 2Bab ii 2
Bab ii 2
 
Perbandingan beberapa website
Perbandingan beberapa websitePerbandingan beberapa website
Perbandingan beberapa website
 
Ppt wita
Ppt witaPpt wita
Ppt wita
 
tugas tik ke-2
tugas tik ke-2tugas tik ke-2
tugas tik ke-2
 
Pemrograman basis data internet dan client server
Pemrograman basis data internet dan client serverPemrograman basis data internet dan client server
Pemrograman basis data internet dan client server
 
Rofiq work 2014
Rofiq work 2014Rofiq work 2014
Rofiq work 2014
 
Rofiq work 2014
Rofiq work 2014Rofiq work 2014
Rofiq work 2014
 
(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...
(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...
(6) SIM, Nurli Hardianto, Hapzi Ali, Sistem Manajemen Database, Universitas M...
 
Tugas 1 web
Tugas 1 webTugas 1 web
Tugas 1 web
 
7408030017 m
7408030017 m7408030017 m
7408030017 m
 
Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)
 
Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)Pemetaan materi bab 1 (nia)
Pemetaan materi bab 1 (nia)
 
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI BERBASIS WEB PADA TELIC ENGLIS...
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI  BERBASIS WEB PADA TELIC ENGLIS...PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI  BERBASIS WEB PADA TELIC ENGLIS...
PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI BERBASIS WEB PADA TELIC ENGLIS...
 
makalah tentang jaringan RT/RW-NET
makalah tentang jaringan RT/RW-NETmakalah tentang jaringan RT/RW-NET
makalah tentang jaringan RT/RW-NET
 
Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...
Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...
Sim, Syifa Khairunnisa, Hapzi Ali, Sumber Daya Komputasi dan Komunikasi, Univ...
 

Recently uploaded

AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..ikayogakinasih12
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSovyOktavianti
 
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxSlasiWidasmara1
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxIgitNuryana13
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxdpp11tya
 
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxPPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxSaefAhmad
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdfsdn3jatiblora
 
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptxPPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptxssuser8905b3
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxRizkyPratiwi19
 
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk HidupUT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidupfamela161
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BAbdiera
 
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxMateri IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxmuhammadkausar1201
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxPurmiasih
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxdeskaputriani1
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDNurainiNuraini25
 
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...MetalinaSimanjuntak1
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfNurulHikmah50658
 

Recently uploaded (20)

AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
AKSI NYATA NARKOBA ATAU OBAT TERLARANG..
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptxMODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
MODUL P5 KEWIRAUSAHAAN SMAN 2 SLAWI 2023.pptx
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
 
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptxPPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
PPT PERUBAHAN LINGKUNGAN MATA PELAJARAN BIOLOGI KELAS X.pptx
 
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptxPPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
PPT PENELITIAN TINDAKAN KELAS MODUL 5.pptx
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptxPPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
PPT AKUNTANSI KEUANGAN MENENGAH DUA.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
 
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk HidupUT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
UT PGSD PDGK4103 MODUL 2 STRUKTUR TUBUH Pada Makhluk Hidup
 
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase BModul Ajar Bahasa Indonesia Kelas 4 Fase B
Modul Ajar Bahasa Indonesia Kelas 4 Fase B
 
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptxMateri IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
Materi IPAS Kelas 1 SD Bab 3. Hidup Sehat.pptx
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
 
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
1.3.a.3. Mulai dari Diri - Modul 1.3 Refleksi 1 Imajinasiku tentang Murid di ...
 
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdfMODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
MODUL 1 Pembelajaran Kelas Rangkap-compressed.pdf
 

Jurnal Hari Kusuma

  • 1. Vol ? No ? Nusa Mandiri PERANCANGAN SISTEM INFORMASI DIREKTORI CABANG BERBASIS WEB PADA PT BANK CENTRAL ASIA JAKARTA Hari Kusuma1, Susy Rosyida2, 1Jurusan Manajemen Informatika, BSI Bekasi, Jl. Cut Mutia No. 88 Bekasi. Ai_keycool@yahoo.com 2Program Studi Sistem Informasi, STMIK Nusa Mandiri Bekasi K1-Jl. Raya Kaliabang No.8 Perwira, Bekasi ABSTRACT In the current era of globalization, information technology drove so quickly. The devices created to facilitate the work of human, while achieving good progress in making hardware and sotfware. All of this happened because of a network called the Internet. The development of web information now longer growing, with the increasing development of the internet we can know a variety of useful information as well as quick. In scientific writing is about making the site where the site is about extra-curricular activities. The objective of this site is to introduce to the public about the creation of web based applications directory branch. The objective of the site is to facilitate the work of a teller who still see the branch data as required in the branch register of which takes a little longer. With the establishment of the site is expected to reduce the processing time teller jobs and provide more rapid and complete information to customers. This site is built using the PHP programming language, software Dreamwever and browser like a Mozilla Firefox. Dreamwever so easily to create a website design that made the author, because it is expected in the future this site will be developed into a better and more interesting. Keywords: Design of Information Systems, Web Design, Branch Directory I. PENDAHULUAN Informasi sangat penting di era globalisasi sekarang ini. Perkembangan media informasi pada saat ini sudah dapat dilakukan dengan berbagai macam media seperti televisi, radio, koran, dan perkembangan internet. Perkembangan internet menjadi salah satu sarana informasi yang paling populer, itu juga yang menjadi alasan masyarakat pada saat ini untuk berlangganan internet, semua itu dilakukan untuk mendapatkan informasi sebanyak-banyaknya. Karena internet adalah sumber daya informasi yang dapat menjangkau seluruh dunia tanpa perlu mengeluarkan biaya yang besar. Worl wide web (www) atau biasa disebut web adalah salah satu media yang ada dalam internet yang cocok untuk itu. Banyak berbagai jenis web terdapat dalam internet seperti web pribadi, web komersial, web perusahaan, web organisasi dan lain-lain. Dalam merancang suatu web yang baik diperlukan tempat penyimpanan data. Karena tanpa tempat penyimpanan data yang baik para pengguna internet akan sulit untuk mencari atau menemukan data yang diinginkan. Dalam hal ini banyak software bahasa pemograman yang dapat digunakan sebagai media penyimpanan data atau informasi di dalam internet. Dalam bidang usaha perbankan seperti di PT. Bank Central Asia (BCA), informasi yang diberikan kepada nasabah harus tepat, lengkap, dan sesuai dengan apa yang diharapkan nasabah. Dalam hal ini seperti informasi lengkap cabang-cabang PT. Bank Central Asia (BCA) yang sampai saat ini sudah genap memiliki 1000 cabang yang tersebar di seluruh nusantara. Informasi berupa alamat cabang, no telepon, kode wilayah, dan nama pemimpin cabang akan sangat berguna jika bisa di akses teller dimanapun dia berkerja. Sehingga keperluan transaksi yang memerlukan konfirmasi antar cabang akan sangat lebih mudah dilakukan. Dengan ide dan database yang saya miliki saya harapkan bisa saya tuangkan melalui media intranet untuk digunakan oleh para karyawan PT. Bank Central Asia (BCA) di seluruh nusantara. Atas pemikiran tersebut maka penulis tertarik untuk membuat tugas akhir dengan judul “PERANCANGAN SISTEM INFORMASI DIREKTORI CABANG BERBASIS WEB PADA PT BANK CENTRAL ASIA JAKARTA”
  • 2. Vol ? No ? Nusa Mandiri II. KAJIAN LITERATUR a. Konsep Dasar Web Menurut Ardhana (2013:3) “World wide web atau lebih sering dikenal sebagai web adalah suatu layanan sajian informasi yang menggunakan konsep hyperlink (tautan), yang memudahkan surfer (sebutan para pemakai komputer yang melakukan browsing atau penelusuran informasi melalui internet)”. Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikan selalu up to date dan lengkap. Perlu disadari juga bahwa untuk melakukan up to date merupakan suatu permasalahan yang tidak mudah untuk dilakukan, selain membutuhkan waktu juga sangat merepotkan dalam melakukan penambahan atau pengubahan data yang akan disajikan. Jika sebuah situs tidak dirancang secara sistematis, maka akan terjadi kesulitan dan kerepotan dalam melakukan pemeliharaan, meng-update dan melengkapi data. PHP dan database merupakan solusi yang dapat digunakan dalam mengelola situs, hanya dengan melakukan penambahan atau perubahan data kedalam database tanpa harus merubah atau editing HTML. Menurut Anhar (2010:4) “web server adalah aplikasi yang berfungsi untuk melayani permintaan pemanggilan alamat dari pengguna melalui web browser di mana web server mengirimkan kembali informasi yang diminta tersebut melalui HTTP (HyperText Transfer Protocol) untuk ditampilkan ke layar monitor”. Bisa dikatakan bahwa web server ini adalah penyedia informasi yang berbasis web. Jika alamat yang dipanggil dalam web browser terdapat informasi, maka akan dikirimkan untuk kemudian ditampilkan dalam web browser. Untuk penyimpanan data dalam internet maka dibutuhkan database server. Menurut Supardi (2010:2) “database server merupakan perangkat lunak database atau DBMS, yang dapat menyimpan data yang besar atau banyak di internet”. Pembuatan program tentunya tidak terlepas dari tahapan-tahapan yang harus dikerjakan secara struktur untuk membantu programmer dalam menyelesaikan programnya dengan baik. Tahapan- tahapan pembuatan program berawal dari Internet, PHP, HTML, database MySQL, Server Web, CSS. b. Pengenalan Internet Menurut Ramadhan (2005:1) “internet merupakan sebuah sistem komunikasi yang mampu menghubungkan jaringan-jaringan komputer di seluruh dunia”. Berbagai jenis komputer dengan spesifikasi yang berbeda-beda dapat saling berkomunikasi melalui internet. Beberapa bentuk jaringan yang berbeda- beda dapat saling bertukar informasi dan data melalui internet menggunakan seperangkat aturan yang disebut protocol TCP/IP. Internet diawali pada tahun 1969 oleh ARPA (Advanced Research Projects Agency), sebuah badan yang dibentuk pada tahun 1958 oleh Amerika yang terdiri dari para komputer atau komputer network pada tahun yang sama dan diberi nama ARPANET. Pada 1 Januari 1983 protokol telah dijadikan pendukung ARPANET dan menukar protocol rangkaian pusatnya dari NCP ke TCP/IP. Seluruh system terhubung ke jaringan harus menggunakan protocol yang menyesuaikan diri ke TCP/IP standar. Dalam waktu yang sama ARPANET telah terpisah menjadi dua bagian. Istilah internet pertama kali digunakan untuk menjelaskan jaringan yang dibuat oleh dua jaringan kecil, keperluan penelitian dan pengembangan teknologi. Organisasi yang sudah mengadopsi protocol TCP/IP mulai menghubungkan jaringan mereka ke internet baru dan pada tahun 1989 diperkenalkan sebuah protocol, yaitu Hypertext Transfer Protocol atau HTTP yang dibuat oleh TIM Berners-Lee. Selanjutnya pemerintah Amerika Serikat memberikan izin kearah komersial pada awal tahun 1990. c. Database Database adalah sekumpulan tabel-tabel yang berisi data dan merupakan kumpulan dari field atau kolom”, menurut Anhar (2010: 45). Struktur file yang menyusun sebuah database terdiri dari data, record dan field. Data adalah satu satuan informasi yang akan diolah. Sebelum diolah, data dikumpulkan di dalam suatu file database. Record adalah data yang isinya merupakan satu kesatuan seperti NamaUser dan Password. Setiap keterangan yang mencakup NamaUser dan Password dinamakan satu record. Setiap record diberi nomor urut yang disebut nomor record (Record Number). Field adalah sub bagian dari record. Dari contoh isi record di atas, maka terdiri dari dua field, yaitu : field NamaUser dan Password. d. PHP (Perl Hypertext Preprocessor) Menurut Sidik (2012a:4) PHP (Perl Hypertext Preprocessor) adalah “bahasa pemprograman script yang membuat dokumen HTML secara on the fly yang dieksekusi di server web, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML. Dikenal juga sebagai bahasa pemprograman server side. Integrasi PHP dengan server web dilakukan dengan teknik CGI, FastCGI, dan modul server web. Teknik CGI dan FastCGI memisahkan antara server web dan PHP, sedangkan modul server web menjadi PHP sebagai bagian dari server web. Adapun beberapa keunggulan-keunggulan dari PHP menurut Sidik (2012b:10), diantaranya:
  • 3. Vol ? No ? Nusa Mandiri 1. Dapat mengerjakan semua yang dapat dikerjakan oleh program CGI (common Gateway Interface), seperti menghasilkan isi halaman web yang dinamik dan menerima cookies. 2. Dukungan kepada banyak database, membuat halaman web yang menggunakan database sangat mudah dilakukan. 3. Dalam hal keamanan data, PHP dapat menggunakan berbagai macam varian database, seperti: MySQL, Microsoft Access, InterBase, mSQL, SyBbase, Dbase, Informix, SQL Server, dan lain-lain. 4. Varian PHP gratis dan dapat diperoleh dengan cuma-cuma. 5. Dapat memodifikasi fitur PHP sesuai dengan kebutuhan. e. HTML (Hypertext Markup Language) “HTML adalah singkatan dari HyperText Markup Language. HTML digunakan untuk membuat halaman web. Sebuah file dokumen yang ditulis dalam format HTML akan dibaca dan diterjemahkan oleh web browser untuk kemudian disajikan dalam bentuk web” (Ramadhan, 2006:2). Dokumen HTML disebut sebagai markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan sistem hypertext pada dokumen HTML, kita tidak harus membaca suatu dokumen secara berurutan dari atas ke bawah. Kita dapat menuju ke topik tertentu secara langsung dalam dokumen dengan menggunakan teks penghubung yang akan membawa kita ke suatu topik atau dokumen lain secara langsung. HTML tidak berdiri sendiri, agar ia dapat bertugas dalam membangun halaman web, ia harus di tulis dalam software atau aplikasi tertentu, yang dikenal sebagai HTML editor. HTML editor inilah yang bertugas untuk menterjemahkan bahasa HTML menjadi halaman web yang siap di lihat oleh para surfer (penjelajah internet) di seluruh dunia. f. MySQL “MySQL adalah sebuah software database, yang termasuk paling populer dilingkungan linux. Ini karena ditunjang performansi query dari database yang saat itu bisa dikatakan paling cepat, dan jarang bermasalah” (Sidik, 2012c:333). MySQL merupakan database server yang awalnya hanya berjalan pada system UNIX dan LINUX. Seiring berjalan waktu dan banyaknya peminat yang menggunakan database server ini, MySQL merilis versi yang dapat diinstal pada hampir semua platform, termasuk windows. g. Apache Apache merupakan salah satu jenis web server yang sering digunakan dalam pemprograman web berbasis server. Menurut Sukarno (2006:2) mengemukakan bahwa “Apache merupakan server web yang bersifat sehingga menjadikan Apache sebgai server open source web alternatif dari Netscape (sekarang dikenal sebagai Sun Java System Web server)”. h. CSS Agar web lebih menarik, bisa menambahkan CSS. Menurut Sutisna (2007:35) “di antara kegunaan CSS adalah untuk mempermudah format dan layout pada halaman web”. Dengan CSS, tampilan website lebih menarik dan konsisten. Ada dua cara untuk menulis kode CSS. Pertama, secara internal, yaitu menuliskan langsung diantara tag HTML/XHTML. Kedua, secara eksternal, yaitu CSS disimpan pada file terpisah kemudian dipanggil saat halaman web dibuka. i. Dreamweaver CS5 Menurut Madcoms (2010:1) “Dreamweaver CS5 merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web secara visual”. Aplikasi ini juga yang biasa dikenal dengan istilah WYSIWYG (What You See Is What You Get), yang intinya adalah bahwa pengguna Dreamweaver CS5 tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Selain itu, Dreamweaver CS5 juga memberikan keleluasaan kepada para pengguna untuk menggunakannya sebagai media penulisan bahasa pemrograman web. Dengan kemampuan fasilitas yang optimal dalam jendela design, membuat program ini memberikan kemudahan untuk mendesain web meskipun pengguna adalah para web desainer pemula. Sedangkan kemampuan Dreamweaver CS5 untuk berinteraksi dengan beberapa bahasa pemrograman seperti PHP, ASP, JavaScript dan yang lainnya juga memberikan fasilitas maksimal kepada para desainer web yang menyertakan bahasa pemrograman web di dalamnya. j. Jquery Menurut Hakim (2010:3) “Jquery adalah Javascript Library kumpulan kode/fungsi Javascript yang siap dipakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript”. Secara standar, apabila kita membuat kode Javascript, maka diperlukan kode yang cukup panjang, bahkan terkadang sangat sulit dipahami, nah disinilah peran Jquery sebagai Javascript Libary, dimana kita bisa langsung memanggil fungsi yang terdapat didalam Library tersebut. Kesimpulnnya Jquery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya yaitu “Write Less Do More”.
  • 4. Vol ? No ? Nusa Mandiri III. METODE PENELITIAN Metode penelitian yang penulis lakukan adalah: a. Pengumpulan Data 1. Pengamatan Langsung (Observation) Penulis melakukan pengamatan secara langsung di tempat penulis bekerja di kantor cabang BCA Kelapa Gading Villa. 2. Wawancara (Interview) Penulis mengadakan wawancara kepada pihak- pihak yang terkait untuk mendapatkan penjelasan mengenai data yang diperlukan. 3. Kepustakaan (Library) Penulis melakukan pendekatan dengan tinjauan pustaka yaitu dengan mempelajari buku yang berisi teori-teori sebagai bahan perbandingan atau referensi yang berhubungan dengan permasalahan yang akan dibahas. IV. PEMBAHASAN A. Analisa Perancangan Web Pada analisa perancangan web, penulis memberikan penjelasan mengenai tinjauan perusahaan, tinjauan kasus, spesifikasi rancangan web, struktur navigasi, tampilan web, spesifikasi file, dan spesifikasi sistem komputer. B. Tinjauan Perusahaan a. Sejarah Perusahaan BCA pada awalnya didirikan sebagai perusahaan tekstil dengan nama NV perseroan dagang dan industri knitting factory di semarang berdasarkan akta pendirian no. 38 pada tanggal 10 Agustus 1955 yang dibuat dihadapan notaris di Semarang Raden Mas Soeprapto dan diumumkan dalam lembaran berita negara no.62 tanggal 3 Agustus 1956 tambahan no. 595. BCA secara resmi berdiri pada tanggal 21 Februari 1957 dengan nama Bank Central Asia. Adapun bank yang bergabung dengan BCA adalah bank Sarana Indonesia pada tanggal 31 januari 1973, bank Gemari pada tanggal 30 juni 1976 dan bank indocommercial pada tanggal 30 maret 1979. Pada masa perkembangannya, BCA mempunyai berbagai prestasi diantaranya pada tahun 1977 BCA menjadi bank devisa (bank yang dapat melayani transaksi dalam valuta asing), pada tahun 1980 BCA memiliki kantor pusat dan 7 kantor cabang utama (KCU), 144 kantor cabang pembantu (KCP). Tidak hanya itu BCA pun go internasional dengan membuka kantor perwakilan di Hong Kong dan New York (AS) pada tahun 1984. Pada tahun 1987 BCA meluncurkan produk terbarunya yaitu BCA card (katu ATM BCA) atau di sebut BCA cash yang merupakan cikalbakal kartu paspor BCA. Dan pada tahun 1989 BCA meluncurkan tahapan, BCA yang merupakan produk unggulannya. Dengan berkembangnya teknologi dan kemajuan cara berpikir manusia pada tahun 1991 BCA menerpakan system on-line dengan VSAT, serta pada tahun berikutnya BCA menjadi anggota SWIFT (Society for Worldwide Interbank Fianncial Telecomunication). Pada tahun 1994 BCA mengimplementasikan IBS (Intergrated Banking System). Kompetisi antar bank pun telah merambah ke dunia maya. Tapi bank mana dan produk perbankan apa yang seriing menjadi pembicaraan para netters ( pengakses internet)? Dalam survei yang dilakukan oleh Biro Riset Infobank (Birl) dan Twinkle Spin, BCA berhasil meriah angka tertinggi untuk kategori Digital Banking Brand of The Year dengan indeks 12.897. Dari total indeks ini, 10.566 diantaranya merupakan indeks positif dan 2.908 merupakan indeks netral. Selain menduduki peringkat atas di kategori Digital Brand of The year 2011, BCA juga meraih penghargaan The Most Talkable Banking Brand, The Most Talkable Saving Brand melalui produk Tahapan BCA, dan The Most Talkable Credit Card Brand untuk produk kartu kredit BCA b. Visi dan Misi Perusahaan Visi PT. Bank Central Asia : “Bank pilihan utama andalan masyarakat, yang berperan sebagai pilar penting perekonomian Indonesia (To be the bank of choice and a major pillar of the Indonesian economy)”. Sedangkan Misi PT. Bank Central Asia: 1. Menyediakan produk yang luar biasa dibuat dengan ketulusan. 2. Mengejar kebahagian bagi karyawan dengan berpegang pada impian dan harapan. 3. Memberikan kontribusi pada kesejahteraan para pemegang saham, mitra dalam. masyarakat dan perbuatan untuk kesejahteraan masyarakat secara keseluruhan.
  • 5. Vol ? No ? Nusa Mandiri c. Struktur Organisasi dan Fungsi Adapun tugas dan tanggung jawab dari setiap jabatan di atas sebagai berikut : 1. Pimpinan Cabang a. Melakukan kegiatan pengawasan terhadap kantor cabang pembantu. b. Melakukan kegiatan pemasaran atas produk dan jasa yang ditawarkan oleh bank. c. Melaksanakan otorisasi atas aktivitas atau kegiatan yang terjadi pada cabang pembantu. d. Bertindak sebagai pengganti Human Resources Development (HRD) atau bagian SDM dalam hal pengawasan perkembangan karyawan. 2. Wakil Pimpinan Cabang a. Membantu pimpinan cabanag dalam melaksanakan otorisasi atas aktivitas atau kegiatan yang terjadi pada cabang. b. Membantu kegiatan operasional cabang jika kabag masing2 unit berhalangan hadir. c. Menandatangani blanko berharga seperti bilyet deposito sesuai wewenangnya. d. Membuat dan merencanakan penagihan ke pelanggan yang belum membayar. 3. Kabag Pendukung Operasional a. Memberikan solusi kepada nasabah apabila staffnya tidak dapat menyelesaikan masalah yang terjadi. b. Melakukan verifikasi dan pencocokan atas balancing akhir hari dan menyelesaikan selisih bila ada. c. Mengkoordinasi kegiatan back office. d. Melakukan perhitungan fisik terhadap saldo kas setiap hari. 4. Kabag Teller a. Memberikan override terhadap transaksi yang melebihi limit teller dan wewenang teller. b. Memeriksa hasil validasi dan membubuhkan paraf pada hasil validasinya. c. Mengotorisasi balancing akhir hari teller. d. Bertanggung jawab atas penelusuran kembali transaksi di teller jika dapat ditangani sendiri oleh teller. e. Membantu teller menyelesaikan transaksi- transaksi yang tidak dapat ditangani sendiri oleh teller. f. Bertanggung jawab atas kelengkapan pencetakan laporan-laporan teller untuk akhir hari, akhir bulan, dan akhir tahun. g. Bertanggung jawab atas pelaksanaan tutup kas semua teller. 5. Kabag CSO a. Memberikan override atas transaksi non financial yang dilakukan oleh customer service. b. Memeriksa kelayakan dan kebenaran dokumen yang akan ditanda tangani. c. Menandatangani dokumen sesuai dengan wewenangnya. d. Mengelola file specimen pada aplikasi e. Mengarsip seluruh dokumen atau laporan yang berhubungan dengan transaksi di customer service. 6. Teller a. Menerima dan memeriksa kebenaran serta kelengkapan seluruh transaksi yang ditangani. b. Menerima setoran dan melakukan pembayaran serta memeriksa kesehatan fisik uang dan warkat bank BCA atau bank lain. Gambar 1. Struktur Organisasi KCP BCA Kelapa Gading Villa
  • 6. Vol ? No ? Nusa Mandiri c. Memeriksa specimen nasabah kecuali warkat bank lain. d. Mengerahkan transaksi dengan cara melakukan posting serta memeriksa validitasnya lalu membubuhkan time stamp dan paraf. e. Meneruskan dokumen yang harus di proses lebih lanjut ke back office, seperti bukti transaksi kiriman uang ke bank lain, pembelian mata uang asing, warkat kliring dll. f. Mengelola pengadaan uang tunai dalam cash box atau laci tertutup sesuai dengan limit teller. g. Melakukan balancing akhir hari teller atas seluruh transaksi yang dilakukan pada hari itu dan prosedur tutup teller. h. Meneliti penyebab selisih dan menyelesaikan (bila terjadi) serta membuat berita acara selisih kas apabila timbul selisih kas yang tidak dapat diselesaikan pada hari yang sama. 7. Purchashing Mengontrol atau mengadakan inspeksi terhadap barang yang datang, yang akan digunakan dalam proses penjualan dan mengontrol pula barang sebelum dikirim oleh driver. Menyampaikan perkembangan kualitas produk yang digunakan. 8. Costumer Service Officer a. Memeriksa kelengkapan dan kebenaran pengisian formulir pembukaan rekening. b. Meminta nasabah menandatangani buku tahapan, kartu tapresn dan kartu specimen. c. Memposting data nasabah dan pembukaan rekening. d. Memproses permohonan pencabutan status blokir, kartu hilang, buku hilang atau penggantian buku. e. Memegang dan mempertanggung jawabkan Master Key SDB. f. Customer Service bertanggung jawab atas kerahasiaan bannk dan nasabah. g. bertanggung jawab atas keamanan seluruh bukti fisik transaksi yang terjadi pada hari itu yang ditanganinya. h. Menindak lanjuti masalah-masalah yang tertunda dan belum terselesaikan. i. Mempersiapkan permintaan rekening koran giro, tapres untuk diserahkan kepada nasabah. 9. Back Office a. Mengrim dan menerima konfirmasi faksimili untuk transaksi antar cabang. b. Mengamankan kartu specimen berikut perubahannya. c. Memproses warkat yang akan di kliringkan. d. Memposting tolakan kliring. e. Menerima formulir pengiriman uang (valas) dan warkat inkaso dari teller serta mencocokannya. f. Menerima kurs serta meneruskannya ke kabag teller, teller dan CSO. g. Menyelesaikan selisih yang timbul anatara laporan komputer dengan laporan pembukuan. C. Tinjauan Kasus Penulis membuat suatu aplikasi berbasis web tentang direktori cabang ini dilandaskan atas kurangnya efesiensi dalam proses transaksi yang dilakukan oleh teller karena harus melihat daftar cabang secara manual dengan melihat buku daftar cabang. Proses yang seharusnya dapat lebih diminimalisir penggunaan waktunya masih berjalan sampai saat ini karena kurangnya kepekaan bagian IT support di cabang tempat penulis melakukan riset. Bertambahnnya keingintahuan nasabah terutama bagian keuangan mengenai informasi antar cabang, juga membuat penulis memutuskan untuk membuat website ini. Diharapkan dengan adanya website ini, teller dapat mengurangi lama waktu proses transaksi dan memberikan solusi kepada nasabah secara tepat dan cepat dalam pertanyaan tentang informasi cabang sekitar. Hal ini sangat efektif dan efisien karena informasi yang ingin diberikan dapat diperbarui kapan saja dan dimana saja selama terhubung dengan jaringan intranet perusahaan. Website ini jelas sangat bermanfaat karena bisa memberikan solusi atas permasalahan yang sedang timbul di cabang tempat penulis melakukan riset. D. Spesifikasi Rancangan Web Dalam spesifikasi rancangan web ini, penulis akan memberikan gambaran mengenai rancangan web yang akan dibuat, baik mengenai bentuk maupun fungsinya yang nantinya dapat membantu dalam tahap perancangan web PT. Bank Central Asia.. 1. Rancangan Halaman Web a. Rancangan Halaman Beranda Tampilan ini muncul pertama kali saat diakses oleh pengunjung web.
  • 7. Vol ? No ? Nusa Mandiri Gambar 2. Rancangan Halaman Beranda Keterangan: 1) Header, berisi gambar logo halaman website BCA. 2) Link 1, tombol menu beranda, untuk menuju ke halaman Beranda. 3) Link 2, tombol menu pencarian berdasarkan kode cabang untuk mencari data cabang berdasarkan 4 digit depan no rekening. 4) Link 3, tombol menu pencarian berdasarkan nama cabang untuk mencari data cabang berdasarkan nama cabang. 5) Link 4, tombol menu pencarian berdasarkan alamat cabang untuk mencari data cabang berdasarkan alamat cabang. 6) Link 5, tombol menu berita terkini untuk menampilkan berita terbaru dari PT. Bank Central Asia. 7) Link 6, tombol menu perhitungan deposito untuk mengetahui bunga yang akan didapat saat penempatan deposito. 8) Link 7, tombol menu pesan pengunjung untuk menampilkan pesan dari pengunjung website. 9) ink kurs ter Update, tombol untuk menuju ke halaman kurs ter update tiap detik di website resmi PT. Bank Central asia. 10) Link klik BCA, tombol untuk menuju ke halaman internet banking di website resmi PT. Bank Central asia. 11) Link suku bunga, tombol untuk menuju ke halaman suku bunga di website resmi PT. Bank Central asia. 12) Footer, berisi copyright dan nama pembuat halaman administrator website. b. Rancangan Halaman Login Tampilan ini muncul pertama kali saat diakses oleh admin web. Gambar 3. Rancangan Halaman Login
  • 8. Vol ? No ? Nusa Mandiri Keterangan: 1) Image, berisi gambar dan logo PT. Bank Central Asia. 2) Input 1, tempat untuk mengisi username. 3) Input 2, tempat untuk mengisi password. 4) Footer, berisi copyright dan nama pembuat halaman administrator website. c. Rancangan Halaman Administrator Tampilan ini muncul pertama kali saat diakses Tampilan ini muncul ketika berhasil login. Gambar 4. Rancangan Halaman Administrator Keterangan: 1) Header, berisi gambar logo halaman website BCA. 2) Link 1, berisi admin beranda. Halaman ini adalah halaman utama dari halaman administrator. 3) Link 2, berisi admin kelola data cabang. Di admin ini bisa menambah, mengahapus, dan mengubah data cabang. 4) Link 3, berisi admin manajemen user. Di admin ini bisa menambah mengahapus data pengguna halaman administrator. 5) Link 4, berisi admin berita. Di admin ini bisa menambah, menghapus, dan mengubah halaman berita terkini. 6) Link 5, berisi admin bung deposito. Di admin ini khusus untuk merubah bunga deposito yang berlaku. 7) Link 6, berisi admin pesan pengunjung. Di admin ini admin dapat menghapus dan melihat pesan dari pengunjung. 8) Link 7, berisi tombol logut untuk keluar dari halaman administrator. Footer, berisi copyright dan nama pembuat halaman administrator website. E. Spesifikasi File Dalam website ini penulis membuat sebuah database dengan nama TA_BCA yang terdiri dari beberapa tabel. Berikut ini adalah rincian tabel-tabel yang terdapat di dalam database. Adapun spesifikasi file- file tersebut antara lain, sebagai berikut: a. Spesifikasi file Data Cabang Nama File : tabel data cabang Akronim : data_cabang Fungsi :Menyimpan data cabang Tipe File : File Master Panjang Record : 158 karakter Media File : Hard Disk Primary Key : id_cabang
  • 9. Vol ? No ? Nusa Mandiri No Elemen Data Akronim Tipe Panjang Keterangan 2. Kode cabang Kode_cabang Int 4 Primary Key 3. Nama cabang Nama_cabang Varchar 30 4. Singkat Cabang Singkat_cabang Varchar 3 5. Kantor Wilayah kanwil Varchar 2 6. Alamat alamat Text Tabel 1. Spesifikasi File Data Cabang F. Tampilan Program 1). Halaman Beranda Gambar 5. Halaman Beranda
  • 10. Vol ? No ? Nusa Mandiri 2). Halaman Login User Halaman ini berisi username dan password yang harus diisi untuk dapat memasuki ruang user. Tampilan halaman ini adalah form login untuk user: Gambar 6. Halaman Login User 3). Halaman buku tamu Gambar 7. Halaman Hitung Deposito V. KESIMPULAN Dari hasil pembahasan pada bab-bab sebelumnya, maka penulis menarik beberapa kesimpulan diantaranya adalah : 1. Website informasi tentang direktori cabang ini bertujuan untuk mempermudah teller melaksanakan tugasnya dalam proses transaksi. 2. Website informasi ini dibagi menjadi 2 bagian yaitu halaman administrator yang dapat diakses oleh administrator yang berhak dan halaman website yang dapat diakses oleh pengguna. 3. Dengan adanya halaman administrator maka pekerjaan mengelola data yang akan ditampilkan dalam website menjadi mudah. Admin cukup menggunakan menu-menu yang tersedia dan bisa langsung melakukan aksi yang diinginkan. 4. Website ini dirancang dengan memadukan kode HTML dengan PHP dan MySQL sehingga menghasilkan website yang dinamis. 5. Website ini dilengkapi dengan multimedia yang sederhana diantaranya image.
  • 11. Vol ? No ? Nusa Mandiri DAFTAR PUSTAKA Anhar. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta : PT Transmedia. Ardhana, Yosef Murya Kusuma. 2013. PHP Menyelesaikan Website 30 Juta. Jakarta: Jasakom. Binanto, Iwan. 2010. Multimedia Digital-Dasar Teori dan Pengembangannya. Yogyakarta: CV Andi Offset. Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP dan jQuery. Yogyakarta: Lokomedia. Madcoms. 2010. Kupas Tuntas Adobe Dreamweaver CS5 Dengan Pemrograman PHP & Mysql. Yogyakarta: Andi. Ramadhan, Arief. 2005. Seri Pelajaran Komputer Internet dan Aplikasinya. Jakarta: PT Elex Media Komputindo. Ramadhan, Arief. 2006. Pemrograman Web. Jakarta: PT Elex Media Komputindo. Sidik, Betha. 2012. Pemrograman Web PHP Edisi Revisi. Bandung: Informatika Sukarno, Mohamad. 2006. Membangun Website Dinamis Interaktif Dengan PHP-MySql (Windows & Linux). Bekasi: Eska Media Press. Supardi, Yuniar. 2010. Web My Profile Dengan Joomla. Jakarta: PT Elex Media Komputindo. Sutisna, Dadan. 2007. 7 Langkah Menjadi Webmaster. Jakarta: Mediakita.