BAB 4 RANCANGAN SISTEM YANG DIUSULKAN

BAB 4 RANCANGAN SISTEM YANG DIUSULKAN

4.1

Proses Bisnis Sistem yang Diusulkan 4.1.1

Narasi Berdasarkan hasil analisis kami setelah melihat adanya kelemahan dalam

system CRM yang dimiliki oleh PT. Sendang Rejeki saat ini, kami memutuskan untuk membuat sistem baru dengan memanfaatkan teknologi internet, yaitu melalui website yang kami buat. Dimana customer baru maupun lama dapat melihat produk-produk terbaru maupun yang saat ini sedang digemari oleh banyak orang yang dibuat oleh PT. Sendang rejeki. Di

dalam

website

ini

kami

menampilkan

produk-produk

dari

arsitektur,interior maupun furniture yang menjadi bidang kerja dari PT. Sendang Rejeki. Customer lama akan memiliki user ID untuk login yang telah diberikan oleh admin, sedangkan bagi calon customer baru mereka harus terlebih dahulu mendaftar untuk mendapatkan user ID dan password yang kemudian dapat dirubah sesuai kehendak customer. Kelebihan yang diberikan bagi customer yang telah mendaftar adalah kemampuan untuk menggunakan semua fiture yang ada seperti fiture Produk yang menampilkan produk-produk PT. Sendang Rejeki dan juga fiture upload gambar yang berguna bagi para customer untuk meng-upload gambar rancangan atau desain produk sesuai yang mereka kehendaki, lalu mereka dapat melihat

53

54 status dari produk yang mereka pesan apakah sudah selesai atau masih dalam tahap pembuatan. Dengan fiture yang kami berikan customer tidak perlu repot mengecek ke warehouse PT. Sendang Rejeki untuk melihat perkembangan dari pembuatan produk mereka dan melihat apakah produk yang mereka pesan sesuai dengan yang mereka mau atau tidak, karena admin akan meng-update perkembangan produk yang sedang dalam proses tersebut.

4.1.2 Rich Picture

Member

Admin

Rubah account

upload produk baru

cek produk terima tampilan website upload desain produk terima status produk cek status produk

webserver/ website

edit kontak perusahaan terima desain produk akses website perusahaan

Edit Account

mengakses website dan login

upload status produk

edit kontak

send status produk

send desain produk cek status produk upload status produk validasi user I D upload produk baru upload desain produk Send Data baca website PT. Sendang Rejeki

komputer member

Receive Data

Komputer PT. Sendang Rejeki

Mengakses Website

Terima Tampilan Website Al l U sers

Menggunakan feature yang tersedia untuk umum

iMa c

Komputer User Umum

Gambar 4.1 Rich Picture sistem yang dirancang

55 4.2

Rancangan Layar Login LAM BANG PT. SENDANG REJEKI

Architecture… Interior… Furniture…

Username Password

Anggota baru | Lupa Password

Home

Profil

Site map

Produk

Search

Flash movie

Hot Product

gambar

gambar

gambar

gambar

gambar

gambar

Gambar 4.2. Rancangan Layar Home

Kontak

56

Login LAM BANG PT. SENDANG REJEKI


Username Password


Home

Profil

Site map

Produk

Search

Sejarah Perusahaan

Berisi sejarah perusahaan

Gambar 4.3. Rancangan Layar Profil

Kontak

57



Username Password


Home

Profil

Site map

Produk

Search

Site map

motif

motif

Berisi link-link ke halaman-halaman di web site ini.

motif

motif

Gambar 4.4. Rancangan Layar Site map

Kontak

58



Username Password


Home

Profil

Site map

Produk

motif

Search

motif

Kategori Produk : Architecture Interior Furniture

motif

motif

Gambar 4.5. Rancangan Layar Produk

Kontak

59



Username Password


Home

Profil

Site map

Produk

motif

Search

motif

Search

Cari motif

motif

Gambar 4.6. Rancangan Layar Search

Kontak

60



Username Password


Home

Profil

Site map

Produk

Search

Data Kontak Perusahaan

Gambar 4.7. Rancangan Layar Kontak

Kontak

61

LAM BANG PT. SENDANG REJEKI

Home

Profil


Site map

Produk

Search

Kontak

Maaf, E-mail atau Password yang anda entry salah

User ID

:

Password

:

Gambar 4.8. Rancangan Layar Salah LogIn

62



Username Password


Home

Profil

Site map

Produk

Search

Form Pendaftaran User ID

:

E-M ail

:

Password

:

Nama

:

Alamat

:

Perusahaan

:

No. Telp

: Submit

Gambar 4.9. Rancangan Layar Form Pendaftaran

Kontak

63


Home

motif

Profil


Site map

Produk

Terima Kasih !

3D image

Search

motif

Anda Sudah Log Out dari PT. Sendang Rejeki

Log In | Sign Up motif

motif

Gambar 4.10. Rancangan Layar LogOut

Kontak

64



Username Password


Home

Profil

Site map

Produk

motif

Search

motif Lupa Password User ID : Kirim Password

Passwoed akan dikirim ke email

motif

motif

Gambar 4.11. Rancangan Layar Lupa Password

Kontak

65


Home


Profil

Site map

Produk

3D image

Search

Kontak

Selamat Datang ! Kembali | Log Out

-

Edit Account

-

Ubah Gambar

-

Lihat Upload

Gambar 4.12. Rancangan Layar Customer

66


Home

Profil


Site map

Produk

3D image

Search

Kontak


-

Edit Account

-

Ubah Gambar

-

Lihat Upload

Ubah Gambar

Gambar 4.13. Rancangan Layar Ubah Gambar

67


Home

Profil


Site map

Produk

3D image

Search

Kontak


-

Edit Account - Lihat Status

-

Ubah Gambar - Lihat Upload

-

Lihat Upload

Gambar 4.14. Rancangan Layar View

68


Home


Profil

Site map

Produk

3D image

Search

Kontak


-

Edit Account

-

Ubah Gambar

-

Lihat Upload

Lihat Status

Gambar 4.15. Rancangan Layar View Status

69


Home

Profil


Site map

Produk

3D image

Search

Kontak


-

Edit Account

-

Ubah Gambar

-

Lihat Upload

Lihat Upload

Gambar 4.16. Rancangan Layar View Upload

70


Home

Profil


Site map

Produk

3D image

Search

Kontak


-

Edit Account - Edit Password

-

Ubah Gambar - Edit Nama

-

Lihat Upload

Gambar 4.17. Rancangan Layar Edit

71


Home


Profil

Site map

Produk

3D image

Search

Kontak


-

Edit Account

-

Ubah Gambar

-

Lihat Upload

Edit Nama

Nama

:

Alamat

:

No.telp

: Submit

Gambar 4.18. Rancangan Layar Edit Nama

72


Home

Profil


Site map

Produk

3D image

Search

Kontak

Kembali | Log Out

-

Edit Account

-

Ubah Gambar

-

Lihat Upload

Edit Password

Password yang lama

:

Re-Password lama

:

Password yang baru

:

Re-Password baru

: Submit

Gambar 4.19. Rancangan Layar Edit Password

73


Home

Profil


Site map

Produk

3D image

Search

Architecture

image

image

image

image

image

image

Gambar 4.20. Rancangan Layar Architecture

Kontak

74


Home

Profil


Site map

Produk

3D image

Search

Inte rior image

image

image

image

image

image

Gambar 4.21. Rancangan Layar Interior

Kontak

75


Home


Profil

Site map

Produk

3D image

Search

Furniture image

image

image

image

image

image

Gambar 4.22. Rancangan Layar Furniture

Kontak

76 4.3

Database yang Diusulkan Kami mengusulkan penggunaan M icrosoft Accsess sebagai database yang akan digunakan dalam sistem baru yang kami rancang untuk digunakan oleh PT. Sendang Rejeki dikarenakan admin PT. Sendang Rejeki sudah terbiasa menggunakan M icrosoft Office terutama M icrosoft Access. Oleh karena itu kami memutuskan untuk menggunakan M icrosoft access, selain karena sudah terbiasa dengan M icrosoft Access juga untuk mengurangi biaya operasional terutama dalam hal pelatihan penggunaan database baru jika digunakan database selain M icrosoft Access.

4.4

Rancangan Menu S TD

Home

Sign Up

Click Sign Up Tampilkan Layar Sign Up

Click "Submit" Kembali ke Layar Home

Gambar 4.23. STD Sign Up User Baru

77

Click "Sign Up" Tampilkan Layar Sign Up

Click "Submit " Sign Up Kembali ke Layar Home

Home

Click "Home" Tampilkan Layar Home

Hot Produk Click "Hot Produk" Tampilkan Layar Hot Produk

Prof il

Click "Prof il" Tampilkan Layar Prof il

Sit emap Click "Sitemap" Tampilkan Layar Sitemap Tampilan Website Click "Produk" Tampilkan Layar Produk

Click "Architect ure" Menampilkan Halaman Architecture Architect ure Click "Int erior" Menampilkan Halaman Int erior

Produk

I nterior

Furniture

Click "Search" Tampilkan Layar Search

Click "Furniture" Menampilkan Halaman Furniture Search

Click "Kontak" Tampilkan Layar Kontak

Kontak

Click "Kembali" Tampilkan Tampilan Websit e

Gambar 4.24. STD Tampilan User Umum

78 Cli ck Ed it Ac count Ta mp ilkan L ayar Ed it Ac count

E dit Account Cli ck U bah p roduk Tampi lkan Layar Ub ah Produ k

Click Home Tampilkan Tampilan Home

Ubah Produk

Home

C lick Up load Tampi lkan Layar Up load

Upload

Profil Click Profil Tampilkan Tampilan Profil

Click S it emap Tampilkan Tampilan Sit emap

Sitemap

Click Log In Tampilkan Tampilan Layar Admin Tampilan Layar Umum

Cl ick Arsitektur Tampil ka n Layar Arsitektu r

Tampilan Layar Admin

Arsit ektur Cl ick In te rior Tampil kan Layar In te rior

Click Produk

I nterior

Produk

Tampilkan Tampilan Produk

C lick Furni tu re Tampi lkan Layar Furni tu re

Cl ick Cari U ser Tamp ilkan L aya rCari U ser

Click Search Tampilkan Tampilan Search

Cari User

Search C lick Car i P roduk Tamp ilkan L ayar C ari Produ k Cli ck L ihat Cus tomer Tampil kan Layar Lih at Cu stomer

Click K ontak Tampilkan Tampilan Kont ak

Furniture

Cari Produk Lihat Customer

C lick Li hat Pro duk Tamp ilkan L aya r L Ih at Produ k

Kontak

Click Log O ut Tampilkan Tampilan Layar Umum

Gambar 4.25. STD Tampilan User Administrator

Lihat P roduk

79 cli ck kembali kembal i ke tampi lan Edit Account

Edit Password

Edi t Account

Edit Nama

click logi n tampilkan layar home admin Home

Home Admin

cl ick kembali kembali ke tampilan Edit Account

Ubah Produk cli ck ubah produk tampilkan layar ubah produk

click Upload tampilkan layar Upload Upl oad

cl ick logout tampi lkan layar home

Gambar 4.26. STD Home Administrator

80

Click View Detail Tampilkan Layar View Det ail

Click A rsitektur Tampilkan Layar Arsitektur Arsitektur

Click Log In

Click Interior Tampilkan Layar Interior

Tampilkan Layar P roduk Admin Home

View Det ail

P roduk Admin

View Det ail

Int erior

Click V iew Detail Tampilkan Layar View Detail

Click Furniture Tampilkan Layar Furnit ure Furniture

View Det ail

Click View Detail Tampilkan Layar V iew Detail

Click Log Out Tampilkan Layar Home

Gambar 4.27. STD Produk Administrator

81 c lick Ubah Gambar tampilkan lay ar ubah Gambar c lick Ubah Hot Produk tampilkan layar ubah Hot pr oduk Ubah Hot Pr oduk

Ubah Gambar

click Ubah Detail tampilk an layar ubah Detail Ubah Detail

Ubah Gambar c lick Ubah Arsitek tur tampilkan lay ar ubah Arsitek tur

Ubah Arsitek tur

clic k Ubah Gambar tampilk an layar ubah Gambar

Ubah Detail click Ubah Detail tampilk an layar ubah Detail clic k Ubah Pr oduk tampilkan lay ar ubah produk Home Ubah produk admin Admin

click Log Out c lick Ubah G ambar

c lick Log In Tampilkan Lay ar Home Admin

tampilk an layar ubah Gambar Ubah Gambar

Home

c lick Ubah Inter ior tampilk an layar ubah Inter ior

Ubah Interior

click Ubah Detail tampilk an layar ubah Detail Ubah Detail

clic k Ubah Gambar tampilk an layar ubah Gambar c lick Ubah Furniture tampilkan layar ubah Furniture

Ubah Gambar Ubah Furniture click Ubah Detail tampilk an layar ubah Detail Ubah Detail

Gambar 4.28. STD Ubah Produk Administrator

Tampilkan Lay ar Home

82

Click Cari User Tampilkan Layar Cari User

Click Cari Produk Tampilkan Layar Cari Produk

Cari User

Cari Produk

Click Log In Tampilkan Layar Search Admin Home

Search Admin

Click Lihat Customer Tampilkan Layar Lihat Customer Lihat Customer

Click Lihat Produk Tampilkan Layar Lihat Produk Lihat Produk


Gambar 4.29. STD Search Administrator

83 Cli ck Ed it Ac count Ta mp ilkan L ayar Ed it Ac count

E dit Account Cli ck U bah p roduk Tampi lkan Layar Ub ah Produ k

Click Home Tampilkan Tampilan Home

View Produk

Home

C lick Up load Tampi lkan Layar Up load

Upload

Profil Click Profil Tampilkan Tampilan Profil

Click S it emap Tampilkan Tampilan Sit emap

Sitemap

Click Log In Tampilkan Tampilan Layar Member Tampilan Layar Umum

Cl ick Arsitektur Tampil ka n Layar Arsitektu r

Tampilan Layar Member

Arsit ektur Cl ick In te rior Tampil kan Layar In te rior

Click Produk

I nterior

Produk

Tampilkan Tampilan Produk

C lick Furni tu re Tampi lkan Layar Furni tu re

Cl ick Cari Prod uk Tampil ka n Layar Cari Prod uk

Click Search Tampilkan Tampilan Search

Click K ontak Tampilkan Tampilan Kont ak

Furniture

Cari Produk

Search Cl ick Lih at Prod uk Ta mpilka n L ayar Liha t Produ k

Kontak

Click Log O ut Tampilkan Tampilan Layar Umum

Gambar 4.30. STD Tampilan User M ember

Lihat P roduk

84

Click Edit account

Click Edit Password Tam pilkan Layar Edit Password Edit Password

Tampilkan Layar edit Account Edit Account

Edit Nam a

Click Edit Nam a Click Log In Tam pi lkan Layar Home Member

Home

Home Mem ber

Click Log In Tam pilkan Layar Home Member

Tampilkan Layar Edit Nama

Upload

Click View Status Tampilkan Layar View Status Vi ew Status

Click View Tam pil kan Layar View View

Click View Upload Tam pilkan Layar View Upload Vi ew Upload


Gambar 4.31. STD Home M ember

85 Click Search Produk Tampilkan Layar Search Produk Search Produk Click Log In Tampilkan Layar Search Member Search Member

Home

Click Lihat Produk Tampilkan Layar Search Produk Lihat Produk Click Log Out Tampilkan Layar Home

Gambar 4.32. STD Search M ember

4.5

Rencana Implementasi 4.5.1

Kebutuhan sistem 4.5.1.1

Kebutuhan Perangkat Keras Processor P4 2,4 GHz Intel LGA 775 M ainBoard Asus P5GLX VGA ATIRadeon 9250 HDD Seagate 80 Gigabyte DVD ROM Lite-on Casing Sin-X M odem

86 4.5.1.2

Kebutuhan Perangkat Lunak Windows XP SP2 M icrosoft Office 2003 Internet Information Service

4.5.2

Pengguna Sistem ( User ) Pengguna sistem atau user yang dituju oleh kami terutama adalah semua

user atau pengguna internet yang masuk ke website PT. Sendang Rejeki untuk mencari info produk atau sekedar melihat-lihat saja, para pengguna internet termasuk para calon customer maupun customer yang sudah mendaftar. Selain itu salah satu user yang akan menggunakan website ini tentu saja administrator yang menangani website PT. Sendang Rejeki untuk keperluan update data produk maupun untuk mengecek dan memberikan pelayanan kepada customer yang memang sengaja kami buat dengan media website ini.

4.5.3

Jaringan Untuk mendukung jalannya sistem e-CRM yang kami susun, kami

menggunakan provider dari telkom atau menggunakan speedy konektivitas menggunakan DSL.

dengan

87 4.6

Tampilan Hasil Proses

Gambar 4.33. Home Umum

Gambar 4.34. Profil Umum

88

Gambar 4.35. Sitemap Umum

Gambar 4.36. Produk Umum

89

Gambar 4.37. Search Umum

Gambar 4.38. KontakUmum

90

Gambar 4.39. New User

Gambar 4.40.Log Out

91

Gambar 4.41. Lupa Password

Gambar 4.42. Hasil Search

92

Gambar 4.43. Detail Hasil Cari

Gambar 4.44. Arsitektur Umum

93

Gambar 4.45. Interior Umum

Gambar 4.46. Furniture Umum

94

Gambar 4.47. Detail Umum

Gambar 4.48. Home M ember

95

Gambar 4.49. Profil M ember

Gambar 4.50. Site map M ember

96

Gambar 4.51. Produk M ember

Gambar 4.52. Search M ember

97

Gambar 4.53. Kontak M ember

Gambar 4.54. Edit M ember

98

Gambar 4.55. Edit Account M ember

Gambar 4.56. Edit Password M ember

99

Gambar 4.57. Hot Produk M ember

Gambar 4.58. View M ember

100

Gambar 4.59. View Status M ember

Gambar 4.60. View Upload M ember

101

Gambar 4.61. Lihat Foto Proses

Gambar 4.62. Upload M ember

102

Gambar 4.63. Arsitektur M ember

Gambar 4.64. Interior M ember

103

Gambar 4.65. Furniture M ember

Gambar 4.66. Hasil Cari M ember

BAB 4 RANCANGAN SISTEM YANG DIUSULKAN

Recommend Documents