sales kit pt. bank dki skripsi

56
PROGRAM STUDI BROADBAND MULTIMEDIA JURUSAN TEKNIK ELEKTRO POLITEKNIK NEGERI JAKARTA 2021 RANCANG BANGUN APLIKASI ANDROID SALES KIT PT. BANK DKI SKRIPSI Gita Nur Septiani 1803422007

Upload: others

Post on 16-Oct-2021

3 views

Category:

Documents


0 download

TRANSCRIPT

PROGRAM STUDI BROADBAND MULTIMEDIA

JURUSAN TEKNIK ELEKTRO

POLITEKNIK NEGERI JAKARTA

2021

RANCANG BANGUN APLIKASI ANDROID

SALES KIT PT. BANK DKI

SKRIPSI

Gita Nur Septiani

1803422007

PROGRAM STUDI BROADBAND MULTIMEDIA

JURUSAN TEKNIK ELEKTRO

POLITEKNIK NEGERI JAKARTA

2021

RANCANG BANGUN APLIKASI ANDROID

SALES KIT PT. BANK DKI

SKRIPSI

Diajukan sebagai salah satu syarat untuk memperoleh gelar

Sarjana Terapan

Gita Nur Septiani

1803422007

HALAMAN PERNYATAAN ORISINALITAS

Skripsi ini adalah hasil karya saya sendiri dan semua sumber

baik yang dikutip maupun dirujuk telah saya nyatakan dengan

benar.

Nama : Gita Nur Septiani

NIM : 1803422007

Tanda Tangan :

Tanggal : 31 Agustus 2021

iii

iv

v

KATA PENGANTAR

Puji syukur saya panjatkan kepada Tuhan Yang Maha Esa, karena atas

berkat dan rahmat-Nya, penulis dapat menyelesaikan laporan Skripsi ini dengan

baik. Penulisan laporan Skripsi ini dilakukan dalam rangka memenuhi salah satu

syarat untuk mencapai gelar Sarjana Terapan Politeknik. Skripsi ini membahas

tentang “Rancang Bangun Aplikasi Android Sales Kit PT. Bank DKI ”.

Penulis menyadari bahwa, tanpa bantuan dan bimbingan dari berbagai

pihak, dari masa perkuliahan sampai pada penyusunan laporan Skripsi ini,

sangatlah sulit bagi penulis untuk menyelesaikan laporan Skripsi ini. Oleh karena

itu, penulis mengucapkan terima kasih kepada:

1. Agus Wagyana, S. T., M. T. Selaku dosen pembimbing yang telah

menyediakan waktu, tenaga, dan pikiran untuk mengarahkan penulis

dalam penyusunan laporan Skripsi ini;

2. Orang tua dan keluarga penulis yang telah memberikan doa, semangat,

dan support berupa bantuan dukungan moral dan material;

3. Staff pengajar program studi Broadband Multimedia yang telah

mengajar berbagai hal terkait dunia jaringan dan telekomunikasi selama

masa perkuliahan;

4. Teman-teman Broadband Multimedia Lanjutan 2018, selaku my support

system yang membantu proses pembuatan alat dan laporan dari awal

hingga selesai;

5. Orang-orang terdekat penulis, serta teman-teman yang telah membantu

dan memberi dukungan penulis dalam menyelesaikan laporan Skripsi

ini.

Akhir kata, penulis berharap Tuhan Yang Maha Esa berkenan membalas

segala kebaikan seluruh pihak yang telah banyak membantu. Semoga laporan

Skripsi ini membawa manfaat bagi pengembangan ilmu.

Depok, Agustus 2021

Penulis

RANCANG BANGUN APLIKASI ANDROID SALES KIT PT. BANK DKI

vi POLITEKNIK NEGERI JAKARTA

ABSTRAK

Salah satu media untuk menawarkan produk-produk perbankan yaitu sales kit. Sales kit

merupakan alat promosi yang biasa digunakan untuk mengedukasi customer tentang

produk yang dijual atau ditawarkan, serta menyampaikan manfaat yang dapat diperoleh

dari produk tersebut. PT. Bank DKI sebagai salah satu penyedia layanan perbankan

mempermudah karyawannya untuk melakukan penawaran serta edukasi kepada setiap

nasabah dengan membuat sales kit digital yang berbasis pada sistem aplikasi android.

Sales kit ini berisi produk-produk perbankan PT. Bank DKI, mulai dari tabungan hingga

mobile banking. Nasabah yang tertarik dengan produk perbankan PT. Bank DKI dapat

mengirimkan nama, e-mail dan pesan pada kolom isian yang terdapat di aplikasi android

sales kit ini. Data tersebut nantinya akan disimpan pada database dan akan digunakan

untuk proses follow up calon nasabah baru. Hasil pengujian dari aplikasi yang dibuat

menggunakan standar ISO 9126 yaitu untuk aspek functionality, usability dan portability.

Pada pengujian untuk aspek functionality didapatkan hasil bahwa aplikasi dapat 100%

digunakan dengan baik, dari halaman awal aplikasi dibuka hingga halaman menu akhir.

Untuk aspek usability, aplikasi ini terbukti memiliki kehandalan dan kenyamanan bagi

penggunanya dengan tingkat interpretasi yakni acceptable dengan skor SUS sebesar

76,83. Kemudian untuk aspek portability membuktikan bahwa aplikasi yang dibuat dapat

di install pada 4 type device, yaitu Redmi Note 6 Pro (API Level 28), Redmi 6A (API

Level 27), SM-C5010 (API Level 26), SM-6950F (API Level 28) dari 2 merk ponsel

android yaitu Samsung dan Xiaomi

Kata kunci: Aplikasi android, ISO 9126, PT. Bank DKI, Sales Kit

DESIGN OF APPLICATION ANDROID SALES KIT PT. BANK DKI

vii

POLITEKNIK NEGERI JAKARTA

ABSTRACT

One of the media to offer banking products is a sales kit. Sales kits are promotional tools

that are commonly used to educate customers about the products being sold or offered, as

well as conveying the benefits that can be obtained from these products. PT. Bank DKI as

a provider of banking services makes it easier for its employees to offer and educate each

customer by creating a digital sales kit based on the android application system. This

sales kit contains banking products of PT. Bank DKI, from savings to mobile banking.

Customers who are interested in the banking products of PT. Bank DKI can send your

name, e-mail and message in the fields contained in this sales kit android application.

The data will be stored in the database and will be used for the follow-up process of new

prospective customers. The test results of the application made using the ISO 9126

standard are for aspects of functionality, usability and portability. In testing for the

functionality aspect, it was found that the application can be used 100% properly, from

the application's start page to the final menu page. For the usability aspect, this

application is proven to have reliability and convenience for its users with an

interpretation level that is acceptable with an SUS score of 76.83. For the portability

aspect, it proves that the application can be installed on 4 types of devices, namely Redmi

Note 6 Pro (API Level 28), Redmi 6A (API Level 27), SM-C5010 (API Level 26), SM-

6950F (API Level 27). Level 28) of 2 brands of android phones, Samsung and Xiaomi.

Keywords: Android application, ISO 9126, PT. Bank DKI, Sales Kit

POLITEKNIK NEGERI JAKARTA

DAFTAR ISI

HALAMAN SAMPUL .............................................................................................. i

HALAMAN JUDUL .................................................................................................. ii

HALAMAN PERNYATAAN ORISINALITAS ....................................................... iii

LEMBAR PENGESAHAN ....................................................................................... iv

KATA PENGANTAR ................................................................................................ v

ABSTRAK ................................................................................................................. vi

DAFTAR ISI .............................................................................................................. viii

DAFTAR GAMBAR ................................................................................................. xi

DAFTAR TABEL ...................................................................................................... xiii

BAB I PENDAHULUAN ......................................................................................... 1

1.1 Latar Belakang ..................................................................................................... 1

1.2 Perumusan Masalah ............................................................................................. 2

1.3 Tujuan .................................................................................................................. 3

1.4 Luaran .................................................................................................................. 3

BAB II TINJAUAN PUSTAKA .............................................................................. 5

2.1 Jurnal Terkait Pembuatan Aplikasi Android ........................................................ 5

2.2 Penjualan .............................................................................................................. 5

2.3 Definisi Sales Kit ................................................................................................. 6

2.3.1 Bentuk Sales Kit .......................................................................................... 7

2.3.2 Membangun Sales Kit ................................................................................. 8

2.4 Sistem ................................................................................................................... 9

2.5 Aplikasi ................................................................................................................ 10

2.6 Android ................................................................................................................ 10

viii

POLITEKNIK NEGERI JAKARTA

2.6.1 Arsitektur Android ...................................................................................... 11

2.6.2 Kelebihan Android ...................................................................................... 14

2.6.1 Kekurangan Android ................................................................................... 14

2.6.2 Fungsi dalam Android ................................................................................. 15

2.7 Android Studio ..................................................................................................... 17

2.7.1 Android IDE ................................................................................................ 17

2.8 Kualitas Software Model ISO 9126 ..................................................................... 18

2.9 Kualitas Software Model ISO/IEC 25010 ............................................................ 20

BAB III PERENCANAAN DAN REALISASI ...................................................... 23

3.1 Rancangan Aplikasi ............................................................................................. 23

3.1.1 Deskripsi Aplikasi ....................................................................................... 23

3.1.2 Cara Kerja Program Aplikasi ...................................................................... 24

3.1.3 Spesifikasi Aplikasi ..................................................................................... 24

3.1.4 Flowchart Sistem Aplikasi .......................................................................... 25

3.1.5 Perancangan Program Aplikasi ................................................................... 28

3.1.6 Realisasi Program Aplikasi ........................................................................ 37

3.1.6.1 Realisasi Halaman Awal ................................................................ 37

3.1.6.2 Realisasi Halaman Menu Home ..................................................... 39

3.1.6.3 Realisasi Halaman Kirim Pesan ..................................................... 41

3.1.6.4 Realisasi Halaman Menu E-Marketing .......................................... 43

BAB IV PEMBAHASAN ......................................................................................... 58

4.1 Pengujian ISO 9126 ............................................................................................. 58

4.1.1 Deskripsi Pengujian .................................................................................... 58

4.1.2 Prosedur Pengujian...................................................................................... 58

4.1.3 Data Hasil Pengujian ................................................................................... 61

4.1.4 Analisa Data / Evaluasi ............................................................................... 66

POLITEKNIK NEGERI JAKARTA

BAB V SIMPULAN ................................................................................................. 69

DAFTAR PUSTAKA ................................................................................................

DAFTAR RIWAYAT HIDUP...................................................................................

LAMPIRAN...............................................................................................................

xi POLITEKNIK NEGERI JAKARTA

DAFTAR GAMBAR

Gambar 2.1 Arsitektur Android.................................................................................. 11

Gambar 3.1 Flowchart Sistem Aplikasi Sales Kit PT. Bank DKI .............................. 27

Gambar 3.2 Flowchart Perancangan Sistem Aplikasi Sales Kit PT. Bank DKI ........ 30

Gambar 3.3 Rancangan Halaman Awal ..................................................................... 31

Gambar 3.4 Rancangan Halaman Home .................................................................... 32

Gambar 3.5 Rancangan Halaman Menu Kirim Pesan ................................................ 32

Gambar 3.6 Rancangan Halaman Menu E-Marketing ............................................... 33

Gambar 3.7 Rancangan Halaman Menu ATM dan EDC ........................................... 34

Gambar 3.8 Rancangan Halaman Menu Customer Service ....................................... 34

Gambar 3.9 Rancangan Halaman Menu M-Banking .................................................. 35

Gambar 3.10 Rancangan Halaman Menu Standar Penampilan .................................. 36

Gambar 3.11 Rancangan Halaman Menu Teller ........................................................ 36

Gambar 3.12 Rancangan Halaman Menu Visi, Misi dan Budaya Kerja .................... 37

Gambar 3.13 Membuat Layout Halaman Awal .......................................................... 38

Gambar 3.14 Membuat Loading.java ......................................................................... 38

Gambar 3.15 Tampilan Halaman Awal ...................................................................... 39

Gambar 3.16 Script Halaman Home ........................................................................... 40

Gambar 3.17 Tampilan Halaman Home ..................................................................... 41

Gambar 3.18 Script Halaman Menu Kirim Pesan ...................................................... 42

Gambar 3.19 Tampilan Halaman Menu Kirim Pesan ................................................ 43

Gambar 3.20 Script Halaman E-Marketing (1) .......................................................... 43

Gambar 3.21 Script Halaman E-Marketing (2) .......................................................... 44

Gambar 3.22 Tampilan Halaman E-Marketing .......................................................... 45

xii POLITEKNIK NEGERI JAKARTA

Gambar 3.23 Script Halaman Menu ATM dan EDC ................................................. 46

Gambar 3.24 Tampilan Halaman Menu ATM dan EDC ........................................... 47

Gambar 3.25 Script Halaman Menu Customer Service ............................................. 48

Gambar 3.26 Tampilan Halaman Menu Customer Service ........................................ 49

Gambar 3.27 Script Halaman Menu M-Banking ........................................................ 50

Gambar 2.28 Tampilan Halaman Menu M-Banking .................................................. 51

Gambar 3.29 Script Halaman Menu Standar Penampilan.......................................... 52

Gambar 3.30 Tampilan Halaman Menu Standar Penampilan .................................... 53

Gambar 3.31 Script Halaman Menu Teller ................................................................ 54

Gambar 3.32 Tampilan Halaman Menu Teller .......................................................... 55

Gambar 3.32 Script Halaman Menu Visi, Misi dan Budaya Kerja ........................... 56

Gambar 3.33 Tampilan Halaman Menu Visi, Misi dan Budaya Kerja ...................... 57

Gambar 4.1 Halaman Awal Redmi Note 6 Pro API Level 28 .................................... 66

Gambar 4.2 Halaman Awal SM-6950F APILevel 28................................................ 66

POLITEKNIK NEGERI JAKARTA

DAFTAR TABEL

Tabel 2.1 ISO 9126- Functionality ............................................................................. 19

Tabel 2.2 ISO 9126-Usability .................................................................................... 19

Tabel 2.3 ISO 9126-Portability .................................................................................. 20

Tabel 4.1 Skor SUS .................................................................................................... 60

Tabel 4.2 Hasil Tes Functionality .............................................................................. 62

Tabel 4.3 List Pertanyaan Kuisioner untuk Pengujian Usability ................................ 63

Tabel 4.4 Hasil Keseluruhan Pengujian Usability...................................................... 64

Tabel 4.5 Hasil Pengujian Usability ........................................................................... 64

Tabel 4.6 Hasil Pengujian Portability ........................................................................ 65

xiii

POLITEKNIK NEGERI JAKARTA

BAB I

PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi dan telekomunikasi sangat berpengaruh terhadap

kehidupan setiap harinya, khususnya di masyarakat Indonesia sendiri yang

merupakan salah satu pengguna teknologi telekomunikasi terbesar di dunia.

Manfaat kemajuan teknologi telah banyak dirasakan oleh masyarakat luas dengan

berbagai implementasi yang dapat digunakan sehari-hari, salah satunya adalah

kemudahan dalam mengedukasikan suatu tulisan atau penawaran melalui media

digital. Salah satu media digital dan informatif tersebut adalah teknologi

smartphone yang sekarang banyak digunakan oleh setiap kalangan usia. Dalam

smartphone tersebut terdapat berbagai macam aplikasi yang dapat digunakan

untuk mengakses dan mengunggah berbagai macam informasi.

Pemanfaatan teknologi smartphone biasanya digunakan pula untuk

berbagai macam kegiatan, salah satunya adalah melakukan proses penawaran

suatu produk perbankan. Di zaman modern ini penawaran serta pengenalan

produk-produk perbankan tersebut dapat dilakukan melalui media digital guna

memudahkan untuk mengaksesnya dan tentu saja lebih mempermudah

penggunanya dari pada harus membawa sebuah buku yang berisikan produk-

produk tersebut. Biaya yang dikeluarkan oleh pihak penyedia produk juga

menjadi lebih ringan karena tidak diharuskan untuk melalukan print out

produknya dalam lembaran kertas.

Salah satu media untuk menawarkan produk-produk perbankan tersebut

yaitu sales kit. Sales kit merupakan alat promosi yang biasa digunakan untuk

mengedukasi customer tentang produk yang dijual atau ditawarkan, serta

menyampaikan manfaat yang dapat diperoleh dari produk tersebut. Sales kit yang

efektif mengandung sasaran

1

2

POLITEKNIK NEGERI JAKARTA

pasar atau target audiens yang jelas, kelengkapan jenis produk yang ditawarkan,

edukatif serta mudah dipahami agar pengguna dapat dengan mudah menawarkan

produk yang dijualnya sehingga customer memiliki pemahan yang baik mengenai

produk tersebut.

PT. Bank DKI sebagai salah satu penyedia layanan perbankan

mempermudah karyawannya untuk melakukan penawaran serta edukasi kepada

setiap nasabah dengan membuat sales kit digital yang berbasis pada sistem

aplikasi android. Selain mempermudah penggunaannya, sales kit berbasis aplikasi

android ini dapat di perbarui isi kontennya jika terdapat update informasiterbaru.

Sebuah sistem aplikasi yang memiliki tampilan menarik dan informatif

tentu saja dapat mempermudah karyawan frontliner untuk menjelaskan layanan

dan produk yang ada pada PT. Bank DKI sehingga membuat pekerjaan menjadi

efisien dan lebih mudah dimengerti oleh nasabah. Berdasarkan dari uraian di atas,

penulis menyusun skripsi yang berjudul “Rancang Bangun Aplikasi Android

Sales Kit PT. Bank DKI”.

1.2 Perumusan Masalah

Permasalahan yang menjadi bahasan dalam penyusunan skripsi ini adalah

sebagai berikut:

1. Bagaimana merancang sebuah mobile application perbankan yang dapat

diakses dengan smartphone android untuk memudahkan pekerjaan

karyawan PT. Bank DKI?

2. Bagaimana mengimplementasikan aplikasi sales kit yang dirancang

dengan menggunakan Android Studio?

3. Bagaimana tampilan aplikasi sales kit tersebut dan seberapa bermanfaat

informasi yang terdapat di dalamnya?

4. Bagaimana metode pengujian sesuai standar ISO 9126 untuk karakteristik

functionality, usability, portabiliy?

3

POLITEKNIK NEGERI JAKARTA

Untuk membatasi dalam mencari perumusan masalah, maka pembatasan

masalah dibagi menjadi:

1. Mobile application perbankan yang dapat digunakan pada smartphone

android dirancang dengan menggunakan Android Studio

2. Aplikasi sales kit dapat diimplementasikan pada smartphone android

setiap penggunanya

3. Tampilan aplikasi sales kit dirancang sederhana sehingga dapat

mempermudah penggunaannya dalam memahami informasi yang tersedia

5. Metode pengujian menggunakan standar ISO 9126 untuk karakteristik

functionality, usability, portabiliy

1.3 Tujuan

Tujuan dari penyusunan skripsi ini adalah sebagai berikut:

1. Merancang mobile application sales kit perbankan dengan menggunakan

Android Studio sehingga dapat digunakan pada smartphone android

penggunanya

2. Mengimplementasikan mobile application sales kit PT. Bank DKI dengan

melakukan install aplikasi sales kit pada smartphone android penggunanya

3. Membuat tampilan aplikasi sales kit yang sederhana dan informatif

sehingga mudah dipahami serta berguna untuk mempermudah karyawan

frontliner PT. Bank DKI dalam menawarkan produk perbankan

4. Menguji aplikasi sales kit tersebut sesuai dengan standar pengujian ISO

9126 untuk karakteristik functionality, usability, portabiliy pada

smartphone android dan menganalis tentang seberapa menarik dan

bermanfaatnya aplikasi tersebut saat digunakan

1.4 Luaran

Adapun luaran dari penyusunan skripsi ini adalah sebagai berikut:

4

POLITEKNIK NEGERI JAKARTA

1. Membuat mobile application sales kit untuk memudahkan perkerjaan

karyawan PT. Bank DKI dalam memasarkan produk – produk perbankan

2. Laporan skripsi sebagai publikasi dari pembuatan skripsi

3. Jurnal sebagai publikasi dari laporan skripsi dan alat yang dibuat

POLITEKNIK NEGERI JAKARTA

BAB V

SIMPULAN

Berdasarkan perancangan serta hasil pengujian dari alat Skripsi ini, yakni

Rancang Bangun Aplikasi Android Sales Kit PT. Bank DKI, maka dapat

disimpulkan bahwa:

1. Rancangan aplikasi android sales kit berhasil dibuat menggunakan

Android Studio dan dapat digunakan pada smartphone android

penggunanya

2. Aplikasi android sales kit berhasil diimplementasikan pada smartphone

android penggunanya dengan cara melakukan install aplikasi pada

smartphone android tersebut. Aplikasi sales kit ini termasuk aplikasi yang

dapat di-install dengan mudah pada smartphone android penggunanya

3. Aplikasi android sales kit ini memiliki tampilan yang sederhana sehingga

mudah untuk dipahami dan dapat mempermudah penggunanya dalam

memperoleh serta memberikan informasi seputar produk-produk

perbankan PT. Bank DKI, khusunya produk perbankan yang biasa

ditawarkan oleh karyawan PT. Bank DKI di bagian frontliner

4. Berdasarkan hasil pengujian ISO 9126 pada aplikasi sales kit,

menghasilkan nilai aspek funcitionality dengan tingkat kesuksesan 100%,

nilai aspek usability acceptable dengan Skor SUS sebesar 76,83. Pada

pengujian portability membuktikan aplikasi dapat di-install pada 4 perangkat

berbeda yaitu : Redmi Note 6 Pro (API Level 28), Redmi 6A (API Level

27), SM- C5010 (API Level 26), SM-G950F (API Level 28).

69

DAFTAR PUSTAKA

Damita, Yulia., Muntahanah. (2021, Februari). Rancang Bangun Aplikasi Mobile

Penjadwalan Perkuliahan Dengan Database Firebase Dengan Realtime

Notification. Jurnal Pseudocode, 1. [Juni, 20 2021]

Fadilah, Loki. (2018, Oktober 4). Pengertian Android Serta Kelebihan Dan

Kekurangannya (Lengkap). [Juli, 20 2020]

Halim, Leonardo., Tjandra, Suhatati. (2017). Aplikasi Sales Canvassing Berbasis

Android. Jurnal Ilmiah Teknologi dan Rekayasa, 2, 75-83. [Juli 15, 2020]

Herlambang, Soendoro., Tanuwijaya Haryanto. Sistem Informasi: Konsep,

Teknologi dan Manajemen. (2005). Yogyakarta: Graha Ilmu. [Juli 15,

2020]

Himayati. (2008). Eksplorasi Zahir Accounting. Jakarta: PT. Elex Media

Komputindo:https://androbuntu.com/2018/10/04/pengertian-android/. [Juli

1, 2020]

ISO /IEC 25010. (2011). International Standard ISO / IEC (Vol. E). [Agustus

23, 2021]

Iqbal, H. (2016). An Approach For Analyzing ISO / IEC 25010 Product

Quality Requirements Based On Fuzzy Logic And Likert Scale For

Decision Support Systems, 7(12), pp 245–260. [Agustus 23, 2021]

Kristanto, Andri. (2003). Perancangan Sistem Informasi. Yogyakarta: Gava

Media. [Juli 7, 2020]

Kurniawan, Bayu (2021, Juli 2). Contoh Marketing Kit: https://komerce.id/blog/

contoh-marketing-kit/. [Juli 30, 2021]

Lund, A. M. (2001, February). Measuring Usability with the USE

Questionnaire. Retrieved February 12, 2014, from Usability & User

Experience:http://www.stcsig.org/usability/newsletter/0110measuring

withuse.html. [Agustus 23, 2021]

Mulyanto, Agus., Apriyadi., Prasetyawan Purwono. (2018, Januari 1). Rancang

Bangun Game Edukasi Matching Aksara Lampung Bebasis Smartphone

Android. Journal of Computer Engineering System and Science. 3.

[Agustus 24, 2021]

Rahmawati, Nur Dwi (2014, Oktober 21). Kualitas Software atau Perangkat

Lunak:http://nurdwirahmawati.weblog.esaunggul.ac.id/2014/10/21/kualitas

-software-atau perangkat-lunak/. [Juli 7, 2020]

Rogers, Rick., Lombardo, John., Mednieks, Zigurd., Meike, Blake. (2009). Android

Application Development. [Juli 15, 2020]

Safaat H, Nazruddin. ( 2011). Pemrograman Aplikasi Mobile Smartphone dan

Tablet PC Berbasis Android. Bandung: Informatika Bandung. [Juli 3, 2020]

Weinman, W. E. (2001). Web Design for Programmers, Part 1: Fundamentals.

Pearson Education, Peachpit. pp.1-8. [Agustus 23, 2021]

Yudhanto, Yudha., Wijayanto, Ardhi. (2017). Mudah Membuat dan Berbisnis

Aplikasi Android dengan Android Studio. Jakarta: PT Elexmedia

Komputindo. [Juli 1, 2020]

L-1 Riwayat Hidup L-1 Riwayat Hidup

DAFTAR RIWAWAT HIDUP

Gita Nur Septiani

Lahir di Bogor, tanggal 03 September 1996.

Memulai pendidikan formal di taman kanak-kanak

Nurul Amanah, Cisalak Pasar, Depok hingga tahun

2001. Kemudian meneruskan pendidikannya ke

SDN Curug 3 hingga lulus tahun 2008. Setelah itu

melanjutkan pendidikan di SMPN 7 Depok dan

lulus tahun 2011. Penulis melanjutkan ke SMAN 7

Depok dan lulus pada tahun 2014. Setelah lulus

dari SMA, lalu melanjutkan pendidikan ke jenjang

Diploma III Jurusan Teknik Elektro program studi

Teknik Telekomunikasi di Politeknik Negeri Jakarta dan lulus pada tahun 2017.

Kemudian melanjutkan pendidikan ke jenjang Diploma IV Jurusan Teknik Elektro

program studi Broadband Multimedia di Politeknik Negeri Jakarta.

L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java L-2 Script Java

package com.example.saleskit;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

public class Loading extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.loading);

LOADING();

}

public void LOADING(){

new Thread() {

public void run() {

try{

Thread.sleep(3000);}

catch (Exception e) {}

Intent i = new Intent(Loading.this, Login.class);

Loading.this.finish();

startActivity(i);

} }.start();

}

}

L-2 (Lanjutan)

package com.example.saleskit;

import android.Manifest;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.app.AlertDialog;

import android.app.ProgressDialog;

import android.content.DialogInterface;

import android.content.Intent;

import android.content.SharedPreferences;

import android.content.pm.PackageManager;

import android.os.AsyncTask;

import android.os.Bundle;

import android.preference.PreferenceManager;

import android.util.Log;

import android.view.KeyEvent;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

import androidx.core.app.ActivityCompat;

import androidx.core.content.ContextCompat;

import org.apache.http.NameValuePair;

import org.apache.http.message.BasicNameValuePair;

import org.json.JSONArray;

import org.json.JSONException;

import org.json.JSONObject;

import java.util.ArrayList;

import java.util.List;

public class Login extends Activity {

EditText txtno_ktp,txtpassword;

String ip="";

L-2 (Lanjutan)

int sukses;

private ProgressDialog pDialog;

JSONParser jsonParser = new JSONParser();

private static final int MY_PERMISSION_REQUEST = 1;

private static final String TAG_SUKSES = "sukses";

private static final String TAG_record = "record";

String id="",nama="";

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.login);

ip=jsonParser.getIP();

txtno_ktp=(EditText)findViewById(R.id.txtno_ktp);

txtpassword=(EditText)findViewById(R.id.txtpassword);

Button btnLogin= (Button)

findViewById(R.id.btnLogin);

btnLogin.setOnClickListener(new

View.OnClickListener() {

@Override

public void onClick(View v) {

String

no_ktp=txtno_ktp.getText().toString();

String

pass=txtpassword.getText().toString();

if(no_ktp.length()<1){lengkapi("Nomer

Identitas");}

else

if(pass.length()<1){lengkapi("Password");}

else{

L-2 (Lanjutan)

new ceklogin().execute();

}

}

});

Button btnRegistrasi= (Button)

findViewById(R.id.btnRegistrasi);

btnRegistrasi.setOnClickListener(new

View.OnClickListener() {

@Override

public void onClick(View v) {

Intent i = new Intent(Login.this,

Registrasi.class);

}

});

startActivity(i);

TextView txtRegistrasi= (TextView)

findViewById(R.id.txtLupa_password);

txtRegistrasi.setOnClickListener(new

View.OnClickListener() {

@Override

public void onClick(View v) {

Intent i = new Intent(Login.this,

Lupa_password.class);

}

});

startActivity(i);

}

public void gagal(){

L-2 (Lanjutan)

Kembali")

new AlertDialog.Builder(this)

.setTitle("Gagal Login")

.setMessage("Silakan Cek Account Anda

.setNeutralButton("Tutup", new

DialogInterface.OnClickListener() {

public void onClick(DialogInterface

dlg, int sumthin) {

}})

.show();

}

class ceklogin extends AsyncTask<String, String, String> {

@Override

protected void onPreExecute() {

super.onPreExecute();

pDialog = new ProgressDialog(Login.this);

pDialog.setMessage("Proses Login...");

pDialog.setIndeterminate(false);

pDialog.setCancelable(true);

pDialog.show();

}

protected String doInBackground(String... params) {

try {

String

no_ktp=txtno_ktp.getText().toString().trim();

String

password=txtpassword.getText().toString().trim();

List<NameValuePair> myparams = new

ArrayList<NameValuePair>();

L-2 (Lanjutan)

myparams.add(new BasicNameValuePair("no_ktp", no_ktp));

myparams.add(new

BasicNameValuePair("password", password));

String url=ip+"anggota_login.php";

Log.v("detail",url);

JSONObject json =

jsonParser.makeHttpRequest(url, "GET", myparams);

Log.d("detail", json.toString());

sukses = json.getInt(TAG_SUKSES);

if (sukses == 1) {

JSONArray myObj =

json.getJSONArray(TAG_record); //JSON Array

final JSONObject myJSON =

myObj.getJSONObject(0);

runOnUiThread(new Runnable() {

public void run() {

try {

id=myJSON.getString("id");

nama=myJSON.getString("nama");

{e.printStackTrace();}

}

catch (JSONException e)

}});

}

} catch (JSONException e) {

e.printStackTrace();

}

return null;

}

@SuppressLint("NewApi")

L-2 (Lanjutan)

protected void onPostExecute(String file_url) {

pDialog.dismiss();

Log.v("SUKSES",id);

if(sukses==1){

final SharedPreferences sharedPref =

PreferenceManager.getDefaultSharedPreferences(Login.this);

SharedPreferences.Editor editor =

sharedPref.edit();

editor.putBoolean("Registered", true);

editor.putString("id", id);

editor.putString("nama", nama);

editor.apply();

Intent i = new

Intent(getApplicationContext(),Aplikasi.class);

i.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

startActivity(i);

finish();

}

else{gagal("Login"); }

}

}

public void lengkapi(String item){

new AlertDialog.Builder(this)

.setTitle("Lengkapi Data")

.setMessage("Silakan lengkapi data

"+item)

.setNeutralButton("OK", new

DialogInterface.OnClickListener() {

L-2 (Lanjutan)

dlg, int sumthin) {

}

public void onClick(DialogInterface

}})

.show();

public void gagal(String item){

new AlertDialog.Builder(this)

.setTitle("Gagal Login")

.setMessage("Login "+item+" ,, Gagal")

.setNeutralButton("OK", new

DialogInterface.OnClickListener() {

public void onClick(DialogInterface

dlg, int sumthin) {

}

}})

.show();

public boolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK) {

finish();

return true;

}

return super.onKeyDown(keyCode, event);

}

}

L-2 (Lanjutan)

package com.example.saleskit;

import android.app.Activity;

import android.app.AlertDialog;

import android.app.ProgressDialog;

import android.content.DialogInterface;

import android.content.Intent;

import android.os.AsyncTask;

import android.os.Bundle;

import android.text.Html;

import android.text.TextUtils;

import android.util.Log;

import android.view.KeyEvent;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

import org.apache.http.NameValuePair;

import org.apache.http.message.BasicNameValuePair;

import org.json.JSONException;

import org.json.JSONObject;

import java.util.ArrayList;

import java.util.Calendar;

import java.util.List;

public class Registrasi extends Activity {

String ip="";

EditText txtno_ktp;

EditText txtnama;

EditText txttelepon;

L-2 (Lanjutan)

EditText txtemail;

EditText txtusername;

EditText txtpassword;

Button btnProses;

Button btnHapus;

private ProgressDialog pDialog;

JSONParser jsonParser = new JSONParser();

private static final String TAG_SUKSES = "sukses";

private static final String TAG_record = "record";

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.registrasi);

ip=jsonParser.getIP();

callMarquee();

txtno_ktp= (EditText) findViewById(R.id.txtno_ktp);

txtnama= (EditText) findViewById(R.id.txtnama);

txtemail= (EditText) findViewById(R.id.txtemail);

txtusername= (EditText)

findViewById(R.id.txtusername);

txtpassword = (EditText)

findViewById(R.id.txtpassword);

txttelepon= (EditText) findViewById(R.id.txttelepon);

btnProses= (Button) findViewById(R.id.btnproses);

btnHapus = (Button) findViewById(R.id.btnhapus);

L-2 (Lanjutan)

}});

btnProses.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

String lno_ktp=

txtno_ktp.getText().toString();

String lnama=

txtnama.getText().toString();

String lemail=

txtemail.getText().toString();

String lusername=

txtusername.getText().toString();

String lpassword=

txtpassword.getText().toString();

String ltelepon=

txttelepon.getText().toString();

if(lno_ktp.length()<1){lengkapi("no_ktp");}

else

if(lnama.length()<1){lengkapi("nama");}

else

if(lemail.length()<1){lengkapi("email");}

else

if(lusername.length()<1){lengkapi("username");}

else

if(lpassword.length()<1){lengkapi("password");}

else

if(ltelepon.length()<1){lengkapi("telepon");}

else{

new save().execute();

}

L-2 (Lanjutan)

List<NameValuePair> params = new

btnHapus.setOnClickListener(new

View.OnClickListener() {

@Override

public void onClick(View arg0) {

finish();

}});

}

//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++

class save extends AsyncTask<String, String, String> {

@Override

protected void onPreExecute() {

super.onPreExecute();

pDialog = new ProgressDialog(Registrasi.this);

pDialog.setMessage("Menyimpan data ...");

pDialog.setIndeterminate(false);

pDialog.setCancelable(true);

pDialog.show();

}

protected String doInBackground(String... args) {

String lno_ktp= txtno_ktp.getText().toString();

String lnama= txtnama.getText().toString();

String lemail= txtemail.getText().toString();

String lusername=

txtusername.getText().toString();

String lpassword=

txtpassword.getText().toString();

String ltelepon=

txttelepon.getText().toString();

L-2 (Lanjutan)

ArrayList<NameValuePair>();

params.add(new BasicNameValuePair("no_ktp",

lno_ktp));

lnama));

lemail));

ltelepon));

lusername));

lpassword));

params.add(new BasicNameValuePair("nama",

params.add(new BasicNameValuePair("email",

params.add(new BasicNameValuePair("telepon",

params.add(new BasicNameValuePair("username",

params.add(new BasicNameValuePair("password",

String url=ip+"anggota_add.php";

Log.v("add",url);

JSONObject json =

jsonParser.makeHttpRequest(url,"POST", params);

Log.d("add", json.toString());

try {

int sukses = json.getInt(TAG_SUKSES);

if (sukses == 1) {

Intent i = getIntent();

setResult(100, i);

finish();

} else {

// gagal update data

}

} catch (JSONException e) {

e.printStackTrace();

}

return null;

}

L-2 (Lanjutan)

protected void onPostExecute(String file_url)

{pDialog.dismiss();}

}

//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++

public void lengkapi(String item){

new AlertDialog.Builder(this)

.setTitle("Lengkapi Data")

.setMessage("Silakan lengkapi data "+item

+" !")

.setNeutralButton("Tutup", new

DialogInterface.OnClickListener() {

public void onClick(DialogInterface

dlg, int sumthin) {

}

finish();

}}).show();

void callMarquee(){

Calendar cal = Calendar.getInstance();

int jam = cal.get(Calendar.HOUR);

int menit= cal.get(Calendar.MINUTE);

int detik= cal.get(Calendar.SECOND);

int tgl= cal.get(Calendar.DATE);

int bln= cal.get(Calendar.MONTH)+1;

int thn= cal.get(Calendar.YEAR);

String stgl=String.valueOf(tgl)+"-

"+String.valueOf(bln)+"-"+String.valueOf(thn);

String

sjam=String.valueOf(jam)+":"+String.valueOf(menit)+":"+String.val

L-2 (Lanjutan)

ueOf(detik);

TextView

txtMarquee=(TextView)findViewById(R.id.txtMarquee);

txtMarquee.setSelected(true);

String kata="Sales Bank DKI "+stgl+"/"+sjam+" #";

String

kalimat=String.format("%1$s",TextUtils.htmlEncode(kata));

txtMarquee.setText(Html.fromHtml(kalimat+kalimat+kalimat));

}

public boolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK) {

finish();

return true;

}

return super.onKeyDown(keyCode, event);

}

}

L-3 Script HTML

<html lang="en" dir="ltr">

<head>

<meta charset="utf-8">

<link rel="stylesheet" href="style.css">

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div class="loader"><center>

<div class="image"></div>

</div>

<script>

const loader = document.querySelector(".loader");

window.onload = function(){

setTimeout(function(){

loader.style.opacity = "0";

setTimeout(function(){

loader.style.display = "none";

}, 500);

},3000);

}

</script>

</body>

</html>

L-3 (Lanjutan)

<html lang="en" dir="ltr">

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-

scale=1" />

<title>Sales Kit PT. Bank DKI</title>

<link

href="https://fonts.googleapis.com/css?family=Montserrat:400,500|

Poppins:400,500,600,700|Roboto:400,500" rel="stylesheet"/>

<link

href="https://cdn.materialdesignicons.com/3.0.39/css/materialdesi

gnicons.min.css" rel="stylesheet" />

<link href="assets/plugins/toaster/toastr.min.css"

rel="stylesheet" />

<link href="assets/plugins/nprogress/nprogress.css"

rel="stylesheet" />

<link href="assets/plugins/flag-icons/css/flag-icon.min.css"

rel="stylesheet"/>

<link href="assets/plugins/jvectormap/jquery-jvectormap-

2.0.3.css" rel="stylesheet" />

<link href="assets/plugins/ladda/ladda.min.css"

rel="stylesheet" />

<link href="assets/plugins/select2/css/select2.min.css"

rel="stylesheet" />

<link href="assets/plugins/daterangepicker/daterangepicker.css"

rel="stylesheet" />

<link id="sleek-css" rel="stylesheet"

href="assets/css/sleek.css" />

<link href="assets/img/favicon.png" rel="shortcut icon" />

L-3 (Lanjutan)

<script src="assets/plugins/nprogress/nprogress.js"></script>

</head>

<header class="main-header" id="header">

<nav class="navbar navbar-static-top navbar-expand-lg

bg-danger">

<div class="navbar-left ">

<ul class="nav navbar-nav">

<li class="dropdown user-menu">

<h5 id="UP">

<a

href="index.html"><img src="assets/home.png" width="30"

height="30" title="Kembali"></a>&nbsp;&nbsp;

<font color="#fff">Silakan Tinggal

Pesan Atau Data Anda</font></h5>

</li>

</ul>

</div>

</nav>

</header>

<div class="content-wrapper">

<div class="row">

<div class="col-xl-12 col-md-12">

<div class="card card-default" data-scroll-height="675">

<div class="card-footer d-flex flex-wrap bg-white p-0">

<div class="content-wrapper">

<div class="content">

<div class="invoice-wrapper rounded border bg-white py-5

px-3 px-md-4 px-lg-5">

<div class="d-flex justify-content-between">

L-3 (Lanjutan)

<h3 class="text-dark font-weight-

medium">Form Pesan</h3>

align="justify">

Bank DKI</h5>

</div>

<div class="row pt-5">

<div class="col-xl-12 col-lg-12"

<h5>Mari Menjadi Salah Satu Nasabah PT.

<form

action="https://basicprogram.partaimedsos.com/sales/kirim.php"

method="post">

<div class="content-wrapper">

<div class="content">

<div class="row">

lg-8">

class="card card-default">

class="card-body">

<form >

<div class="form-row">

<div class="col-md-12 mb-3">

<label>Nama</label>

<div class="col-

<div

<div

<input type="text" class="form-control"

name="nama" placeholder="Nama" required>

L-3 (Lanjutan)

<div class="valid-feedback">

Please choose a Nama.

</div>

</div>

<div class="col-md-12 mb-3">

<label>Telepon</label>

<input type="text" class="form-control"

name="telepon" placeholder="Telepon" required>

<div class="valid-feedback">

Please choose a Telepon.

</div>

</div>

<div class="col-md-12 mb-3">

<label>Email</label>

<input type="text" class="form-control"

name="email" placeholder="Email" required>

<div class="valid-feedback">

Please choose a Email.

L-3 (Lanjutan)

</div>

</div>

<div class="col-md-12 mb-3">

<label >Pesan</label>

<textarea type="text" class="form-control"

name="pesan" placeholder="Pesan" aria-

describedby="inputGroupPrepend3"

required></textarea>

<div class="invalid-feedback">

Please choose a Pesan.

</div>

</div>

</div>

<button class="btn btn-success btn-sm" name="Kirim"

type="submit">Kirim</button>

<button class="btn btn-danger btn-sm" name="reset"

type="Reset">Reset</button>

</form>

</div>

</div>

L-3 (Lanjutan)

</div>

</div>

</div>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<a href="#UP"><img src="assets/up.png" width="40"

height="40"></a>

<script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDCn8TFXGg1

7HAUcNpkwtxxyT9Io9B_NcM" defer></script>

<script src="assets/plugins/jquery/jquery.min.js"></script>

<script

src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></scrip

t>

<script src="assets/plugins/toaster/toastr.min.js"></script>

<script

L-3 (Lanjutan)

src="assets/plugins/slimscrollbar/jquery.slimscroll.min.js"></scr

ipt>

<script src="assets/plugins/charts/Chart.min.js"></script>

<script src="assets/plugins/ladda/spin.min.js"></script>

<script src="assets/plugins/ladda/ladda.min.js"></script>

<script src="assets/plugins/jquery-mask-

input/jquery.mask.min.js"></script>

<script src="assets/plugins/select2/js/select2.min.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-

2.0.3.min.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-world-

mill.js"></script>

<script

src="assets/plugins/daterangepicker/moment.min.js"></script>

<script

src="assets/plugins/daterangepicker/daterangepicker.js"></script>

<script src="assets/plugins/jekyll-search.min.js"></script>

<script src="assets/js/sleek.js"></script>

<script src="assets/js/chart.js"></script>

<script src="assets/js/date-range.js"></script>

<script src="assets/js/map.js"></script>

<script src="assets/js/custom.js"></script>

</body>

</html>

L-3 (Lanjutan)

<html lang="en" dir="ltr">

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-

scale=1" />

<title>Sales Kit PT. Bank DKI</title>

<link

href="https://fonts.googleapis.com/css?family=Montserrat:400,500|

Poppins:400,500,600,700|Roboto:400,500" rel="stylesheet"/>

<link

href="https://cdn.materialdesignicons.com/3.0.39/css/materialdesi

gnicons.min.css" rel="stylesheet" />

<link href="assets/plugins/toaster/toastr.min.css"

rel="stylesheet" />

<link href="assets/plugins/nprogress/nprogress.css"

rel="stylesheet" />

<link href="assets/plugins/flag-icons/css/flag-icon.min.css"

rel="stylesheet"/>

<link href="assets/plugins/jvectormap/jquery-jvectormap-

2.0.3.css" rel="stylesheet" />

<link href="assets/plugins/ladda/ladda.min.css"

rel="stylesheet" />

<link href="assets/plugins/select2/css/select2.min.css"

rel="stylesheet" />

<link href="assets/plugins/daterangepicker/daterangepicker.css"

rel="stylesheet" />

<link id="sleek-css" rel="stylesheet"

href="assets/css/sleek.css" />

<link href="assets/img/favicon.png" rel="shortcut icon" />

L-3 (Lanjutan)

<script src="assets/plugins/nprogress/nprogress.js"></script>

</head>

<header class="main-header" id="header">

<nav class="navbar navbar-static-top navbar-expand-lg

bg-danger">

<div class="navbar-left ">

<ul class="nav navbar-nav">

<li class="dropdown user-menu">

<h4>

DKI</font></h4>

</li>

</ul>

<font color="#fff">Informasi Bank

</div>

</nav>

</header>

<div class="content-wrapper">

<div class="row">

<div class="col-xl-12 col-md-12">

<br><br><br><br>

<div align="center">

<div >

<div class="col-8 px-0">

<iframe width="100%" height="400" src="video.mp4"

frameborder="0" allowfullscreen></iframe>

</div>

</div>

L-3 (Lanjutan)

</div>

<div class="card card-default"

data-scroll-height="675">

bg-white p-0">

class="card-body">

<div class="card-footer d-flex flex-wrap

<div class="col-6 px-0">

<div class="text-center p-4">

<a href="index2.html">

<div

<img

src="assets/img/credit-card-3.png" width="120px" height="130px">

<br><br>E Marketing

</div>

</div>

</a>

</div>

left">

class="card-body">

<div class="col-6 px-0">

<div class="text-center p-4 border-

<a href="kirim.html">

<div

<img

src="assets/img/increasing-chart.png" width="120px"

height="130px">

<br><br>Kirim Pesan

</div>

</a>

</div>

L-3 (Lanjutan)

</div>

</div>

</div>

</div>

</div>

</div>

<script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDCn8TFXGg1

7HAUcNpkwtxxyT9Io9B_NcM" defer></script>

<script src="assets/plugins/jquery/jquery.min.js"></script>

<script

src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></scrip

t>

<script src="assets/plugins/toaster/toastr.min.js"></script>

<script

src="assets/plugins/slimscrollbar/jquery.slimscroll.min.js"></scr

ipt>

<script src="assets/plugins/charts/Chart.min.js"></script>

<script src="assets/plugins/ladda/spin.min.js"></script>

<script src="assets/plugins/ladda/ladda.min.js"></script>

<script src="assets/plugins/jquery-mask-

input/jquery.mask.min.js"></script>

<script src="assets/plugins/select2/js/select2.min.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-

2.0.3.min.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-world-

mill.js"></script>

<script

src="assets/plugins/daterangepicker/moment.min.js"></script>

<script

src="assets/plugins/daterangepicker/daterangepicker.js"></script>

<script src="assets/plugins/jekyll-search.min.js"></script>

L-3 (Lanjutan)

<script src="assets/js/sleek.js"></script>

<script src="assets/js/chart.js"></script>

<script src="assets/js/date-range.js"></script>

<script src="assets/js/map.js"></script>

<script src="assets/js/custom.js"></script>

</body>

</html>

<html lang="en" dir="ltr"> EMARKETING

<head>

<meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="viewport" content="width=device-width, initial-

scale=1" />

<title>Sales Kit PT. Bank DKI</title>

<link

href="https://fonts.googleapis.com/css?family=Montserrat:400,500|

Poppins:400,500,600,700|Roboto:400,500" rel="stylesheet"/>

<link

href="https://cdn.materialdesignicons.com/3.0.39/css/materialdesi

gnicons.min.css" rel="stylesheet" />

<link href="assets/plugins/toaster/toastr.min.css"

rel="stylesheet" />

<link href="assets/plugins/nprogress/nprogress.css"

rel="stylesheet" />

<link href="assets/plugins/flag-icons/css/flag-icon.min.css"

rel="stylesheet"/>

<link href="assets/plugins/jvectormap/jquery-jvectormap-

2.0.3.css" rel="stylesheet" />

<link href="assets/plugins/ladda/ladda.min.css"

L-3 (Lanjutan)

<div class="content-wrapper">

rel="stylesheet" />

<link href="assets/plugins/select2/css/select2.min.css"

rel="stylesheet" />

<link href="assets/plugins/daterangepicker/daterangepicker.css"

rel="stylesheet" />

<link id="sleek-css" rel="stylesheet"

href="assets/css/sleek.css" />

<link href="assets/img/favicon.png" rel="shortcut icon" />

<script src="assets/plugins/nprogress/nprogress.js"></script>

</head>

<header class="main-header" id="header">

<nav class="navbar navbar-static-top navbar-expand-lg

bg-danger">

<div class="navbar-left ">

<ul class="nav navbar-nav">

<li class="dropdown user-menu">

<h4 id="UP">

<a href="index.html"><img src="assets/home.png" width="30"

height="30" title="Kembali"></a>

<font color="#fff">Informasi Bank

DKI</font></h4>

</li>

</ul>

</div>

</nav>

</header>

L-3 (Lanjutan)

<br><br>Standar Penampilan Bank DKI

<div class="row">

height="675">

<div class="col-xl-12 col-md-12">

<div class="card card-default" data-scroll-

<div class="card-footer d-

flex flex-wrap bg-white p-0">

<div class="col-6 px-0">

<div class="text-center p-4">

<a href="edc.html">

class="card-body">

<div

<img

src="assets/img/atm-cash.png" width="120px" height="130px">

<br><br>ATM dan EDC

</div>

</div>

</a>

</div>

left">

class="card-body">

<div class="col-6 px-0">

<div class="text-center p-4 border-

<a href="standar.html">

<div

src="assets/img/safe-transaction.png" width="120px"

height="130px">

<img

L-3 (Lanjutan)

</div>

</div>

</div>

</div>

</div>

</a>

<div class="card card-default"

data-scroll-height="675">

bg-white p-0">

<div class="card-footer d-flex flex-wrap

<div class="col-6 px-0">

<div class="text-center p-4">

<a href="cs.html">

class="card-body">

<div

<img

src="assets/img/bank.png" width="120px" height="130px">

<br><br>Customer Service

</div>

</div>

</div>

</a>

left">

class="card-body">

<div class="col-6 px-0">

<div class="text-center p-4 border-

<a href="teller.html">

<div

<img

src="assets/img/cash.png" width="120px" height="130px">

L-3 (Lanjutan)

<br><br>Teller

</div>

</div>

</div>

</div>

</a>

</div>

<div class="card card-default"

data-scroll-height="675">

bg-white p-0">

class="card-body">

<div class="card-footer d-flex flex-wrap

<div class="col-6 px-0">

<div class="text-center p-4">

<a href="mbanking.html">

<div

<img

src="assets/img/credit-card-3.png" width="120px" height="130px">

<br><br>M-banking

</div>

</div>

</a>

</div>

left">

class="card-body">

<div class="col-6 px-0">

<div class="text-center p-4 border-

<a href="visi.html">

<div

<img

src="assets/img/increasing-chart.png" width="120px"

L-3 (Lanjutan)

height="130px">

<br><br>Visi, Misi dan Budaya Kerja

</div>

</div>

</div>

</div>

</div>

</div>

</a>

</div>

</div>

<script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDCn8TFXGg1

7HAUcNpkwtxxyT9Io9B_NcM" defer></script>

<script src="assets/plugins/jquery/jquery.min.js"></script>

<script

src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></scrip

t>

<script src="assets/plugins/toaster/toastr.min.js"></script>

<script

src="assets/plugins/slimscrollbar/jquery.slimscroll.min.js"></scr

ipt>

<script src="assets/plugins/charts/Chart.min.js"></script>

<script src="assets/plugins/ladda/spin.min.js"></script>

<script src="assets/plugins/ladda/ladda.min.js"></script>

<script src="assets/plugins/jquery-mask-

input/jquery.mask.min.js"></script>

<script src="assets/plugins/select2/js/select2.min.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-

2.0.3.min.js"></script>

<script src="assets/plugins/jvectormap/jquery-jvectormap-world-

42

POLITEKNIK NEGERI JAKARTA

mill.js"></script>

<script src="assets/plugins/daterangepicker/moment.min.js"></script>

<script src="assets/plugins/daterangepicker/daterangepicker.js"></script>

<script src="assets/plugins/jekyll-search.min.js"></script>

<script src="assets/js/sleek.js"></script>

<script src="assets/js/chart.js"></script>

<script src="assets/js/date-range.js"></script>

<script src="assets/js/map.js"></script>

<script src="assets/js/custom.js"></script>

</body>

L-3 (Lanjutan)

</html>