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ế.
GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 NHẬN XÉT CỦA GIÁO VIÊN ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- Trà Vinh, ngày……tháng……năm 2011 SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 1 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 MỤC LỤC LỜI MỞ ĐẦU SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 2 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 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”. NỘI DUNG SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 3 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 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 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: SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 4 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 - 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ộng 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. - 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. SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 5 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 - 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: 5.1. 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ý,…. 5.2. 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,… - Ngoài ra website còn cung cấp các thông tin trong và ngoài nước cho khách hàng. SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 6 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 - Website phải đảm bảo an toàn tuyệt đối những thông tin liên quan đến 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ả động 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. 1.1Cá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,… c) Công nghệ Client/Server. SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 7 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 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 động 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. 1.2Ngô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ạ). - ActiveX Controls được thêm vào trang HTML bởi tag <object> đây là chuẩn của HTML. Nếu có thể thực thi bởi trình Browser hay Server khi chúng chạy trên trang Web. SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 8 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 b) Ngôn ngữ Java. Java là một tiêu chuẩn riêng, là ngôn ngữ nền tảng cho việc phát triển ứng dụng. Java dễ dàng học hơn ngôn ngữ C++ nhưng nó không có tốc độ nhanh cũng như hỗ trợ các hàm C++. c) Ngôn ngữ Scripting Language. - Nó cung cấp nhiều cổng truy cập vào chương trình. Việc dùng trang Web client-site scripting phát triển để cung cấp từ trang HTML động đến trang HTML tĩnh. - JavaScript là ngôn ngữ kịch bản đầu tiên. VBScript do Microsoft phát triển dựa vào ngôn ngữ Visual Basic. Scripting chạy trên trình duyệt Internet Explorer 3.0 và trong chương trình Netscape Navigator/ Communication 2.0. d) Ngôn ngữ JavaScript - Tìm hiểu một ngôn ngữ dùng để hỗ trợ cho ASP đó là ngôn ngữ JavsScript do hãng Netscape giới thiệu. Trước hết ta tìm hiểu ngôn ngữ Javascript là một trong những ngôn ngữ chính thức sử dụng cho trang Web, dùng mở rộng của trang HTML thích hợp cho việc phát triển Internet và Intranet vì nó là ngôn ngữ kịch bản. - Đặc điểm của ngôn ngữ Javascript: • Là ngôn ngữ đơn giản; • Là ngôn ngữ động; • Là ngôn ngữ nền tảng đối tượng. e) Ngôn ngữ HTML (Hypertext Markup Language) - HTML là một ngôn ngữ đơn giản và khá mạnh, cho phép chúng ta tạo ra trang Web. Ngôn ngữ này dùng các tag hoặc mã cho phép người dùng chèn văn bản để tạo ra các thành phần của trang và được hiển thị bằng trình duyệt Web. - Nói về Web chúng ta cần phân biệt hai thuật ngữ: Web Page chỉ là một tài liệu HTML. Web Site là một số trang liên kết với nhau và được quản lý bởi những cá nhân hay một tổ chức nào đó. SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 9 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 - Cấu trúc một tài liệu HTML <html> <head> <title>Tiêu Đề</title> </head> <body> Nội dung </body> </html> 2. Công cụ lập trình Web. - Dreamweaver là một chương trình Visual Editor chuyên nghiệp để tạo và quản lý các trang Web. Dreamweaver cung cấp các công cụ phác thảo các trang Web cao cấp, hỗ trợ các tính năng DHTML (Dynamic HTML) mà không cần viết các dòng lệnh giúp các bạn không biết lập trình Web cũng có thể thiết kế được các trang Web động một cách dễ dàng, trực quan. Với Dreamweaver có thể dễ dàng nhúng các sản phẩm của các chương trình thiết kế Web khác như: Flash, Fireworks, Shockware, Generator, Authorwave,… Với Dreamweaver ta có thể quản lý các Local và Remote site giúp cho việc quản lý các trang Web trong các site cục bộ và các Website điều khiển từ xa có thể đồng bộ. - Ngoài ra Dreamweaver còn cho phép chỉnh sủa trực tiếp HTML. Với Quick Tag Editor bạn có thể nhanh chóng bổ sung hoặc xoá bỏ một HTML mà không cần thoát khỏi của sổ tài liệu chế độ soạn thảo trang Web bằng HTML giúp các bạn có thể thiết kế trang Web trực tiếp bằng ngôn ngữ HTML. - Dreamweaver còn hỗ trợ các HTML Styles và Cascading Style Sheet giúp bạn định dạng trang Web nhằm tăng tính hấp dẫn khi duyệt trang Web. 3. Công nghệ ASP. 3.1Sơ lược và ASP. SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 10 [...]... để Website bán xe gắn máy ngày càng hoàn thiện hơn 2 Hạn chế - Kiến thức về ngôn ngữ ASP còn hạn chế nên trong quá xây dựng và thiết gặp nhiều khó khăn - Thời gian thực hiện website còn hạn chế 3 Hướng phát triển - Hiện nay chúng tôi đang cố gắng hoàn thiện website để việc xem và đặt hàng trực tuyến dễ dàng hơn Website sẽ nâng cấp, liên kết nhiều website. .. trình khuyến mãi • Hỗ trợ xem và hiệu chỉnh thông tin đặt hàng • Hỗ trợ trực tuyến, xem tin tức và giải trí,…… - Website giới thiệu và bán xe trực tuyến là một đề tài hết sức thiết thực với nhu cầu của các doanh nghiệp bán xe găn máy như hiện nay - Tuy nhiên với thời gian ngắn, kiến thức và kinh nghiệm còn hạn chế, hệ thống Website bán xe gắn máy vẫn còn... quan hệ thực thể 4.1 Table XE Name tblxe Type SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Length Trang 16 GVHD: Th.s Nguyễn Thái Sơn maxe tenxe dongia thongtintomtat thongtin hinhanh chuthichhinh maloai 4.2 10 50 50 500 2000 50 50 10 tbluser Type Int Nvarchar Nvarchar Nvarchar Datetime Nvarchar Nvarchar nvarchar Length 4 50 50 50 8 10 50 15 100 Table LOAIXE Name maloai tenloai 4.4 Nvarchar... Ảnh toàn bộ giao diên Website Xe Máy Việt” SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 21 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 V KẾT LUẬN SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 22 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 1 Kết quả đạt được - Trong thời gian nghiên cứu, xây dựng Website mặc dù đã gặp... sẽ nâng cấp, liên kết nhiều website và bổ sung nhiều tiện ích khác để giúp cho việc đặt hàng nhanh chóng Việc xem và đặt hàng trực tuyến dễ dàng sẽ giúp cho Xe Máy Việt ngày càng phát triển hơn Đó là gì mà những nhà kinh doanh nói chung và Xe Máy Việt nói riêng đang mong đợi SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 23 GVHD: Th.s Nguyễn Thái... cung cấp cho chúng em những kiến thức cơ bản về môn “Lập trình và thiết kế web 2” Thầy đã nhiệt tình hướng dẫn và giúp đỡ chúng em để hoàn thành tốt website bán hàng trực tuyến Xe Máy Việt” http://xemayviet.com Em xin chân thành cảm ơn ! SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 24 GVHD: Th.s Nguyễn Thái Sơn Môn: Thiết kế và lập trình web 2 TÀI... matkhau hoten ngaysinh gioitinh email dienthoai diachi 4.3 Môn: Thiết kế và lập trình web 2 tblloaixe Type Nvarchar Nvarchar Length 10 20 tbldathang Type Int Length 4 Table DATHANG Name madathang SVTH: Đặng Trương Hoài Linh – 110108246 – DA08TTE Trang 17 GVHD: Th.s Nguyễn Thái Sơn taikhoan tenxe dongia ngaymua trangthai IV Môn: Thiết kế và lập trình web 2 Nvarchar Nvarchar Nvarchar Datetime... Trong thời gian nghiên cứu, xây dựng Website mặc dù đã gặp nhiều khó khăn nhưng Website đã đạt được một số kết quả nhất định: • Giao diện đơn giản, thân thiện • giới thiệu được nhiều thông tin • đảm bảo tìm kiếm thông tin nhanh chóng, chính xác, tiết kiệm thời gian • Cho phép mua và bán nhiều chủng loại mặt hàng khác nhau • Cho phép doanh nghiệp tự quản lý thông tin sản... từ đó đưa lên mạng - ASP sẽ tham vấn trực tiếp vào Browser gửi dữ liệu tới Web Server và từ đó đưa lên mạng - Trong khi ASP thực thi trên máy mà nó hỗ trợ dùng, thì ta có thể xem ASP từ bất kỳ máy nào và bất cứ Browser nào - Asp cung cấp giao diện lập trình nhanh dễ dàng triển khai ứng dụng - ASP chạy trên môi trường Internet Information Server 4.0 (IIS)... của người dùng 3.2Khái niệm về ASP - ASP không là ngôn ngữ và cũng không là một ứng dụng, nó giống như: Fontpage 98 hay Work 97 Ta có thể gọi Asp là một kỹ thuật dùng cho việc xây dựng trang Web động và tương tác đến trang Web - ASP đơn giản chỉ là tập tin *.asp bên ngoài được lưu trữ dưới dạng text, html, xml Khi một Browser yêu cầu một tập tin có đuôi và