THIẾT KẾ WEBSITE MUA BÁN LAPTOP 1
I.GIỚI THIỆU ĐỀ TÀI
1 Những nét đặc trưng của một cửa hàng trên Internet
Nhu cầu sử dụng trong Xã hội luôn là động cơ chính thúc đẩy sản xuất, như chúng ta
đã biết việc thiếu thông tin cho công đoạn đáp ứng cung cầu làm cho việc đưa sản
phẩm đến tay người tiêu dùng trở nên khó khăn và gây nhiều lãng phí cho Xã hội. Bên
cạnh đó, việc phổ biến sử dụng Internet đã tạo ra một bước ngoặt mới trong định
hướng phát triển ngành Công nghệ thông tin ở nước ta cùng với nhu cầu sử dụng máy
tính để trao đổi, để cập nhật thông tin ngày càng tăng. Từ thực tế đó việc đưa thông tin
đáp ứng các nhu cầu của mọi người và hỗ trợ cho việc mua bán diễn ra một cách
nhanh chóng, tiết kiệm đã trở nên vô cùng cấp thiết. Song song với việc bán hàng qua
điện thoại, ứng dụng với thời đại Công nghệ thông tin phát triển như hiện nay, mua
bán qua mạng cũng là một giải pháp tối ưu trong việc phân phối thông tin vào mục
đích thương mại, và đây cũng là một mảnh đất mới cho thị trường hàng tiêu dùng
trong giai đoạn phát triển kinh tế ở nước ta.
Việc bạn có thể ung dung ngồi nhà mà du ngoạn từ cửa hàng này sang cửa hàng khác
trong không gian trực tuyến không còn là cảnh trong phim viễn tưởng mà đã trở thành
hiện thực. Ngày nay, bất kì thứ hàng hóa nào bạn đều có thể đặt mua qua Internet: từ
một bó hoa tươi, một chiếc tivi, một chiếc xe hơi hay một người thích tin học có thể
mua cho mình một chiếc mày tính với cấu hình mình ưa thích, nó được bán ở một cửa
hàng máy tính nà đó trên mạng.
Cửa hàng ảo trên Internet cũng giống như một cửa hàng thực sự kinh doanh nhiều loại
mặt hàng đa dạng trong nhiều lĩnh vực, chẳng hạn như các sản phẩm của máy vi tính
thuộc lĩnh vực công nghệ thông tin. Do đó việc thực hiện xây dựng một cửa hàng ảo
trên Internet có thể ứng dụng được và có tiềm năng phát triển trong tương lai.
Ngày nay máy tính là một thiết bị không thể thiếu cho các cơ quan dù lớn hay nhỏ,
không những thế máy tính còn rất quan trọng cho những người dân Công nghệ thông
tin
Chính vì vậy: Đề tài “Thiết kế website mua bán laptop” là mẫu đề tài thiết kế website
thương mại điện tử.
2 Mục tiêu và những yêu cầu khi xây dựng hệ thống

- ĐT bàn (+Mã vùng):
- DTDD:
- Hình thức thanh toán:
- Khi khách hàng đã sẵn sàng hoàn thành đơn đặt hàng của mình rồi đặt hàng, lúc này
đơn hàng của bạn sẽ được gửi đến nhà quản trị của Website.
- Sau khi khách hàng đã đặt hàng tại Cửa hàng rồi, họ sẽ nhận được thông báo của cửa
hàng.
2.5 Hoạt động của nhà quản lý
Ngoài nhiệm vụ quản lý sản phẩm của cửa hàng, người quản lý còn phải xem khách
hàng có cần hỗ trợ gì không và có muốn thay đổi gì trong đơn hàng nữa không, nếu
khách hàng không có sự thay đổi thì người quản lý dựa trên thông tin mà khách hàng
cung cấp để có thể giao hàng và thanh toán với khách hàng.
Giới thiệu mặt hàng :
Khách hàng thường đặt câu hỏi : “ Cửa hàng bán những loại sản phẩm như thế nào ?
và có những gì họ cần hay không?” khi họ tham quan Cửa hàng. Phải nhanh chóng
đưa khách hàng tới nơi có mặt hàng mà họ cần, đó là nhiệm vụ của nhà quản lý. Việc
lưu trữ các thông tin về mặt hàng trong một cơ sở dữ liệu trực tuyến, cơ sở dữ liệu này
chứa những thông tin về mặt hàng như: Tên mặt hàng, loại mặt hàng, thông tin mô tả,
tên tập tin chứa hình ảnh của mặt hàng đó.
Quản lý mặt hàng :
Người quản trị có thể bổ sung, loại bỏ và cập nhật mặt hàng để phù hợp với tình hình
hoạt động của Cửa hàng và nhu cầu thị hiếu của khách hàng.
Cung cấp đơn hàng cho khách hàng :
Khách hàng sẽ cảm thấy thoải mái khi duyệt qua toàn bộ Cửa hàng trực tuyến mà
không bị gián đoạn ở bất kỳ đâu vì phải lo quyết định xem có mua mặt hàng nào đó
hay không, cho tới khi kết thúc việc mua hàng, có thể lựa chọn mặt hàng, thêm hoặc
loại mặt hàng ra khỏi đơn đặt hàng cũng như ấn định số lượng cho mỗi mặt hàng.
Theo dõi khách hàng :
Tên khách hàng, đơn vị…hàng của ai mua? Là câu hỏi đặt ra khi cùng một lúc nhiều
khách hàng mua hàng trong Cửa hàng.

Phát triển web là thuật ngữ được sử dụng để mô tả tất cả các hoạt động liên quan đến
thiết kế và phát triển cho các trang web để sử dụng trên nền web, giống như Internet.
Thông thường phát triển web bao gồm thiết kế website, lập trình web và thiết lập cấu
hình cho máy chủ và lưu trữ (server và hosting).
2.Các giai đọan phát triển website
- Phân tích và Chiến lược: Chuyên gia thiết kế hệ thống phân tích các mục tiêu của
website và những yêu cầu cụ thể, và đưa ra chi tiết các tính năng.
- Thiết kế và Cấu trúc: Sử dụng bản ghi chi tiết các tính năng, các chuyên gia của
chúng tối sẽ cùng nhau xây dựng thành một kế hoạch phát triển, nó là một sơ đồ cho
cấu trúc website của bạn, giao diện, tính năng và yêu cầu các hệ thống phần mềm phụ
trợ.
- Phát triển web: Sử dụng bản kế hoạch phát triển, chuyên gia phát triển sử dụng PHP,
.NET, HTML… để phát triển các đọan mã cho website.
- Thiết lập hệ thống chạy thử: Thiết lập cho chạy thử trên hệ thống máy chủ
- Chạy website (Website Launch): Xuất bản những đọan mã và website đã phát triển
lên môi trường Internet nghiệp của bạn sẽ được chú ý đến. Với khoảng 150 triệu
người truy cập Internet thường xuyên, doanh nghiệp của bạn sẽ nhanh chóng được
biết đến mà không mất nhiều chi phí cho việc đó, khách hàng có thể truy cập thông tin
về doanh nghiệp hoặc tổ chức của bạn bất cứ lúc nào và từ bất cứ nơi đâu, với một
chiếc máy tính nối vào internet.
Cơ hội liên kết và hợp tác làm ăn trên mạng rất lớn, ở phạm vi quốc tế. Website của
bạn là tấm danh thiếp mà bạn có thể dùng được ở bất cứ nơi đâu trên thế giới này để
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 4
khuếch trương việc làm ăn. Một tổ chức từ thiện có thể huy động rất hiệu quả các
nguồn tài trợ thông qua website khi giới thiệu và cung cấp thông tin về hoạt động của
tổ chức mình với toàn thế giới.
Các ứng dụng cho web được sử dụng ngày cà- Giám sát: Đội ngũ IT sẽ giám sát
website trong suốt quá trình bảo hành, đảm bảo luôn chạy ổn định tối đa.
3.Lợi ích doanh nghiệp khi có trong tay website

có thể thu thập địa chỉ emailemail. của khách hàng, giữ liên hệ với họ về những sự
kiện đặc biệt trong gian hàng của bạn thông qua
Cải tiến hệ thống liên lạc. Bạn có thể liên hệ với nhân viên, nhà cung cấp của bạn
thông qua website. Mọi thay đổi đều có hiệu lực ngay khi bạn gửi cho họ trên website,
và bất kì ai cũng xem được những thông tin cập nhật mà không phải liên lạc trực tiếp
với bạn. Dịch vụ khách hàng hoàn hảo. Đây là niềm mơ uớc của bất kỳ doanh nghiệp
nào. Các chủ doanh nghiệp không muốn tốn thời gian vào việc giải thích cho khách
hàng cách sử dụng sản phẩm, cách lắp đặt, xử lý sự cố, lau chùi, di chuyển, đổi sản
phẩm hay bất kì diệu gì phải làm đối với sản phẩm đã được mua. Với một website, chỉ
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 5
cần đưa ra tất cả các tình huống, tạo câu hỏi và trả lời sẵn, khách hàng của bạn có thể
tìm kiếm mối thông tin hỗ trợ mà không phải làm phiền tới bạn.
Có mặt trên mạng đồng hành với đối thủ cạnh tranh. Bạn phải nghĩ rằng Internet
giống nhu cuốn "Danh bạ điện thoại". Càng ngày càng nhiều người sử dụng website
để tìm kiếm thông tin, mua sản phẩm, dịch vụ. Nếu bạn không ở đó, đối thủ cạnh
tranh của bạn sẽ ở đó. Nếu bạn không nằm trong "Danh bạ điện thoại" thì làm sao
khách hàng có thể tìm thấy bạn? Các nhà cung cấp thông tin, các công cụ tìm kiếm sẽ
không còn miễn phí trong vài tháng tới. Khi lượng thông tin của họ đã khá đầy đủ, họ
không cần bạn nữa mà lúc này bạn lại phải cần tới họ vì họ có rất nhiều người đến để
tìm kiếm thông tin. Ví dụ: Yahoo, LookSmart đã bắt đầu tính phí đăng ký vào cơ sở
dữ liệu của họ với chi phí tương ứng là 199 va 299 USD. Cho tới hiện nay, một nửa số
công cụ tìm kiếm đã tính phí để đưa vào cơ sở dữ liệu của họ. Có khả năng bạn sẽ
không còn được miễn phí đăng ký lên các công cụ tìm kiếm khác (AltaVista, Lycos )
trong vài tháng tới.
III.THIẾT KẾ WEBSITE
1 Giới thiệu công cụ, ngôn ngữ
1.1 Ngôn ngữ C#
a) Lịch sử
Ngôn ngữ C# được phát triển bởi đội ngũ kỹ sư của Microsoft, trong đó người dẫn đầu

1.3 Công nghệ ASP.NET
ASP.NET là công nghệ nền tảng để lập trình viên có thể tạo ra các ứng dụng và các
dịch vụ Web để thực thi dưới IIS. Nó là sản phẩm của Microsoft, được tích hợp chặt
chẽ với hệ thống phần mềm của Microsoft từ hệ điều hành, Web Server đến công cụ
lập trình, kỹ thuật truy cập dữ liệu và các công cụ bảo mật dữ liệu. ASP.NET là một
thành phần của .NET Framework.
a) Các thành phần của ASP.NET
- Không gian tên System.Web: là một phần của .NET Framework, bao gồm các lớp
lập trình để giao tiếp với các đối tượng dành cho Web, các thủ tục yêu cầu và đáp ứng
HTTP, các trình duyệt và Email.
- Các điều khiển Server và HTML: là các thành phần tạo ra giao diện người dùng,
nhằm thu thập thông tin và cung cấp thông tin đáp ứng đến người dùng.
b) Ưu điểm của ASP.NET
- Tích hợp với hệ điều hành Windows và các công cụ lập trình trong môi trường
.NET.
- Các thành phần thực thi của ứng dụng Web dược biên dịch để chúng thực thi nhanh
hơn các ngôn ngữ thông dịch khác.
- Việc cập nhật, triển khai các ứng dụng Web có thể thực thi liên tục mà không cần
phải khởi động lại Server.
- Được hỗ trợ bởi các ngôn ngữ lập trình hướng đối tượng.
- Quản lý các điều khiển một cách tự động trên trang Web (còn gọi các điều khiển
Server).
- Có khả năng tạo mới các điều khiển Server dựa trên các điều khiển đã có.
- Sử dụng các công cụ bảo mật có sẵn và các phương thức xác nhận, cấp phép khác.
- Tích hợp với ADO.NET để cung cấp việc truy cập cơ sở dữ liệu và các công cụ
thiết kế cơ sở dữ liệu từ Visual Studio .NET.
- Hỗ trợ đầy đủ các ngôn ngữ Extensible Markup Language (XML), CSS, và thiết
lập các tiêu chuẩn Web.
- Các tính năng Caching trang Web, bản đồ hóa nội dung được tích hợp sẵn trên
Server.

Hình 4.1 Quy trình tìm kiếm sản phẩm
2.2 Quy trình mua hàng và thanh toán
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 8
Hình 4.2 Quy trình mua hàng và thanh toán
2.3 Đăng ký tài khoản:
Hình 4.3 Quy trình đăng ký tài khoản
3 Giao diện chương trình
a) Phân hệ khách hàng
Trang chủ:
Trang mặc định ban đầu khi khách hàng truy cập vào Website của Công ty TNHH
Thương Mại Phong Vũ là trang Mobile.aspx (Trang chủ) với chức năng trình diễn
toàn bộ sản phẩm của các hãng điện thoại di động khác nhau. Khi muốn mua một sản
phẩm nào đó, khách hàng có thể xem và chọn sản phẩm trên Trang chủ, hoặc duyệt
qua danh mục sản phẩm ở góc trái của Website, hoặc có thể tìm kiếm theo tên, theo
danh mục của sản phẩm.
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 9
Hình 4.4 Trang chủ
Trang giới thiệu Công ty:
Mô tả khái quát về quá trình hình thành và phát triển Công ty TNHH Phong Vũ, qua
đó nhằm quảng bá hình ảnh, phương hướng hoạt động và văn hóa doanh nghiệp
Hình 4.5 Trang giới thiệu công ty
Trang liên hệ:
Nhằm rút ngắn khoảng cách giữa doanh nghiệp và người tiêu dùng, công ty tạo riêng
một trang liên hệ để khách hàng có thể gửi những thắc mắc, phản hồi, yêu cầu tư
vấn nhằm tạo ra cầu nối giữa doanh nghiệp và người tiêu dùng.
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 10
Hình 4.6 Trang liên hệ

GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 13
Để đăng ký tài khoản, khách hàng phải điền đầy đủ các thông tin sau: họ đệm, tên, địa
chỉ, địa chỉ 2 (không bắt buộc), Tỉnh, Thành phố, quốc gia, mã vùng, mật khẩu, nhập
lại mật khẩu, Email, điện thoại, điện thoại 2 (không bắt buộc), Fax (không bắt buộc),
đồng gửi thông báo (không bắt buộc).
Hình 4.11 Trang đăng ký
Trang hiển thị thông tin đơn hàng:
Sau khi điền đầy đủ tất cả các thông tin ở trang đăng ký, khách hàng phải click vào
nút “Đăng ký tài khoản” để lưu thông tin và hoàn tất quá trình đăng ký. Khách hàng sẽ
được chuyển đến trang xem thông tin đơn hàng. Tại đây khách hàng có thể tiếp tục
mua hàng bằng cách click vào nút “Tiếp tục mua hàng”. Khi đã chấp nhận đơn hàng,
khách hàng chọn hình thức thanh toán và click vào nút “Hoàn tất đơn hàng”.
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 14
Hình 4.12 Trang hiển thị thông tin đơn hàng
Trang đơn hàng:
Tại đây, khách hàng có thể xem lướt qua những đơn hàng đã mua gồm các thông tin:
Mã giao dịch (mã này sẽ tự động sinh ra), ngày đặt hàng, ngày chuyển (giá trị này sẽ
do nhà quản trị cập nhật), vận chuyển (chính là phương thức vận chuyển, giá trị này
cũng do nhà quản trị cập nhật) và hình thức thanh toán mà khách hàng đã chọn. Khi
muốn xem chi tiết đơn hàng, ta click vào từng mã giao dịch tương ứng.
Hình 4.13 Trang đơn hàng
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 15
Trang chi tiết đơn hàng:
Trang này hiển thị những thông tin chi tiết đơn hàng như: số lượng, sản phẩm, giá.
Hình 4.14 Trang chi tiết đơn hàng
b) Phân hệ quản trị:
Trang đăng nhập quản trị:

Click vào mã giao dịch của mỗi đơn hàng để xem thông tin chi tiết đơn hàng và cập
nhật thông tin đơn hàng như: ngày chuyển, vận chuyển, tình trạng đơn hàng.
Hình 4.20 Trang xem thông tin chi tiết đơn hàng
Trang xem thông tin liên hệ của khách hàng:
Qua trang này, nhà quản trị có thể biết được thông tin liên hệ mà khách hàng gửi đến
từ những địa chỉ Email nào.
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 19
Hình 4.21 Trang xem thông tin liên hệ của khách hàng
Trang cập nhật danh mục sản phẩm:
Trang này giúp nhà quản trị cập nhật danh mục sản phẩm. Sau khi cập nhật danh mục
sản phẩm, thông tin này sẽ lưu vào cơ sở dữ liệu và đồng thời sẽ hiển thị một cách tự
động trên các trang giao diện có hiển thị danh mục sản phẩm.
GVHD:Từ Thanh Trí Nguyễn Văn Vinh, Lê Thanh Hải
THIẾT KẾ WEBSITE MUA BÁN LAPTOP 20
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
Kết luận:
- Hệ thống Web Site phần lớn cung cấp được thông tin về sản phẩm, liên hệ, tin tức,
xây dựng được chức năng giỏ hàng, đăng ký tài khoản khi khách hàng mua hàng tại
Website.
- Xây dựng các module cho admin như: Quản lý sản phẩm, đơn hàng, xem liên hệ
khách hàng, quản lý tin tức.
- Hệ thống hỗ trợ nhà quản trị trong việc chỉnh sửa, đăng thêm sản phẩm, cập nhật
danh mục sản phẩm, xem thông tin liên hệ, đơn hàng của khách hàng một cách dễ
dàng.
- Qua Website, doanh nghiệp có thể tiếp cận với lượng lớn khách hàng (dù đó là
khách hàng ở xa), giúp giảm chi phí cho doanh nghiệp.
- Cung cấp các chính sách khuyến mãi một cách nhanh nhất đến khách hàng.
Hướng phát triển:
- Xây dựng thêm nhiều tiêu chí tìm kiếm.