Xây dựng Website bán Xe máy

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