Thiết kế website cho siêu thị hoàng tuần mobile
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (8.19 MB, 160 trang )
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TT
---o0o---
LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC
THIẾT KẾ WEBSITE CHO SIÊU THỊ
HOÀNG THUẦN MOBILE
Sinh viên thực hiện:
Giáo viên hướng dẫn:
Nguyễn Hoàng Thuần
MSSV: 1071712
Nguyễn Thanh Hải
MSCB: 2267
Cần Thơ, 05/2011
Khoa Công nghệ Thông Tin Và Truyền Thông.
Trang
2
TRƯỜNG ĐẠI HỌC CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN & TT
---o0o---
LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC
THIẾT KẾ WEBSITE CHO SIÊU THỊ
HOÀNG THUẦN MOBILE
Sinh viên thực hiện:
Giáo viên hướng dẫn:
Nguyễn Hoàng Thuần
Nguyễn Thanh Hải
MSSV: 1071712
MSCB: 2267
Cán bộ phản biện
T.s Phạm Thị Xuân Lộc
Th.s Lê Đức Thắng
Luận văn được bảo vệ tại: Hội đồng chấm luận văn tốt nghiệp Bộ môn Hệ Thống Thông
Tin , Khoa Công nghệ Thông tin & Truyền Thông, Trường Đại học Cần Thơ vào ngày 17
tháng 05 năm 2011.
Mã số đề tài: 6
Cần Thơ, 05/2011
Khoa Công nghệ Thông Tin Và Truyền Thông.
Trang
2
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
........................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
Cần Thơ, ngày….. tháng…..năm 2011
Giáo viên hướng dẫn
Nguyễn Thanh Hải
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
LỜI CẢM ƠN
Đầu tiên em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Thanh Hải, người
đã hướng dẫn và giúp đỡ em trong suốt quá trình thực hiện luận văn.
Em cũng xin gửi lời cảm ơn đến tất cả thầy cô khoa Công nghệ thông tin &
Truyền thông, trường đại học Cần Thơ. Thầy cô đã tận tình giảng dạy và truyền đạt
những kiến thức bổ ích cho em trong suốt những năm học qua, giúp em có được những
kiến thức cần thiết cho việc thực hiện bài luận văn cũng như những tri thức làm hành
trang cho em vào đời.
Con gửi lời cảm ơn đến gia đình, người thân và những người bạn của tôi, những
người đã giúp đỡ tôi rất nhiều để tôi có thể hoàn thành bài luận văn của mình. Những
người luôn quan tâm, khuyến khích, động viên giúp đỡ tôi trong lúc tôi gặp khó khăn
nhất.
Dù bài làm không tránh khỏi những thiếu sót do hạn chế về mặt kiến thức cũng
như kinh nghiệm xử lý lỗi trong quá trình làm bài nhưng em đã cố gắng, nổ lực rất
nhiều để hoàn thành đề tài một cách tốt nhất và đúng theo tiến độ dự kiến. Em rất
mong nhận được những ý kiến đóng góp hết sức quý báo của thầy cô bạn bè để đề tài
có thể phát triển hoàn thiện hơn.
Cuối cùng em xin chân thành cảm ơn tất cả mọi người!
Cần Thơ, ngày 07 tháng 05 năm 2011
Sinh viên thực hiện
Nguyễn Hoàng Thuần
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 1
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
MỤC LỤC
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ...............................................0
LỜI CẢM ƠN...................................................................................................1
MỤC LỤC ........................................................................................................2
KÝ HIỆU VÀ VIẾT TẮT.................................................................................5
TÓM TẮT ........................................................................................................6
ABSTRACT .....................................................................................................7
TỪ KHÓA ........................................................................................................8
CHƯƠNG 1: TỔNG QUAN. ............................................................................9
1.1 ĐẶT VẤN ĐỀ. ..................................................................................................9
1.2 MỤC TIÊU. .......................................................................................................9
1.3 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ.....................................................................9
1.4 PHẠM VI CỦA ĐỀ TÀI.................................................................................. 10
1.4.1 Phạm vi chức năng. ................................................................................... 10
1.4.2 Phạm vi người dùng. ................................................................................. 10
1.4.3 Phạm vi kỹ thuật. ...................................................................................... 10
1.5 PHƯƠNG PHÁP NGHIÊN CỨU VÀ HƯỚNG GIẢI QUYẾT VẤN ĐỀ........ 10
1.5.1 Thu thập dữ liệu. ....................................................................................... 10
1.5.2 Chọn công nghệ thực hiện. ........................................................................ 11
1.5.3 Kế hoạch thưc hiện.................................................................................... 12
2 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT. ............................................................ 13
2.1 PHP LÀ GÌ: ..................................................................................................... 13
2.2 MYSQL LÀ GÌ:............................................................................................... 15
2.3 AJAX LÀ GÌ: .................................................................................................. 15
2.4 JQUERY LÀ GÌ: ............................................................................................. 17
2.5 HIỆU ỨNG: (Effect):....................................................................................... 17
3 CHƯƠNG 3: NỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU .......................... 18
3.1 MÔ TẢ HỆ THỐNG........................................................................................ 18
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 2
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
3.2 PHÂN TÍCH VÀ THIẾT KẾ CÁC MÔ HÌNH ................................................ 20
3.2.1 MÔ HÌNH QUAN NIỆM MCD (Model of Conceptual Data) ................... 20
3.2.2 XÁC ĐỊNH CÁC MỐI KẾT HỢP VÀ BẢN SỐ....................................... 23
3.3 THIẾT KẾ THÀNH PHẦN DỮ LIỆU............................................................. 33
3.3.1 Mô Hình Luận Lý (MLD). ........................................................................ 40
3.4 RÀNG BUỘC VỀ KHÓA NGOẠI .................................................................. 41
3.4.1 Lưu đồ dòng dữ liệu (DFD)....................................................................... 42
3.5 SƠ ĐỒ CHỨC NĂNG. .................................................................................... 45
3.5.1 Sơ Đồ Chức Năng Khách Hàng................................................................. 45
3.5.2 Sơ Đồ Chức Năng Nhân Viên. .................................................................. 45
3.5.3 Sơ Đồ Chức Năng Admin.......................................................................... 46
3.6 PHÂN TÍCH VÀ THIẾT KẾ CHƯƠNG TRÌNH............................................. 47
3.6.1 Sơ đồ đăng ký tài khoản. ........................................................................... 47
3.6.2 Sơ đồ đăng nhập....................................................................................... 48
3.6.3 Sơ đồ đổi mật khẩu và thông tin cá nhân. .................................................. 49
3.6.4 Sơ đồ thêm mới sản phẩm (điện thoại, linh kiện)....................................... 50
3.6.5 Sơ đồ cập nhật sản phẩm (điện thoại, linh kiện)......................................... 51
3.6.6 Sơ đồ thêm chương trình khuyến mãi. ....................................................... 52
3.6.7 Sơ đồ cập nhật khuyến mãi........................................................................ 53
3.6.8 Sơ đồ áp dụng khuyến mãi. ....................................................................... 54
3.6.9 Sơ đồ tìm kiếm sản phẩm. ......................................................................... 55
3.6.10 Sơ đồ thêm nhà sản xuất (nhà sản xuất điện thoại, linh kiện). .................. 56
3.6.11 Sơ đồ đặt hàng......................................................................................... 57
3.7 KẾT QUẢ ĐẠT ĐƯỢC................................................................................... 58
3.8 NHỮNG VẤN ĐỀ CHƯA ĐƯỢC GIẢI QUYẾT. .......................................... 58
4 KẾT LUẬN VÀ ĐỀ NGHỊ .......................................................................... 58
4.1 KẾT LUẬN. .................................................................................................... 58
4.2 ĐỀ NGHỊ:........................................................................................................ 59
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 3
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
5 PHẦN PHỤ LỤC......................................................................................... 59
5.1 HƯỚNG DẪN CÀI ĐẶT VERTRIGO. ........................................................... 59
5.2 HƯỚNG DẪN CẤU HÌNH VERTRIGO......................................................... 63
5.3 THỰC HIỆN IMPORT CƠ SỠ DỮ LIỆU. ...................................................... 65
5.4 HƯỚNG DẪN CÀI ĐẶT MACROMEDIA_DREAMWEAVER8 .................. 68
5.5 HƯỚNG DẪN TẠO MỘT NEW-SITE. .......................................................... 72
5.6 HƯỚNG DẴN SỬ DỤNG CHƯƠNG TRÌNH. ............................................... 76
5.7 HƯỚNG DẪN TÌM KIẾM .............................................................................. 77
5.8 HƯỚNG DẪN ĐĂNG KÝ THÀNH VIÊN...................................................... 79
5.9 HƯỚNG DẪN MUA HÀNG. .......................................................................... 80
5.10 HƯỚNG DẪN CẬP NHẬT ĐIỆN THOẠI.................................................... 84
5.11 HƯỚNG DẪN ÁP DỤNG KHUYẾN MÃI. .................................................. 85
5.12 HƯỚNG DẪN SAO LƯU VÀ PHỤC HỒI CSDL......................................... 86
5.13 HƯỚNG DẪN THỐNG KÊ NHỮNG ĐIỆN THOẠI BÁN CHẠY NHẤT. .. 90
5.14 HƯỚNG DẪN THỐNG KÊ ĐƠN ĐẶT HÀNG ĐÃ GIAO.......................... 91
5.15 HƯỚNG DẪN IN HÓA ĐƠN. ...................................................................... 92
6 .TÀI LIỆU THAM KHẢO. .......................................................................... 93
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 4
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
KÝ HIỆU VÀ VIẾT TẮT
CNTT: Công Nghệ Thông Tin.
CSDL: Cơ Sở Dữ Liệu.
DFD: Data Flow Diagram.
ĐT: Điện Thoại.
ĐTDĐ: Điện Thoại Di Động.
KM: Khuyến Mãi
LAMP: Linux – Apacche – Mysql – Php.
LK: Linh Kiện
MCD: Model of Conceptual Data.
MLD: Model of Logical Data.
MPD: Model of Physical Data.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 5
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
TÓM TẮT
Ngày nay, điện thoại là một vật dụng hết sức quen thuộc và gần gũi đối với
chúng ta. Chiếc điện thoại ngày nay không đơn thuần là một thiết bị nghe, gọi thông
thường nữa mà được tích hợp thêm những tính năng tiện ích khác như lướt web, máy
ảnh, nghe nhạc, xem tivi … rất đa dạng và phong phú về tính năng, kiểu dáng. Để có
một chiếc điện thoại ưng ý và phù hợp với mình chúng ta phải đến các siêu thị, cửa
hàng ĐTDĐ để lựa chọn rất mất thời gian.
Nắm bắt được tình hình đó, Hoàng Thuần mobile, một công ty chuyên kinh
doanh các sản phẩm ĐTDĐ, có nhu cầu trong khâu tiếp cận khách hàng với mục đích
quảng bá hình ảnh cũng như tạo sự dễ dàng cho khách hàng khi muốn tìm hiểu, mua
sản phẩm của công ty. Thấy được sự phát triển mạnh mẽ của lĩnh vực công nghệ thông
tin và tầm quan trọng của việc tin học hóa các khâu kinh doanh, nên công ty quyết
định xây dựng một hệ thống website bán ĐTDĐ trực tuyến qua mạng.
Hệ thống cần phải quản lý được:
-
Quản lý thông tin nhân viên của siêu thị.
-
Quản lý thông tin khách hàng (tài khoản).
-
Quản lý thông tin các sản phẩm của siêu thị.
-
Quản lý thông tin các giao dịch khách hàng với siêu thị.
-
Quản lý chi tiết tình hình kinh doanh của siêu thị.
Trong quá trình nghiên cứu thực hiện đề tài, tôi đã ứng dụng các kiến thức đã
học trên ghế nhà trường và tích lũy được nhiều kinh nghiệm trong việc xây dựng mô
hình hệ thống thông tin bằng phương pháp MERISE, lập trình bằng ngôn ngữ PHP
trên hệ quản trị CSDL MYSQL. Website được tạo ra đáp ứng được mục tiêu của đề
tài. Bên cạnh đó vẫn còn một số vấn đề chưa được giải quyết như: giao diện chưa phù
hợp lắm, thông tin được quản lý còn đơn giản….Tuy nhiên, Website vẫn có khả năng
tiếp tục phát triển, tăng lượng dữ liệu quản lý để cung cấp nhiều thông tin hơn cho
khách hàng.
Rất mong nhận được sự đóng góp ý kiến để chương trình hoàn thiện hơn!
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 6
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
ABSTRACT
Nowadays, telephone is very familiar and close to people. The telephone today
is not only a listening and calling device, but also integrated many useful functions
such as: web surfing, camera, listen to music, watch TV… that is very multiform and
rich in function and shape. To have a phone that is satisfy and suitable, we have to go
to the mobile phone stores to choose, which takes a lot of time.
Catching that situation, Hoang Thuan mobile, a trading company specializing in
mobile products, wants to approach customer to advertise and help customer easier
when they want to know and buy products of this company. Seeing the strong
development of information technology, and the importance of the computerization of
business processes, so this company decides to make a website system to sell online
via cellphone.
This system have to manage:
-
Manage information of employees.
-
Manage information of customer (account).
-
Manage infomation of supermarket products.
-
Manage information about transactions of customers to supermarket
-
Manage the details of the situation in the supermarket business.
In the process of research and implement topics, I have applied the knowledge
that I have studied, and accumulated a lot of experience in modeling information
systems by means of MERISE, programed by PHP language on the MYSQL database
management system . Website was created to respond the objectives of the project.
Besides, there are still some unresolved problems such as: interface is not suitable,
management information is simple ... However, Website is still able to continue to
develop, increase the amount of data management to provide more information to
customers.
We hope to receive suggestions for better programs!
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 7
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
TỪ KHÓA
Điện thoại di động.
Khách hàng.
Linh kiện.
Nhân viên.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 8
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
CHƯƠNG 1: TỔNG QUAN.
1.1 ĐẶT VẤN ĐỀ.
Ngày nay, lĩnh vực CNTT phát triển khá mạnh. Đặc biệt là Internet, số lượng
người sử dụng Internet không ngừng tăng lên nhanh chóng. Vì vậy, website là một
trong những phương pháp hiệu quả để tiếp cận khách hàng với mục đích quảng bá
hình ảnh cũng như tạo sự dễ dàng cho khách hàng khi muốn mua sản phẩm của siêu
thị. Bên cạnh đó, với cuộc sống tất bật và bận rộn như ngày nay, mọi người đều dành
phần lớn thời gian cho công việc, họ có rất ít thời gian rảnh rỗi để chọn được một món
đồ ưng ý, phù hợp, sành điệu…Họ cũng không có nhiều thời gian, cũng như vì khoản
cách địa lý nên khó đi đến nơi lựa chọn, họ cũng dễ bị mua nhầm giá cao hay hàng
kém chất lượng. Trong trường hợp này có một website bán hàng trực tuyến đáng tin
cậy sẽ giúp ích rất nhiều cho mọi người. Xây dựng Website bán hàng trực tuyến là một
trong những bước thực hiện tin học hóa, nó sẽ thay thế phương pháp quản lý công việc
truyền thống bằng giấy tờ vừa mất thời gian mà hiệu quả không cao và xác suất có sai
sót là rất cao. Website giúp cho khách hàng tra cứu thông tin sản phẩm, đặt mua sản
phẩm một cách nhanh chóng và hiệu quả hơn.
1.2 MỤC TIÊU.
Mục tiêu chính của đề tài xây dựng website bán điện thoại di động cho phép
khách hàng đặt hàng trực tuyến, quản lý tốt các giao dịch khách hàng với siêu thị,
thống kê.
1.3 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ.
Hiện nay, Ở Việt Nam website của các công ty giới thiệu sản phẩm khá phổ
biến, nhưng đa số các website này tin tức cũ, chậm cập nhật, một số webiste chưa có
chức năng cho khách hàng đặt hàng (phuongtungmobile.com…). Vì vậy có thể nói đây
là một đề tài có thể phát triển thêm để triển khai rộng.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 9
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
1.4 PHẠM VI CỦA ĐỀ TÀI.
1.4.1 Phạm vi chức năng.
Website quản lý:
- Thông tin nhân viên (Thông tin cơ bản của nhân viên, chức vụ…).
- Thông tin khách hàng (Thông tin cơ bản của khách hàng).
- Thông tin điện thoại.
- Thông tin linh kiện.
- Đợt khuyến mãi.
1.4.2 Phạm vi người dùng.
Đề tài xây dựng Website cho một siêu thị điện thoại di động.
Người sử dụng Website: nhân viên siêu thị, khách hàng và những người quan
tâm.
1.4.3 Phạm vi kỹ thuật.
Website có thể chạy trên các trình duyệt thông dụng: Internet Explorer 8 (IE),
FireFox (FF), chưa thực nghiệm trên các trình duyệt khác.
Sử dụng php và mysql để xây dựng Website.
1.5 PHƯƠNG PHÁP NGHIÊN CỨU VÀ HƯỚNG GIẢI QUYẾT VẤN ĐỀ
1.5.1 Thu thập dữ liệu.
Thu thập dữ liệu thông qua Website hiện thời của các siêu thị mua bán điện
thoại di động, rút kinh nghiệm từ những hạn chế và hiệu quả thực tiễn của các
Website. Xem xét chọn lựa các dữ liệu nào cần thiết cho Website cần xây dựng.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 10
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
1.5.2 Chọn công nghệ thực hiện.
Sử dụng công nghệ Ajax, JQuery để xây dựng ứng dụng web.
Thuận lợi:
Nó giúp việc thiết kế web đa dạng hơn và tăng tính tương tác của website
với người dùng.
Nó sử dụng các công nghệ đã có sẵn nên dễ học và sử dụng.
Mã nguồn mở.
Được hỗ trợ trong các trình duyệt phổ biến hiện nay.
Bất lợi:
AJAX có thể góp phần tạo nên một thế hệ mới cho ứng dụng web. Tuy nhiên,
nó cũng là một công nghệ "nguy hiểm" khi gây ra không ít rắc rối về giao diện người
dùng.
Chẳng hạn, phím "Back" (trở lại trang trước) được đánh giá cao trong giao diện
website chuẩn. Đáng tiếc, chức năng này không hoạt động ăn khớp với
Javascript và mọi người không thể tìm lại nội dung trước đó khi bấm phím
Back. Bởi vậy, chỉ một sơ xuất nhỏ là dữ liệu trên trang đã bị thay đổi và khó có
thể khôi phục lại được. Đây là một trong những nguyên nhân chính khiến nhiều
người không ủng hộ ứng dụng Javascript.
Bên cạnh đó, mọi người không thể lưu lại địa chỉ web vào thư mục Bookmark
để xem lại về sau. Do áp dụng lớp trung gian để giao dịch, các ứng dụng AJAX
không có một địa chỉ cố định cho từng nội dung. Khiếm khuyết này làm cho
AJAX dễ "mất điểm" trong mắt người dùng.
Không thể hiện thị nội dung trên các trang tìm kiếm vì các trang tìm kiếm hiện
nay vẫn chưa hỗ trợ tìm vì rất khó tìm và gần như không thể tìm được.
Với một số trình duyệt, do nhu cầu bảo mật, sẽ tắt chức năng thực hiện
javascript nên ajax không thể chạy, hay trong một vài host, không hỗ trợ vào
sâu cấu hình server nên hay bị lỗi "Access denied".
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 11
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
1.5.3 Kế hoạch thưc hiện.
Sử dụng công nghệ JQuery, Ajax để xây dựng ứng dụng web.
Ngôn ngữ lập trình PHP và Javascript.
Sử dụng trình chủ Apache.
Hệ quản trị cơ sở dữ liệu Mysql.
Công cụ phát triển: VertrigoServ 2.21, Dreamwearver 8.0.
STT
Công Việc
Ghi Chú
Từ ngày
Đến ngày
1.
Thu thập yêu cầu
03/01/2011
09/01/2011
2.
Phân tích yêu cầu và viết đặc tả
10/01/2011
16/01/2011
3.
Thiết kế các mô hình (MCD, MLD,
17/01/2011
23/01/2011
24/01/2011
30/01/2011
sơ đồ chức năng)
4.
Xây dựng CSDL
Kiểm tra ràng
buộc khóa
chính/ ngoại
5.
Nghỉ tết
31/01/2011
13/02/2011
6.
Nghiên cứu về Ajax, JQuery…
14/02/2011
27/02/2011
7.
Viết Code
28/02/2011
03/04/2011
8.
Thiết kế giao diện
04/04/2011
10/04/2011
9.
Kiểm thử
11/04/2011
17/04/2011
10. Viết quyển báo cáo
18/04/2011
24/04/2011
11. Viết slide báo cáo + quyển báo cáo
25/04/2011
30/04/2011
12. Báo cáo thử cho giáo viên hướng
01/05/2011
dẫn
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 12
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
2 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.
Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử,
mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng
trở nên là một công cụ không thể thiếu cho truyền tải và trao đổi thông tin trên toàn
cầu. Với Internet thì chúng ta thực hiện nhiều công việc với tốc độ nhanh hơn và
chi phí thấp hơn nhiều so với cách truyền thống. Trong sản xuất kinh doanh giờ
đây Internet đã khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của
doanh nghiệp. Đối với một siêu thị bán các loại điện thoại và linh kiện điện thoại
thì việc giới thiệu những sản phẩm đặc trưng cũng như là những chương trình
khuyến mãi đặc biệt một cách hiệu quả và kịp thời là yếu tố mang tính quyết định
đến sự phát triển của siêu thị. Và một vấn đề đặt ra là làm sao để có thể quản lý và
điều hành website một cách hiệu quả, nhanh chóng và tránh sự nhàm chán từ phía
khách hàng mà chi phí đầu tư bỏ ra không quá cao. Đây là vấn đề hết sức cấp thiết
và trăn trở của hầu hết các công ty hiện nay.
Với yêu cầu này, thì việc ứng dụng công nghệ Ajax kết hợp và ngôn ngữ lập
trình PHP cùng với thư viện mã nguồn mở jQuery sẽ giải quyết các vấn đề đang đặt
ra.
2.1 PHP LÀ GÌ:
PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình
kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho
máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có
thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc
độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm
tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một
ngôn ngữ lập trình web phổ biến nhất thế giới.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 13
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
Đoạn mã sau minh họa giúp cách viết PHP lồng vào các trang HTML dễ dàng như
thế nào:
1. <html>
2.
<head>
3.
<title>Mã mẫu</title>
4.
</head>
5.
<body>
6.
7.
echo "Chào Các Bạn !";
8.
?>
9.
</body>
10. </html>
Thẻ <?php và thẻ ?> sẽ đánh đấu sự bắt đầu và sự kết thúc của phần mã PHP qua
đó máy chủ biết để xử lý và dịch mã cho đúng. Đây là một điểm khá tiện lợi của PHP
giúp cho việc viết mã PHP trở nên khá trực quan và dễ dàng trong việc xây dựng phần
giao diện ứng dụng HTTP.
• PHP là công cụ mạnh mẽ để xây dựng các trang WEB động.
• PHP được sử dụng rộng rãi, miễn phí, hiệu quả và là đối thủ cạnh tranh với
dot.Net của Microsoft.
• PHP tương tự như các ngôn ngữ C++ hay Java, bạn sẽ tiếp cận nhanh chóng
nếu đã học qua các ngôn ngữ kia, nếu chưa học cũng không sao bởi vì PHP
không quá khó với tất cả mọi người.
• PHP là 1 phần mềm mã nguồn mở, được hỗ trợ bởi cộng đồng rộng lớn và có
nhiều ứng dụng phát triển trên nó (WordPress, Facebook, yahoo… ).
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 14
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
2.2 MYSQL LÀ GÌ:
MySQL là một hệ quản trị CSDL mã nguồn mở nằm trong nhóm LAMP (
Linux - Apache -MySQL - PHP). Nó là hệ thống quản trị cơ sở dữ liệu cho các cơ sở
dữ liệu quan hệ. Giống như PHP, MySQL có một khả năng thực thi hoàn hảo, rất linh
động, đáng tin cậy, dễ nắm bắt và miễn phí.
• MySQL là một phần mềm quản trị CSDL dạng server-based (gần tương đương
với SQL Server của Microsoft).
• MySQL quản lý dữ liệu thông qua các CSDL, mỗi CSDL có thể có nhiều bảng
quan hệ chứa dữ liệu.
• MySQL có cơ chế phân quyền người sử dụng riêng, mỗi người dùng có thể
được quản lý một hoặc nhiều CSDL khác nhau, mỗi người dùng có một tên
truy cập (user name) và mật khẩu tương ứng để truy xuất đến CSDL.
• Khi ta truy vấn tới CSDL MySQL, ta phải cung cấp tên truy cập và mật khẩu
của tài khoản thì mới có quyền sử dụng CSDL đó. Nếu không, chúng ta sẽ
không làm được gì cả.
2.3 AJAX LÀ GÌ:
AJAX (tiếng Anh), viết tắt cho "Asynchronous JavaScript and XML", nghĩa là
"JavaScript và XML không đồng bộ". Từ Ajax được ông Jesse James Garrett tạo ra và
dùng lần đầu tiên vào tháng 2 năm 2005 để chỉ kỹ thuật này. Ajax là một kỹ thuật
phát triển web có tính tương tác cao bằng cách kết hợp các ngôn ngữ:
•
HTML (hoặc XHTML) với CSS trong việc hiển thị thông tin
•
Mô hình DOM (Document Object Model), được thực hiện thông qua
JavaScript, nhằm hiển thị thông tin động và tương tác với những thông tin được
hiển thị
•
Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ với
máy chủ web. (Mặc dù, việc trao đổi này có thể được thực hiện với nhiều định
dạng như HTML, văn bản thường, JSON và thậm chí EBML, nhưng XML là
ngôn ngữ thường được sử dụng).
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 15
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
•
XML thường là định dạng cho dữ liệu truyền, mặc dù bất cứ định dạng nào
cũng có thể dùng, bao gồm HTML định dạng trước, văn bản thuần (plain text),
JSON và ngay cả EBML.
Ajax tự nó không phải là một ngôn ngữ mà là một công nghệ một thuật ngữ mô
tả việc sử dụng kết hợp một nhóm nhiều công nghệ với nhau. Công nghệ Ajax giúp
cho trang web của chúng ta thực hiện công việc một cách nhanh chóng hơn bằng cách
nhận thông tin từ server mà không cần tải lại trang web.
Giúp trang web tải thông tin một cách nhanh chóng sau khi tiến hành cập nhật
hay lấy thông tin về mà không cần phải load lại trang. Một ví dụ về việc lấy dữ liệu từ
trang web khác và trả về một biến trong trang web hiện tại của chúng ta:
function sendValue(str)
{
$.post("/ql_dat_hang/serverpages/admin/getloaidt.php",{sendVal
ue:str}, function(data){handleSendValue(data)},"text");
};
Hàm sendValue (str) phía trên được sử dụng để gửi giá trị của biến str qua trang
getloaidt.php, tại trang getloaidt.php giá trị str được nhận và thực hiện chức năng của
trang getloaidt.php, kết quả sẽ được trả về qua biến data. Tại trang web hiện tại hàm
handleSendValue (data) được thiết kế nhằm nhận và xử lý giá trị của biến data trả về.
Và kết quả là ta không cần phải load trang mà vẫn nhận được kết quả từ một trang
khác, việc này làm cho trang web của ta linh động và nhanh chóng hơn.
Hình ảnh mô tả cách thức hoạt động của AJAX.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 16
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
2.4 JQUERY LÀ GÌ:
JQuery là một thư viện mã nguồn mở về javascript giúp đơn giản hóa cách viết
code và hỗ trợ một số tiện ích cho người lập trình giúp cho việc lập trình trở nên đơn
giản hơn, nhanh chóng hơn và thú vị hơn, còn đối với trang web thì sẽ linh động hơn
tạo cảm giác thích thú cho người dùng.
Vậy việc kết hợp công nghệ Ajax và bộ thư viện jQuery sẽ tạo cho trang web
của chúng ta hoạt động thật mượt mà, nhanh chóng, gây cho người dùng cảm giác
thích thú khi sử dụng.
2.5 HIỆU ỨNG: (Effect):
JQuery cung cấp một tập các hiệu ứng phong phú cho việc thiết kế ứng dụng
một cách sinh động và thân thiện với người dùng hơn. Để sử dụng được các tiện ích
này thì ta cần phải tham chiếu đến các thư viện của chúng. Các thư viện này là tài liệu
mã nguồn mở và hoàn toàn miễn phí.
Ví dụ: Một số thư viện được dùng trong bài:
<script type="text/javascript" src="jQuery-1.4.2.min.js"></script>
<script type="text/javascript" src="jQuery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript" src="jQuery.corner.js"></script>
<script type="text/javascript" src="jQuery.maskedinput-1.2.2.js"></script>
<script type="text/javascript" src="jQuery.watermark.js"></script>
.....
• Thư viện jQuery-1.4.2.min.js chứa hầu hết các hàm tạo nên hiệu ứng cho các
đối tượng.
• Thư viện jQuery.corner.js chứa các hàm để tạo góc cho các div, table, ...
• Thư viện jQuery.maskedinput-1.2.2.js chứa các hàm để định dạng cho dữ liệu
nhập vào thông qua textbox.
• Thư viện watermark chứa các hàm để gán giá trị tạm trên textbox...
• Một số ví dụ về cách sử dụng jQuery vào trang web của chúng ta:
$("#txtten").Watermark("Nhập tên ");
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 17
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
• Dòng trên là cách sử dụng watermark để gán cho textbox có id là txtten giá trị
tạm là “Nhập tên” với màu nhạt nhằm cho người dùng biết nhập tên vào
textbox này.
3 CHƯƠNG 3: NỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU
3.1 MÔ TẢ HỆ THỐNG
Siêu thị điện thoại Hoàng Thuần Mobile chuyên bán các loại điện thoại di động,
linh kiện điện thoại cho tất cả các khách hàng có nhu cầu trong khâu tiếp cận khách
hàng, với mục đích quảng bá hình ảnh cũng như tạo sự dễ dàng cho khách hàng khi
muốn mua sản phẩm của siêu thị. Thấy được sự phát triển mạnh mẽ của lĩnh vực công
nghệ thông tin và tầm quan trọng của việc tin học hóa các khâu kinh doanh, nên siêu
thị quyết định xây dựng một hệ thống website bán hàng trực tuyến qua mạng với mục
đích quảng bá thương hiệu và tạo sự thuận lợi cho khách hàng, siêu thị đã quyết định
tin học hóa một số chức năng nghiệp vụ như: giới thiệu điện thoại, linh kiện, đặt hàng
trực tuyến, thống kê doanh thu lợi nhuận… để phục vụ khách hàng một cách tốt nhất
có thể và tạo sự dễ dàng hơn trong công tác quản lí.
Siêu thị cung cấp nhiều điện thoại và linh kiện của nhiều nhà sản xuất khác
nhau. Trong đó điện thoại thuộc nhiều nhà sản xuất khác nhau mỗi nhà sản xuất có
nhiều loại điện thoại. Nhà sản xuất điện thoại gồm có: các nhà sản xuất nổi tiếng như
(ví dụ: Nokia, Samsung, Sony, LG, Motorola…), các điện thoại của các hãng như (ví
dụ: Nokia: E7, X8, E71, E72….Samsung: S8530, I9003, ware 575. Linh kiện gồm có:
Các loại pin, tai nghe, vỏ máy, sạc….
Để khách hàng hiểu rõ hơn về các sản phẩm, phía siêu thị cung cấp các thông
tin mô tả về sản phẩm như: tên, đơn giá, loại, hình ảnh, nhà sản xuất…. Trong đó đơn
giá sẽ được giảm nếu như khách hàng mua những sản phẩm được khuyến mãi.
Khi khách hàng có nhu cầu đặt hàng trực tuyến qua website của siêu thị thì đầu
tiên khách hàng cần phải có một tài khoản, tài khoản khách hàng có thể đăng ký miễn
phí tại website. Các bước để đặt hàng trực tuyến đầu tiên khách hàng chọn điện thoại,
linh kiện mà khách hàng muốn đặt từ website (có thể chọn nhiều điện thoại, linh kiện
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 18
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
cho một lần đặt) cùng với số lượng đặt, sau đó khách hàng phải cung cấp thêm thông
tin: địa chỉ giao hàng. Trong trường hợp khách hàng đã có tài khoản mà chưa đăng
nhập thì chỉ cần đăng nhập bằng tài khoản của mình và đặt hàng. Nếu chưa có tài
khoản khách hàng có thể đăng ký miễn phí tại website rồi đăng nhập với tài khoản
mình vừa tạo và đặt hàng. Tất cả những thông tin trên được xem như là một đơn đặt
hàng. Khi siêu thị nhận được đơn đặt hàng của khách hàng thì nhân viên chịu trách
nhiệm về khâu tiếp nhận đơn đặt hàng sẽ liên lạc với khách hàng để xác nhận sự chính
xác của đơn đặt hàng. Khi đó, đơn đặt hàng này sẽ được chuyển cho bộ phận khác (bộ
phận bán hàng) để xuất kho. Sau khi đã chuẩn bị xong đơn hàng thì một nhân viên vận
chuyển sẽ chịu trách nhiệm vận chuyển hàng đến cho khách hàng. Sau khi hàng đã
được đưa đến cho khách hàng thì xem như một giao dịch đặt hàng đã hoàn thành.
Khách hàng đăng ký: khách hàng nhập các thông tin cơ bản của một tài khoản
(họ tên, tên tài khoản, mật khẩu, địa chỉ, điện thoại, email…). Những thông tin này
quý khách hàng có thể đổi lại trừ họ tên, tên tài khoản.
Về khâu vận chuyển, siêu thị sẽ giao hàng miễn phí với trị giá đơn hàng lớn hơn
và khách hàng ở nội ô thành phố Cần Thơ, ngược lại khách hàng phải chịu khoảng phí
là tùy thuộc vào nơi giao hàng.
Bên cạnh đó siêu thị cũng thường xuyên có nhiều chương trình khuyến mãi cho
khách hàng vào các ngày lễ trong năm (ví dụ: quốc khánh ngày 2/9, quốc tế phụ nữ
8/3…). Mỗi đợt khuyến mãi sẽ có ngày bắt đầu và ngày kết thúc chương trình. Một đợt
khuyến mãi có thể áp dụng số ít sản phẩm hoặc nhiều sản phẩm với quà tặng đi kèm
theo khi mua sản phẩm.
Ngoài ra hệ thống còn phải cung cấp chức năng cho phép người dùng sao lưu,
phục hồi dữ liệu của hệ thống khi cần thiết.
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 19
ĐỀ TÀI: THIẾT KẾ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBILE
3.2 PHÂN TÍCH VÀ THIẾT KẾ CÁC MÔ HÌNH
3.2.1 MÔ HÌNH QUAN NIỆM MCD (Model of Conceptual Data)
Xác định thực thể, các thuộc tính và khóa
Thực thể: LOẠI_DT.
Loai_DT
Ma_LDT Variable characters (10)
T en_LDT Variable characters (100)
Diễn giải: Thể hiện thông tin của các loại điện thoại như cảm ứng, nắp
trượt, hai sim….
Thực thể: NHA_SX.
Nha_SX
Ma_NSX Variable characters (10)
T en_NSX Variable characters (100)
Diễn giải: Thể hiện thông tin của các nhà sản xuất điện thoại di động.
Thực thể: KHUYEN_MAI.
Khuyen_Mai
Ma_KM
Dien_Giai
Ngay_BD
Ngay_KT
KM
Variable characters (10)
Variable characters (100)
Date
Date
Variable characters (200)
Diễn giải: Thể hiện thông tin của các chương trình khuyến mãi, ngày
bắt đầu, ngày kết thúc và khuyến mãi (nội dung khuyến mãi).
Thực thể: DIEN_THOAI.
Dien_T hoai
Ma_DT
T en_DT
Mo_Ta
Gia_Ban
Anh_DT
T inh_Trang
Integer
<M>
Variable characters (100)
Text
Integer
Variable characters (100)
Integer
Diễn giải: Thể hiện thông tin của điện thoại như tên điện thoại, ảnh, giá bán….
GVHD: Nguyễn Thanh Hải
SVTH: Nguyễn Hoàng Thuần
Page 20
