ATOM_Báo cáo cuối kỳ Website bán nước giải khát

file WORD + PDF Website, còn gọi là trang web hoặc trang mạng, và nội dung liên quan được xác định bằng một tên miền chung và được xuất bản trên ít nhất một máy chủ web. Các ví dụ đáng chú ý là các website wikipedia.org, google.com và amazon.com. Tất cả các trang web có thể truy cập công khai đều tạo thành World Wide Web.

TRƯỜNG ĐẠI HỌC GIA ĐỊNH KHOA CÔNG NGHỆ THÔNG TIN

TIỂU LUẬN CUỐI KỲ MÔN: YÊU CẦU PHẦN MỀM

ĐỀ TÀI Xây Dựng Website Bán Nước Giải Khát

Giảng Viên: Phạm Sữ Tiến Trình

Sinh Viên: Nguyễn Đức Phát

MSSV: 2108110196

Lớp: K15DCPM07

Ngành: Kỹ Thuật Phần Mềm

TP HỒ CHÍ MINH, NĂM 2023

Khoa/Viện: ………

NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN TIỂU LUẬN MÔN: Yêu Cầu Phần Mềm 1 Họ và tên sinh viên: Nguyễn Đức Phát Tên đề tài: Xây Dựng Website Bán Nước Ép Hoa Quả 2 Nhận xét: a) Những kết quả đạt được:

b) Những hạn chế:

2 Điểm đánh giá (theo thang điểm 10, làm tròn đến 0.5): Sinh viên:………

Điểm số:……….……Điểm chữ:………

TP HCM, ngày … tháng … năm 20……

Giảng viên chấm thi

(Ký và ghi rõ họ tên)

Mục Lục

Giới thiệu đề tài 1

Lời cảm ơn 1

Lời mở đầu 2

Chương 1: Giới thiệu & mô tả về đề tài 1 Lý Do Chọn Đề Tài 2

1.2 Đánh giá 3

1.3 Đối tượng và phạm vi của ứng dụng 3

1.2.Ý nghĩa thực tiễn 3

1.2 Đặt bài toán 3

1.5.1 Chức năng 10

1.5.2 Yêu cầu đặt ra 10

1.6 Các giai đoạn triển khai dự án 11

1.7 Vấn đề - Giải pháp 11

Chương 2: Cơ sở lý thuyết 1.2 Giới thiệu HTML 3

2.4 Giới Thiệu Visual Studio Code 11

1.2 Giới thiệu CSS 3

1.2 Giới thiệu Java Scrip 3

1.2 Giới thiệu Bootstrap 3

2.2 Tổng quan về hệ quản trị cơ sở dữ liệu SQL Sever 9

Chương 3:Đặc tả yêu cầu các chức năng của phần mềm sử dụng SRS 3.1 Sơ Đồ Use Case 11

3.1 Đặc Tả Use case 11

3.1 Quy Trình Nghiệp Vụ 11

3.1 Xác định yêu cầu 11

3.1.1 Yêu cầu chức năng 12

3.1.2 Yêu cầu hệ thống 12

3.3 Cơ sở dữ liệu hệ thống 17

Chương 4: Thiết kế giao diện cho từng chức năng 3.6 Thiết kế giao diện hệ thống 20

KẾT LUẬN 4.1 KẾT LUẬN ĐỀ TÀI 24

4.1.1 Đánh giá chung 24

4.1.2 Hướng phát triển và mở rộng đề tài 25

4.2 LỜI KẾT 25

Giới thiệu về đề tài.

Trong bối cảnh kinh kế thị trường hiện nay, việc mỗi công ty, cửa hàng hay

thậm chí cá nhân có một hay nhiều website là một việc bình thường, xong việc khaikhác dữ liệu từ website biến những tác động lên website trở thành những dữ liệu cóích lại là 1 vấn đề khá còn mới mẻ Vấn đề còn bỏ ngỏ, nhận thấy cơ hội, khả năngphát triển, em nhận đề tài “Xây Dựng Website Bán Nước Giải Khát ” nhằm mục đíchđưa các giải pháp, triển khai thực tiễn 1 số thuật toán nhằm phân tích dữ liệu chongười dùng

Nhu cầu về nước giải khát và đồ uống liên quan đang ngày càng tăng, đặc biệt trong

xã hội hiện đại với nhịp sống nhanh, công việc căng thẳng và sự quan tâm ngày càngcao đối với sức khỏe và chất lượng cuộc sống Điều này đòi hỏi sự cải tiến trong hìnhthức kinh doanh và tiếp cận khách hàng để đáp ứng nhu cầu ngày càng đa dạng và caocấp của người tiêu dùng Dưới đây là một số điểm mấu chốt về nhu cầu tăng cao và sựcải tiến trong hình thức kinh doanh và tiếp cận khách hàng

Sự tiện lợi và đa dạng trong việc mua sắm trực tuyến đã thu hút đông đảo kháchhàng, bao gồm cả thị trường nước giải khát Dưới đây là một số lý do nổi bật cho việcmua sắm nước giải khát trực tuyến được ưa chuộng

Tiểu luận này nhằm tập trung trình bày về quá trình xây dựng và phát triển một XâyDựng Website Bán Nước Giải Khát nhằm giải quyết các thách thức trong việc kinhdoanh quản lý Dự án này sẽ hướng đến việc tạo ra một Website dễ sử dụng, cungcấp thông tin sản phẩm chính xác và đáng tin cậy, và đảm bảo tính bảo mật và an toàn

dữ liệu

Mục tiêu của tiểu luận

Trình bày quy trình xây dựng Xây Dựng Website Bán Nước Giải Khát và các côngnghệ liên quan Đề xuất một giao diện người dùng thân thiện, dễ sử dụng để chọn lựađặt hàng các món nước

Giải thích các chức năng chính của Website, bao gồm Trang chủ, Danh mục sản phẩm,Trang sản phẩm chi tiết, Giỏ hàng, Thanh toán, Đăng ký và Đăng nhập, Trang giớithiệu, Trang liên hệ, Quản lý tài khoản

Lời cảm ơn

Em xin gửi lời cảm ơn chân thành đến Thầy Phạm Sữ Tiến Trình về việc xem xét vàđánh giá bài báo cáo môn học của em Sự quan tâm và hỗ trợ từ Thầy đã đóng vai tròquan trọng trong quá trình thực hiện báo cáo này Em biết ơn sự chỉ dẫn và hướngdẫn chuyên môn của Thầy trong suốt quá trình nghiên cứu và viết báo cáo Nhữnggóp ý và nhận xét từ Thầy đã giúp em hiểu rõ hơn về chủ đề môn học và cải thiện bàibáo cáo của mình Em cũng muốn bày tỏ lòng biết ơn đặc biệt đến Thầy về sự tận tâm

và kiến thức sâu sắc mà Thầy đã chia sẻ trong quá trình giảng dạy môn học Nhữngkiến thức này đã trang bị cho em những kỹ năng quan trọng trong lĩnh vực này

Cuối cùng, em xin chân thành cảm ơn Thầy Phạm Sữ Tiến Trình em sẽ tiếp tục nỗ lực

và áp dụng những kiến thức đã học được để phát triển trong lĩnh vực này

Em Xin chân thành cảm ơn và kính chúc Thầy sức khỏe, thành công và hạnh phúc

Lý do Chọn Đề Tài

Khi internet ra đời, không ai nghĩ rằng nó sẽ phát triển đến ngày hôm nay,

nó len lỏi đến mọi ngó ngánh trong cuộc sống, trở thành 1 phần không thể thiếu.Chỉ cần ngồi nhà và cả thế giới trong tầm tay bạn Cũng như vậy, khi internet đã trởnên phổ biến, việc mua bán qua mạng internet phát triển cũng phát triển theo đó.Xong bên cạnh đó, việc nắm bắt tìm hiểu, phân tích nhu cầu tiêu dùng là một phần

vô cùng quan trọng, nó giúp người tiêu dùng dễ dàng chọn lựa sản phẩm phù hợp,giúp các nhà kinh doanh quyết định đón đầu xu thế của khách hàng

Bên cạnh đó, việc phát triển website đi kèm những tính năng nâng cao giúp

tối ưu hóa việc trải nghiệm website của người dùng cũng là cách giúp website pháttriển 1 cách bền vững và có hiệu quả

Lý do gồm những điểm sau

 Trend và nhu cầu thị trường:

 Tiềm năng kinh doanh:

 Phù hợp với chủ đề chính của ngành học:

 Nền tảng quảng bá thương hiệu:

 Kết hợp kinh doanh truyền thống và trực tuyến:

 Thu hút đối tượng khách hàng trẻ tuổi:

 Tối ưu hóa quy trình kinh doanh:

Đánh giá

Ưu điểm:

 Tiện lợi và dễ truy cập: Website Bán Nước Giải Khát cung cấp sự tiện lợi chokhách hàng khi có thể dễ dàng truy cập từ bất kỳ thiết bị có kết nối internet nào.Khách hàng có thể mua sắm và đặt hàng mọi lúc, mọi nơi mà không cần phải đếncửa hàng truyền thống

 Đa dạng sản phẩm: Website cho phép hiển thị và quảng bá rộng rãi các loại nướcgiải khát và đồ uống liên quan Khách hàng có thể dễ dàng tìm kiếm, so sánh vàlựa chọn sản phẩm phù hợp với nhu cầu và sở thích cá nhân

 Tăng cường trải nghiệm mua sắm: Website cung cấp trải nghiệm mua sắm trựctuyến thuận tiện và hấp dẫn Khách hàng có thể xem thông tin chi tiết về sảnphẩm, đánh giá của khách hàng khác và nhận được các ưu đãi, khuyến mãi đặcbiệt

 Giao dịch và thanh toán tiện lợi: Khách hàng có thể thực hiện giao dịch và thanhtoán trực tuyến qua nhiều phương thức khác nhau như thẻ tín dụng, chuyển khoảnngân hàng hay ví điện tử Điều này giúp tiết kiệm thời gian và tạo cảm giác antoàn khi mua sắm

 Tiếp cận đối tượng khách hàng rộng rãi: Website Bán Nước Giải Khát có khảnăng tiếp cận đối tượng khách hàng rộng rãi, bao gồm cả khách hàng trong khuvực địa lý xa, do đó mở rộng thị trường kinh doanh và tiềm năng tăng doanh sốbán hàng

Nhược điểm:

 Cạnh tranh sòng phẳng: Thị trường nước giải khát trực tuyến có nhiều đối thủcạnh tranh, do đó, website cần đặc biệt chú trọng đến việc thiết kế và trải nghiệmngười dùng để nổi bật và thu hút khách hàng

 Khó khăn trong vận chuyển và bảo quản: Vận chuyển nước giải khát có thể gặpkhó khăn và tăng chi phí vận chuyển do tính chất dễ bị hỏng của sản phẩm Hơnnữa, việc bảo quản nước giải khát trong quá trình giao hàng cần được quản lý cẩnthận để đảm bảo chất lượng sản phẩm.

 Tin cậy và bảo mật thông tin: Một số khách hàng có thể cảm thấy lo lắng về vấn

đề bảo mật thông tin và tin cậy khi mua hàng trực tuyến Do đó, website cần cócác biện pháp bảo mật và xác thực để đảm bảo an toàn cho thông tin cá nhân củakhách hàng

 Hỗ trợ và dịch vụ khách hàng: Đối với các vấn đề kỹ thuật hoặc thắc mắc trongquá trình mua sắm, khách hàng có thể gặp khó khăn trong việc liên hệ và nhận hỗtrợ từ doanh nghiệp qua website

 Chi phí phát triển và duy trì: Xây dựng và duy trì một website chuyên nghiệp đòihỏi đầu tư tài chính và nhân lực Để đảm bảo hoạt động ổn định và nâng cao trảinghiệm người dùng, website cần được cập nhật và bảo trì thường xuyên

1.3 Đối tượng và phạm vi của ứng dụng

1.4 Ý nghĩa thực tiễn

- Phát triển các sản phẩm công nghệ phù hợp với nhu cầu của xã hội, qua đó rènluyện , trau đồi, phát triển kiến thức của bản thân nhằm đáp ứng nhu cầu của cácnhà tuyển dụng sau khi ra trường, tạo ra sản phẩm thực tế có giá trị sử dụng trongcuộc sống

- Việc tạo ra một Website Bán Nước Giải Khát có giá trị thực tiễn và hấp dẫn chongười dùng là một quá trình thử thách, đòi hỏi sự sáng tạo và nỗ lực từ đội ngũ pháttriển Qua việc thực hiện dự án này, họ sẽ rèn luyện và phát triển kỹ năng quản lý dự

án, giải quyết vấn đề, làm việc nhóm và giao tiếp hiệu quả Những kỹ năng này rấtquan trọng trong việc tiến xa hơn trong sự nghiệp và đáp ứng yêu cầu của các nhàtuyển dụng sau khi ra trường

- Xây Dựng Website Bán Nước Giải Khát cũng tạo ra sản phẩm thực tế và có giá trị

sử dụng trong cuộc sống Website này giúp khách hàng trải nghiệm mua sắm tiện lợi,tìm kiếm và lựa chọn những sản phẩm nước giải khát phù hợp với nhu cầu và sở thích

của họ Đồng thời, doanh nghiệp cũng có cơ hội tiếp cận đối tượng khách hàng rộngrãi và thúc đẩy doanh số bán hàng Việc mang đến giá trị thực tế và hữu ích cho cảkhách hàng và doanh nghiệp sẽ giúp Website Bán Nước Giải Khát tạo ra một vị trícạnh tranh và bền vững trên thị trường kinh doanh trực tuyến.

1.5 Đặt bài toán

Bài toán đặt ra: Xây dựng website bán nước giải khát gồm bao gồm các chức năngcủa 1 website bán hàng đơn thuần

Qua quá trình khảo sát các nguồn thông tin từ thầy giáo hướng dẫn, bạn bè,

những người có kinh nghiệm trong phát triển website, trải nghiệm thực tế trên một

số website bán nước giải khát có thương hiệu như

1 Trà Sữa Gong Cha: https://www.gongcha.com/

2 Trà Sữa Koi Thé: https://koithe.vn/

3 Trà Sữa Heytea: https://www.heytea.com/

4 Trà Sữa Tiger Sugar: https://tigersugar.com/

5 Trà Sữa CoCo Fresh Tea & Juice: https://cocotea.vn/

6 Trà Sữa Sharetea: https://www.sharetea.com.vn/

7 Trà Sữa The Alley: https://the-alley.vn/

- Cho phép cập nhập hàng hóa vào CSDL

- Hiển thị danh sách các mặt hàng hóa

- Hiển thị các mặt hàng người dùng đã chọn sau quá trình tìm hiểu sản phẩm

- Hiển thị thông tin khách hàng

Khách hàng có nhu cầu mua hàng, họ sẽ tìm kiếm mặt hàng trên website, khi

quyết định mua sẽ đặt hàng thông qua giao diện website Đơn hàng sẽ được chuyển

về cho cửa hàng, công ty Vì vậy giao diện khách hàng cần có các chức năng sau:Giao diện người dùng thân thiện, nhằm đánh mạnh vào nhu cầu, tâm lý mua sắmcủa người dùng Việc người dùng sử dụng website của bạn thêm một giây là giatăng thêm tỷ lệ mua hàng của khách hàng

Hiển thị các danh sách các mặt hàng để khách hàng xem, lựa chọn và mua

Sau khi khách hàng đã lựa chọn xong và muốn đặt hàng, cần có giao diện đặt

hàng cho người dùng bao gồm các thông tin về hàng hóa đã chọn, số lượng, số tiền,tổng tiền đơn hàng, các thông tin cá nhân của khách hàng để phục vụ việc liên lạclại với khách hàng

Ngoài ra có thể phát triển một trang phản hồi khách hàng nhằm thu thập ý kiến,

câu hỏi của khách hàng, phục vụ việc phát triển, giải đáp các thắc mắc của kháchhàng

b.Phần thứ hai: Giao diện quản trị.

Người làm chủ ứng dụng được cấp tài khoản riêng để có thể kiểm soát toàn các

hoạt động của ứng dụng Về phần này cần có các chức năng chính:

Chức năng thêm, sửa, xóa các loại mặt hàng, nhà sản xuất, …

Tiếp nhận đơn hàng của khách hàng và sửa lý đơn hàng

Thống kê doanh thu

Một số chức năng nâng cao theo yêu cầu như tạo giao diện menu động, tùy

chỉnh theo ý người quản trị website, …

Giao diện quản trị nên làm đơn giản, tập chung vào các chức năng, đơn giản, dễ

sử dụng

1.6 Các giai đoạn triển khai dự án.

Giai đoạn 1:

Xây dựng 1 website đầy đủ các chức năng cơ bản, sử dụng cơ sở dữ liệu

SQL và xây dựng website theo mô hình 3 lớp kết hợp MVC 5 (Giới thiệu tại phầntiếp theo)

Giai đoạn 2:

Xây dựng 1 số tính năng mới để tăng trải nghiệm của người dùng với

website, qua đó hỗ trợ người dùng 1 cách tối ưu

Trong phần báo cáo thực tập tốt nghiệp, em phát triển giai đoạn 1 Tiến đồ án

tốt nghiệp sẽ phát triển giai đoạn 2

1.7 Vấn đề - Giải pháp

Khó khăn

- Kiến thức thực tế còn hạn chế

- Công nghệ biến đổi theo từng đơn vị thời gian nên cần có chiến lược

phát triền, thời gian và công sức tìm hiểu

- Triển khai bài toán theo hướng hoạt động cá nhân nên chưa có sự giao

lưu ý tưởng

Giải pháp:

- Tự tìm dành thời gian tìm hiểu những công nghệ mới, giao lưu, học hỏi

từ những người có kinh nghiệm trong ngành công nghệ thông tin và giáo

công nghệ web và được sử dụng để tạo cấu trúc và hiển thị nội dung trên trình duyệtweb HTML sử dụng các thẻ (tags) để đánh dấu các phần tử trong tài liệu web Mỗithẻ được bao quanh bởi cặp dấu "<" và ">" Các thẻ này được sử dụng để xác địnhkiểu định dạng và ý nghĩa của các phần tử trong trang web, chẳng hạn như tiêu đề,đoạn văn bản, hình ảnh, liên kết, bảng, biểu đồ, và nhiều hơn nữa 1.1.a Công dụngcủa HTML HTML có nhiều công dụng quan trọng trong việc xây dựng trang web vàứng dụng web Dưới đây là một số công dụng chính của HTML Xây dựng cấu trúctrang web: HTML cho phép bạn định nghĩa cấu trúc và tổ chức của trang web Bằngcách sử dụng các thẻ như <header>, <nav>, <section>, <article>, và <footer>, bạn cóthể phân chia trang web thành các phần khác nhau và xác định sự liên kết giữa chúng.Hiển thị nội dung: HTML cho phép bạn hiển thị văn bản, hình ảnh, video, âm thanh

và các phương tiện đa phương tiện khác trên trang web Bạn có thể sử dụng các thẻnhư <p>, <h1>, <img>, <video>, và <audio> để định dạng và hiển thị nội dung theo ýmuốn Tạo liên kết: HTML cho phép bạn tạo liên kết giữa các trang web Sử dụng thẻ

<a> và thuộc tính href, bạn có thể tạo các liên kết nội bộ (đến các trang khác trongcùng trang web) và liên kết bên ngoài (đến các trang web khác) Xây dựng biểu đồ vàbảng: HTML cung cấp các thẻ như <table> để tạo bảng và <canvas> để vẽ biểu đồ vàhình vẽ trên trang web Gắn kết và nhúng: HTML cho phép bạn nhúng nội dung từcác nguồn bên ngoài vào trang web của bạn

Ví dụ: bạn có thể nhúng video YouTube bằng cách sử dụng thẻ <iframe> hoặcnhúng nội dung từ các trang web khác Định dạng và kiểu dáng: HTML cung cấp cácthẻ và thuộc tính để định dạng và kiểu dáng trang web Bằng cách sử dụng CSS(Cascading Style Sheets) để áp dụng các quy tắc kiểu dáng, bạn có thể thay đổi màusắc, kích thước, phông chữ và hình dạng của các phần tử trong trang web HTML làmột ngôn ngữ cơ bản và cần được kết hợp với CSS và JavaScript để tạo ra nhữngtrang web động và tương tác

b Định Dạng của HTML Trong HTML, bạn có thể định dạng nội dung bằng cách sửdụng các thẻ và thuộc tính Dưới đây là một số cách thông dụng để định dạng HTML:Định dạng văn bản: <h1> đến <h6>: Được sử dụng để tạo các tiêu đề với cấp độ khácnhau <h1> là tiêu đề lớn nhất và <h6> là tiêu đề nhỏ nhất <p>: Được sử dụng để tạođoạn văn bản <strong> và <em>: Sử dụng để làm nổi bật văn bản <strong> tạo vănbản đậm, còn <em> tạo văn bản in nghiêng Định dạng danh sách: <ul>: Tạo danhsách không có thứ tự <ol>: Tạo danh sách có thứ tự <li>: Được sử dụng để tạo cácmục trong danh sách Định dạng hình ảnh: <img>: Sử dụng để chèn hình ảnh vàotrang web Bạn có thể sử dụng thuộc tính width và height để định kích thước hình ảnh.Định dạng liên kết: <a>: Được sử dụng để tạo liên kết đến các trang web khác Sửdụng thuộc tính href để chỉ định đường dẫn đến trang web Định dạng bảng: <table>:

Sử dụng để tạo bảng trên trang web Bạn có thể sử dụng các thẻ <tr> để tạo hàng,

<th> để tạo tiêu đề cột và <td> để tạo ô dữ liệu Định dạng khối: <div>: Được sửdụng để nhóm các phần tử lại với nhau để tạo thành một khối <span>: Sử dụng đểđịnh dạng một phần của văn bản trong một đoạn Ngoài ra, bạn cũng có thể sử dụngCSS để kiểu dáng và định dạng trang web HTML một cách linh hoạt hơn CSS chophép bạn thiết lập các thuộc tính như màu sắc, kích thước, phông chữ, đổ bóng và cáchiệu ứng khác cho các phần tử HTML

Giới thiệu Visual Studio Code

Visual Studio Code (VS Code) là một trình soạn thảo mã nguồn mở và miễn phí, pháttriển bởi Microsoft Nó được thiết kế để hỗ trợ việc phát triển ứng dụng web và ứngdụng đa nền tảng VS Code có sẵn trên Windows, macOS và Linux Dưới đây là một

số đặc điểm và tính năng chính của Visual Studio Code: Giao diện người dùng thânthiện: VS Code có giao diện sáng sủa, đơn giản và dễ sử dụng Nó cung cấp trảinghiệm tương tác mượt mà và thân thiện với người dùng Hỗ trợ nhiều ngôn ngữ lậptrình: VS Code hỗ trợ nhiều ngôn ngữ lập trình phổ biến, bao gồm HTML, CSS,JavaScript, TypeScript, Python, Java, C++, và nhiều ngôn ngữ khác Nó cung cấp cáctính năng như gợi ý cú pháp, kiểm tra lỗi cú pháp, và định dạng mã tự động Mở rộng

và cộng đồng phong phú: VS Code cho phép bạn mở rộng chức năng của nó thôngqua các extension Có hàng ngàn extension được cung cấp bởi cộng đồng lập trìnhviên, cho phép bạn tùy chỉnh và mở rộng trình soạn thảo theo nhu cầu của bạn Cácextension có thể hỗ trợ bạn 20

trong việc xử lý công việc như quản lý phiên bản, kiểm tra mã, tạo biểu đồ, và nhiềuhơn nữa Hỗ trợ tích hợp và gỡ lỗi: VS Code tích hợp với nhiều công cụ và dịch vụphát triển phổ biến như Git, Docker, npm, và IntelliSense Nó cung cấp tính năng gỡlỗi tích hợp cho các ngôn ngữ lập trình như JavaScript và Python, giúp bạn tìm vàkhắc phục lỗi trong mã nguồn Trình quản lý tác vụ: VS Code có một trình quản lý tác

vụ tích hợp (Task Runner) cho phép bạn thực thi các tác vụ tự động như biên dịch,kiểm tra và triển khai ứng dụng một cách dễ dàng Giao diện đa nền tảng: VS Code cóthể hoạt động trên Windows, macOS và Linux, cho phép bạn làm việc trên nhiều nềntảng mà không cần thay đổi công cụ Visual Studio Code đã trở thành một trình soạnthảo mã phổ biến trong cộng đồng lập trình viên và được đánh giá cao vì tính nhẹ, tốc

độ, tính mở rộng và khả năng tùy chỉnh của nó

Giới thiệu CSS

CSS (Cascading Style Sheets) là một ngôn ngữ đánh dấu được sử dụng để kiểu dáng

và định dạng trang web CSS cho phép bạn tạo ra các quy tắc kiểu dáng và áp dụngchúng cho các phần tử HTML trên trang web Dưới đây là một số khái niệm và cúpháp cơ bản trong CSS: Lựa chọn phần tử: CSS cho phép bạn chọn phần tử HTML

mà bạn muốn kiểu dáng Bạn có thể sử dụng các lựa chọn phần tử như tên thẻ (<p>,

<h1>, <div>), lớp (class), ID (id), và các thuộc tính khác để xác định phần tử Quy tắcCSS: Một quy tắc CSS bao gồm một lựa chọn phần tử và một tập hợp các thuộc tính

và giá trị Ví dụ: css Copy code p { color: blue; font-size: 16px; } Trong ví dụ trên,quy tắc CSS áp dụng cho tất cả các phần tử <p> và đặt màu chữ là màu xanh (color:blue) và cỡ chữ là 16px (font-size: 16px) Thuộc tính và giá trị: CSS cung cấp nhiềuthuộc tính và giá trị để kiểu dáng các phần tử Ví dụ: color: Đặt màu chữ cho phần tử.font-size: Đặt kích thước chữ cho phần tử background-color: Đặt màu nền cho phần

tử margin: Đặt khoảng cách viền xung quanh phần tử padding: Đặt khoảng cách giữanội dung và viền của phần tử border: Đặt kiểu, kích thước và màu sắc của viền phần

tử Lớp và ID: Bạn có thể sử dụng lớp (class) và ID (id) để chọn và kiểu dáng cácphần tử cụ thể trên trang web Lớp cho phép bạn nhóm các phần tử lại và áp dụngcùng một kiểu dáng cho chúng, trong khi ID định danh duy nhất cho một phần tử Kếthừa và ưu tiên: CSS có cơ chế kế thừa, nghĩa là các thuộc tính được áp dụng cho mộtphần tử cũng áp dụng cho các phần tử con bên trong nó, trừ khi được ghi đè CSScũng có quy tắc ưu tiên, nghĩa là nếu có21

nhiều quy tắc áp dụng cho cùng một phần tử, quy tắc có độ ưu tiên cao hơn sẽ được

áp dụng CSS cung cấp rất nhiều thuộc tính và khả năng để tùy chỉnh kiểu dáng củatrang web Nó cho phép bạn điều chỉnh màu sắc, kích thước, định dạng chữ, canh lề,

đổ bóng, hiệu ứng và nhiều hơn nữa Kết hợp với HTML, CSS giúp tạo ra giao diệnđẹp và hấp dẫn cho trang web của bạn Lựa chọn phần tử css cho phép bạn chọn phần

tử HTML mà bạn muốn kiểu dáng, bạn có t7heer sử dụng lựa chọn các thẻ (p, h1, div,class, id) , và các thuộc tính khác để xác định phần tử Quy tắc css bao gồm một lựachọn phần tử và một tập hợp các thuộc tính và giá trị VD: P { Color: blue; Font-size:16px; }

Giới thiệu JavaScrip

JavaScript là một ngôn ngữ lập trình thông dịch (interpreted) chủ yếu được sử dụngcho phía máy khách (client-side) trên các trình duyệt web Nó cung cấp khả năngtương tác động và thay đổi nội dung của trang web Dưới đây là một số đặc điểm vàkhái niệm cơ bản của JavaScript: Tính năng đa năng: JavaScript có thể thực hiệnnhiều tác vụ khác nhau trên trình duyệt web Nó có thể thay đổi nội dung HTML,kiểm soát CSS, tương tác với người dùng thông qua các sự kiện (events), gửi và nhận

dữ liệu từ máy chủ (server), và thực hiện các phép tính và xử lý dữ liệu Sự kiện và xử

lý sự kiện: JavaScript cho phép bạn xử lý các sự kiện như nhấp chuột, nhấn phím, dichuyển chuột và nhiều sự kiện khác trên trang web Bạn có thể gắn kết các hàm xử lý

sự kiện với các phần tử HTML để thực thi mã JavaScript khi các sự kiện xảy ra DOM(Document Object Model): JavaScript cho phép truy cập và tương tác với cấu trúcHTML của trang web thông qua DOM DOM cung cấp một biểu diễn cấu trúc câycủa các phần tử HTML, và bạn có thể sử dụng JavaScript để thay đổi nội dung, thuộctính, hoặc kiểu dáng của các phần tử Biến và kiểu dữ liệu: JavaScript sử dụng biến đểlưu trữ và làm việc với dữ liệu JavaScript có các kiểu dữ liệu như số (number), chuỗi(string), đối tượng (object), mảng (array), boolean (true/false), và null và undefined.Hàm: JavaScript cho phép bạn định nghĩa và sử dụng các hàm Hàm cho phép bạnnhóm các 22

đoạn mã lại và thực thi chúng khi cần thiết JavaScript cũng cung cấp một số hàm tíchhợp sẵn cho việc thực hiện các tác vụ như xử lý chuỗi, làm việc với mảng, và thao táctrên DOM AJAX và XMLHttpRequest: JavaScript hỗ trợ việc gửi yêu cầu và nhận

dữ liệu từ máy chủ mà không cần tải lại trang web AJAX (Asynchronous JavaScriptand XML) và đối tượng XMLHttpRequest cho phép tương tác với dữ liệu từ cácnguồn bên ngoài và cập nhật nội dung trang mà không làm

Giới thiệu Bootstrap

Bootstrap là một framework CSS phổ biến được sử dụng để xây dựng giao diện webtương thích với nhiều thiết bị và trình duyệt khác nhau Nó cung cấp một bộ các lớpCSS, mã JavaScript và các thành phần UI (User Interface) đã được thiết kế sẵn đểgiúp tạo ra các trang web đẹp và dễ sử dụng Dưới đây là một số đặc điểm và lợi íchchính của Bootstrap: Responsive Design: Bootstrap hỗ trợ thiết kế đáp ứng(responsive design), cho phép giao diện web tự động thích ứng và hiển thị tốt trên cácthiết bị khác nhau, từ máy tính để bàn đến điện thoại di động Các lớp và thành phầncủa Bootstrap được thiết kế để tự động điều chỉnh kích thước và bố trí theo kích thướcmàn hình Grid System: Bootstrap cung cấp một hệ thống lưới (grid system) linh hoạt

và dễ sử dụng Hệ thống lưới cho phép bạn xây dựng bố cục của trang web dễ dàng vàlinh hoạt, chia các phần tử thành các cột và hàng Điều này giúp bạn tạo ra các bố cụcđẹp mắt và cân đối trên các kích thước màn hình khác nhau Các thành phần UI sẵn có:Bootstrap cung cấp một loạt các thành phần UI đã được thiết kế sẵn như nút, biểu đồ,thanh điều hướng, biểu mẫu, hộp thoại và nhiều hơn nữa Các thành phần này giúpbạn nhanh chóng tạo ra giao diện web chuyên nghiệp mà không cần viết mã CSS và

JavaScript từ đầu Tương thích với nhiều trình duyệt: Bootstrap được xây dựng đểtương thích với hầu hết các trình duyệt web phổ biến như Chrome, Firefox, Safari, vàInternet Explorer Điều này đảm bảo rằng giao diện web của bạn sẽ hiển thị đúng trêncác trình duyệt khác nhau mà không cần điều chỉnh nhiều Dễ tùy chỉnh: Mặc dùBootstrap cung cấp một giao diện mặc định, nhưng nó cũng cho phép bạn tùy chỉnhgiao diện theo nhu cầu của bạn Bạn có thể thay đổi màu sắc, kích thước, kiểu dáng vàcác thành phần khác bằng cách ghi đè lên các lớp CSS hoặc sử dụng biến tùy chỉnh.Bootstrap là một công cụ mạnh mẽ giúp giảm thời gian và công sức trong việc xâydựng giao diện web Nó được sử dụng rộng 23

rãi trong cộng đồng phát triển web để tạo ra các trang web đáng tin cậy, dễ bảo trì vàhấp dẫn

Tổng quan về hệ quản trị cơ sở dữ liệu SQL Sever.

SQL Server (viết tắt của Microsoft SQL Server) là một hệ quản trị cơ sở dữ liệu quan

hệ (RDBMS) do Microsoft Corporation phát triển và quản lý Nó được thiết kế đểquản lý và lưu trữ cơ sở dữ liệu theo mô hình quan hệ, trong đó dữ liệu được tổ chứcthành các bảng có các cột và hàng tương ứng SQL Server hỗ trợ ngôn ngữ truy vấnSQL (Structured Query Language) để thực hiện các thao tác truy vấn dữ liệu nhưthêm, sửa, xóa và truy xuất dữ liệu

SQL Server cung cấp các tính năng mạnh mẽ và đa dạng như:

1Hỗ trợ cho các tính năng quan hệ như khóa chính và khóa ngoại để xác định mốiquan hệ giữa các bảng

2 Trình tối ưu hóa truy vấn để tăng hiệu suất và tối ưu hóa truy vấn dữ liệu

3 Các tính năng bảo mật để đảm bảo an toàn và bảo mật dữ liệu

4 Các công cụ sao lưu và phục hồi dữ liệu để bảo vệ dữ liệu khỏi mất mát

5 Hỗ trợ tích hợp với các công nghệ và dịch vụ khác của Microsoft

SQL Server được sử dụng rộng rãi trong các doanh nghiệp và tổ chức để quản lý dữliệu, xây dựng ứng dụng web và ứng dụng di động, thực hiện phân tích dữ liệu và hỗtrợ quyết định kinh doanh Nó là một trong những hệ quản trị cơ sở dữ liệu phổ biến

và được ưa chuộng trên thế giới

tổng quan về hệ quản trị cơ sở dữ liệu SQL Server:

 Kiến trúc: SQL Server sử dụng kiến trúc hai phần tử: SQL Server DatabaseEngine và SQL Server Management Studio (SSMS) SQL Server DatabaseEngine là nơi lưu trữ và quản lý cơ sở dữ liệu, trong khi SSMS là công cụ quản lý

cơ sở dữ liệu dễ sử dụng

 Ngôn ngữ truy vấn: SQL Server sử dụng ngôn ngữ truy vấn SQL (StructuredQuery Language) để tương tác và truy vấn cơ sở dữ liệu SQL cho phép ngườidùng thực hiện các thao tác truy vấn như SELECT, INSERT, UPDATE vàDELETE

 Hỗ trợ quan hệ: SQL Server hỗ trợ cơ sở dữ liệu quan hệ, cho phép người dùngxác định các mối quan hệ giữa các bảng thông qua các khóa chính và khóa ngoại

 Bảo mật: SQL Server cung cấp các tính năng bảo mật mạnh mẽ để bảo vệ cơ sở

dữ liệu khỏi các cuộc tấn công và truy cập trái phép Người quản trị có thể xácđịnh quyền truy cập cho từng người dùng hoặc nhóm người dùng

 Tối ưu hóa truy vấn: SQL Server sử dụng trình tối ưu hóa truy vấn để tối ưu hóahiệu suất truy vấn Trình tối ưu hóa này sẽ phân tích cấu trúc của truy vấn và tìmcách thực hiện truy vấn một cách hiệu quả nhất

 Sao lưu và khôi phục: SQL Server cung cấp các công cụ sao lưu và khôi phục dữliệu để đảm bảo an toàn cho dữ liệu trong trường hợp xảy ra sự cố

 Tích hợp: SQL Server tích hợp với các công nghệ khác của Microsoft như NETFramework, Azure và công nghệ Business Intelligence (BI)

 Dễ sử dụng: SQL Server cung cấp giao diện người dùng thân thiện và dễ sử dụnggiúp người dùng quản lý và truy vấn cơ sở dữ liệu một cách thuận tiện

 Hỗ trợ quy mô lớn: SQL Server có khả năng mở rộng và hỗ trợ quản lý các cơ sở

dữ liệu quy mô lớn với lượng dữ liệu lớn và các yêu cầu về hiệu suất cao

 Hỗ trợ cộng tác: SQL Server hỗ trợ nhiều người dùng truy cập và làm việc trêncùng một cơ sở dữ liệu cùng một lúc