E-BLAST: APLIKASI BLAST BERBASIS WEB DENGAN METODE QUEUE LARAVEL DAN MASKING URL SKRIPSI

(1)

E-BLAST: APLIKASI E-MAIL BLAST BERBASIS WEB

DENGAN METODE QUEUE LARAVEL

DAN MASKING URL

SKRIPSI

Diajukan sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer (S.Kom.)

William Santoso 00000011212

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNIK DAN INFORMATIKA

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

(2)

HALAMAN PENGESAHAN

E-BLAST: APLIKASI E-MAIL BLAST BERBASIS WEB

DENGAN METODE QUEUE LARAVEL

DAN MASKING URL

oleh

Nama : William Santoso NIM : 00000011212 Program Studi : Informatika

Fakultas : Teknik dan Informatika

Tangerang, 22 Mei 2020 Ketua Sidang

Nunik Afriliana, S.Kom., MMSI.,

Dosen Penguji

Ni Made Satvika Iswari, S.T., M.T.

Dosen Pembimbing

Farica Perdana Putri, S.Kom., M.sc, Mengetahui,

Ketua Program Studi Informatika

(3)

PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Dengan ini saya:

Fakultas : Fakultas Teknik dan Informatika

menyatakan bahwa Skripsi yang berjudul “E-Blast: Aplikasi E-Mail Blast

Berbasis Web Dengan Metode Queue Laravel dan Masking URL” ini adalah

karya ilmiah saya sendiri, bukan plagiat dari karya ilmiah yang ditulis oleh orang lain atau lembaga lain, dan semua karya ilmiah orang lain atau lembaga lain yang dirujuk dalam Skripsi ini telah disebutkan sumber kutipannya serta dicantumkan di Daftar Pustaka.

Jika di kemudian hari terbukti ditemukan kecurangan/ penyimpangan, baik dalam pelaksanaan Skripsi maupun dalam penulisan laporan Skripsi, saya bersedia menerima konsekuensi dinyatakan TIDAK LULUS untuk mata kuliah Skripsi yang telah saya tempuh.

Tangerang, 22 Mei 2020

(4)

PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

UNTUK KEPENTINGAN AKADEMIS

Sebagai sivitas akademik Universitas Multimedia Nusantara, saya yang bertanda tangan di bawah ini:

Fakultas : Fakultas Teknik dan Informatika Jenis Karya : Program

Demi pengembangan ilmu pengetahuan, menyetujui dan memberikan izin kepada

Universitas Multimedia Nusantara hak Bebas Royalti Non-eksklusif

(Non-exclusive Royalty-Free Right) atas karya ilmiah saya yang berjudul:

E-Blast: Aplikasi E-Mail Blast Berbasis Web Dengan Metode Queue Laravel dan Masking URL

beserta perangkat yang diperlukan.

Dengan Hak Bebas Royalti Non-eksklusif ini, pihak Universitas Multimedia

Nusantara berhak menyimpan, mengalihmedia atau format-kan, mengelola dalam

bentuk pangkalan data (database), merawat, dan mendistribusi dan menampilkan atau mempublikasikan karya ilmiah saya di internet atau media lain untuk kepentingan akademis, tanpa perlu meminta izin dari saya maupun memberikan royalti kepada saya, selama tetap mencantumkan nama saya sebagai penulis karya ilmiah tersebut. Demikian pernyataan ini saya buat dengan sebenarnya untuk dipergunakan sebagaimana mestinya.

(5)

HALAMAN PERSEMBAHAN / MOTO

I can do all things through Him who strengthens me. - Philippians 4:13

(6)

KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa atas diberikannya kesehatan dan hikmat sehingga terselesaikannya laporan Skripsi yang berjudul E-Blast: Aplikasi E-mail Blast Berbasis Web Dengan Metode Queue Laravel dan Masking URL. Laporan Skripsi ini dibuat sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer di fakultas Teknik dan Informatika jurusan Informatika Universitas Multimedia Nusantara Tangerang.

Penulis juga berterima kasih kepada:

1. Dr. Ninok Leksono, Rektor Universitas Multimedia Nusantara, yang memberi inspirasi bagi penulis untuk berprestasi,

2. Dr. Eng. Niki Prastomo, S.T., M.Sc., Dekan Fakultas Teknik dan Informatika Universitas Multimedia Nusantara,

3. Nunik Afriliana, S.Kom., MMSI., Ketua Program Studi Informatika, yang menerima penulis dengan baik untuk berkonsultasi,

4. Farica Perdana Putri, S.Kom., M.Sc., yang membimbing pembuatan Skripsi dan yang telah mengajar tata cara menulis karya ilmiah yang benar,

5. Keluarga yang selalu mendukung dan memberikan semangat selama proses pelaksanaan dan pembuatan Skripsi,

6. Sandra Leuwina Wibowo yang selalu memberikan dukungan, doa dan perhatian selama pembuatan Skripsi,

7. Leonardus Steven dan Jovian Anderson selaku CEO PT Vodea Dwi Karsa yang telah membimbing selama pembuatan skripsi.

8. Teman-teman terdekat saya Andreas, Handika Dwi, Johanes Ilham, Joseph Kun, Joshua Palanka, Ronald Tarigan yang memberikan dukungan, semangat, dan hiburan selama pembuatan Skripsi,

9. Teman-teman program studi Informatika Andre Setiawan, Davin Ongkadinata, Dennis T. Kusuma, Firdayanti Juwono, Kristoforus Martin, Heri Soeparno, Wiwi Clarissa yang memberikan dukungan, semangat, dan hiburan selama pembuatan Skripsi, dan

(7)

10. Semua pihak lain yang terlibat dalam pembuatan Skripsi yang tidak dapat disebutkan satu per satu.

Semoga Skripsi ini dapat bermanfaat, baik sebagai sumber informasi maupun sumber inspirasi, bagi para pembaca.

(8)

E-Blast: Aplikasi E-Mail Blast Berbasis Web

Dengan Metode Queue Laravel

Dan Masking URL

ABSTRAK

Teknologi semakin berkembang dan digunakan di kehidupan sehari-hari, salah satunya penggunaan e-mail di perusahaan-perusahaan atau bisnis. Perusahaan-perusahaan atau bisnis yang melakukan pemasaran produk atau jasanya tentu memerlukan e-mail sehingga kegiatan pemasaran berjalan dengan lancar dan target konsumennya bisa langsung mengaksesnya dengan mudah. Namun, salah satu

platform pengiriman e-mail / gmail oleh para tim marketing tidak menyediakan

fitur-fitur yang esensial seperti yang ada di aplikasi E-blast, yaitu: informasi mengenai sudah atau belumnya e-mail dibaca, masking pengirim dan personalisasi

e-mail, dan e-mail yang dibuat dipastikan tidak masuk ke folder Spam secara

otomatis. Tujuan dari penelitian ini adalah untuk merancang dan membangun aplikasi e-mail blast menggunakan Laravel sebagai backend dan ReactJS sebagai

frontend. Penerimaan aplikasi ini diukur dengan menggunakan metode Technology

Acceptance Model (TAM) yang diambil dari kuisioner online dan telah dijawab oleh 18 pengguna aplikasi e-blast, terdapat 27 pernyataan dengan menggunakan skala Likert 5 alternatif jawaban dengan hasil perceived ease of use sebesar 88%,

perceived usefulness sebesar 85.27%, attitude toward using sebesar 77.42%, behavioral intention to use sebesar 85.3%, dan actual technology use sebesar

79.54%.

Kata Kunci: e-mail blast, e-mail marketing, technology acceptance model (TAM),

(9)

E-Blast: Aplikasi E-Mail Blast Berbasis Web

Dengan Metode Queue Laravel

Dan Masking URL

ABSTRACT

Technology is increasingly developed and being used in daily life, one of the technologies being used by companies or businesses is e-mail. Companies or businesses which promotes their product or services need e-mail so the marketing activites run smoothly and the target customers can access the service easily. However, one of the e-mail platforms / Gmail does not provide essential features like those in the E-blast application, such as: information about the email, whether the message has been read or not by the receiver, masking sender and personalized e-mail, so the receiver does not know to whom the sender send all the e-mail, it is more personal for the receiver, and the last one is the e-mail made by the sender will not be sent automatically to the Spam folder of the receiver. The purpose of this study is to design and build E-mail Blast application using Laravel as backend and ReactJS as frontend. The acceptance of this application is measured using

Technology Acceptance Model (TAM) method taken from the online questionnare

and was answered by 18 users who used e-blast application. There were 27 closed questions using Likert scale with 5 alternative answers with the result 88% in

perceived ease of use, 85.27% in perceived usefulness, 77.42% in attitude toward using, 85.3% in behavioral intention to use, and the last is 79.54% in actual technology use.

Keywords: E-mail blast, E-mail marketing, Technology Acceptance Model

(10)

DAFTAR ISI

HALAMAN JUDUL...i

E-BLAST: APLIKASI E-MAIL BLAST BERBASIS WEB ... iv

HALAMAN PERSETUJUAN ... v

PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... iv

PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH ... v

UNTUK KEPENTINGAN AKADEMIS ... v

HALAMAN PERSEMBAHAN / MOTO ... vi

KATA PENGANTAR ... iv

ABSTRAK ... iv

ABSTRACT ... v

DAFTAR ISI ... iv

DAFTAR GAMBAR ... vi

DAFTAR TABEL ... viii

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 4

1.3 Batasan Masalah ... 5

1.4 Tujuan Penelitian ... 5

1.5 Manfaat Penelitian ... 5

BAB II LANDASAN TEORI ... 6

2.1 E-Mail ... 6

2.2 E-mail Blast ... 6

2.3 Laravel ... 7

2.4 ReactJS ... 7

2.5 Technology Acceptance Model (TAM) ... 8

2.6 Skala Likert ... 11

BAB III METODOLOGI PENELITIAN DAN PERANCANGAN APLIKASI . 13 3.1 Metodologi Penelitian ... 13

3.2 Perancangan Aplikasi ... 15

3.2.1 Site Map ... 15

3.2.2 Flowchart ... 17

3.2.3 Entity Relationship Diagram ... 30

3.2.4 Database Schema ... 32

3.2.5 Struktur Tabel... 33

3.2.6 Perancangan antarmuka ... 53

BAB IV IMPLEMENTASI DAN ANALISIS ... 70

(11)

4.2 Implementasi Aplikasi ... 71 4.2.1 Login ... 71 4.2.2 Dashboard ... 72 4.2.3 Contact ... 73 4.2.4 Group ... 74 4.2.5 Analytic ... 75 4.2.6 Setting Account ... 79

4.2.7 Setting Company Information ... 80

4.2.8 Setting User ... 81

4.3 Uji Penerimaan Aplikasi ... 83

BAB V SIMPULAN DAN SARAN ... 95

5.1 Simpulan ... 95

5.2 Saran ... 96

DAFTAR PUSTAKA ... 97

(12)

DAFTAR GAMBAR

Gambar 2.1 Teknology Acceptance Model (Davis F. D., 1985) ... 8

Gambar 3.1 Site Map ... 16

Gambar 3.2 Flowchart Login ... 17

Gambar 3.3 Flowchart Dashboard ... 18

Gambar 3.4 Flowchart Campaign ... 19

Gambar 3.5 Flowchart Create Campaign ... 20

Gambar 3.6 Flowchart masking url dan image ... 21

Gambar 3.7 Flowchart Audience ... 22

Gambar 3.8 Flowchart Tab Contact ... 23

Gambar 3.9 Flowchart Tab Group ... 24

Gambar 3.10 Flowchart Analytic ... 25

Gambar 3.11 Flowchart Setting ... 26

Gambar 3.12 Flowchart General Setting ... 27

Gambar 3.13 Flowchart User Setting ... 28

Gambar 3.14 Flowchart Account Setting ... 29

Gambar 3.15 Entity Relation Diagram... 31

Gambar 3.16 Database Schema... 32

Gambar 3.17 Mockup Halaman Dashboard ... 54

Gambar 3.18 Mockup Halaman Campaign List ... 55

Gambar 3.19 Mockup Halaman Membuat Campaign ... 56

Gambar 3.20 Mockup Halaman Membuat Campaign Bagian 2 ... 57

Gambar 3.21 Mockup Halaman Membuat Campaign Bagian 3 ... 58

Gambar 3.22 Mockup Halaman Contact ... 59

Gambar 3.23 Mockup Halaman Membuat Contact ... 60

Gambar 3.24 Mockup Hlaman Group ... 61

Gambar 3.25 Mockup Halaman Membuat Group... 62

Gambar 3.26 Mockup Halaman Analytic ... 63

Gambar 3.27 Mockup Halaman Analytic Detail... 64

Gambar 3.28 Mockup Halaman Company Setting ... 65

Gambar 3.29 Mockup Halaman Setting Account ... 66

Gambar 3.30 Mockup Halaman Account Edit ... 67

Gambar 3.31 Mockup Halaman Setting User ... 68

Gambar 3.32 Mockup Modal Delete ... 69

Gambar 4.1 Login ... 71

Gambar 4.2 Dashboard... 72

Gambar 4.3 Contact ... 73

Gambar 4.4 Group ... 74

Gambar 4.5 Analytic ... 75

Gambar 4.6 Analytic Detail ... 75

Gambar 4.7 Campaign ... 76

Gambar 4.8 Create Campaign ... 77

Gambar 4.9 Create Campaign Step 2 ... 77

Gambar 4.10 Create Campaign Step 2 ... 78

(13)

Gambar 4.12 Setting Company Information ... 80

Gambar 4.13 Setting User ... 81

Gambar 4.14 Implementasi Masking URL ... 82

Gambar 4.15 Implementasi Queue Laravel ... 83

Gambar 4.16 Jenis Kelamin ... 86

Gambar 4.17 Usia... 86

Gambar 4.18 Divisi Pekerjaan ... 87

(14)

DAFTAR TABEL

Tabel 2.1 Skor Skala Likert ... 11

Tabel 2.2 Skor Skala Likert ... 12

Tabel 3.1 campaign_schedule_log table ... 33

Tabel 3.2 contacts Tabel ... 34

Tabel 3.3 campaigns Tabel ... 35

Tabel 3.4 users Tabel ... 36

Tabel 3.5 roles Tabel ... 37

Tabel 3.6 gate_settings Tabel ... 38

Tabel 3.7 login_activities Tabel ... 39

Tabel 3.8 role_users Tabel ... 40

Tabel 3.9 password_reset Tabel ... 40

Tabel 3.10 migrations Tabel ... 41

Tabel 3.11 oauth_refresh_token Tabel ... 41

Tabel 3.12 failed_jobs Tabel ... 41

Tabel 3.13 oauth_personal_access_client Tabel ... 42

Tabel 3.14 oauth_auth_codes Tabel ... 42

Tabel 3.15 mail_templates Tabel ... 43

Tabel 3.16 jobs Tabel ... 43

Tabel 3.17 oauth_access_tokens Tabel ... 44

Tabel 3.18 campaign_groups Tabel ... 45

Tabel 3.19 campaign_contacts Tabel ... 46

Tabel 3.20 settings Tabel ... 47

Tabel 3.21 group_contacts Tabel ... 48

Tabel 3.22 groups Tabel ... 49

Tabel 3.23 permission Tabel ... 50

Tabel 3.24 gate_setting_permissions Tabel ... 51

Tabel 3.25 campaign_schedules Tabel ... 52

Tabel 3.26 oauth_clients Tabel ... 53

Tabel 4.1 Daftar Pertanyaan ... 83

Tabel 4.2 Tabel Perceived Ease of Use ... 88

Tabel 4.3 Perceived Usefulness ... 90

Tabel 4.4 Attitude Toward Using... 91

Tabel 4.5 Behavioral Intention to Use ... 92