BAB II TUJUAN PUSTAKA
3.4 Perancangan Interface
Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user.
1. Perancangan interface halaman Utama website
Gambar pada 3.14 di bawah ini merupakan perancangan antarmuka halaman utama setelah pengunjung masuk ke website PT Lintas Mediatama.
L01
LOGO
Services Us
Home Portofolio Client Contact Sitemap
CONTENT
FOOTER
Nama Layer : L01 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19
Neon BOX Branding Vanue LED Fix Installation
LED Portable LED Mobile Bandung Blossom
Djarum Coklat Ngabubuit
Services Us
Home Portofolio Client Contact Sitemap
59
2. Perancangan interface halaman About Us website
Gambar pada 3.15 di bawah ini merupakan perancangan antarmuka halaman About us (semua hal tentang perusahaan) setelah pengunjung masuk ke website PT Lintas Mediatama.
L02
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Deskripsi About US Company
FOOTER
Nama Layer : L02 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
60
3. Perancangan interface halaman Services website
Gambar pada 3.16 di bawah ini merupakan perancangan antarmuka halaman Services (semua hal yang berkaitan dengan kegiatan bisnis perusahaan) setelah pengunjung masuk ke website PT Lintas Mediatama.
L03
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Deskripsi Services Company
Nama Layer : L03 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19
FOOTER Services
Us
Home Portofolio Client Contact Sitemap
61
4. Perancangan halaman Portofolio (Conventional Media Advertising) website
Gambar pada 3.17 di bawah ini merupakan perancangan antarmuka halaman Conventional Media Advertising (semua hal tentang produkConventional Media Advertising ) yang ada pada menu dropdown portofolio.
L04
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Conventioanl Media Advertising
FOOTER
Nama Layer : L03 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03
4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Bilboard menuju L010 9. Klik Neon box menuju L011 10. Klik Branding Venue menuju L012 11. Klik Space Available For Rent menuju L013 12. Klik Career menuju L19
Billboard Neonbox Branding Venue Space Available For Rent
Services Us
Home Portofolio Client Contact Sitemap
62
5. Perancangan halaman Portofolio (Led Screen Media Advertising) website
Gambar pada 3.18 di bawah ini merupakan perancangan antarmuka halaman Led Screen Media Advertising (semua hal tentang produkLed Screen Media Advertising) yang ada pada menu dropdown portofolio.
L05
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Led Screen Media Advertising
FOOTER
Nama Layer : L05 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09
8. klik LED Fix Installation menuju L014 9. Klik LED Portable Rental menuju L015 10. Klik LED Mobile (Mobiltron) menuju L016 11. Klik Career menuju L19
LED Fix Installation LED Portable Rental LED Mobile (Mobiltron)
Services Us
Home Portofolio Client Contact Sitemap
63
6. Perancangan halaman Portofolio (Event Management)
Gambar pada 3.19 di bawah ini merupakan perancangan antarmuka halaman Event Management (semua hal yang berkaitan dengan acara yang diselenggarakan oleh perusahaan) yang ada pada menu dropdown portofolio.
L05
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Event Management
FOOTER
Nama Layer : L06 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09
8. Klik Content Event Management menuju L017 9. Klik Career menuju L19
Content Content Content
Content Content Content Content Content Services Us
Home Portofolio Client Contact Sitemap
64
7. Perancangan interface halaman Client website
Gambar pada 3.20 di bawah ini merupakan perancangan antarmuka halaman Client(semua hal yang berkaitan dengan perusahan – perusahaan yang bekerjasama dengan perusahaan) setelah pengunjung masuk ke website PT Lintas Mediatama.
L06
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Client
FOOTER
Nama Layer : L07 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
65
8. Perancangan interface halaman Contact website
Gambar pada 3.20 di bawah ini merupakan perancangan antarmuka halaman contact (halaman untuk berkomunikasi antara client / user dengan perusahaan) setelah pengunjung masuk ke website PT Lintas Mediatama.
L08
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Contact Us
FOOTER
Nama Layer : L08 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Contact Contact Name Address Phone Email Message SEND Services Us
Home Portofolio Client Contact Sitemap
66
9. Perancangan interface halaman Sitemap website
Gambar pada 3.22 di bawah ini merupakan perancangan antarmuka halaman Sitemap (halaman untuk memudahkan pengunjung untuk mencari halaman – halaman yang tersembunyi) setelah pengunjung masuk ke website PT Lintas Mediatama.
L09
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Sitemap
FOOTER
Nama Layer : L09 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Conventional Media Advertising menuju L04 6. Klik Led Screen Media Advertising menuju L05 7. klik Event management menuju L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Home
Us Service Portofolio
Conventional Media Advertising Led Screen Media Advertising
Event Management Client Contact Career Services Us
Home Portofolio Client Contact Sitemap
67
10. Perancangan interface halaman Career website
Gambar pada 3.23 di bawah ini merupakan perancangan antarmuka halaman career (halaman yang memberikan informasi tentang karier di PT Lintas Mediatama)setelah pengunjung masuk ke website PT Lintas Mediatama.
L19
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Career
Nama Layer : L19 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19
FOOTER Services
Us
Home Portofolio Client Contact Sitemap
68
11. Perancangan interface halaman gallery billboard
Gambar pada 3.24 di bawah ini merupakan perancangan antarmuka halaman gallery billboard setelah pengunjung masuk ke halaman conventional media advertising.
L10
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery Bilboard
FOOTER
Nama Layer : L10 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
69
12. Perancangan interface halaman gallery Neon box
Gambar pada 3.25 di bawah ini merupakan perancangan antarmuka halaman gallery neon box setelah pengunjung masuk ke halaman conventional media advertising.
L11
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery Neon Box
FOOTER
Nama Layer : L11 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
70
13. Perancangan interface halaman gallery Branding Venue
Gambar pada 3.26 di bawah ini merupakan perancangan antarmuka halaman gallery branding venue setelah pengunjung masuk ke halaman conventional media advertising.
L12
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery Branding Venue
FOOTER
Nama Layer : L12 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
71
14. Perancangan interface halaman gallery Space Available For Rent
Gambar pada 3.27 di bawah ini merupakan perancangan antarmuka halaman gallery Space Available For Rent setelah pengunjung masuk ke halaman conventional media advertising.
L13
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery Space Available For Rent
FOOTER
Nama Layer : L13 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
72
15. Perancangan interface halaman gallery Led Portable rental
Gambar pada 3.28 di bawah ini merupakan perancangan antarmuka halaman gallery Led Portable rental setelah pengunjung masuk ke halaman Led Screen Media Advertising
L15
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery LED Portable Rental
FOOTER
Nama Layer : L15 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
73
17. Perancangan interface halaman gallery LED Fix Installation
Gambar pada 3.29 di bawah ini merupakan perancangan antarmuka halaman gallery Led fix installation setelah pengunjung masuk ke halaman Led Screen Media Advertising.
L14
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery LED Fix Installation
FOOTER
Nama Layer : L14 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
74
18. Perancangan interface halaman gallery LED Mobile (Mobiltron)
Gambar pada 3.30 di bawah ini merupakan perancangan antarmuka halaman gallery Led Mobile(Mobiltron) setelah pengunjung masuk ke halaman Led Screen Media Advertising.
L16
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery LED Mobile (Mobiltron)
FOOTER
Nama Layer : L16 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
75
19. Perancangan interface halaman gallery Content Event Management
Gambar pada 3.31 di bawah ini merupakan perancangan antarmuka halaman gallery Content Event Management setelah pengunjung masuk ke halaman Event Management.
L17
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Gallery Content Event Management
FOOTER
Nama Layer : L17 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06 5. Klik Client menuju L07
6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Carer menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
76
20. Perancangan interface halaman Login Admin
Gambar pada 3.32 di bawah ini merupakan perancangan antarmuka halaman login Admin dengan username dan password sebagai inputan utaman.
T01
LOGO
Nama Layer : T01 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Login menuju T02
User Name
Password
Login
Keterangan :
1. Jika username dan password tidak di isi maka form akan menampilkan pesan “ PLEASE FILL OUT THIS FIELD”
2. Jika Username yang di isi salah maka form akan menampilkan pesan “ USER NAME SALAH”
3. Jika password yang di isi salah maka form akan menampilkan pesan “ PASS WORD SALAH”
77
21. Perancangan Interface Halaman Pengolahan Career
Gambar pada 3.33 di bawah ini merupakan perancangan antarmuka halaman pengolahan content.
T02
LOGO
Nama Layer : T02 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 7. Klick Tambah menuju form A01 8. Klick Edit menuju form A02 9. Klick Hapus menuju form A03 10. Klick Lihat menuju form A04 Career Log Out Services Gallery Client Content Portofolio Category Portofolio
Tambah Refresh Pencarian
TAMPILKAN HALAMAN : 1 DARI : 1 HALAMAN
NO JUDUL CAREER TANGGAL
Edit Hapus Lihat
78
22. Perancangan Interface Halaman Pengolahan Add Career
Gambar pada 3.34 di bawah ini merupakan perancangan antarmuka halaman pengolahan tambah career.
A01
LOGO
Nama Layer : A01 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM TAMBAH CAREER NAMA DESKRIPSI Add Cancel
79
23. Perancangan Interface Halaman Pengolahan Edit Career
Gambar pada 3.35 di bawah ini merupakan perancangan antarmuka halaman pengolahan edit career.
A02
LOGO
Nama Layer : A02 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM EDIT CAREER NAMA DESKRIPSI Edit Cancel
80
23. Perancangan Interface Halaman Pengolahan Delete Career
Gambar pada 3.36 di bawah ini merupakan perancangan antarmuka halaman pengolahan penghapusan data career.
FORM HAPUS DATA Anda yakin akan menghapus data dengan Id Career = 3
Delete Cencel
Gambar 3.36 Perancangan interface halaman delete career 24. Perancangan Interface Halaman Lihat Career
Gambar pada 3.37 dibawah merupkan perancangan antar muka halaman lihat data career
A04
LOGO
Nama Layer : A04 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03
3. Klick Content Portofolio menuju form T04
4. Klick Client menuju form T05
5. Klick Gallery menuju form T06
6. Klick Services menuju form T07
7. Klick Tambah menuju form T08
Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM LIHAT CAREER NAMA DESKRIPSI Cancel
81
25. Perancangan Interface Halaman Pengolahan Category Portofolio
Gambar pada 3.38 di bawah ini merupakan perancangan antarmuka halaman pengolahan category.
T03
LOGO
Nama Layer : T03 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 7. Klick Tambah menuju form A05 8. Klick Edit menuju form A06 9. Klick Hapus menuju form A07 10. Klick Lihat menuju form A08 Career Log Out Services Gallery Client Content Portofolio Category Portofolio
Tambah Refresh Pencarian
TAMPILKAN HALAMAN : 1 DARI : 1 HALAMAN
NO Nama Category
Edit Hapus Lihat
82
26. Perancangan Interface Halaman Pengolahan Category Portofolio Add Category Portofolio
Gambar pada 3.39 di bawah ini merupakan perancangan antarmuka halaman pengolahan tambah category Portofolio.
A05
LOGO
Nama Layer : A05 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM TAMBAH CATEGORY NAMA Add Cancel
83
27. Perancangan Interface Halaman Pengolahan Edit Category Portofolio
Gambar pada 3.40 di bawah ini merupakan perancangan antarmuka halaman pengolahan edit category portofolio.
A06
LOGO
Nama Layer : A06 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM EDIT CATEGORY NAMA Edit Cancel
84
28. Perancangan Interface Halaman Pengolahan Delete Category Portofolio
Gambar pada 3.41 di bawah ini merupakan perancangan antarmuka halaman pengolahan penghapusan data category.
FORM HAPUS CATEGORY
Anda yakin akan menghapus data dengan Id Category = ##
Hapus Cancel
Gambar 3.41 Perancangan interface halaman delete category portofolio 29. Perancangan Interface Halaman Lihat Category Portofolio
Gambar pada 3.42 dibawah merupkan perancangan antar muka halaman lihat data category portofolio.
A08
LOGO
Nama Layer : A08 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM LIHAT CATEGORY NAMA Cancel
85
30. Perancangan Interface Halaman Pengolahan Content Portofolio
Gambar pada 3.43 di bawah ini merupakan perancangan antarmuka halaman pengolahan content portofolio.
T04
LOGO
Nama Layer : T04 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 7. Klick Tambah menuju form A09 8. Klick Edit menuju form A10 9. Klick Hapus menuju form A11 10. Klick Lihat menuju form A12 Career Log Out Services Gallery Client Content Portofolio Category Portofolio
Tambah Refresh Pencarian
TAMPILKAN HALAMAN : 1 DARI : 1 HALAMAN
NO Nama Conten Category Image Edit Hapus Lihat
86
31. Perancangan Interface Halaman Pengolahan Add Content Portofolio
Gambar pada 3.44 di bawah ini merupakan perancangan antarmuka halaman pengolahan tambah content portofolio.
A09
LOGO
Nama Layer : A09 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM TAMBAH CONTENT NAMA Add Cancel Select Category Curent Image
Upload Your Image Browse
Upload List image image
87
32. Perancangan Interface Halaman Pengolahan Edit Content Portofolio
Gambar pada 3.45 di bawah ini merupakan perancangan antarmuka halaman pengolahan edit data content portofolio.
A10
LOGO
Nama Layer : A10 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM EDIT CONTENT NAMA Edit Cancel Select Category Curent Image
Upload Your Image Browse
Upload List image Us Image For Uploaded Image Curent Image
88
33. Perancangan Interface Halaman Pengolahan Delete Content Portofolio
Gambar pada 3.46 di bawah ini merupakan perancangan antarmuka halaman pengolahan penghapusan data content portofolio .
FORM HAPUS CONTENT
Anda yakin akan menghapus data dengan Id Content = ##
Hapus Cancel
Gambar 3.46 Perancangan interface halaman delete content portofolio 34. Perancangan Interface Halaman Lihat Content Portofolio
Gambar pada 3.47 dibawah merupkan perancangan antar muka halaman lihat data content portofolio
A09
LOGO
Nama Layer : A09 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 Career Log Out Services Gallery Client Content Portofolio Category Portofolio FORM LIHAT CONTENT NAMA Cancel Select Category Curent Image image
89
35. Perancangan Interface Halaman Pengolahan Client
Gambar pada 3.48 di bawah ini merupakan perancangan antarmuka halaman pengolahan client.
T05
LOGO
Nama Layer : T05 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klick Career menuju form T02
2. Klick Category Portofolio menuju form T03 3. Klick Content Portofolio menuju form T04 4. Klick Client menuju form T05
5. Klick Gallery menuju form T06 6. Klick Services menuju form T07 7. Klick Tambah menuju form A13 8. Klick Edit menuju form A14 9. Klick Hapus menuju form A15 10. Klick Lihat menuju form A16 Career Log Out Services