• Tidak ada hasil yang ditemukan

Perancangan Aplikasi Website Builder.

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Aplikasi Website Builder."

Copied!
15
0
0

Teks penuh

(1)
(2)

DAFTAR ISI

TAT I PENDAHULUAN... 1

1.1 LATAR BELAKANG MASALAH... 1

1.2 RUMUSAN MASALAH... 1

1.3 TUJUAN... 2

1.4 BATASAN MASALAH... 2

1.5 SgSTEMATgKA PEMBAHASAN... 3

1.6 TgME SCHEDULE... 4

2.10.1 Kelebihan PHP... 9

2.10.2 Penulisan PHP ... 10

2.10.3 Session dalam PHP... 11

2.12 MEAN OPINION SCORE(MOS) ... 11

(3)

3.1 ARSgTEKTUR APLgKASg... 12

3.1.1 Data Flow Diagram... 12

3.2 TEKNOLOGg YANG DgGUNAKAN... 21

3.2.1 Perangkat lunak... 21

3.2.2 Perangkat keras... 21

3.2.3 Kebutuhan minimal untuk menjalankan aplikasi ... 21

3.3 ENTgTY RELATgONSHgP DgAGRAM DAN TABLE DgAGRAM... 22

3.3.1 Entity Relationship Diagram ... 22

3.3.2 Table Diagram ... 23

3.4 WEB MAP DAN LAYOUT... 24

3.4.1 Web map ... 24

3.4.2 Layout ... 25

3.5 PERANCANGAN USER gNTERFACE... 34

TAT IV PERANCANGAN APLIKASI ... 40

4.1 PENJABARAN DARg SETgAP FUNGSg UTAMA... 40

4.1.1 Form login... 40

4.1.2 Form daftar baru ... 41

4.1.3 Form bantuan admin ... 41

4.1.4 Form lupa password ... 42

4.1.5 Form ganti template... 43

4.1.6 Form atur file ... 44

4.1.7 Form atur isi situs ... 45

4.1.8 Form login ubah profil ... 45

4.1.9 Form ganti profil ... 46

4.1.10 Form ganti password ... 47

4.1.11 Form login reset password user... 47

4.1.12 Form reset password user... 48

4.1.13 Form hubungi master ... 49

4.1.14 Form atur user ... 49

4.1.15 Form atur file user ... 50

4.1.16 Form atur isi situs user... 51

4.1.17 Flow Chart Fungsi Utama Aplikasi Website Builder... 52

(4)

5.1 PENGUJgAN... 53

5.1.1 Form login... 53

5.1.2 Form daftar baru ... 54

5.1.3 Form bantuan admin ... 56

5.1.4 Form lupa password ... 57

5.1.5 Form ganti template... 59

5.1.6 Form atur file ... 60

5.1.7 Form atur isi situs ... 61

5.1.8 Form login ubah profil ... 62

5.1.9 Form ganti profil ... 63

5.1.10 Form ganti password ... 64

5.1.11 Form login reset password user... 65

5.1.12 Form reset password user... 66

5.1.13 Form hubungi master ... 66

5.1.14 Form login daftar admin baru ... 68

5.1.15 Form daftar admin baru ... 68

5.1.16 Form atur isi situs user... 70

5.2 HASgL SURVEY DENGAN METODA MOS(MEAN OPgNgON SCORE) ... 71

TAT VI KESIMPULAN DAN SARAN ... 72

6.1 KESgMPULAN BERDASARKAN HASgL EVALUASg... 72

6.2 SARAN BERDASARKAN HASgL EVALUASg... 72

(5)

Daftar Gambar

Gambar 3.1 DFD Level 0 ... 12

Gambar 3.2 DFD Level 1 ... 17

Gambar 3.3 DFD Level 2 dari proses 2 ... 18

Gambar 3.4 DFD Level 2 dari proses 3 ... 18

Gambar 3.5 DFD Level 2 dari proses 4 ... 19

Gambar 3.6 DFD Level 2 dari proses 5 ... 19

Gambar 3.7 DFD Level 2 dari proses 7 ... 20

Gambar 3.8 DFD Level 2 dari proses 8 ... 20

Gambar 3.9 Entitp Relationship Diagram ... 22

Gambar 3.10 Table Diagram... 23

Gambar 3.11 Web map (home)... 24

Gambar 3.12 Web map (user menu)... 24

Gambar 3.13 Web map (admin menu)... 25

Gambar 3.14 Halaman home, login... 25

Gambar 3.15 Halaman daftar baru ... 26

Gambar 3.16 Halaman hubungi admin ... 26

Gambar 3.17 Halaman lupa password ... 27

Gambar 3.18 Halaman user menu, preview website user ... 27

Gambar 3.19 Halaman ganti template ... 28

(6)

Gambar 3.21 Halaman Login change profile ... 29

Gambar 3.22 Halaman change profile... 29

Gambar 3.23 Halaman change password... 30

Gambar 3.24 Halaman admin maintain page... 30

Gambar 3.25 Halaman reset user password ... 31

Gambar 3.26 Halaman contact master ... 31

Gambar 3.27 Halaman manage user... 32

Gambar 3.28 Halaman manage user files ... 32

Gambar 3.29 Halaman manage user content ... 33

Gambar 3.30 Halaman home, login... 34

Gambar 3.31 halaman register... 34

Gambar 3.32 Halaman forgot password ... 35

Gambar 3.33 Halaman bantuan admin ... 35

Gambar 3.34 Halaman preview website user ... 36

Gambar 3.35 Halaman manage template ... 36

Gambar 3.36 Halaman manage file... 37

Gambar 3.37 Halaman manage content ... 37

Gambar 3.38 Halaman change profile login... 38

Gambar 3.39 Halaman Change Profile ... 38

(7)

Gambar 4.1 Halaman Home, Login... 40

Gambar 4.2 Halaman register ... 41

Gambar 4.3 Halaman bantuan admin ... 41

Gambar 4.4 Halaman lupa password ... 42

Gambar 4.5 Halaman Change Template... 43

Gambar 4.6 Halaman manage files ... 44

Gambar 4.7 Halaman manage content ... 45

Gambar 4.8 Halaman login change profile ... 45

Gambar 4.9 Halaman Ubah Profil... 46

Gambar 4.10 Halaman ubah password ... 47

Gambar 4.11 Halaman login reset password user ... 47

Gambar 4.12 Halaman reset password user ... 48

Gambar 4.13 Halaman Hubungi Master... 49

Gambar 4.14 Halaman Pilih user ... 49

Gambar 4.15 Halaman atur file user ... 50

Gambar 4.16 Halaman atur content user... 51

(8)

Daftar Tabel

Table 5.1 Tabel test form login... 53

Table 5.2 Tabel test form daftar baru ... 54

Table 5.3 Tabel test form bantuan admin ... 56

Table 5.4 Tabel test form lupa password ... 57

Table 5.5 Tabel test form ganti template... 59

Table 5.6 Tabel test form atur file ... 60

Table 5.7 Tabel test form atur isi situs ... 61

Table 5.8 Tabel test form login ubah profil ... 62

Table 5.9 Tabel test form ganti profil... 63

Table 5.10 tabel test form ganti password... 64

Table 5.11 Tabel test form login reset password user ... 65

Table 5.12 Tabel test form reset password user ... 66

Table 5.13 Tabel test form hubungi master ... 66

Table 5.14 Tabel test form login daftar admin baru ... 68

Table 5.15 Tabel test form daftar admin baru ... 68

Table 5.16 Tabel test form atur isi situs user ... 70

Table 5.17 Tabel Survep... 71

(9)

Daftar Lampiran

La m p ir a n A Q u e s tio n n a ire d a n H a s il S u rv e y La m p ir a n B Lis tin g P ro g r a m

(10)

BABBIB

PendahuluanB

1.1 LatarBBelakangBMasalahB

Berkembangnya jaringan internet membuat banyak perusahaan besar dan

individu yang memiliki situsnya sendiri di internet. Untuk membuat sebuah situs

dibutuhkan seseorang yang mengerti s c r ip t

pemograman w e b dan untuk

mempublikasikan situs w e b tersebut dibutuhkan biaya yang tidak sedikit. Hal ini

sering menjadi kendala untuk perusahaan-perusahaan kecil dan individu yang ingin

memiliki situsnya sendiri karena jasa seorang w e b

-p r o g r a m m

e

r

tidaklah murah.

Masalah tersebut menimbulkan ide untuk membuat sebuah aplikasi yang

berguna untuk membantu u

s

adalah sebuah aplikasi yang memberi kemudahan untuk u

s

e

r

dalam mengatur

dokumen-dokumen atau d a t a

yang akan dipakai dalam membuat sebuah w e b s i t

e .

Aplikasi ini akan menyediakan beberapa t

e

m p la t

e buatan sendiri yang sudah siap

pakai, dimana t

e

m p la t

e yang dimaksud adalah tampilan atau desain la

e user menjadi lebih menarik. Selain itu u

s

e

r

juga

diberi kebebasan untuk membuat t

e

m p la t

e -nya sendiri.

1.2 RumusanBMasalahB

1. Bagaimana aplikasi ini membantu u

s

e

r

dalam membuat situs w e b tanpa harus

memiliki kemampuan teknis dalam hal pemograman w e b ?

2. Bagaimana aplikasi ini membantu menyalurkan kreatifitas individu dalam

(11)

1.3 TujuanB

Merealisasikan sebuah aplikasi dengan menggunakan PHP untuk membuat

situs w e b yang dapat diatur isi dan tampilannya dengan menggunakan aplikasi

dan bertanggung jawab

untuk melayani kebutuhan u

s

e

r

sekaligus mengawasi kegiatan u

s

adalah pengguna jasa aplikasi w e b s i t

mempunyai hak untuk:

a. Melakukan m a in t

e

n a n c

e terhadap aplikasi.

b. Menghapus a c c o

u

n t

yang dianggap melanggar peraturan.

c. Membatasi akses pengguna aplikasi (misalnya akses ke d a ta

b

a s e ).

d. Menambahkan t

e

atau fitur baru pada aplikasi).

6 Seorang a

d

m in

mempunyai hak untuk:

a. Mengakses d a ta

b

a s

e secara terbatas.

b. Menghapus atau melakukan audit terhadap content w e b s it

e yang

dianggap melanggar peraturan.

(12)

d. Menambahkan t

mempunyai hak untuk:

a. Mendapatkan sebuah a c c o

u

n t

untuk menggunakan aplikasi (melakukan

r

pada aplikasi).

b. Membuat w e b

diberikan halaman yang tak terbatas untuk dikembangkan.

e. Setiap u

s

e

r

diberikan fasilitas penyimpanan ruang h a r

karakter-karakter khusus (karakter khusus yang tidak boleh ada dalam

beberapa f o rm

: 0123456 789():;<=><:\'"?/ ]) untuk alasan keamanan.

1.5 SistematikaBPembahasanB

1. Bab 1: Membahas tentang latar belakang masalah, identifikasi masalah, tujuan,

pembatasan masalah, tujuan, pembatasan maslah, sistematika pembahasan

dan tim

3. Bab 3: Membahas tentang arsitektur aplikasi, teknologi yang digunakan,

perancangan d

, dan perancangan u

s

(13)

5. Bab 5: Membahas tentang hasil pengujian dan analisis terhadap responden.

6. Bab 6: Merumuskan kesimpulan dan saran.

1.6 TimeBScheduleB

Febuary Maret April Mei Jun i 20

08

(14)

BABBVIB

Responden terhadap kemudahan pemakaian aplikasi yang direalisasi dalam

tugas akhir ini dinilai cukup baik dengan nilai 3,96.

2. Aplikasi membantu menyalurkan kreatifitas user melalui fitur Rich Text Editor

dan HTML Script Editor yang mudah dipakai. Diberi nilai baik oleh responden

dengan nilai 4,04.

6.2 SaranBberdasarkanBhasilBevaluasiB

1. Dalam perancangan aplikasi w

e b s ite b u ild e r

, tidak dibahas hal-hal yang

berhubungan dengan sistem keamanan. Jika akan diimplementasikan pada

jaringan in te rn e t

, perlu diperhatikan sistem keamanannya, terutama dalam hal

jaringan dan tr a n sf e r

data sehingga aplikasi dapat dilindungi dari pihak-pihak

yang tidak bertanggung jawab.

2. T

, dapat ditambahkan

jenis-jenis te m p la te

yang lebih menarik dan bervariasi.

3. Tampilan aplikasi dapat dibuat lebih menarik dengan melakukan kerjasama

(15)

Gambar

Table Diagram .......................................................................................................

Referensi

Dokumen terkait

Aplikasi program bantu pembuatan website adalah suatu sistem yang dibuat dengan memanfaatkan bahasa pemrograman berbasis web dan bertujuan untuk membantu mempermudah seseorang

Karena itu pada penelitian ini dibuat sebuah sistem berupa aplikasi web dan Android yang dapat mempermudah seorang tutor dan murid untuk bertemu dan melakukan

Aplikasi program bantu pembuatan website adalah suatu sistem yang dibuat dengan memanfaatkan bahasa pemrograman berbasis web dan bertujuan untuk membantu mempermudah seseorang

Hal tersebut dapat berarti bahwa navigasi adalah hal utama yang harus diperhatikan dalam sebuah website, yang bisa mendukung tampilan yang menarik.. Dalam berkomunikasi, user

Dalam pembuatan situs tampilan halamannya dapat dibuat lebih menarik dengan menggunakan Dreamweaver MX, Dreamweaver MX pun memberikan kemudahan-kemudahan bagi perancang situs web

Aplikasi dibuat dalam basis web dan basis mobile menggunakan front-end framework Bootstrap sehingga aplikasi dapat menyesuaikan dengan resolusi layar. Aplikasi ini juga

Web service adalah aplikasi yang dibuat agar dapat dipanggil atau diakses oleh aplikasi lain melalui internet dengan menggunakan format pertukaran data sebagai format

Jadi aplikasi dapat disimpulkan bahwa aplikasi merupakan sebuah program yang dibuat dalam sebuah perngkat lunak dengan komputer yang dirancang atau dibuat dengan tujuan