tích hợp các công cụ quyét lỗ hổng bảo mật

Mã số đề tài: 6 Cần Thơ, 05/2011 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN so CŨI ca 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

Trang 1

3

Thiết kế các mô hình (MCD, MLD,

sơ đồ chức năng)

17/01/2011 23/01/2011

Kiểm tra ràng buộc khóa chính/ ngoại

24/01/2011 30/01/2011

12 Báo cáo thử cho giáo viên hướng

dẫn

01/05/2011

TRƯỜNG ĐẠI HỌC CẦN THƠ

KHOA CÔNG NGHỆ THÔNG TIN & TT

—oOo—

LUẬN VĂN TÓT NGHIỆP ĐẠI HỌC

THIẾT KẾ WEBSITE CHO SIÊU THỊ

HOÀNG THUẦN MOBILE

Giáo viên hướng dẫn:

Nguyễn Thanh Hải MSCB: 2267

Sinh viên thực hiện:

Nguyễn Hoàng Thuần MSSV: 1071712

TRƯỜNG ĐẠI HỌC CẦN THƠ

KHOA CÔNG NGHỆ THÔNG TIN & TT

—oOo—

LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC

THIẾT KẾ WEBSITE CHO SIÊU THỊ

HOÀNG THUẦN MOBILE

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

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

so CŨI ca

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 ữong 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 ữá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

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.3LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ 9

1.4PHẠM VI CỦA ĐỀ TÀI 10

1.4.1 Phạm vi chức năng 10

1.4.2 P hạm vi người dùng 10

1.4.3 P hạm vi kỹ thuật 10

1.5PHƯƠ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 Ke hoạch thưc hiện 12

2 CHƯƠNG 2: cơ SỞ LÝ THUYẾT 13

2.1 PHPLÀGÌ: 13

2.2MYSQL LÀ GÌ: 15

2.3AJAX LÀ GÌ: 15

2.4JQUERY LÀ GÌ: 17

2.5HIỆU ƯNG: (Effect): 17

3 CHƯƠNG 3: NỘI DUNG VÀ KẾT QUẢ NGHIÊN CƯU 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.2PHÂ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.3THIẾT KẾ THÀNH PHẦN DỮ LỆ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 Lu n đồ 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.6PHÂN TÍCH VÀ THIẾT KẾ CHUƠ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

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 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 Đe 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ù hcrp 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 íunctions such as: web suríĩng, camera, listen to music, watch TV that is very multiíorm and rich in íunction and shape To have a phone that is satisíy 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 iníormation 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 iníormatìon of employees - Manage iníormation of customer (account) - Manage infomatíon of supermarket Products. - Manage iníormation 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 iníormation 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 iníormation 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ưomg 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 noi 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 hcrp 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ưomg 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 tín 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 tín đ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 ữê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

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 loi:

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"

1.5.3 Kế hoạch thưc hiện

V Sử dụng công nghệ JQuery, Ajax để xây dựng ứng dụng web

V Ngôn ngữ lập trình PHP và Javascript

■S Sử dụng trình chủ Apache.

■S Hệ quản trị cơ sở dữ liệu Mysql.

V Công cụ phát triển: VertrigoServ 2.21, Dreamwearver 8.0

Trang 2

Ma LDT Variable characters

í'

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àngtrở 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àncầu Với Internet thì chúng ta thực hiện nhiều công việc vói tốc độ nhanh hom vàchi phí thấp hom 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ủadoanh 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ạithì việc giới thiệu những sản phẩm đặc trưng cũng như là những chưomg trìnhkhuyế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íakhá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ậptrình PHP cùng với thư viện mã nguồn mở jQuery sẽ giải quyết các vấn đề đang đặtra

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ìnhkị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 chomá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ẩmtưomg đối ngắn hom so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành mộtngôn ngữ lập trình web phổ biến nhất thế giới

Đ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:

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 PHPgiú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ầngiao diện ứng dụng HTTP

• PHP là công cụ mạnh mẽ để xây dựng các hang WEB động

• PHP được sử dụng rộng rãi, miễn phí, hiệu quả và là đối thủ cạnh hanh vóidot.Net của Microsoít

• PHP tưorng tự như các ngôn ngữ C++ hay Java, bạn sẽ tiếp cận nhanh chóngnếu đã học qua các ngôn ngữ kia, nếu chưa học cũng không sao bởi vì PHPkhô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 )

• Khi ta truy vấn tới CSDL MySQL, ta phải cung cấp tên truy cập và mật khẩucủ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ậtphát triển web có tính tương tác cao bằng cách kết hcrp 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 quaJavaScript, nhằm hiển thị thông tin động và tương tác vói những thông tin đượchiển thị

• Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ vớimáy chủ web (Mặc dù, việc trao đổi này có thể được thực hiện với nhiều địnhdạ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)

• XML thường là định dạng cho dữ liệu truyền, mặc dù bất cứ định dạng nàocũ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úpcho trang web của chúng ta thực hiện công việc một cách nhanh chóng hom bằng cáchnhậ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ậthay 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 ữang web hiện tại của chúng ta:

íunction sendValue(str)

{

$.post("/ql_dat_hang/serverpages/admin/getloaidt.php",{sendValue: 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 tranggetloaidt.php, tại trang getloaidt.php giá trị str được nhận và thực hiện chức năng củatrang getloaidtphp, kết quả sẽ được trả về qua biến data Tại trang web hiện tại hàmhandleSendValue (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 ừang mà vẫn nhận được kết quả từ một trangkhá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.

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 đơngiả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ơntạ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 webcủ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ácthí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ụngmộ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 íchnà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:

• 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.comer.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ệunhậ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 ");

• Dòng ữê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àotextbox 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áchhà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 khimuố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ôngnghệ 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êuthị 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 địnhtin 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àngtrự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ácnhau 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,19003, 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ôngtin mô tả về sản phẩm như: tên, đơn giá, loại, hình ảnh, nhà sản xuất Trong đó đơngiá 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ì đầutiê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ễnphí 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

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ôngtin: địa chỉ giao hàng Trong trường hợp khách hàng đã có tài khoản mà chưa đăngnhậ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àikhoả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ảnmình vừa tạo và đặt hàng Tất cả những thông tin ữên được xem như là một đơn đặthà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áchnhiệ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ínhxá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ậnchuyể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àyquý 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 chokhá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 đợtkhuyế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èmtheo 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

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 đinh thưc thể, các thuôc tính và khóa Thực thể: LOẠI_DT.

Trang 3

Dia Chi Giao Variable characters(2

T rang_Thai Integer

Tai_Khoan

User

Name Variable characters Í1001 <M>

Password Variable characters (100)

Ho_Ten Variable characters (100)

Dia_Chi Variable characters (200)

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ắptrượt, hai sim

Thực thể: NHA_SX.

Nha_sx

Ma NSX Variable characters f1 Ten_NSX Variable characters (1

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ể: KHUYÊN_MAI.

Diễn giải: Thể hiện thông tin của các chương trình khuyến mãi, ngàybắ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.

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

Thưc thể: LOAI_LK.

• —

_Loai_LK _

Ma LLK Variable characters M 0> <M>

Ten_LLK Variable characters (100)

Diễn giải: Thể hiện thông tin các loại linh kiện như pin, tai nghe, loa

Thực thể: NHA_SXLK.

Nha_SXLK _

Ma NSXLK Variable characters n 0> <M>

Ten_NSXLK Variable charactere (100)

Diễn giải: Thể hiện thông tin của nhà sản xuất linh kiện gồm: mã nhàsản xuất, tên nhà sản xuất

Thực thể: Tai_Khoan.

Trang 4

Email Variable characters (100)

Dien_Thoa

Nhan_Vien

MA NV Variable characters Í7Ì

Ho Ten Variable characters (10

TEN_CV Variable characters (100)

Diễn giải: Thể hiện thông tin chức vụ gồm mã chức vụ, tên chức vụ

Thực thể: CHUYEN_MON.

CHUYEN_MON

MA CM Variable characters 15 ) <M>

TEN_CM Variable characters (100)

Diễn giải: Thể hiện thông tin chuyên môn gồm mã chuyên môn, tên chuyênmôn

Thực thể: TRINHDO.

TRINH_DO

MA TD Variable characters (51 <M>

TEN_TD Variable characters (100)

Diễn giải: Thể hiện thông tin trình độ gồm mã trình độ, tên trình độ

Thưc thể: TIN_TUC.

• —

Diễn giải: Thể hiện thông tin tin tức gồm mã tin, tiêu đề, nội dung

3.2.2 XÁC ĐỊNH CÁC MỐI KẾT HỢP VÀ BẢN SỐ Thực thể tham gia: DIEN_THOAI, NHA_SX.

Diễn giải: Một điện thoại thuộc một nhà sản xuất duy nhất, một nhà sản

xuất có một hoặc nhiều điện thoại

Thực thể tham gia: DIEN_THOAI, LOAI_DT.

Diễn giải: Một điện thoại thuộc một loại duy nhất, một loại điện thoại có

một hoặc nhiều điện thoại

Thực thể tham gia: DIEN_THOAI, KHUYEN_MAI.

Diễn giải: Một điện thoại không được hưởng hoặc hưởng một chương trình

khuyến mãi, một chương trình khuyến mãi áp dụng một hoặc nhiều điện thoại

Thực thể tham gia: DIEN_THOAI, LOAI_DT, NHA_SX, KHUYEN_MAI.

Diễn giải: Một điện thoại thuộc một nhà sản xuất, một loại điện thoại không

được hưởng hoặc được hưởng một chương trình khuyến mãi, một chương trình khuyếnmãi áp dụng một hoặc nhiều điện thoại

Thực thể tham gia: LLNH_KIEN, NHA_SXLK.

Diễn giải: Một linh kiện thuộc một nhà sản xuất duy nhất, một nhà sản xuất có

một hoặc nhiều linh kiện

Thực thể tham gia: LINH_KIEN, LOAI_LK.

Diễn giải: Một linh kiện thuộc một loại duy nhất, một loại linh kiện có một

hoặc nhiều linh kiện

Thực thể tham gia: LLNH_KIEN, KHUYEN_MAI.

0,1

Trang 5

Diễn giải: Một linh kiện được hưởng một chương trình khuyến mãi, một

chương trình khuyến mãi áp dụng một hoặc nhiều linh kiện

Thực thể tham gia: LOAI_LK, NHA_SXLK, LINH_KIEN, KHUYEN_MAI.

Diễn giải: Một linh kiện thuộc một nhà sản xuất, một loại linh kiện được hưởng

một chương trình khuyến mãi, một chương trình khuyến mãi áp dụng một hoặc nhiềulinh kiện

Thực thể tham gia: TAI_KHOAN, QUYEN.

Diễn giải: Một tài khoản có một quyền, một quyền có thể có một hoặc nhiều tài

khoản

Thực thể tham gia: DAT_HANG, TAI_KHOAN.

DAT_HANG

Diễn giải: Một tài khoản có thể không đặt hoặc đặt nhiều đorn đặt hàng, một

đơn đặt hàng do một tài khoản đặt

Thực thể tham gia: TAI_KHOAN, QUYEN, DAT_HANG, DIEN_THOAI,

NHA_SX, LOAI_DT, KHUYEN_MAI

Diễn giải: Một một tài khoản có thể không đặt hoặc đặt nhiều đơn đặt hàng,

một đơn đặt hàng do một tài khoản đặt Đơn đặt hàng có thể có một hoăc nhiều điệnthoại, điện thoại có hoặc không được hưởng khuyến mãi

Thực thể tham gia: TAI_KHOAN, QUYEN, DATHANG, LINH_KIEN,

NHA_SXLK, LOAI_LK, KHUYEN_MAI

Diễn giải: Một một tài khoản có thể không đặt hoặc đặt nhiều đơn đặt hàng,

một đơn đặt hàng do một tài khoản đặt Đơn đặt hàng có thể có một hoăc nhiều linhkiện, linh kiện có hoặc không được hưởng khuyến mãi

Thực thể tham gia: NHANVIEN, CHUC_VU.

Trang 6

Diễn giải: Một nhân viên có một chức vụ, một chức vụ có một hoặc nhiều

nhân viên đảm nhiệm

Thực thể tham gia: NHANVIEN, CHUYEN_MON.

Diễn giải: Một nhân viên có một chuyên môn, một chuyên môn có một hoặc

nhiều nhân viên

Thực thể tham gia: NHANVIEN, TRINH_DO.

Diễn giải: Một nhân viên có một trình độ, một trình độ có một hoặc nhiều nhân

viên

Thực thể tham gia: NHAN_VIEN, QUYEN.

Diễn giải: Một nhân viên có một quyền, một quyền có một hoặc nhiều nhân

viên

Thực thể tham gia: NHAN_VIEN, TIN_TUC.

Trang 7

Diễn giải: Một nhân viên có thể không đăng hoặc đăng nhiều tin tức, một tin

tức do một nhân viên đăng

Thực thể tham gia: NHAN_VIEN, CHUC_VU, TRINH_DO,

CHUYEN_MON, DATHANG, QUYEN

Diễn giải: Một đơn đặt hàng sẽ do một nhân viên giao Một nhân viên có thể

không giao hoăc giao nhiều đom đặt hàng Một nhân viên có một chuyên môn, mộttrình độ, chức vụ, quyền

Mô hình mcd

L:ai_LK

M E LLK VaịabỊg rimạriaa Ten LLK VariabletíiEiadaaC Khuyên ỉvlai

Ma_KM Dien Giai ỉlgay BC Ngay KT Cate

Ty La Giam IntEgeĩ

Variable chara VaĩiablE chara

Kha_SXLK

Ma N3XLK Variabls ^3'3!

Ten NSXLK Variable cíiarai

Trang 8

[ Ca Ỵ Tai Khoen 0,n\

1 ỊC.1 ƯSẺT Name VariablecharaoterPsnBid Variable cíiarecten Quyên

Ho Ten Variable cíiaracten

DiaChi Variable character

Variablei

Cia Chi Giao Variable chara Trang Thai ỉnteger Tong Tien nteger

Ma Tin Inteoer Tieu De Variable charact

li Dung Teĩt

3.3 THIẾT KỂ THÀNH PHẦN DỮ LIỆU.

Mô hình dữ liệu mức logic là một mô hình “gần gũi” với ngôn ngữ máy tính

Là bước chuyển đổi giữa mô hình dữ liệu ở mức quan niệm (gần với người sử dụng)

và mô hình luận lý (mô hình trong máy), chuẩn bị cho việc cài đặt hệ thống

Các lược đồ quan hệ trong mô hình dữ liệu mức logic có được từ sự biến đổi môhình dữ liệu ở mức quan niệm Áp dụng các qui tắc biến đổi ta có các lược đồ quan hệsau:

1 Bảng loại điện thoại (LOAI_DT): Thông tin về loại điện thoại gồm có mã

loại, tên loại

2 Bảng nhà sản xuất (NHA_SX): Thông tin các nhà sản xuất điện thoại.

Trang 9

STT Tên trường Ý nghĩa Kiểu Dài RBTY

3 Bang khuyến mãi (KHUYEN_MAI): Thông tin về mỗi đợt khuyến mãi bao

gồm mã khuyến mãi, diễn giải, ngày bắt đầu, ngày kết thúc và tỷ lệ giảm

4 Bảng điện thoại (DIEN_THOAI): Thông tín mỗi điện thoại gồm có một mã

điện thoại, tên điện thoại, thuộc một loại, mô tả, giá, đường lưu ảnh minh họa,trạng thái

5 Bảng khuyến mãi điện thoại (KM_DT): thông tin chi tiết về khuyến mãi của

điện thoại gồm có mã khuyến mãi và mã điện thoại

Trang 10

Bảng loại linh kiện (LOAI_LK): Thông tin về loại linh kiện gồm có mã loại

tên loại

7 Bảng nhà sản xuất linh kiện (NHA_SXLK): Thông tin các nhà sản xuất linh

kiện

8 Bảng linh kiện (LINH_KIEN): Thông tin mỗi linh kiện gồm có một mã linh

kiện, tên linh kiện, thuộc một loại, mô tả, giá, đường lưu ảnh minh họa, trạngthái

Trang 11

7 GIA Giá bán float

9 Bảng khuyến mãi linh kiện (KM_LK): Thông tin chi tiết về khuyến mãi của

linh kiện gồm có mã khuyến mãi và mã linh kiện

10 Bảng nhân viên (NHAN_VIEN): Mỗi nhân viên có một mã nhân viên và các

thông tin về nhân viên đó

Trang 12

8 MA_CV Mã chức vụ Nvarchar 5 Khóa ngoại

1

0

11 Bảng chức vụ (CHUC_VU): Thông tín chi tiết về chức vụ.

12 Bảng đảm nhiệm (DAM_NHIEM): Thông tin chi tiết về chức vụ.

13 Bảng trình độ (TRINH_DO): Thông tin chi tiết về trình độ.

14 Bảng chuyên môn (CHUYEN_MON): Thông tin chi tiết về chuyên môn.

Trang 13

STT Tên trường Ý nghĩa Kiểu Dài RBTV

ngoại

2 TEN_TK Tên tài khoản đặt

hàng

m A ■ A

hàng

15 Bảng tài khoản (TAI_KHOAN): Thông tin chi tiết về tài khoản.

16 Bảng quyền (QUYEN): Thông tin chi tiết về quyền của tài khoản hoặc nhân

viên

17 Bảng đặt hàng (DAT_HANG): Thông tin chi tiết về đorn đặt hàng của khách

hàng

Trang 14

ngoại

18 Bảng đặt điện thoại (DAT_DT): Thông tin chi tiết về đơn đặt hàng đặt điện

thoại nào số lượng bao nhiêu

Trang 15

ngoại

19 Bảng đặt linh kiện (DAT_LK): Thông tin chi tiêt vê đơn đặt hàng đặt lingh

kiện nào số lượng bao nhiêu

20 Bảng tin Tức (TIN_TUC): Thông tin chi tiết về tin tức siêu thị.

Trang 16

DIEN_THOAI (MA_LDT) LOAI_DT (MA_LDT)

DIEN_THOAI (MA_NSX) NHA_SX (MA_NSX)

LENH_KIEN (MA_LLK) -> LOAI_LK (MA_LLK)

LENH_KIEN (MA_NSXLK) NHA_SXLK (MA_NSXLK)

KM_DT (MA_DT) -> DIEN_THOAI (MA_DT)

KM_DT (MA_KM) -> KHUYEN_MAI (MA_KM)

KM_LK (MA_LK) -> UNH_KTEN (MA_LK)

DAT_LK (MA_LK) -> LENH_KIEN (MA_LK)

DAT_LK (MA_DH) -> DAT_HANG (MA_DH)

DAT_HANG (TEN_TK) -> TAI_KHOAN (TEN_TK)

DAT_HANG (MA_NV) NH AN_VIEN (M A_N V)

NHAN_VIEN (MA_QUYEN) QUYEN (MA_QUYEN)

NHAN_VIEN (MA_CV) -> CHUC_VU (MA_CV)

NHAN_VIEN (MA_TD) -ỳ TRINH_DO (MA_TD)

(MA_CM) DAM_NHIEM (MA_VN) NH AN_VIEN (M A_N V)

TTN_TUC (MA_NV) -> NH AN_VIEN (M A_N V)

TAI_KHOAN (MA_QUYEN) -> QUYEN (MA_QUYEN)

3.3.1 Mô Hình Luận Lý (MLD).

> DIEN_THOAI (MA DT TEN_DT, MA_LDT, MA_NSX, MO_TA, ANH, GIA, TRANG_THAI).

> LOAI DT (MA LDT TEN LDD.

> NHA sx (MA NSX TEN NSXÌ.

> KHUYEN_MAI (MA KM DIEN_GIAI, NGAY_BD, NGAY_KT).

> KM DT (MA KM MA DT).

> LINH_KIEN (MA LK TEN_LK, MA_LLK, NHA_SXLK, MO_TA, ANH, GIA, TRANG_THAI).

> LOAI LK (MA LLK TEN LLKÌ.

> NHA_SXLK (MA NSXLK TEN_NSXLK).

> KM LK (MA KM MA LK).

> TAI_KHOAN (TEN TK MAT_KHAU, MA_QUYEN, HO_TEN, DIA_CHI, DIEN_THOAI, EMAIL).

> OUYEN (MA OUYEN TEN OUYENT

> NHAN_VIEN (MA NV HO_TEN, MA_QUYEN, MA_CM, MA_TD, ,GIOI_TINH, NGAY_SINH, SO_DT, MAT_KHAU).

> CHUC VU (MA cv TEN CVÌ.

> DAM_NHIEM (MA DN MA_NV, NGAY_BD, NGAY_KT).

> CHUYÊN MON (MA CM TEN CMÌ.

> TRĨNH DO (MA TD TEN TDÌ.

> TIN_TUC (MA TIN TIEU_DE, NOI_DUNG).

> DAT_HANG (MA DH MA_TK, MA_NV, NGAY_DAT, DIA_CHI_GIAO, TRANG_THAI,TONG_TIEN).

> DAT_DT (MA DPT MA_DH, MA_DT, SO_LUONG).

> DAT_LK (MA DLK MA_DH, MA_LK, SO_LUONG).

3.4 RÀNG BUỘC VỀ KHÓA NGOẠI

Trang 17

GVHD: Nguyễn Thanh Hải SVTH: Nguyễn Hoàng Thuần Page 41

3.4.1 Lưu đồ dòng dữ liệu (DFD)

Mức 0

ĐỀ TÀI: THIẾT KỂ WEBSITE CHO SIÊU THỊ ĐIỆN THOẠI HOÀNG THUẦN MOBELE

Mức 1

Mức 2

3.5 Sơ ĐỒ CHỨC NĂNG.

3.5.1 Sơ Đồ Chức Năng Khách Hàng

3.5.3 So* Đồ Chức Năng Admin

3.6 PHÂN TÍCH VÀ THIẾT KỂ CHƯƠNG TRÌNH.

3.6.1 Sơ đồ đăng ký tài khoản

Trang đăng ký cho phép bạn đăng ký làm khách hàng của siêu thị để bạn cóthể dùng tài khoản này đăng nhập vào hệ thống để mua hàng trực tuyến của siêuthị Thông tin đăng ký của khách hàng được lưu vào cơ sở dữ liệu để siêu thị theodõi quản lý phục vụ cho việc kinh doanh cũng như liên lạc với bạn khi cần thiết,bạn có thể cập nhật lại thông tin đăng ký của mình khi bạn đã đăng nhập vào hệthống

3.6.2 So* đồ đăng nhập

3.6.3 So* đồ đổi mật khẩu và thông tin cá nhân

3.6.4 So* đồ thêm mới sản phẩm (điện thoại, linh kiện)

3.6.5 So* đồ cập nhật sản phẩm (điện thoại, linh kiện)

3.6.6 So* đồ thêm chương trình khuyến mãi

3.6.7 So* đồ cập nhật khuyến mãi

3.6.8 So* đồ áp dụng khuyến mãi

3.6.9 So* đồ tìm kiếm sản phẩm

3.6.10 Sơ đồ thêm nhà sản xuất (nhà sản xuất điện thoại, linh

kiện)

3.6.11 So* đồ đặt hàng

Để mua hàng trực tuyến khách hàng cần phải có một tài khoản đăng nhập, nếuchưa có thì khách hàng có thể đăng ký trước Sau khi đăng nhập khách hàng có thểchọn mua điện thoại, khách hàng có thể sử dụng chức năng tìm điện thoại mà hệ thốngcung cấp, khách hàng có thể tìm theo chức năng của điện thoại, tìm theo khoảng giá

3.8 NHỮNG VẨN ĐỀ CHƯA ĐƯỢC GIẢI QUYẾT

Giao diện còn đơn giản, bố cục giao diện có thể chưa phù hcrp

Việc thu thập dữ liệu thông qua các Website đã có, chưa tiếp xúc trực tiếp vóihoạt động của một siêu thị điện thoại nên dữ liệu chưa mang tính thực tiễn cao

Thông tin quản lý mô tả của sản phẩm chưa chi tiết

Đối vói nhân viên và khách hàng chỉ quản lý những thông tin cơ bản

Chưa quản lý số lượng sản phẩm có trong kho

Do đây là lần đầu tiên viết một chương trình lớn với ngôn ngữ lập trình còn khámới đối với bản thân nên khả năng lập trình còn chưa tốt, chưa thể hoàn thiện mộtcách tốt nhất các yêu cầu đặt ra

Trang 18

4.2 ĐỀ NGHỊ:

> Cần chỉnh sửa giao diện website cuốn hút hơn

> Cần tiếp xúc trực tiếp với hoạt động của một siêu thị điện thoại để xâydựng dữ liệu mang tính thục tiễn cao hơn

> Chưa quản lý số lượng sản phẩm cố trong kho và số lượng sản phẩmkhách đặt

> Website cố thể phát triền cho phép khách hàng thanh toán trực tuyến

> Chương trình nên cải tiến cách tổ chức dữ liệu và giải thuật để chươngtrình chạy nhanh hơn

5 PHẨN PHỤ LỤC

HƯỚNG DẴN Sử DỤNG CHƯƠNG TRÌNH

5.1 HƯỚNG DẪN CẰI ĐẶT VERTRIGO

Bước 1: Các bạn chạy file Vertrigo.exe Click Ok để tiếp tục

Trang 19

Bước 2: Xuất hiện hộp thoại chào mừng cài đặt Vertrigo Click Next

Bước 3: Xuất hiện hộp thoại thỏa thuận giấy phép Cỉỉck I Agree

Trang 20

Bước 4: Hộp thoại chọn thành phần Click Next

Bước 5: Chọn vị trí cài đặt Click Browse để chọn vị trí cài đặt Click Next để tiếptục

Trang 21

Bước 6: Click Install để thực hiện cài đặt

Bước 7: Vertrigo đang tiến hành cài đặt

Trang 22

Psth o p ti 0 n s Allow

Ovsrride Order AlloWDeny

" D:\Vsrt rig 0 s erv\wvW Indeyes FcllawvSymLinks

Inclu All alloiu.deny Alkw frỡm All|

''Q:\VertrigoSenAAp a c h e\i c 0 n s" Ind&xss MultiVieívs None alloiu.ds

ny Allcu’ from Allị

" D:\Vertrig 0 s erv\Ph p myad min” All AuthContìg allow,de

ny Alkw from All|

"D:\VertrigoServ\Eqlitenn anager” All AuThConíig allow,de

ny Alle-.v from All|

Bước 8: Quá trình cài đặt Vertrigo hoàn thành Chọn fínish

5.2 HƯỚNG DẪN CẤU HÌNH VERTRIGO.

Bước 1: Chạy Vertrigo Chọn Settỉng -> Aliases and dừs

Components settings Extensions settings Program settings Alỉases arid dirs rorr

Bước 2: Xuất hiện hộp thoại Apache aliases and dirs

Apache aĩiases and directories

Ap-ache directoiies

Àpache aĩiases

Alias icons

Local Pach

"D AVertrigoServ\Ap a c h e\j c 0 n s ”

"Di\VertrigoServ\Phpmyađmin"

,, D:\VertrigoServ , ' 1 S q li tem a n a-ger"

sơUKCTlĩ

3 GF

About

VeitiígoSeiv Dariusz Handzlik

darek'^handslik-info dariuýzh.3i-id2lik<aioocgi a.onet- pl

hi toV/verltiaa SQUíceícnae Retmnta deíauít settings

Trang 23

y' Save setiings and redtait seivei

X Close and abanđon changes

+ Từ hộp thoại Apache aỉiases and dirs chọn Add Directory -> xuất hiện hộpthoại chọn đường dẫn tới noi chứa fíle cần thực thi Chọn Add Directory

+ Từ hộp thoại Apache aliases and dirs chọn Add alias Chọn tên cho alias, chỉđường dẫn đến thư mục chưa tập tin Chọn Add alias

Alias n-anne ql_dat_hang Local path

•*ậr Return to detault setlings

y Save se tùng? and resíart server

Close and abandon changes

Bước 4: Khởi động lại server là hoàn thành

5.3 THƯC HIÊN IMPORT cơ SỠ DỮ LIÊU.

• • •

Bước 5: Khởi động Vertrigo server chọn Tool ->PhpMyAdmin

Trang 24

Project www page Help and readme Localhost page

Trang 25

SQL compatibility mode

©

li GO ì

Bước 2: Xuất hiện hộp thoại yêu cầu đăng nhâp

Bước 3: Đăng nhập với Tên đăng nhập: root và mật khẩu là: vertrigo Chọn Ok

(jJ) 127.0.0.1/ localhost I phpMyAdmin 2.11.7 - Mozilla Fìrefox

, 127.0.0.1 / locaíhost I phpMyAdi

php&ữỵAđsnỉrt

• banhang 4 ( 19 )

• cdshop ( 0 )

• information_s chema ( 17 )

n (5)

• phpmyadmin ( 8 )

• test ( 0 )

localhost

ổ Server version: 5 0 51 b-community ProtQCDl version: 10 Server: localhost Via TCP/IP User: root@Jocalhost MySQL charset: UTF -8 Unicode (utf 8 ) MySQL connection collation: utf 8 _unicode_ci

©

Collation [ Create I

Show MySQL runtime iníormation Shovv MySQL System variables (?)

Processes © Character Sets and Collations storage Engines Reload privileges © Privileges Databases Export Import Log out (D

phpMyAdmin - 2.11.7

► MySQL Client version: 5 - 0.51 a

► Used PHP

^ Language (D: English Theme/ Style: Original

► Font size: 82 % ▼ phpMyAdmin documentation

► phpMyAdmin wiki CHTicial phpMyAdmin Homepage

► [ChangeLog]

phpMyAdmỉn

Bước 4: Sau đó nhập tên database (ví dụ: luanvan) ở khung create new database và

chọn create

Phpí

luanvan (0)

luanvaĩi (0)

No tables found in database.

^ Server: localhost iP ► Database: luanvan ỊỂf Structure 5^1 SQL Search ỊîiQuery ỊîExport Ị^lmport ^Dgsịgner Ôperations ^Privileges ^ỊDrop

- SQL

query: -CREATE DATABASE 'Iuanvan2' ;

□ Protiling [ Edit ] [ Create PHP Code ]

No tables íound in database.

- j|Ị Create newtable on database Name: Number offields:

Iuanvan2-I Iuanvan2-I

Bước 5: Chọn Import sẽ được chuyển qua màn hình Import dữ liệu vào

ỊỳJ Server: localhost g!) ► Database: luanvan

ỊSj Structure SQL y Seareh |UýiQuery îiExport pimport tÔesigner Ôperations Privileges ^ Drop

Import

-File to Location of the text íle I Browse_ I (Max: 2,048 KiB)

import -Character set ofthe (ile Utf8 »

Imported file compression will be automatically detected from None gzlp bzip2 zip

-Partial

import -0 Allovv irterrupt of import in case script detects it is close to time limit This might be good way to impott large files hovvem it can break transactions.

Number of records(queries) to skip from start 0

-Format of imported

Bước 6: Chọn Duyệt để chọn fíle cơ sở dữ liệu để thực hiện việc import dữ liệu vào

gâ Server: localhost ► ÉP Database: luanvan

[?§ Structure ai^SQL Search ^ĩiQuery [Ị^iExport piníiport i^Designer Ĩ^Operations SãPrivileges KDrop

Import

-File to

import -Location of the text file P:\ql_dat_hang\flash\stE Ị" Brovvse^ I (Max: 2,048 KiB)

Charader set of the fik: utfi8 ^

Imported file compressian will be automatically detected íroim: None, gzip, bzip2, zip

Trang 26

Bưác 7: Click Go để hoân thành công việc.

5.4 HƯỚNG DẴN CÀI ĐẶT MACROMEDIA_DREAMWEAVER8

Các bạn thực hiện việc cài đặc Macromedia_Dreamweaver8 theo các bước hướng dẫnminh họa sau:

Bước 1: Chạy file Dreamweaver8-en.exe xuất hiện hộp thoại chào mừng cài đặtMacromedia_Dreamweaver8 Cỉỉck Next

Trang 27

Bước 2: Hộp thoại thỏa thuận giấy phép xuất hiện, chọn I accept the tems ỉn thelicnese agreement Click Next

Bước 3: Hộp thoại chọn thư mục cài đặt Chọn change để chọn thư mục Cỉỉck Next

để tiếp tục

Trang 28

Bước 4: Click Next tiếp tục

Trang 29

Bước 5: Thông báo sẵn sàng cài đặt Click Install để tiến hành cài đặt

Bước 6: Macromedia_Dreamweaver8 đang thực hiện việc cài đặt

Trang 30

Bước 7: Quá trình cài đặt Macromedia_Dreamweaver8 hoàn thành Chọn Finish

5.5 HƯỚNG DẪN TẠO MỘT NEW-SITE

Bước 1: Bạn chạy Macromedia_Dreamweaver8 Chọn Site -> New Site

Trang 31

Bước 2: Xuất hiện hộp thoại như hình bên dưới Bạn nhập tên site mới vàokhung “what would you like to name your site?” Ví dụ “ql_dat_hang” nhập địa chỉđường dẫn http://Iocalhost.com/ql dat hang Click Next

Bước 3: Chọn Yes, I want to User server technology, chọn PHP MySQL trongcombox which server technology? Click Next tiếp tục

Trang 32

Bước 4: Chọn đường dẫn đến ncd chứa các tập tin Click Next để tiếp tục

Bước 5: Chọn đường dẫn đến nới chứa các tập tin Cỉỉck Next đê tiếp tục

Trang 33

Bước 6: Đánh địa chỉ là: http:/AocalhosƯql dat hang Click Next

Buớc 7: Click Next

Trang 34

Bước 8: Thực hiện hoàn thành Click Done

5.6 HƯỚNG DẴN sử DỤNG CHƯƠNG TRÌNH.

Trong phần này sẽ trình bày một số giao diện của Website và các thao tác tưorngứng

HOAXGTHƯAXMOBILĨ Đĩ; 07103,250.900

Nokia

Nokia E7

15235.000 VND 14.900.000 VNDHTCHD7 Samsung Galaxy Tab P1000141)00.000 VND HTC Desũe z13.600.000 VXD

FL[e Edit Víew History Bookmarks Tools Help

Giói Thiệu I Đổi Mật Khẩu I

10:49 AM 5/13/2011

I rang chủ - Mozilla Firefox

B MostVisited gp Khoa Cong NghẽTh

Trang 35

Hình: Giao diện trang chủ của Website

Từ trang chủ khách hàng có thể thực hiện các thao tác:

Trang 36

http;//lt>calhost/'qLdat_hang/luanYan/dienthoai/trangchu,php?MA_NSX=001

Nokia

11.452.009 Vĩ®

; the cao 100t + ti Nokia €700 đassic gold10.079.000 VND

tang the cao lOOk + tui da Nokia E7

15.235.000 VND

Nokia E72

■.050.000 VND Motorola

Nokia C3-01 Touch and TypE 4305.000 VND tan g the cao 1 OOk + tui da Nokia Xổ SGB

6.508.000 VND

Nokia E5 5.142.000 VND Q-mobĩle

Từ Khỏa Brackbeny

-ClickChc Giá Tiền

Nokia X2-01 2.555.000 VND

Nokia 5130 Xpie ssMusic 2.279.000 VND

cmnái_ mmi

Nokia 5250 2.535.000 \ND CHI TIẾT ► CHI TIẾ T >

Trang 37

Hình: khung tìm kiếm

5.8 HƯỚNG DẪN ĐĂNG KÝ THÀNH VIÊN.

Để đăng ký thành viên click vào menu Đăng Ký để thực hiện đăng ký

Hình: Giao diện hiển thị để khách hàng đăng ký

Khi nhập thông tin sai hoặc không nhập thông tin, nếu thông tin đăng ký sai sẽxuất hiện dòng chữ đỏ cho khách hàng biết sửa lại và tất cả thông tin nhập đúng kháchhàng mới đăng ký thành công

Trang 38

Hình: Giao diện hiển thị thông tin khách hàng nhập sai

Khi khách hàng nhập thông tin đầy đủ, chính xác và click Đăng Ký Nếu hệthống thông báo “bạn đã đăng ký thành công” thì tài khoản của bạn đã đăng ký

Trang 39

Cách 1: khách hàng click vào « -phía dưới mỗi sản phẩm như vậy là

bạn đã đưa 1 sản phẩm vào giỏ hàng Khách hàng click vào đặt hàng tiếp thì số lượng

sẽ tăng thêm 1

Hình: một sản phẩm

Cách 2: khách hàng click vào — L.ĩ phía dưới mỗi sản phẩm để xem chi tiết sản

phẩm rồi click vào mua hàng.

Nokia

11 452.000 VND

Khuyên Mãi Hãng Sản Xuât

Sau khi khách hàng đã chọn xong những sản phẩm mình cần mua, khách hàng

có xem giỏ hàng và đặt hàng ngay băng cách click vào phía dưới giỏhàng nhưng để đặt hàng khách hàng cần đăng nhập

Trang 40

GỎI HÀNG

Tẻn ĐTNokia E7

SL Giá1

15.000.000 VNĐ

Phám:

TòngTiến:

115.000.000 VND

Hình: giỏ hàng

Nếu khách hàng chưa đăng nhập mà đặt hàng hệ thống sẽ thông báo và chuyểntrang đến trang đăng nhập cho khách hàng đăng nhập (xem phần hướng dẫn đăngnhập)

Hình: Hệ thống thông báo

Sau khi chọn xong các sản phẩm khách hàng có thể xem chi tiết và cập nhật giỏhàng lại trước khi đặt hàng bằng cách click vào ai ' ■—■ phía dưới giỏ hàng

|chi Tiết Gio Hàng

Định dạng
Số trang	101
Dung lượng	3,28 MB