Tài liệu Thiết kế và lập trình website bán xe máy

Môn: Thiết kế và lâ âp trình web 2 MỤC LỤC LỜI MỞ ĐẦU............................................................................................................................4 NÔÔI DUNG................................................................................................................................5 I. ĐĂÔT VẤN ĐÊ................................................................................................................5 1. Giới thiê Ôu. .................................................................................................................5 2. Khái quát về Website................................................................................................5 3. Mục tiêu của đồ án....................................................................................................6 4. Chức năng..................................................................................................................6 5. Yêu cầu đă Ôt ra cho hê Ô thống.....................................................................................7 5.1. Phần danh cho khách hàng.................................................................................7 5.2. Phần dành cho nhà quản lý................................................................................7 II. CƠ SỞ LÝ THUYẾT................................................................................................8 1. Giới thiê Ôu WEB, mô Ôt số công nghê Ô và ngôn ngữ lâ Ôp trình WEB. ........................8 1.1 Các công nghê ê trong lâ êp trình web: CGI, PERL, ISAPI, ASP, SERVLET, JSP...8 a) Công nghê Ô CGI (Common Gateway Interface)..............................................8 b) Công nghê Ô PERL (Practical Extraction and Report Language)..................8 c) Công nghê Ô Client/Server...................................................................................8 d) Các công nghê Ô ISAPI, SERVLET, ASP, JSP..................................................9 1.2 Ngôn ngữ trong lâ êp trình Web.............................................................................9 a) Ngôn ngữ ActiveX Controls.............................................................................9 b) Ngôn ngữ Java.................................................................................................10 c) Ngôn ngữ Scripting Language.......................................................................10 d) Ngôn ngữ JavaScript......................................................................................10 e) Ngôn ngữ HTML (Hypertext Markup Language).......................................10 2. Công cụ lâ Ôp trình Web............................................................................................11 3. Công nghê Ô ASP........................................................................................................11 3.1 Sơ lược và ASP..................................................................................................11 3.2 Khái niêm ê về ASP..............................................................................................12 3.3 Mô êt số đối tượng của ASP.................................................................................13 III. PHÂN TÍCH VÀ THIẾT KẾ HÊÔ THỐNG..........................................................13 1. Phân tích bài toán...................................................................................................13 1.1. Quy trình lựa chọn hàng...................................................................................13 1.2. Quy trình xử lý đơn đă êt hàng............................................................................14 1.3. Quy trình quản lý bán hàng..............................................................................14 2. Sơ đồ phân rã chức năng........................................................................................15 3. Sơ đồ luồng dữ liê Ôu mức đỉnh................................................................................16 4. Các quan hê Ô thực thể..............................................................................................17 4.1. Table XE............................................................................................................17 4.2. Table USER.......................................................................................................17 4.3. Table LOAIXE...................................................................................................17 4.4. Table DATHANG..............................................................................................18 IV. THIẾT KẾ GIAO DIÊÔN........................................................................................18 1. Trang chủ.................................................................................................................18 2. Giới thiê Ôu.................................................................................................................19 3. Đăng ky....................................................................................................................19 4. Hỗ trợ trực tuyến....................................................................................................20 5. Đăng nhâ Ôp................................................................................................................20 Trang 1 Môn: Thiết kế và lâ âp trình web 2 6. 7. 8. 9. Giỏ hàng...................................................................................................................21 Tìm kiếm..................................................................................................................21 Thống kê truy câ p Ô ...................................................................................................21 Ảnh toàn bô Ô giao diên Website “Xe Máy Viê Ôt”....................................................22 V. KẾT LUÂÔN..................................................................................................................23 1. Kết quả đạt được.....................................................................................................23 2. Hạn chế....................................................................................................................23 3. Hướng phát triển.....................................................................................................23 TÀI LIÊÔU THAM KHẢO......................................................................................................25 Trang 2 Môn: Thiết kế và lâ âp trình web 2 LỜI MỞ ĐẦU Trong môi trường kinh tế đang phát triển mạnh, cạnh tranh gay gắt, cùng với sự phát triển vượt bậc của khoa học kỹ thuật thì công nghệ thông tin và thương mại điện tử là một trong những lĩnh vực nổi trô âi, có nhiều đóng góp thiết thực nhất cho nền kinh tế. Công nghệ thông tin và thương mại điện tử có mặt trong hầu hết các lĩnh vực của cuộc sống và trở thành một công cụ hỗ trợ rất đắc lực trong công tác quản lý, kinh doanh. Ngày nay, “ thương mại điện tử “ đem lại rất nhiều lợi ích không những cho các doanh nghiệp mà người tiêu dùng cũng có những lợi ích như tích kiệm thời gian và chi phí trông việc mua sắm và tiêu dùng. Việc bán hàng qua mạng không còn là hình thức xa lạ đối với người tiêu dùng nữa, bán hàng qua mạng là hình thức làm việc rất phổ biến, hình thức này bất kỳ một doanh nghiệp kinh doanh sản phẩm đều lựa chọn. Vì vậy, em chọn đề tài “Xây dựng Website bán Xe máy”. Trang 3 Môn: Thiết kế và lâ âp trình web 2 NÔÔI DUNG I. ĐĂÔT VẤN ĐÊ 1. Giới thiê Ôu. - Đồ án Xây dựng và thiết kế Web 2 là một môn học quan trọng trong chương trình đào tạo. Trong môn học này, sinh viên được học về các công cụ và ngôn ngữ ASP.net để có thể xây dựng và thiết kế trang Web. - Trong báo cáo này trình bày chi tiết về một đồ án là “Hệ thống giới thiê uâ và đặt hàng trên mạng” (Online Ordering System) của một Công ty xe máy. Đồ án này sẽ giúp sinh viên hiểu rõ hơn về các quy trình thực hiện một dự án thực thụ. - Tài liệu báo cáo đồ án được thiết kế nhằm đạt được những mục tiêu sau:  Cung cấp cho sinh viên một tổng quan về chu trình phát triển phần mềm.  Hướng dẫn các giai đoạn cần thiết trong quá trình phát triển các dự án tương tự như đồ án.  Hướng dẫn sinh viên chuẩn bị phần tài liệu liên quan đến đồ án. 2. Khái quát về Website. - Xe máy Việt là một mạng lưới đại lý cung cấp xe máy ở thành phố Vĩnh Long. Xe máy Việt nổi tiểng nhờ có nhiều sản phẩm mới, các mặt hàng đa dạng và nhiều thông tin khuyến mãi. - Sự đáp ứng của khách hàng thôi thúc những người quản trị Xe máy Việt nghĩ đến khả năng mở rộng tầm hoạt động. Ban giám đốc công ty muốn tăng số các đại lý trong và ngoài thành phố. Tuy thế họ đã nhìn thấy trước một vấn đề trong tiến trình này đó là không gian cần thiết, việc xây dựng cơ sở và việc đi vào hoạt động sẽ chiếm nhiều thời gian, và có thể đây là yếu điểm dễ bị các đối thủ cạnh tranh khai thác. Vì thế Xe máy Việt đã nghĩ đến khả năng đưa hoạt động của mình lên mạng Internet và dự định sẽ thiết lập một web site tên là xemayviet.com. Với sự bùng nổ của kỹ thuật Internet, mọi người đều nhất trí đây là bước đi đúng của Xe máy Việt. Nghĩa Trang 4 Môn: Thiết kế và lâ âp trình web 2 là công ty không chỉ hoạt động với những thị trường chung quanh thành phố Vĩnh Long mà còn xa hơn nữa. Bộ phận EDP của Xe máy Việt đã đề nghị một sự chuyển đổi cơ chế theo từng giai đoạn. Giai đoạn đầu bao gồm: - Tạo ra cơ chế đặt hàng trên mạng cho khách hàng và duy trì cơ chế cửa hàng phân phối theo qui cách thanh toán bằng tiền mặt. Như vậy, phải thiết kế và phát triển Website xemayviet.com như thế nào để đạt được mục tiêu này. Dưới đây là những chi tiết liên quan đến dòng sản phẩm và hệ thống hoạt động hiện tại của Xe máy Việt. - Dòng sản phẩm của Xe máy Việt: bao gồm các dòng xe máy như Honda, Suzuki, Yamaha, SYM và nhiều các mặt hàng nổi tiếng khác. 3. Mục tiêu của đồ án. - Lợi ích đầu tiên và cũng là lợi ích lớn nhất mà web site mang lại chính là sự quảng bá cho thương hiệu công ty Xe máy Việt cùng với các sản phẩm của công ty. - Nhờ có web site xemayvietcom, khàch hàng ở bất kỳ nơi nào chỉ cần sử dụng Internet truy cập đến web site là có thể mua hàng của Xe máy Việt thay vì phải đến trực tiếp các đại lý của Xe máy Việt để mua hàng hoặc đặt hàng qua điện thoại như trước đây. - Ngoài ra web site còn có những chức năng khác giúp ích cho người quản trị quản lý các đơn đặt hàng, các khách hàng và đưa những thông tin mới nhất của Xe máy Việt như khuyến mãi hay những sản phẩm mới đến với khách hàng một cách dễ dàng nhờ sự phổ biến của Internet. 4. Chức năng. Đây là trang website nhằm bán hàng, giới thiê uâ rô nâ g rãi các sản phẩm xe máy và phụ tùng đến cho người tiêu dùng với các chi tiết cũng như giá cả của các mă tâ hàng mô ât cách chính xác Trang web có các chức năng sau: - Cho phép câ âp nhâ tâ hàng vào CSDL. - Hiển thị danh sách các mă tâ hàng theo từng loại bao gồm: tên hàng, đơn giá, thông tin tóm tắt, thông tin chi tiết, hình ảnh. Trang 5 Môn: Thiết kế và lâ âp trình web 2 - Hiển thị bô â sản phẩm nhằm giúp cho khách hàng dễ dàng lựa chọn sản phẩm của công ty. - Hiển thị đơn đă tâ hàng của khách hàng. - Cung cấp công cụ tìm kiếm để khách hàng nhanh chống tìm kiếm sản phẩm mà họ cần mua. - Cho phép quản lý đơn đă ât hàng. - Hỗ trợ khách hàng trực tuyến. - Cung cấp tin tức thời sự, giải trí. 5. Yêu cầu đă Ôt ra cho hê Ô thống. Gồm 2 phần chính: Phần danh cho khách hàng - Hiển thị danh sách các mă tâ hàng mô ât cách hợp lý nhất để cho khách hàng có thể xem và lựa chọn. - Cung cấp chức năng tìm kiếm mă tâ hàng. Với nhu cầu của người sử dụng khi vào trang web thương mại là tìm kiếm các mă tâ hàng mà họ cần và mua. Đôi khi có những khách hàng vào website không có ý định mua hay không biết mua gì thì yêu cầu đă ât ra của hê â thống là làm thế nào để khách hàng có thể tìm kiếm nhanh chóng và hiê âu quả. - Sau khi khách hàng lựa chọn xong những mă ât hàng cần mua thì hê â thống phải có chức năng hiển thị đơn đă ât hàng để khách hàng nhâ pâ vào những thông tin cần thiết, tránh nhừng đòi hỏi, yêu cầu quá nhiều từ phía khách hàng, tạo cảm giác thoải mái cho khách hàng. - Ngoài ra còn có mô ât số chức năng khác như: đăng nhâ pâ , đăng ký,…. Phần dành cho nhà quản lý. - Chức năng câ pâ nhâ tâ thông tin: nhà quản lý có thể thêm, sủa, xoá các mă tâ hàng, các dữ liê uâ trên trang web, viê âc này đòi hỏi sự hiểu biết và đọ chình xác. - Tiếp nhâ nâ và kiểm tra đơn đă ât hàng của khách hàng. - Thống kê các mă ât hàng, khách hàng, nhà cung cấp,….. Trang 6 Môn: Thiết kế và lâ âp trình web 2 - Ngoài ra website còn cung cấp các thông tin trong và ngoài nước cho khách - Website phải đảm bảo an toàn tuyê tâ đối những thông tin liên quan đến hàng. người dùng trong qua trình đă ât hàng hay thanh toán. - Website phải dễ nâng cấp sủa chữa khi cần bổ sung, câ âp nhâ tâ những tính năng mới. II. CƠ SỞ LÝ THUYẾT 1. Giới thiê Ôu WEB, mô Ôt số công nghê Ô và ngôn ngữ lâ Ôp trình WEB. Trang web là mô ât trang mà thông tin được đưa lên mạng để các máy khách (client) có thể truy câ âp thông tin, lấy thông tin nhưng đồng thời cũng chứa đựng các trang có khả năng xử lý tự đô âng các yêu cầu mua, bán, do các máy khách (client) gửi đến. Sau đó trả kết quả đô nâ g tuỳ thuô âc vào nô âi dung yêu cầu mà máy khách (client) gửi đến. Có nghĩa là các trang Web được xây dựng ở đây là các trang Web đô âng. Các công nghê ê trong lâ êp trình web: CGI, PERL, ISAPI, ASP, SERVLET, JSP. a) Công nghê Ô CGI (Common Gateway Interface). - CGI là mô ât phương thức giao tiếp giữa Web Server và chương trình ứng dụng. Mô ât chương trình CGI thực chất là mô ât chương trình có đuôi .Exe (Với windows) hoă âc mô ât chương tình thực thi (Với Unix). - Ưu điểm của CGI: hiê uâ quả trong các ứng dụng truy xuất Web trên Internet. - Nhược điểm của CGI: tiêu tốn tài nguyên và hạn chế tốc đô â thực thi. b) Công nghê Ô PERL (Practical Extraction and Report Language). - PERL là mô ât ngôn ngữ lâ pâ trình dùng cho CGI do Lary Wall sáng lâ pâ ra, được dùng khá nhiều trong Inix và Linux. - PERL có tính chất xử lý văn bản Text rất mạnh do có nhiều toán tử, nhiều hàm hỗ trợ riêng cho xủ lý Text. Nó có thể xử lý dể dàng các tác vụ mà C và Unix Shell thường làm trong viê âc viết mô ât script nhưng đơn giản và ngắn gọn hơn vì PERL có đầy đủ các công cụ hổ trợ như các ngôn ngữ lâ pâ trình khác như: Biến, Mảng, Danh sách, Các cấu trúc điều khiển,….. Trang 7 Môn: Thiết kế và lâ âp trình web 2 c) Công nghê Ô Client/Server. Công nghê â Client/Server thực hiê nâ viê âc phân tán xủ lý giữa các máy tính. Về bản chất , mô tâ công nghê â được chia ra và xử lý bỏi nhiều máy tính. Các máy tính được xem là Server thường để lưu trữ tài nguyên để nhiều nơi truy xuất vào. Các Server sẽ thụ đô âng chờ để giải quyết các yêu cầu về thông tin hoă âc về tài nguyên cho Server. Server sẽ lấy thông tin và gửi đến cho các Client và Client hiển thị thông tin cho người dùng. Chỉ có máy tính nào thực hiê nâ tác vụ công nghê â Client/Server mới được gọi là máy Client hay Server và chương trình chạy trên máy này được gọi là chương trình Client hay Server. d) Các công nghê Ô ISAPI, SERVLET, ASP, JSP. - Mỗi lần thực thi CGI thì Web Server phải nạp và giải phóng chương trình CGI ra khỏi bô â nhớ. Chính vì thế các công nghê â Web đã đưa ra nhiều giải pháp nhằm khắc phục nhược điểm này. Windows cung cấp cách thức xây dựng các chương trình CGI dưới dạng các thư viê ân liên kết đô nâ g DLL, ứng dụng này có tên gọi là ISAPI. Chương trình ISAPI chỉ phải nạp mô ât làn nên tốc đô â thực thi được cải thiê nâ đáng kể hiê âu quả và ít tiêu tốn tài nguyên hơn các chương trình CGI thông thường. - JAVA cũng đưa ra mootj công cụ tương ứng ISAPI của Windows đó là SERVLET. SERVLET là các chương trình viết bằng Java chỉ nạp mô ât lần vào máy ảo. Chức năng của nó cũng tương tự CGI hay ISAPI của Windows. - Có thể nói, nếu xét về mă tâ ứng dụng xây dựng Web đô âng thì các công nghê â ASP, JSP, SERVLET hay ISAPI có sức mạnh ngang nhau. Tuy nhiên, trong đề tài này em chọn công nghê â ASP với ngôn ngữ kịch bản Javascript, CSS, HTML,….là ngôn ngữ mà em sử dụng. Ngôn ngữ trong lâ êp trình Web. a) Ngôn ngữ ActiveX Controls. - ActiveX Controls được biết nhiều là công cụ mà được viết dưới dạng ngôn ngữ C++ hay Visual Basic. Khi thêm vào trang Web chúng cung cấp những hàm đă âc biê ât như: bar charts (thanh đô thị), graphs (Đồ hoạ). Trang 8 Môn: Thiết kế và lâ âp trình web 2 - ActiveX Controls được thêm vào trang HTML bởi tag