TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN
KHOA CÔNG NGHỆ THÔNG TIN
BÀI TẬP THỰC HÀNH
HỌC PHẦN : THƯƠNG MẠI ĐIỆN TỬ
Trình độ đào tạo
Hệ đào tạo
:
:
Đại học
Chính quy/ Liên thông
Bài 1.1: Thiết kế website bán hàng
Mục tiêu
- Thiết kế website bán hàng qua mạng
- Xây dựng căn bản các chức năng của website bán hàng
- Xây dựng các chức năng đặt hàng, giỏ hàng, thanh toán
Yêu cầu:
1. Có thể sử dụng website bán hàng đã có và phát triển các tính năng về giỏ
hàng, đặt hàng, thanh toán và bảo mật
2. Các chức năng của website đáp ứng những yêu cầu sau ( ví dụ với website
bán điện thoại di động)
Hướng dẫn thực hiện:
Các chức năng chính cần đạt được:
1.1. Người dùng
1.1.1.Đăng ký
Chức năng này cho phép người dùng trở thành thành viên của website. Khi đã trở thành thành
viên, họ mới được phép mua hàng.Các thông tin đăng ký bao gồm:
• Tên đăng nhập
• Mật khẩu
• Họ tên
• Địa chỉ
• Ngày sinh

Xử lý:
• Sau khi người quản lý đã nhấn nút “Đăng nhập”, nếu thông tin đăng nhập không chính xác
hệ thống sẽ hiển thị thông báo lỗi kèm theo.Ngược lại, hệ thống hiển thị thông báo “Đăng
nhập thành công” và chuyển đến trang quản trị.
• Sau khi đăng nhập thành công người quản lý được phép thực hiện các công việc quản lý
thông tin.
1.2.2. Quản lý thông tin sản phẩm
Các thông tin của sản phẩm bao gồm
• Mã sản phẩm
• Tên sản phẩm
• Mã phân loại
• Hãng sản xuất
• Giá bán
• Số lượng bán
• Số lượng đã bán
• Kích hoạt
• Tính năng nổi bật
• Giải trí
• Ứng dụng
• Nhạc chuông
• Bộ nhớ
• Kết nối dữ liệu
• Màn hình hiển thị
• Thông tin chung
• Nguồn
• Thời gian bảo hành
• Điểm bảo hành
• Hình ảnh
• Số lượt xem
Các chức năng quản lý thông tin sản phẩm bao gồm: Nhập thông tin, sửa thông tin, xóa thông tin,

• Tổng giá
• Ghi chú
Các chức năng quản lý thông tin chi tiết hóa đơn nhập bao gồm: Nhập thông tin, sửa thông tin, xóa
thông tin, tìm kiếm thông tin.
1.2.7. Quản lý thông tin hóa đơn nhập
Các thông tin của hóa đơn nhập bao gồm:
• Mã hóa đơn nhập
• Mã nhà cung cấp
• Ngày nhập
• Tên người nhập
Các chức năng quản lý thông tin hóa đơn nhập bao gồm: Nhập thông tin, sửa thông tin, xóa thông
tin, tìm kiếm thông tin.
1.2.8. Quản lý thông tin chi tiết hóa đơn
Các thông tin của chi tiết hóa đơn xuất bao gồm:
• STT
• Mã hóa đơn
• Mã sản phẩm
• Số lượng
• Giá bán
Các chức năng quản lý thông tin chi tiết hóa đơn bao gồm:
• Xóa thông tin
• Tìm kiếm thông tin
1.2.9. Quản lý thông tin đơn đặt hàng
Các thông tin của đơn đặt hàng bao gồm:
• Mã hóa đơn
• Mã khách hàng
• Thông tin của người đặt hàng
• Thông tin của người nhận hàng
• Phương thức thanh toán
• Hình thức vận chuyển

Hình 2.2: Thông tin đăng ký.
- Thông báo kích hoạt tài khoản.
Hình 2.3: Thông báo kích hoạt tài khoản.
- Vào gmail.com kích hoạt tài khoản
Hình 2.4: Kích hoạt tài khoản tại gmail.
- Bạn hãy kích hoạt tài khoản bằng cách điền chính xác Mã kích hoạt tài khoản hoặc Mật
khẩu xác thực vào form ' Kích hoạt tài khoản'. gửi về Email hoặc gửi tin nhắn SMS.
Hình 2.5: Nhập mã kích hoạt.
- Hoàn tất trên web.
Hình 2.6: Hoàn tất đăng ký.
- Hoàn tất gửi về gmail và bạn cần chứng thực lại tài khoản bằng chứng minh thư nhân dân
nếu đăng ký tại nganluong.vn.
Đối với trang sandbox.nganluong.vn là môi trường giả lập nên không cần chứng thực mà
ngân lượng sẽ chứng thực cho chúng ta.
Hình 2.7: Thông báo đăng ký thành công tại gmail.
Bước 2: Lấy mã nguồn tích hợp.
- Tại trang web ngânlượng.vn chúng ta chọn tích hợp.
Hình 2.8: Website ngânlượng.vn.
- Chúng ta chọn hướng dẫn tích hợp.
Hình 2.9: Hướng dẫn tích hợp.
- Chọn tích hợp đơn giản.
Hình 2.10: Tích hợp đơn giản.
- Ở đây chúng ta sẽ có các bước tích hợp ngân lượng cho một website bằng các ngôn ngữ
khác nhau, cũng như những video hướng dẫn tích hợp đối với ngôn ngữ PHP. Chúng ta sẽ
chọn code website là ASP.Net.

Hình 2.11: Mã nguồn code asp.net.
- Tiếp đó chúng ta nhúng mã nguồn code ASP.Net vào website.
Bước 3 : Lấy logo tích hợp
- Đăng nhập bằng tài khoản bạn vừa tạo tại sandbox.nganluong.vn .

&comments=" + comments);

}
Các bước thanh toán mua hàng trên website
- Bước 1: Tại trang chủ website chọn mặt hàng điện thoại cần mua.
Hình 2.15: Trang chủ website bán điện thoại.
- Bước 2: Tại trang chi tiết mặt hàng thông tin về sản phẩm như tên sản phẩm, giá, số lượng
nếu bạn chấp nhận bạn chọn mua hàng để tiếp tục.
Hình 2.16: Trang chi tiết điện thoại.
- Bước 3: Tại trang chi tiết mua hàng nếu bạn đồng ý mua bạn sẽ chọn chức năng thanh
toán.
Hình 2.17: Trang giỏ hàng có thanh toán.
- Bước 4: Website sẽ chuyển đến trang thanh toán của ngân lượng ở đây sẽ hiển thị thông
tin về sản phầm.
Hình 2.18: Trang thanh toán ngân lượng.
- Bước 5: Chọn hình thức thanh toán qua ngân hàng hoặc thông qua số dư tài khoản trong
Ngân lượng
Hình 2.19: Chọn hình thức thanh toán.
- Bước 6: Tại trang thông tin tài khoản bạn nhập tên đăng nhập của mình vào để tiến hành
mua hàng.
Hình 2.20: Lấy logo tích hợp.
- Bước 7: Sau khi đăng nhập thành công thông tin người nhận tiền và người gửi tiền sẽ hiển
thị. Chúng ta có thể chọn hai phương thức thanh toán là thanh toán tạm giữ hoặc thanh
toán ngay và nhấn tiếp tục.
Hình 2.21: Chọn phương thức thanh toán.
- Bước 8: Tại trang thông tin người nhận chúng ta điền mã xác nhận thông tin vào rồi nhấn
tiếp tục.
Hình 2.22: Thông tin người nhận sản phẩm.
- Bước 9: Tại trang xác nhận mật khẩu thanh toán đối với môi trường giả lập chúng ta gõ
123456 còn đối với môi trường thật chúng ta sẽ có mã riêng cho từng người và được gửi

PayPal account như hình dưới, bạn click vào Active My Account:
Giao diện tiếp theo yêu cầu bạn nhập lại password tài khoản paypal của bạn,
sau khi nhập password bạn chọn Login:
Bước 6: Để bảo mật tránh bị hack tài khoản, bước này Paypal yêu cầu
bạn lựa chọn 2 câu hỏi bảo mật và trả lời (Note: bạn phải nhớ câu hỏi mà bạn lựa
chọn và đáp án cho câu trả lời của bạn là gì nhé, cái này rất quan trọng vì nếu bạn
sẽ không login vào được tài khoản paypal của bạn):