BÀI TẬP LỚN Môn học Mô đun Lập trình ứng dụng Đề tài Thiết kế trang web bán máy tính

BÀI TẬP LỚN
Mơn học/Mơ đun: Lập trình ứng dụng
Đề tài: Thiết kế trang web bán máy tính
Ngành: Cơng nghệ thơng tin

SINH VIÊN THỰC HIỆN:
STT

MSSV

Họ và Tên

Lớp

1

20012030025

Nguyễn Văn Nhâm

K20-IT01

2

20012030043

Nguyễn Ngọc Trung

K20-IT01

GV hướng dẫn: Thầy Quảng

2


BÀI TẬP LỚN
Mơn học/Mơ đun: Lập trình ứng dụng
Đề tài: Thiết kế trang web bán máy tính
Ngành: Cơng nghệ thơng tin

SINH VIÊN THỰC HIỆN:
STT

MSSV

Họ và Tên

Lớp

1

20012030025

Nguyễn Văn Nhâm

K20-IT01

2

20012030043

Nguyễn Ngọc Trung

K20-IT01

GV hướng dẫn: Thầy Quảng

3


NHẬN XÉT
Nhận xét của giảng viên hướng dẫn:
………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
…………………………………………………………………………………………..
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
…………………………………………………………………………………………..
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………
…….
……………………………………………………………………………………………
……………………………………………………………………………………………
……………………………………………………………………………………………

…………………………………………………………………………………………..

GIẢNG VIÊN HƯỚNG DẪN

Th.S

4


LỜI CAM ĐOAN
Chúng em xin cam đoan bài tập lớn “Trang website bán máy tính” Là kết quả
thực hiện của chúng em dưới sự hướng dẫn của thầy Việt.
Những phần sử dụng tài liệu tham khảo trong bài tập lớn đã được nêu rõ
trong phần tài liệu tham khảo. Các kết quả trình bày trong bài tập lớn và chương
trình xây dựng được hoàn toàn là kết quả do chúng em thực hiện.
Nếu vi phạm lời cam đoan này, chúng em xin chịu hoàn toàn trách nhiệm
trước khoa và nhà trường.
Những tài liệu, thơng tin, hình ảnh tham khảo đều được trích dẫn rõ ràng,
đúng pháp luật.
Em xin chịu mọi trách nhiệm trước pháp luật đối với lời cam đoan của mình.

5


LỜI CẢM ƠN
Sau khoảng thời gian học tập và rèn luyện tại Trường Công Cao đẳng Công
nghệ Bách Khoa Hà Nội đến nay chúng em đã kết thúc môn học.
Để hoàn thành được bài tập lớn , chúng em xin phép gửi lời cảm ơn tới bộ
mơn Lập trình ứng dụng , Khoa Công nghệ thông tin – Trường Cao đẳng Công
nghệ Bách Khoa Hà Nội đã tạo điều kiện thuận lợi cho chúng em thực hiện bài tập

lớn môn học này.
Đặc biệt chúng em xin chân thành cảm ơn thầy bộ mơn đã rất tận tình hướng
dẫn và chỉ bảo chúng em trong suốt thời gian thực hiện bài tập lớn vừa qua.Cảm ơn
các thầy giáo, cô giáo và các bạn trong Trường đã giúp đỡ chúng em trong thời
gian qua, tạo điều kiện tốt nhất để chúng em có thể hồn thành bài tập lớn này.
Nhưng do thời gian có hạn, kinh nghiệm và kiến thức thực tế cịn hạn chế,
nên trong q trình thực hiện đề tài chắc chắn khơng tránh khỏi những thiếu sót.
Chúng em rất mong nhận được sự góp ý và chỉ bảo nhiệt tình từ phía thầy cơ và
các bạn để nâng cao khả năng chun mơn và hồn thiện kiến thức.
Em xin trân trọng cảm ơn!

6


MỤC LỤC
NHẬN XÉT..........................................................................................................3
LỜI CAM ĐOAN.............................................................................................4
MỤC LỤC........................................................................................................6
DANH SÁCH TỪ VIẾT TẮT..........................................................................8
CHƯƠNG 1:

MỞ ĐẦU................................................................................9

1.1

Lý do chọn đề tài........................................................................................9

1.2

Mục tiêu của đề tài.....................................................................................9

1.2.1

Mục tiêu tổng quát.......................................................................................9

1.2.2

Mục tiêu cụ thể.............................................................................................9
1.3

Giới hạn và phạm vi của đề tài.................................................................10

1.3.1

Đối tượng nghiên cứu.................................................................................10

1.3.2

Phạm vi nghiên cứu....................................................................................10
1.4

Nội dung thực hiện...................................................................................10

1.5

Phương pháp tiếp cận...............................................................................11

CHƯƠNG 2:

CƠ SỞ LÝ THUYẾT...........................................................12

2.1

Giới thiệu về học máy..............................................................................12

2.2

Một số thư viện.........................................................................................13

2.3

Thuật tốn/ hoặc cơng cụ / thư viện<tên thuật tốn/cơng cụ/ thư viện>. . .13

CHƯƠNG 3:
3.1

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG..........................16

Mơ tả các chức năng.................................................................................16

3.1.1

Trang chủ...................................................................................................16

3.1.2

Thêm sản phẩm..........................................................................................16

3.1.3

Xử lý đơn hàng...........................................................................................16

3.1.4

Tổng hợp....................................................................................................16
3.2

Dữ liệu......................................................................................................17
7


3.3

Thiết kế giao diện.....................................................................................17

CHƯƠNG 4:
4.1
4.1.1

XÂY DỰNG ỨNG DỤNG..................................................18

Xây dựng cơ sở dữ liệu.............................................................................18

Trang chủ của trang web...........................................................................18
4.2

Các thông tin khác về trang web...............................................................18

4.2.1

Trang giới thiệu sản phẩm.........................................................................18

4.2.2

Trang laptop gaming..................................................................................19

4.2.3

Trang laptop văn phòng.............................................................................19

4.2.4

Trang laptop đồ hoạ kĩ thuật......................................................................19

4.2.5

Trang Laptop linh kiện...............................................................................20
4.3

Hỏi đáp.....................................................................................................20

4.4

Trang đăng nhập......................................................................................20

4.5

Trang đăng ký...........................................................................................21

4.6

Cài đặt các chức năng cho ứng dụng........................................................21

KẾT LUẬN:...................................................................................................23
TÀI LIỆU THAM KHẢO...............................................................................24

8


DANH SÁCH TỪ VIẾT TẮT
Từ viết tắt

Từ đầy đủ

Giải thích

CMS

Content Management System

Hệ quản trị nội dung

CPU

Central Processing Unit

RAM

Random Access Memory

Bộ nhớ truy cập ngẫu nhiên

ROM

Read Only Memory

Bộ nhớ chỉ đọc

HTML

Hypertext Markup Language

Ngôn ngữ Đánh dấu Siêu văn bản

CSS

Cascading Style Sheets

Ngôn ngữ tìm và định dạng văn bản

9


CHƯƠNG 1:MỞ ĐẦU
1.1

Lý do chọn đề tài
Như chúng ta đã thấy trong thị trường hiện nay thì việc cạnh tranh ngày càng trở

nên quyết liệt và hầu hết những nhà kinh doanh, nhũng công ty lớn đều chú tâm đến

việc thỏa mãn khách hàng một cách tốt nhất.
Hiện nay càng nhiều doanh nghiệp phát triển hệ thống bán hàng theo loại thương
mại điện tử. So với kinh doanh truyền thống thì thương mại điện tử chi phí thấp hơn,
hiệu quả đạt cao hơn. Hơn thế nữa, với lợi thế của công nghệ internet nên việc truyền
tải thông tin về sản phẩm nhanh chóng, thuận tiện. Kết hợp với bộ phận giao hàng tận
nơi, càng tăng thêm lợi nhuận để loại hình này phát triển.
Và cũng do thời đại 4.0 ngày càng phát triển giúp cho máy tính là một thiết bị khá
phổ biến trong cuộc sống. Do nhu cầu sử dụng máy tính tăng cao nên số lượng các
shop bán máy tính phát triển một cách rất nhanh. Nhu cầu mua sắm online của mọi
người cũng đang tăng một cách chóng mặt, bên cạnh đó dịch COVID-19 làm hạn chế
sự di chuyển của mọi người đến tận shop để trải nghiệm sản phẩm nên chúng em lựa
chọn làm website bán máy tính để khách hàng có thể trải nghiệm và hiểu thêm về sản
phẩm qua website của chúng em.
Biết được những nhu cầu đó chương trình “Thiết kế trang web Bán Máy Tính”
được xây dựng nhằm để đáp ứng cho mọi người tiêu dùng trên tồn quốc và thơng qua
hệ thống website này họ có thể đặt mua các mặt hàng hay sản phẩm cần thiết.
1.2

Mục tiêu của đề tài

1.2.1 Mục tiêu tổng quát
- Thiết kế trang web Bán Máy Tính.
- Nghiên cứu các cơng nghệ phát triển Website.
- Giải quyết tối ưu hóa q trình QL bán hàng.
- Đưa ra các báo cáo, TK tổng hợp.
1.2.2 Mục tiêu cụ thể
-Khiến cho việc mua hàng trở nên dễ dàng hơn trong mùa dịch hay kể cả khi hết
dịch.
10

-Cập nhật những mặt hàng mới đáp ứng được nhu cầu của tất cả mọi người.
-Phát triển trang Web rộng rãi ra tồn thế giới chứ khơng riêng trong nước mà có
thể vươn ra ngồi thế giới.
1.3

Giới hạn và phạm vi của đề tài

1.3.1 Đối tượng nghiên cứu
- Mọi người tiêu dùng trên tồn quốc có nhu cầu đặt mua hàng qua mạng
- Các cơng ty, các doanh nghiệp có nhu cầu đặt mua hàng.
1.3.2 Phạm vi nghiên cứu
- Về mặt lý thuyết: Tìm hiểu kỹ thuật lập trình, cách thức hoạt động và các đối
tượng trong ASP. Hiểu được cách thức hoạt động của Client - Server. Hiểu được
cách lưu trữ dữ liệu của hệ quản trị cơ sở dữ liệu SQL Server.
- Về mặt lập trình: Sử dụng ngôn ngữ ASP và hệ quản trị SQL Server để xây dựng
trang web động. Về mặt hoạt động: Chương trình chỉ thực hiện đầy đủ các chức
năng ở phạm vi trong cùng thành phố.
- Như vậy, nếu thực hiện thành công đề tài này sẽ mang lại ý nghĩa to lớn về cả
thực tiễn lẫn lý luận :
+ Ý nghĩa lý luận của đề tài: Tồn bộ chương trình và bản thuyết minh của
đề tài sẽ trở thành tài liệu nghiên cứu, tham khảo nhanh, dễ hiểu, thiết thực cho
những thầy cô giáo và các bạn sinh viên, những người u thích bộ mơn cơng nghệ
Web và ứng dụng, nhất là lĩnh vực xây dựng Web quản lý trên môi trường
ASP.NET.
+ Ý nghĩa thực tiễn của đề tài: Với sự thành cơng của đề tài sẽ góp phần giúp
cho việc tối ưu hóa q trình,loại bỏ những chi phí về gian hàng quá cao,hiệu quả
đầu tư.

1.4

Nội dung thực hiện
 Thiết kế ra 1 Website Máy Tính với mục tiêu hướng tới đó là hiện đại hóa cá
nhân hóa cho mọi người và các cơng ty doanh nghiệp tiện ích hơn trong việc
mua hàng online của thời đại 4.0 và mùa dịch COVID-19 …
11


 Email marketing được biết đến nhiều trong việc tiếp cận các khách hàng có sẵn.
Thế nhưng đây cũng là một kênh tìm kiếm khách hàng tiềm năng online tuyệt
vời để thu hút khách hàng mới mà các doanh nghiệp thường dùng. Dưới đây là 2
cách sử dụng email marketing mà bạn có thể áp dụng: Chiến dịch Opt-in ( mời
khách hàng đăng ký nhận email ) và gửi email có giá trị.
1.5

Phương pháp tiếp cận
Các trang mạng xã hội hot hiện nay mà bạn không thể bỏ qua như
Facebook, instagram, youtube,… Facebook hiện nay không chỉ là một trong
những trang mạng xã hội đứng đầu và được sử dụng rộng rãi nhất maf còn đang
tập trung phát triển với vai trò là một kênh kết nối hiệu quả doanh nghiệp và người
dùng, là công cụ giúp doanh nghiệp tương tác với khách hàng mục tiêu dễ dàng
hơn cũng như dễ dàng tìm thấy các khách hàng tiềm năng của mình. Nếu các sản
phẩm, dịch vụ của bạn hướng tới những người trẻ tuổi thì Instagram lại là một
trang mạng tuyệt vời để bạn tìm kiếm khách hàng tiềm năng online bởi ứng dụng
này sở hữu lượng người dùng có độ tuổi từ 35 đổ xuống.
Muốn tiếp cận được nhiều khách hàng Điều đầu tiên bạn cần thấu hiểu về
các sản phẩm, dịch vụ mà mình cung cấp. Ngồi ra bạn cịn cần nắm rõ ngân
sách, dịng tiền tài chính và các kiến thức sâu về ngành cùng với góc nhìn của
chính khách hàng đối với sản phẩm, dịch vụ của mình để có được các chiến lược
marketing hiệu quả.

12


CHƯƠNG 2:CƠ SỞ LÝ THUYẾT
2.1

Giới thiệu về học máy
- Học máy là một lĩnh vực con của Trí tuệ nhân tạo. Mục tiêu chính của học
máy là hiểu cấu trúc dữ liệu của chúng tôi và điều chỉnh dữ liệu đó vào các mơ
hình của chúng tơi để chúng tơi có thể hiểu và sử dụng. Học máy khơng giống như
các cách tiếp cận tính tốn truyền thống bởi vì trong cách tiếp cận tính tốn truyền
thống, các vấn đề được giải quyết bằng cách sử dụng các bộ hướng dẫn được lập
trình rõ ràng (dài và chi tiết). Nhưng mơ hình Machine Learning được xây dựng
bằng cách đào tạo các đầu vào dữ liệu và sử dụng phân tích thống kê để tìm các
giá trị đầu ra nằm trong một phạm vi cụ thể. Các mơ hình được xây dựng bằng
cách sử dụng dữ liệu mẫu từ các đầu vào để tự động hóa q trình ra quyết định.
- Các kiến thức cơ bản về học máy là:
 Máy vi tính: là cơng cụ xử lý thơng tin 1 cách tự động theo trình lập sẵn từ
trước.
 Máy tính gồm các bộ phận như: bàn phím, chuột, Microphone, màn hình, loa,
đĩa cứng, đĩa mềm, đĩa CD, CPU, các chipset…
 Phầm mềm: là tập hợp của tất cả các câu lệnh do các nhà lập trình viết ra để
hướng mt làm 1 số việc cụ thể nào đó.
 Case mt: là 1 bộ phận bên ngồi có tác dụng bao bọc cho các thành phần bên
ngoài của mt, tránh được các tác động khơng mong muốn từ bên ngồi
 Mainboard: là bản mạch chính liên kết tất cả các linh kiện và thiết bị ngoại vi
thành 1 bộ máy tính thống nhất.
 Chipset: kết nối các thành phần trên Mainboard và các thiết bị ngoại vi lại với
nhau.

 Bộ nhớ cache: là bộ nhớ đệm nằm giữa các bộ nhớ RAM và CPU nhằm rút ngắn
thời gian lấy dữ liệu trong lúc CPU xử lý.
 CPU: là 1 linh kiện quan trọng, tồn bộ q trình xử lý, tính tồn và điều khiển
được thực hiện tại đây. Là linh kiện quyết định đến tốc độ của mt, tốc độ xử lý
tính của CPU được tính bằng MHz và GHz.
 Bộ nhớ: là thành phần quan trọng thứ 2 trong hệ thống mt. Dùng để lưu trữ dữ
liệu khi mt hoạt động.
13


 Có 2 loại bộ nhớ:
+ Bộ nhớ RAM (Random Access Memory) là bộ nhớ truy cập ngẫu nhiên.
+ Bộ nhớ ROM (Read Only Memory) là bộ nhớ chỉ đọc.
 Ổ cứng: là 1 thiết bị lưu trữ có dung lượng lớn dùng để lưu toàn bộ phần mềm
của máy tính.
2.2

Một số thư viện
Các ứng dụng và các ngơn ngữ như :
 Phần mềm Visual Studio Code: hỗ trợ chúng ta trong việc viết code 1 cách dễ
dàng và tiện lợi hơn...
 Github: giúp chúng ta khi làm việc nhóm 1 cách hiệu quả và tốt hơn...

 HTML (HyperText Markup Language) : là một ngôn ngữ đánh dấu được
thiết kế ra để tạo nên các trang web, nghĩa là các mẩu thơng tin được trình
bày trên World Wide Web.
 CSS (Cascading Style Sheets): là ngơn ngữ trình bày được dùng để tạo kiểu
cho sự xuất hiện của nội dung sử dụng, ví dụ như phơng chữ hoặc màu sắc.
 Hai ngôn ngữ HTML và CSS độc lập với nhau và vẫn giữ nguyên như vậy.
CSS không nên được viết bên trong một tài liệu HTML và ngược lại. Theo

quy định, HTML sẽ luôn đại diện cho nội dung và CSS sẽ ln thể hiện sự
xuất hiện của nội dung đó.
 Chức năng: HTML được sử dụng để xác định cấu trúc một trang web, khơng
được dùng với mục đích trình bày và hiển thị. CSS được sử dụng để tạo kiểu
cho trang web thông qua các đặc điểm phong cách khác nhau, dùng với mục
đích trình bày và hiển thị. Thành phần: Cấu trúc cơ bản của HTML gồm các
thẻ và nội dung
2.3

Thuật tốn/ hoặc cơng cụ / thư viện<tên thuật tốn/cơng cụ/ thư viện>
-

Thuật tốn là danh sách các hướng dẫn và quy tắc mà máy tính cần thực hiện
để hoàn thành 1 tác vụ. Về bản chất, các thuật toán là 1 loạt các chi dẫn được
tuân theo từng bước để làm gì đó hữu ích hoặc giải quyết 1 vấn đề...

-

Giới thiệu về Visual Studio Code

14


+ Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và
macOS, Visual Studio Code được phát triển bởi Microsoft. Nó được xem là
một sự kết hợp hoàn hảo giữa IDE và Code Editor.
+ Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax
highlighting, tự hồn thành mã thơng minh, snippets, và cải tiến mã nguồn.
Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay
đổi theme, phím tắt, và các tùy chọn khác.

-

Một số tính năng :

+ Hỗ trợ nhiều ngơn ngữ lập trình
 Visual Studio Code hỗ trợ nhiều ngơn ngữ lập trình như C/C++, C#,
F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, nó dễ dàng phát
hiện và đưa ra thơng báo nếu chương chương trình có lỗi.
+ Hỗ trợ đa nền tảng
 Các trình viết code thông thường chỉ được sử dụng hoặc cho Windows
hoặc Linux hoặc Mac Systems. Nhưng Visual Studio Code có thể hoạt
động tốt trên cả ba nền tảng trên.
+ Cung cấp kho tiện ích mở rộng
 Trong trường hợp lập trình viên muốn sử dụng một ngơn ngữ lập trình
khơng nằm trong số các ngôn ngữ Visual Studio hỗ trợ, họ có thể tải
xuống tiện ích mở rộng. Điều này vẫn sẽ khơng làm giảm hiệu năng
của phần mềm, bởi vì phần mở rộng này hoạt động như một chương
trình độc lập.
+ Kho lưu trữ an toàn
 Đi kèm với sự phát triển của lập trình là nhu cầu về lưu trữ an tồn.
Với Visual Studio Code, người dùng có thể hồn tồn n tâm vì nó dễ
dàng kết nối với Git hoặc bất kỳ kho lưu trữ hiện có nào.
15


+ Hỗ trợ web
 Visual Studio Code hỗ trợ nhiều ứng dụng web. Ngồi ra, nó cũng có
một trình soạn thảo và thiết kế website.
+ Lưu trữ dữ liệu dạng phân cấp
 Phần lớn tệp lưu trữ đoạn mã đều được đặt trong các thư mục tương tự

nhau. Ngoài ra, Visual Studio Code còn cung cấp các thư mục cho một
số tệp đặc biệt quan trọng.
+ Hỗ trợ viết Code
 Một số đoạn code có thể thay đổi chút ít để thuận tiện cho người dùng.
Visual Studio Code sẽ đề xuất cho lập trình viên các tùy chọn thay thế
nếu có.

16


CHƯƠNG 3:PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.1

Mơ tả các chức năng

3.1.1 Trang chủ
-

Mục đích: Giúp người dùng trở về trang chủ một cách dễ dàng.

-

Người dùng: Tất cả người dùng truy cập vào trang web.

3.1.2 Thêm sản phẩm
-

Mục đích: Thêm sản phẩm vào gian hàng.

-

Người dùng: Nhân viên và chủ trang web.

-

Điều kiện: Người dùng phải đăng nhập bằng tài khoản Administrator.

-

Đầu vào: Giá cả sản phẩm, thông tin chi tiết sản phẩm, thông số kĩ thuật của
sản phẩm,….

-

Đầu ra: Lưu thông tin vào cơ sở dữ liệu người dùng

3.1.3 Xử lý đơn hàng
-

Mục đích: Xử lý các đơn hàng đã được đặt.

-

Điều kiện: người dùng đăng nhập bằng tài khoản admin

-

Nhân viên, chủ cửa hàng sẽ kiểm tra thông tin khách hàng , xác nhận
thông tin bằng cách gọi trực tiếp cho khách hàng để đối chiếu thông tin

-

xem đã chính xác hay chưa. Sau khi xác nhận thơng tin thành cơng thì
kiểm tra khách hàng đã thanh tốn chưa ( trường hợp khách chọn thanh
tồn online )

3.1.4 Tổng hợp

-

Mục đích: Tổng hợp , phân tích các dữ liệu

-

Người sử dụng: nhân viên, chủ cửa hàng

-

Điều kiện: Đăng nhập vào web bằng tài khoản admin

-

Nhân viên, chủ cửa hàng sẽ thống kê lại các số liệu như: số sản phẩm đã
bán, số lượng sản phẩm tồn kho, tổng tiền lời…
17


3.2

Dữ liệu

Dữ liệu gồm có file Word, file PowerPoint và file chứa Website

3.3

Thiết kế giao diện
-

Gồm các phần như Banner. Trong banner thì gồm nhiều các nhánh nhỏ như:
“Trang chủ, LapTop, PC - Case, Bảo Hành, Liên Hệ ”.

-

Thứ 2 là body của Website như mục máy tính đi kèm với nó là tên sản phẩm và
giá thành của sản phẩm…

-

header: là phần đầu trang web, chứa các chức năng như: qr code, kết nỗi với
facebook, Instagram, thông báo, chợ giúp, form đăng ký, đăng nhập, giỏ hang, tìm
kiếm, và phần menu chưa cái phần: trang chủ, giới thiệu, nike, adidas, Jordan,
sale.

-

Phần thân trang web, gơm 3 phần chính :
 Phần danh mục “menu phụ”, chứa các chức năng như: sản phẩm, dịch vụ
và khuyến mại, nơi bán.


Phần bộ lọc sắp xếp sản phẩm chứa các chức năng: phổ biến, bán chạy,

giá.



Phần chứa các sản phâm gồm có : ảnh sản phẩm, tên sản phẩm, giá, số
lượng đã bán và chương trình khuyến mãi kèm theo sản phẩm …

-

Phần cuối trang web: chứa các phân và chức năng như:Chăm sóc khách hàng,
Giới thiệu về shop bán Máy tính PTKH, Liên Hệ, Địa Chỉ, truy cập cửa hàng trên
ứng dụng Email liên hệ, logo, slide sản phẩm.

18


CHƯƠNG 4:XÂY DỰNG ỨNG DỤNG
4.1

Xây dựng cơ sở dữ liệu

4.1.1 Trang chủ của trang web

4.2

Các thông tin khác về trang web

4.2.1 Trang giới thiệu sản phẩm

19

4.2.2 Trang laptop gaming

4.2.3 Trang laptop văn phòng

4.2.4 Trang laptop đồ hoạ kĩ thuật

20


4.2.5 Trang Laptop linh kiện

4.3

Hỏi đáp

4.4

Trang đăng nhập

21


4.5

Trang đăng ký

4.6

Cài đặt các chức năng cho ứng dụng
-

Giải thích code trong thư mục HTML : baitaplon
+ Trong link web bán máy tính (Dịng 133 → 158) là Banner. Trong đó có các
thơng tin như “Trang chủ”, “LapTop”, “PC - Case”, “Bảo Hành”, “Liên Hệ” và
trong các thư mục lại có các thư mục con…
+ Link Web bán Máy Tính (Dịng 160 → 232) là hiển thị SlideShow các hãng
LapTop bán chạy và còn những hãng khác phù hợp với mọi người.
+ Link các hãng máy dùng để hiển thị các thư mục sản phẩm. Trong đó có các thư
mục con để hiển thị ảnh sản phẩm, tên sản phẩm và giá thành của sản phẩm …
+ Link liên hệ để hiển thị bảng điền thông tin của người dùng để bình luận về sản
phẩm hoặc sản phẩm lỗi điền vào thông tin của form để được hỗ trợ.
+ Và dùng ngơn ngữ JavaScript nó giúp cho SlideShow chạy mượt mà hơn và tốt
hơn.
 Trong đó có dùng các thẻ như:

-

Div: là thẻ dùng để nhóm nhiều phần tử HTML lại với nhau.

-

Class: là thuộc tính dùng để xác định một hoặc nhiều tên lớp cho phần tử HTML.
Tên lớp có thể dùng trong CSS hoặc JavaScript để thực hiện một số tác vụ nhất
định cho phần tử có tên lớp đó.

-

Img: là thẻ dùng để chèn hình ảnh vào trang web.

22


-

Marquee: là thẻ dùng để di chuyển chữ hoặc hình ảnh theo chiều ngang hoặc dọc 1
cách tự động.

-

A: là thẻ dùng để tạo 1 liên kết đến 1 tài liệu nào đó.

-

P: là thẻ giúp cho trình duyệt nhận dạng được văn bản trong HMTL.

-

Span: là thẻ khá đặc biệt trong HTML, theo mặc định đoạn văn bản trong thẻ span
k bị thay đổi bất cứ điều gì, do vậy nó cịn được gọi là thẻ trung tính.

-

Script: được dùng để xác định mã JavaScript cần được chạy trên 1 trang web.

23


KẾT LUẬN:
-

Kiến thức đạt được:

· Hiểu và có thể tự được cách làm giao diện của một website bán hàng;
· Biết được các thư viện, công cụ làm việc với ngơn ngữ lập trình HTML5, CSS,
Javasvript;
· Nắm được các kiến thức cơ bản khi làm việc với web.
Sản phẩm có được: Xây dựng tương đối hoàn thiện một website với giao diện
dễ nhìn , thao tác và đặt hàng dễ dàng, tìm kiếm sản phẩm nhanh chóng thuận tiện cho
người sử dụng.
-

Những hạn chế của đề tài:

· Chưa xây dựng được cơ sở dữ liệu, chưa thể chèn và xuất dữ liệu ra file riêng;
· Website đã hoàn thiện gần hết được về mặt giao diện nhưng các chức năng như đặt
hàng thanh toán online , thêm sản phẩm , thống kê vẫn chưa hoàn thiện .
- Hướng phát triển của đề tài:
· Tiếp tục xây dựng giao diện web, bổ xung những phần cịn thiếu như đi của
website
· Nâng cấp các chức năng thể có thể sử dụng một cách tiện lợi
· Bổ xung cơ sở dữ liệu
Trong quá trình làm bài tập lớn, nhóm em đã cố gắng hết sức tìm hiểu và cài đặt chương
trình nhưng thời gian và năng lực nhóm em cịn hạn chế nên nhóm em chưa giải quyết
đúng dược vấn đề đặt ra. Nhóm em mong nhận được sự thơng cảm của các Thầy giáo, Cơ
giáo trong nhà trường.
Nhóm em xin chân thành cảm ơn !

24

TÀI LIỆU THAM KHẢO
1.1 Sách tham khảo
[1] Jon Duckett (2011), HTML and CSS: Design and Build Websites
[2] Andu Budd, Cameron Moll và Collison (2006) : Advanced Web Standards Solutions
1.2 Các trang web tham khảo
- Hanoicomputer.vn
- FptShop.vn
- Tuhocdohoa.com
- Phuccanh.vn
1.3 Website tham khảo kiến thức lập trình
- Howkteam.vn
- W3school.com

Hà Nội, ngày 7 tháng 01 năm 2021
THÔNG QUA KHOA

25