Vol ? No ? Nusa Mandiri
PERANCANGAN SISTEM INFORMASI DIREKTORI CABANG BERBASIS WEB PADA PT BANK CENTRAL ASIA JAKARTA 1
Hari Kusuma1, Susy Rosyida2, Jurusan Manajemen Informatika, BSI Bekasi, Jl. Cut Mutia No. 88 Bekasi.
[email protected] 2 Program 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. Tahapantahapan 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 berbedabeda 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. 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. e.
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 pihakpihak 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
Gambar 1. Struktur Organisasi KCP BCA Kelapa Gading Villa
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 transaksitransaksi 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.
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. d. e.
f. g.
Memproses warkat yang akan di kliringkan. Memposting tolakan kliring. Menerima formulir pengiriman uang (valas) dan warkat inkaso dari teller serta mencocokannya. Menerima kurs serta meneruskannya ke kabag teller, teller dan CSO. 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. a.
Rancangan Halaman Web Rancangan Halaman Beranda Tampilan ini muncul pertama kali saat diakses oleh pengunjung web.
Vol ? No ? Nusa Mandiri
Gambar 2. Rancangan Halaman Beranda
Keterangan: 1) 2) 3)
4)
5)
6)
7)
8)
Header, berisi gambar logo halaman website BCA. Link 1, tombol menu beranda, untuk menuju ke halaman Beranda. Link 2, tombol menu pencarian berdasarkan kode cabang untuk mencari data cabang berdasarkan 4 digit depan no rekening. Link 3, tombol menu pencarian berdasarkan nama cabang untuk mencari data cabang berdasarkan nama cabang. Link 4, tombol menu pencarian berdasarkan alamat cabang untuk mencari data cabang berdasarkan alamat cabang. Link 5, tombol menu berita terkini untuk menampilkan berita terbaru dari PT. Bank Central Asia. Link 6, tombol menu perhitungan deposito untuk mengetahui bunga yang akan didapat saat penempatan deposito.
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) 2) 3)
4)
Image, berisi gambar dan logo PT. Bank Central Asia. Input 1, tempat untuk mengisi username. Input 2, tempat untuk mengisi password.
c.
Footer, berisi copyright dan nama pembuat halaman administrator website.
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 filefile 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
3. V. KESIMPULAN Dari hasil pembahasan pada bab-bab sebelumnya, maka penulis menarik beberapa kesimpulan diantaranya adalah : 1.
2.
Website informasi tentang direktori cabang ini bertujuan untuk mempermudah teller melaksanakan tugasnya dalam proses transaksi. 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.
4.
5.
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. Website ini dirancang dengan memadukan kode HTML dengan PHP dan MySQL sehingga menghasilkan website yang dinamis. 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 Webmaster. Jakarta: Mediakita.
Menjadi
