`
BỘ LAO ĐỘNG THƯƠNG BINH & XÃ HỘI
TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN TP.HCM
KHOA CÔNG NGHỆ THÔNG TIN-ĐIỆN TỬ
BÁO CÁO TIỂU LUẬN
MÔN HỌC: … THIẾT KẾ WEB 2 ………
TIỂU LUẬN MÔN
THIẾT KẾ WEB 2
Giảng viên hướng dẫn: NGUYỄN ĐÌNH HOÀNG.....
Sinh viên thực hiên:
Tên nhóm học phần:
Học kỳ: 2B...............Năm học: 2020-2021.....................
Tp.Hồ Chí Minh, tháng 07 năm 2021
Trang 1
`
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
...................................................................................................................................
Tp. HCM, ngày….tháng…..năm………
(chữ ký và ghi rõ họ tên)
.................................................................
Trang 2
`
MỤC LỤC
Trang
Phần I: MỞ ĐẦU............................................................................................1
Phần II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG...................................2
1.GIỚI THIỆU BOOSTRAP...................................................................2
A.Bootstrap là gì?..................................................................................2
B.Bootstrap 4......................................................................................2
C.Lý do sử dụng Bootstrap................................................................2
2.KHẢO SÁT HIỆN TRẠNG.................................................................3
3.PHÂN TÍCH CHỨC NĂNG TRANG WEB.......................................4
4.YÊU CẦU ĐẶT RA CHO TRANG WEB...........................................4
Phần III: THIẾT KẾ WEBSITE BÁN HÀNG............................................6
Phần IV: KẾT LUẬN...................................................................................35
Trang 3
`
Phần I:
MỞ ĐẦU
Ngành công nghệ thông tin là một ngành khoa học đang trên đà phát triển mạnh và
ứng dụng rộng rãi trên nhiều lĩnh vực. Cùng với xu hướng phát triển của các phương
tiện truyền thông như Báo, Radio… thì việc sử dụng Internet ngày càng phổ biến.
Truy cập Internet, chúng ta có được một kho thông tin khổng lồ phục vụ mọi nhu
cầu, mục đích của chúng ta chỉ bằng một cái nhấp chuột. Nhận thức được nhu cầu tìm
hiểu thông tin, giải trí của xã hội, là sự ra đời của hàng loạt website cho các mục đích
thương mại, giải trí, tin tức…
Internet đang là công cụ liên kết xã hội lớn nhất trong lịch sử loài người, và đang
ngày càng phổ biến trên khắp thế giới và đóng vai trò quan trọng trong đời sống con
người. Internet đem lại những lợi ích to lớn cho con người hơn bất kỳ nền công nghiệp
truyền thống nào khác cũng như nguồn lợi khổng lồ mà nó có thể mang lại cho các nhà
đầu tư.
Ngày nay, với sự bùng nổ của công nghệ thông tin, Interner lại càng có ý nghĩa
quan trọng hơn đối với các Doanh nghiệp sản xuất kinh doanh, dịch vụ. Với công cụ
Internet, các Doanh nghiệp có thể quảng cáo, giới thiệu sản phẩm, dịch vụ của mình
phổ biến hơn với chi phí thấp hơn và làm hoàn thiện hơm công tác tiếp thị, quảng cáo,
giới thiệu sản phẩm, dịch vụ của mình tới người tiêu dùng nhằm đạt được lợi thế cạnh
tranh cao trên thị trường.
Để đáp ứng nhu cầu mua sắm hàng ngày của con người… thì website bán hàng trực
tuyến online là một nhu cầu tất yếu. Nhận thức được tầm quan trọng đó em đã tìm hiểu,
nghiên cứu và quyết định chọn đề tài: “Xây dựng website bán hàng” với mục đích làm
hoàn thiện hơn công tác quảng cáo, tiếp thị sản phẩm, dịch vụ của các Doanh nghiệp tới
người tiêu dùng.
Phần II:
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
Trang 4
`
1. GIỚI THIỆU BOOSTRAP
A. Bootstrap là gì?
Bootstrap là một framework front-end miễn phí giúp phát triển các ứng dụng web
nhanh và dễ dàng hơn.
Bootstrap bao gồm các mẫu thiết kế dựa trên HTML và CSS như typography, form,
button, table, navigation, modal, image carousels cũng như các plugins JavaScript tuỳ
ý.
Bootstrap cung cấp cho bạn khả năng thiết kế web responsive một cách dễ dàng.
B. Bootstrap 4
Bootstrap 4 (viết tắt là BS4) là phiên bản mới của Bootstrap, là framework
HTML, CSS và JavaScript phổ biến nhất để thiết kế web đáp ứng, ưu tiên trên nền tảng
di động. Tương tự như Bootstrap 3, Bootstrap 4 hoàn toàn miễn phí tải về và tự do sử
dụng.
*So sánh Bootstrap 3 và Bootstrap 4:
Bootstrap 4 là phiên bản mới nhất của Bootstrap tính đến thời điểm viết bài này, với
các thành phần mới, css nhanh hơn và khả năng đáp ứng cao hơn. Bootstrap 4 hỗ trợ tất
cả các trình duyệt và nền tảng với các phiên bản ổn định và mới nhất. Tuy nhiên, một
nhược điểm duy nhất đó IE9 không hỗ trợ Bootstrap 4.
Nếu bạn cần chạy giao diện web trên trình duyệt IE8 và IE9, bạn nên dùng
Bootstrap 3. Đây là phiên bản ổn định, hỗ trợ các bản vá lỗi và các thay đổi tài liệu.
C. Lý do sử dụng Bootstrap
-Dễ dùng: bất cứ ai với kiến thức cơ bản về HTML và CSS đều cũng có thể sử dụng
Bootstrap
-Các tính năng đáp ứng: CSS đáp ứng của Bootstrap thích hợp với điện thoại, máy
tính bảng và máy tính để bàn.
Trang 5
`
-Tiếp cận ưu tiên thiết bị di động đầu tiên: Trong Bootstrap, các phong cách điện
thoại di động là một phần của framework lõi.
-Tương thích trình duyệt: Bootstrap 4 tương thích với các trình duyệt hiện đại
(Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera).
2. KHẢO SÁT HIỆN TRẠNG
Sau khi khảo sát hiện trạng, em nắm bắt được các thông tin sau:
-Quản lý khách hàng: mỗi khách hàng được quản lý các thông tin sau đây: Họ,
tên, địa chỉ, điện thoại, fax, email, tên đăng nhập, mật khẩu. Ngoài ra, nếu khách hàng
là công ty hay cơ quan thì quản lý theo tên công ty cơ quan.
-Quản lý mặt hàng: mỗi mặt hàng được quản lý những thông tin: Tên mặt hàng,
đơn giá, số lượng, thời gian bảo hành, hình ảnh, mô tả.
-Quá trình đặt hàng của khách hàng: Khách hàng xem và lựa chọn mặt hàng cần
mua. Trong quá trình lựa chọn, bộ phận bán hàng sẽ trực tiếp trao đổi thông tin cùng
khách hàng, chịu trách nhiệm hướng dẫn. Sau khi lựa chọn xong, bộ phận bán hàng sẽ
tiến hành lập đơn đặt hàng của khách. Sau khi tiếp nhận yêu cầu trên, bộ phận này sẽ
làm hóa đơn và thanh toán tiền.
Trong trường hợp nhiều công ty, trường học, các doanh nghiệp, ... có yêu cầu đặt
hàng, mua với số lượng lớn thì cửa hàng nhanh chóng làm phiếu đặt hàng, phiếu thu có
ghi thuế cho từng loại mặt hàng và giao hàng hàng theo yêu cầu.
-Quá trình đặt hàng với nhà cung cấp: Hàng ngày nhân viên kho sẽ kiểm tra
hàng hóa trong kho và đề xuất lên ban điều hành cần xử lý về việc những mặt hàng cần
nhập. Trong quá trình đặt hàng thì bạn điều hành sẽ có trách nhiệm xem xét các đề xuất
về những mặt hàng yêu cầu và quyết định loại hàng, số lượng hàng cần đặt và phương
thức đặt hàng với nhà cung cấp. Việc đặt hàng với nhà cung cấp được thực hiện thông
qua địa chỉ trên mạng hay qua điện thoại, fax.
-Quá trình nhập hàng: Sau khi nhận yêu cầu đặt hàng từ công ty, nhà cung cấp sẽ
giao hàng cho công ty có kèm theo hóa đơn hay bảng kê chi tiết các loại mặt hàng. Thủ
kho sẽ kiểm tra lô hàng của từng nhà cung cấp và trong trường hợp hàng hóa giao thông
đúng yêu cầu đặt hàng hay kém chất lượng về hệ thống máy móc, ...thì thủ kho sẽ trả lại
nhà cung cấp và yêu cầu giao lại những mặt hàng bị trả đó.
Trang 6
`
Tiếp theo thủ kho sẽ kiểm tra chứng từ giao hàng để gán giá trị thành tiền cho từng
loại sản phẩm. Những loại hàng hóa này sẽ được cung cấp một mã số và được cập nhật
ngay vào giá bán. Sau khi nhập xong chứng từ giao hàng, nhân viên nhập kho sẽ in một
phiếu nhập để lu trữ trong hồ sơ.
-Khách hàng: là những người có nhu cầu mua sắm hàng hóa. Khác với việc đặt
hàng trực tiếp tại công ty, khách hàng phải hoàn toàn tự thao tác thông qua từng bước
cụ thể để có thể mua được hàng. Trên mạng, các mặt hàng được sắp xếp và phân theo
từng loại mặt hàng giúp cho khách hàng dễ dàng tìm kiếm.
Trong hoạt động này, khách hàng chỉ cần chọn một mặt hàng nào đó từ danh mục
các mặt hàng thì những thông tin về mặt hàng đó sẽ hiển thị lên màn hình như: hình
ảnh, đơn giá, mô tả, ...và bên cạnh là trang liên kết để thêm hàng hóa vào giỏ hàng.
Khi khách hàng muốn đặt hàng thì hệ thống hiển thị trang xác lập đơn đặt hàng
cùng thông tin về khách hàng và hàng hóa. Cuối cùng là do khách hàng tùy chọn đặt
hay không.
-Nhà quản lý: Là người làm chủ hệ thống, có quyền kiểm soát mọi hoạt động của
hệ thống. Nhà quản lý được cấp một username và password để đăng nhập vào hệ thống
thực hiện những chức năng của mình.
Nếu như quá trình đăng nhập hàng công thì nhà quản lý có thể thực hiện những
công việc: quản lý cập nhật thông tin các mặt hàng, tiếp nhận đơn đặt hàng, kiểm tra
đơn đặt hàng và xử lý đơn đặt hàng. Thống kê các mặt hàng bán trong tháng, năm,
thống kê khách hàng, nhà cung cấp, thống kê tồn kho, thống kê doanh thu. Khi có nhu
cầu nhập hàng hóa từ nhà cung cấp thì tiến hành liên lạc với nhà cung cấp để đặt hàng
và cập nhật mặt hàng vào cơ sở dữ liệu.
3. PHÂN TÍCH CHỨC NĂNG TRANG WEB
Đây là một website nhằm bán và giới thiệu rộng rói các mặt hàng của công ty đến
cho người tiêu dùng với các chi tiết mặt hàng cũng như giá cả một cách chính xác. Có
những chức năng sau:
- Cho phép nhập hàng vào CSDL.
Trang 7
`
- Hiển thị danh sách các mặt hàng theo từng loại ( bao gồm: hình ảnh, giá cả, thời
gian bảo hành, mô tả chức năng).
- Hiển thị hàng hóa mà khách hàng đã chọn để mua. - Hiển thị đơn đặt hàng của
khách hàng.
- Cung cấp khả năng tìm kiếm, khách hàng có thể truy cõn từ xa để tìm kiếm xem
mặt hàng đặt mua.
- Cho phép quản lý đơn đặt hàng. - Cập nhập mặt hàng, loại mặt hàng, khách hàng,
nhà cung cấp. - Thống kê mặt hàng, khách hàng, đơn đặt hàng, doanh thu.
- Cho phép hệ thống quản trị mạng từ xa.
4. YÊU CẦU ĐẶT RA CHO TRANG WEB
Yêu cầu trang Web Hệ thống gồm có hai phần:
* Phần thứ nhất dành cho khách hàng: Khách hàng là những người có nhu cầu
mua sắm hàng hóa. Họ sẽ tìm kiếm các mặt hàng cần thiết từ hệ thống và đặt mua các
mặt hàng này. Vì thế trang web phải thỏa mãn các chức năng sau:
+ Thứ nhất: Hiển thị danh sách các mặt hàng của công ty để khách hàng có thể
xem và lựa chọn.
+ Thứ hai: 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 bước vào trang web thương mại là tìm kiếm các mặt hàng mà họ cần và muốn
mua. Đôi lúc cũng có nhiều khách hàng vào website này mà không có ý định mua hay
không biết mua gì thì yêu cầu đặt ra cho hệ thống là làm thế nào để khách hàng có thể
tìm kiếm nhanh và hiệu quả các mặt hàng mà họ cần tìm.
+ Thứ ba: Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt 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 hay những thông tin yêu cầu quá nhiều từ phía khách
hàng, tạo cảm giác thoải mái, riêng tư cho khách hàng. Ngoài ra, còn có một số chức
năng như: đăng kí, đăng nhập. Khách hàng có thể thay đổi mật khẩu của mình. Khi bạn
quan tâm đến thông tin về website như: tin tức hay giá cả. Bạn có thể nhập địa chỉ email
của bạn vào. Lúc đó bạn có thể nhận được thông tin cập nhật từ site.
Trang 8
`
* Phần thứ hai dành cho nhà quản lý: Là người làm chủ ứng dụng, có quyền
kiểm soát mọi hoạt động của hệ thống. Người này được cấp một username và password
để đăng nhập vào hệ thống thực hiện những chức năng của mình. Nếu như quá trình
đăng nhập hàng công thì nhà quản lý có những chức năng sau:
+ Thứ nhất: Chức năng quản lý cập nhật (thêm, xóa, sửa) các mặt hàng trên trang
web, việc này không phải dễ. Nó đòi hỏi sự chính xác.
+ Thứ hai: Tiếp nhận và kiểm tra đơn đặt hàng của khách hàng. Hiền thị đơn đặt
hàng hay xóa bỏ đơn đặt hàng.
+ Thứ ba: Thống kê các mặt hàng, khách hàng, nhà cung cấp, thống kê doanh thu.
Ngoài các chức năng nêu trên thì trang web phải được trình bày sao cho dễ hiểu,
giao diện mang tính dễ dùng, đẹp mắt và làm sao cho khách hàng thấy được những
thông tin cần tìm, cung cấp những thông tin quảng cáo thật hấp dẫn, nhằm thu hút sự
quan tâm về công ty mình và có cơ hội sẽ có nhiều người tham khảo nhiều hơn.
Điều quan trọng trong trang web mua bán trên mạng là 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 quá trình đặt mua hay thanh toán.
Đồng thời còn có tính dễ dàng nâng cấp, bảo trì, sửa chữa khi cần bổ sung, cập nhật
những tính năng mới.
Phần III:
THIẾT KẾ WEBSITE BÁN HÀNG
Trang chủ:
Trang 9
`
Bai tap lon