Đồ Án Môn Học Lập Trình Web: Xây Dựng Website Bán Đồ Ăn

Khám phá đồ án lập trình web với đề tài xây dựng website bán đồ ăn, hướng dẫn chi tiết và ứng dụng thực tiễn trong ngành công nghệ.

• Trường học: Trường Đại Học Nguyễn Tất Thành
• Đề tài: Xây Dựng Website Bán Đồ Ăn: Đồ Án Lập Trình Web Tại Trường Đại Học Nguyễn Tất Thành
• Loại tài liệu: Đồ án

Mục lục chi tiết

• LỜI MỞ ĐẦU
• LỜI CẢM ƠN
• 1. CHƯƠNG I: CƠ SỞ LÝ THUYẾT
• 2. CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG THÔNG TIN WEBSITE BÁN THỨC ĂN NHANH
• 3. CHƯƠNG III: THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN THỨC ĂN NHANH
• 4. CHƯƠNG IV: THỰC NGHIỆM VÀ TRIỂN KHAI
• 5. CHƯƠNG V: KẾT LUẬN

Tóm tắt

I. Tổng quan đồ án xây dựng website bán đồ ăn cho sinh viên

Việc xây dựng website bán đồ ăn đã trở thành một đề tài phổ biến trong các đồ án tốt nghiệp CNTT tại nhiều trường đại học, bao gồm Trường Đại học Nguyễn Tất Thành. Bối cảnh phát triển mạnh mẽ của công nghệ thông tin và thương mại điện tử, đặc biệt sau giai đoạn đại dịch Covid, đã thúc đẩy nhu cầu mua sắm trực tuyến tăng vọt. Đồ án này không chỉ là một bài tập kỹ thuật mà còn là một sản phẩm mô phỏng thực tế, giúp sinh viên khoa CNTT Nguyễn Tất Thành áp dụng kiến thức đã học vào việc giải quyết một bài toán kinh doanh cụ thể. Mục tiêu chính là tạo ra một website đặt đồ ăn online hoàn chỉnh, từ giao diện người dùng đến hệ thống quản trị, đáp ứng các nhu cầu cơ bản của một cửa hàng thức ăn nhanh. Quá trình thực hiện đòi hỏi sinh viên phải nắm vững từ khâu phân tích thiết kế hệ thống website đến lập trình và triển khai. Tài liệu gốc của sinh viên Nguyễn Đăng Hiếu và Huỳnh Quốc Hoài dưới sự hướng dẫn của giảng viên Bùi Duy Tân là một ví dụ điển hình. Đồ án tập trung vào việc tạo ra một trang web thân thiện, dễ sử dụng, cho phép khách hàng xem thực đơn, đặt món, và quản lý giỏ hàng một cách tiện lợi. Đồng thời, hệ thống cũng cung cấp một admin panel cho web bán hàng để quản lý sản phẩm, đơn hàng và khách hàng. Đây là một bước đệm quan trọng, giúp sinh viên làm quen với quy trình phát triển một dự án phần mềm thực thụ trước khi bước vào môi trường làm việc chuyên nghiệp.

1.1. Phân tích bối cảnh và lý do chọn đề tài website bán hàng

Sự phát triển của Internet đã biến nó thành một công cụ không thể thiếu trong đời sống, đặc biệt là trong lĩnh vực kinh doanh. Môi trường mạng là một 'mảnh đất màu mỡ' cho các doanh nghiệp quảng bá sản phẩm và tăng doanh thu. Đồ án xây dựng website bán đồ ăn ra đời từ nhận thức về xu hướng này. Tài liệu gốc nhấn mạnh: 'Với mục tiêu tìm hiểu cấu trúc, cách thức hoạt động và khái quát hóa về thương mại điện tử trên mạng Internet ở Việt Nam, em đã xây dựng và đưa vào thử nghiệm thực tế một website bán thức ăn nhanh'. Đặc biệt, bối cảnh đại dịch Covid đã thay đổi thói quen tiêu dùng, khiến việc mua sắm online trở nên cần thiết hơn bao giờ hết. Một website đặt đồ ăn online không chỉ mang lại sự tiện lợi, an toàn mà còn giúp các cửa hàng duy trì hoạt động kinh doanh. Việc lựa chọn đề tài này giúp sinh viên giải quyết một bài toán thực tiễn, có tính ứng dụng cao.

1.2. Xác định mục tiêu và phương pháp nghiên cứu của đồ án

Mục tiêu cốt lõi của đồ án là xây dựng một trang web bán hàng hoàn chỉnh, giúp sinh viên hiểu sâu sắc về cấu trúc full-stack và sự tương tác giữa front-end và back-end. Các mục tiêu cụ thể được đặt ra bao gồm: nghiên cứu các công nghệ phát triển web hiện đại, và tối ưu hóa quy trình bán hàng cũng như quản lý. Để đạt được điều này, phương pháp nghiên cứu được áp dụng một cách có hệ thống. Sinh viên phải tìm hiểu tài liệu về HTML/CSS/JS, ngôn ngữ lập trình back-end như C#, và hệ quản trị cơ sở dữ liệu website bán đồ ăn. Quá trình này bao gồm việc phân tích tương tác người dùng, thiết kế giao diện thu hút, và xây dựng các chức năng logic. Đây là nền tảng để hoàn thành một báo cáo đồ án website chất lượng và có giá trị thực tiễn.

II. Phân tích yêu cầu khi lập trình website bán đồ ăn online

Quá trình phân tích thiết kế hệ thống website là giai đoạn nền tảng, quyết định sự thành công của toàn bộ dự án. Đối với một trang website đặt đồ ăn online, việc xác định rõ ràng các chức năng cho cả người dùng và quản trị viên là vô cùng quan trọng. Hệ thống được mô tả trong đồ án 'Kiwi’s fast food' là một cửa hàng bán thức ăn nhanh với các sản phẩm như pizza, gà rán, mì Ý. Về phía người dùng, các chức năng cơ bản phải có bao gồm: xem danh sách sản phẩm, xem chi tiết món ăn, lọc sản phẩm theo danh mục, thêm sản phẩm vào chức năng giỏ hàng, và thực hiện đặt hàng trực tuyến. Về phía quản trị viên, hệ thống cần cung cấp các công cụ để quản lý đơn hàng online, quản lý thông tin khách hàng, và quản lý danh mục món ăn. Để trực quan hóa các yêu cầu này, việc sử dụng Sơ đồ Usecase là cần thiết. Tài liệu gốc đã trình bày chi tiết các Usecase như: Usecase Tổng quát, Usecase Truy cập website, Usecase Đặt món, và các Usecase quản lý. Việc phân tích kỹ lưỡng này giúp đội ngũ phát triển có cái nhìn tổng thể về luồng hoạt động của hệ thống, từ đó làm cơ sở cho việc thiết kế cơ sở dữ liệu và xây dựng các module chức năng một cách chính xác và hiệu quả.

2.1. Mô tả hệ thống và các chức năng website bán hàng cốt lõi

Hệ thống 'Kiwi’s fast food' được định vị là một cửa hàng thức ăn nhanh trực tuyến. Chức năng được phân chia rõ ràng cho hai đối tượng chính. Đối với người quản trị (admin), các chức năng trọng tâm là đăng nhập hệ thống, quản lý thông tin khách hàng, và theo dõi, xử lý đơn đặt hàng. Đối với người dùng (khách hàng), hệ thống cung cấp trải nghiệm mua sắm hoàn chỉnh: từ việc tham quan, xem thực đơn, lọc món ăn, thêm vào giỏ hàng, đến đăng ký tài khoản và hoàn tất đơn hàng. Các chức năng này đảm bảo một quy trình mua bán mượt mà, đáp ứng kỳ vọng cơ bản của người dùng khi tương tác với một trang thương mại điện tử.

2.2. Xây dựng sơ đồ Usecase để mô hình hóa tương tác người dùng

Sơ đồ Usecase là công cụ mạnh mẽ để mô tả sự tương tác giữa người dùng (actor) và hệ thống. Trong đồ án này, các sơ đồ được xây dựng chi tiết cho từng luồng nghiệp vụ. Ví dụ, 'Usecase Đặt món' (Hình 8) mô tả các bước từ chọn món, thêm vào giỏ hàng, đến đăng nhập và xác nhận đơn hàng. Tương tự, 'Usecase Quản lý đơn hàng' (Hình 9) cho thấy cách quản trị viên xem, xác nhận và cập nhật trạng thái đơn hàng. Việc mô hình hóa này không chỉ giúp làm rõ yêu cầu mà còn là tài liệu quan trọng cho các lập trình viên trong quá trình hiện thực hóa các chức năng của website bán đồ ăn.

III. Hướng dẫn thiết kế cơ sở dữ liệu website bán đồ ăn

Thiết kế cơ sở dữ liệu website bán đồ ăn là bước kỹ thuật quan trọng sau khi đã phân tích yêu cầu. Một cấu trúc dữ liệu tốt sẽ đảm bảo tính toàn vẹn, hiệu quả và khả năng mở rộng của hệ thống. Dựa trên các Usecase, đồ án đã xác định các lớp (Class) chính bao gồm: KhachHang, MonAn, Loai, DonDatHang, ChiTietDatHang và Admin. Mỗi lớp được định nghĩa với các thuộc tính và phương thức cần thiết. Ví dụ, lớp MonAn chứa các thông tin như MaMon, TenMon, GiaBan, NoiDung, AnhDD, và MaLoai để liên kết với bảng loại món ăn. Từ sơ đồ lớp, nhóm tác giả đã xây dựng Lược đồ Cơ sở dữ liệu quan hệ (Hình 13), thể hiện rõ các bảng và mối quan hệ khóa chính - khóa ngoại giữa chúng. Các bảng chính trong CSDL bao gồm: KhachHang, Loai, MonAn, DonDatHang, ChiTietDatHang. Mối quan hệ giữa DonDatHang và ChiTietDatHang (quan hệ một - nhiều) là trọng tâm của hệ thống quản lý đơn hàng online, cho phép lưu trữ thông tin chi tiết của từng món ăn trong một đơn hàng. Việc sử dụng Microsoft SQL Server làm hệ quản trị CSDL và viết các câu lệnh truy vấn SQL (CREATE TABLE, INSERT INTO) để khởi tạo cấu trúc và dữ liệu mẫu là bước cuối cùng trong giai đoạn này, chuẩn bị nền tảng vững chắc cho việc lập trình web.

3.1. Thiết kế Sơ đồ Class cho hệ thống website bán thức ăn

Sơ đồ Class (Hình 12) là bản thiết kế chi tiết cho các đối tượng trong hệ thống. Nó xác định các thực thể chính như Khách hàng, Món ăn, Đơn đặt hàng. Mỗi thực thể được biểu diễn dưới dạng một lớp với các thuộc tính (ví dụ: KhachHang có MaKH, HoTen, TaiKhoan) và các phương thức (operations). Sơ đồ này giúp chuẩn hóa cấu trúc dữ liệu, đảm bảo các đối tượng được định nghĩa một cách nhất quán trước khi chuyển sang thiết kế vật lý trên CSDL. Đây là một bước không thể thiếu trong quy trình phân tích thiết kế hệ thống website chuyên nghiệp.

3.2. Triển khai Lược đồ CSDL quan hệ và các câu lệnh SQL

Từ Sơ đồ Class, Lược đồ CSDL quan hệ (Hình 13) được hình thành. Nó trực quan hóa các bảng dữ liệu và mối liên kết giữa chúng thông qua các khóa. Ví dụ, bảng ChiTietDatHang chứa khóa ngoại MaDonHang và MaMon, liên kết lần lượt đến bảng DonDatHang và MonAn. Sau khi có lược đồ, các câu lệnh SQL được viết để tạo bảng (CREATE TABLE) và chèn dữ liệu ban đầu (INSERT INTO). Giai đoạn này chuyển hóa bản thiết kế logic thành một cơ sở dữ liệu vật lý, sẵn sàng cho việc kết nối và thao tác từ ứng dụng web, cung cấp nền tảng vững chắc cho việc phát triển source code website bán đồ ăn.

IV. Phương pháp xây dựng website bán đồ ăn với ASP

Việc lựa chọn công nghệ phù hợp là yếu tố then chốt trong việc xây dựng website bán đồ ăn. Đồ án này đã sử dụng nền tảng ASP.NET của Microsoft, cụ thể là mô hình MVC (Model-View-Controller) để phát triển. Đây là một lựa chọn phổ biến cho các đồ án lập trình web nhờ cấu trúc rõ ràng, dễ bảo trì và mở rộng. Mô hình MVC giúp tách biệt phần xử lý logic (Controller), dữ liệu (Model), và giao diện người dùng (View). Trong dự án, Model được tạo bằng LINQ to SQL, cho phép truy xuất dữ liệu từ SQL Server một cách trực quan. Controller chịu trách nhiệm xử lý các yêu cầu từ người dùng, chẳng hạn như hiển thị danh sách món ăn, thêm sản phẩm vào giỏ hàng, hay xử lý đăng nhập. View có nhiệm vụ hiển thị dữ liệu cho người dùng, được xây dựng bằng cú pháp Razor kết hợp HTML/CSS. Một số chức năng tiêu biểu được triển khai bao gồm: hiển thị món ăn mới nhất, lọc món ăn theo danh mục, phân trang, và quản lý chức năng giỏ hàng bằng Session. Việc triển khai các chức năng như đăng ký, đăng nhập, đặt hàng đều tuân thủ chặt chẽ theo mô hình MVC, tạo ra một code web bán đồ ăn cho sinh viên có cấu trúc tốt và dễ hiểu.

4.1. Hiện thực hóa các chức năng cho người dùng và giỏ hàng

Các chức năng phía người dùng được xây dựng tỉ mỉ. Phương thức ThemGioHang trong Controller sử dụng Session để lưu trữ thông tin giỏ hàng tạm thời. Mỗi khi người dùng thêm một món ăn, hệ thống sẽ kiểm tra xem món đó đã có trong giỏ chưa, nếu có thì tăng số lượng, nếu chưa thì tạo mới. Lớp GioHang trong Model được tạo ra để định nghĩa cấu trúc của một sản phẩm trong giỏ, bao gồm các thuộc tính như iMaMon, sTenMon, dGiaBan, iSoLuong và phương thức tính thành tiền dThanhTien. Các chức năng như tính tổng tiền, tổng số lượng, xóa sản phẩm khỏi giỏ hàng cũng được xây dựng hoàn chỉnh, đảm bảo trải nghiệm mua sắm mượt mà.

4.2. Xây dựng trang quản trị và các tính năng CRUD cho admin

Trang admin panel cho web bán hàng là nơi quản trị viên thực hiện các thao tác quản lý. Các chức năng cơ bản như Thêm (Create), Đọc (Read), Cập nhật (Update), Xóa (Delete) - gọi tắt là CRUD - được xây dựng cho các đối tượng Món ăn, Loại món, và Khách hàng. Ví dụ, chức năng 'Thêm món ăn' cho phép admin nhập thông tin, tải lên hình ảnh đại diện và lưu vào cơ sở dữ liệu. Chức năng đăng nhập quản trị được bảo mật bằng cách kiểm tra tài khoản trong bảng Admin và lưu thông tin đăng nhập vào Session TaiKhoanAdmin. Giao diện trang quản trị được thiết kế đơn giản, tập trung vào hiệu quả công việc.

V. Thực nghiệm và triển khai đồ án website bán đồ ăn online

Giai đoạn thực nghiệm và triển khai là bước kiểm chứng cuối cùng cho toàn bộ quá trình xây dựng website bán đồ ăn. Ở giai đoạn này, các chức năng đã được lập trình sẽ được kiểm tra theo các kịch bản sử dụng thực tế. Đồ án đã demo chi tiết luồng hoạt động của cả người dùng và người quản trị. Đối với người dùng, kịch bản bắt đầu từ việc truy cập trang chủ, chọn món ăn yêu thích như 'Pizza hải sản', thêm vào giỏ hàng, tiến hành đăng nhập/đăng ký tài khoản, và cuối cùng là xác nhận thông tin giao hàng để hoàn tất đơn hàng. Mỗi bước đều được minh họa bằng hình ảnh chụp màn hình (Hình 37 đến Hình 44), cho thấy giao diện website nhà hàng hoạt động đúng như thiết kế. Về phía người quản trị, sau khi khách hàng đặt hàng thành công, đơn hàng mới sẽ ngay lập tức xuất hiện trong trang quản lý đơn hàng online. Quản trị viên có thể xem chi tiết đơn hàng, cập nhật trạng thái đã thanh toán hoặc đã giao hàng. Quá trình thực nghiệm này khẳng định rằng source code website bán đồ ăn đã đáp ứng được các yêu cầu đặt ra, các chức năng hoạt động ổn định và dữ liệu được lưu trữ chính xác vào cơ sở dữ liệu.

5.1. Demo luồng chức năng phía người dùng Từ chọn món đến đặt hàng

Luồng chức năng của người dùng được mô phỏng một cách tuần tự. Khách hàng bắt đầu bằng việc chọn một món ăn, ví dụ 'Pizza hải sản nhiệt đới xốt tiêu', và thêm vào giỏ. Giao diện giỏ hàng cho phép cập nhật số lượng và tự động tính lại tổng tiền. Khi nhấn thanh toán, hệ thống yêu cầu đăng nhập. Sau khi đăng nhập thành công, thông tin giao hàng và hóa đơn được hiển thị để xác nhận. Cuối cùng, một thông báo 'Đặt hàng thành công' xuất hiện, đồng thời giỏ hàng được xóa để chuẩn bị cho lần mua sắm tiếp theo. Quy trình này mô phỏng chính xác hành vi mua sắm trên các trang website đặt đồ ăn online hiện nay.

5.2. Demo chức năng quản trị Theo dõi và xử lý đơn hàng mới

Ngay sau khi người dùng đặt hàng, hệ thống quản trị sẽ ghi nhận một đơn hàng mới. Trong phần demo (Hình 45), đơn hàng của khách hàng 'Huỳnh Anh Thư' đã được lưu lại. Quản trị viên có thể nhấp vào để xem chi tiết, bao gồm các món ăn đã đặt, tổng tiền, và thông tin người nhận. Từ đây, họ có thể cập nhật trạng thái giao hàng và thanh toán. Chức năng quản lý khách hàng (Hình 47) cũng cho phép xem danh sách tất cả các tài khoản đã đăng ký. Các thao tác này cho thấy admin panel cho web bán hàng hoạt động hiệu quả, giúp việc vận hành cửa hàng trở nên dễ dàng hơn.

VI. Kết luận và hướng phát triển cho đồ án website bán hàng

Đồ án xây dựng website bán đồ ăn của sinh viên Trường Đại học Nguyễn Tất Thành đã đạt được những mục tiêu cơ bản đề ra. Sản phẩm cuối cùng là một website bán hàng online hoàn chỉnh với các tính năng thiết yếu cho cả người dùng và quản trị viên. Thông qua dự án này, sinh viên đã củng cố được kiến thức về quy trình phát triển phần mềm, từ phân tích, thiết kế, lập trình đến kiểm thử. Đây là một đồ án tốt nghiệp CNTT có tính thực tiễn cao, giúp sinh viên hiểu rõ mối liên kết giữa front-end và back-end trong kiến trúc ASP.NET MVC. Tuy nhiên, đồ án vẫn còn một số hạn chế nhất định do giới hạn về thời gian và kinh nghiệm. Các chức năng nâng cao như tích hợp thanh toán trực tuyến qua cổng thanh toán, tìm kiếm sản phẩm nâng cao, hay hệ thống đánh giá, bình luận sản phẩm vẫn chưa được triển khai. Hướng phát triển trong tương lai có thể tập trung vào việc hoàn thiện các chức năng này, nâng cấp giao diện người dùng (UI/UX) để thân thiện hơn, và tối ưu hóa hiệu năng cũng như bảo mật cho hệ thống. Việc cung cấp source code website bán đồ ăn này cũng là một tài liệu tham khảo hữu ích cho các sinh viên khoa CNTT khóa sau.

6.1. Đánh giá ưu điểm và hạn chế của đồ án lập trình web

Ưu điểm lớn nhất của đồ án là đã hoàn thành một website hoạt động được với đầy đủ các chức năng cơ bản. Sinh viên đã thể hiện sự hiểu biết về mô hình MVC và cách kết nối ứng dụng với cơ sở dữ liệu. Tuy nhiên, hạn chế của dự án là ứng dụng còn một số thiếu sót, kiến thức kỹ thuật chưa sâu, và một số tính năng quan trọng của một trang thương mại điện tử hiện đại vẫn còn thiếu. Đây là những điểm cần cải thiện trong các dự án tương lai.

6.2. Đề xuất hướng phát triển và nâng cấp cho website trong tương lai

Để hệ thống trở nên hoàn thiện hơn, có nhiều hướng phát triển tiềm năng. Trước hết, cần tích hợp cổng thanh toán trực tuyến (ví dụ: MoMo, VNPAY) để đa dạng hóa phương thức thanh toán. Tiếp theo, có thể phát triển thêm các tính năng như gợi ý sản phẩm dựa trên lịch sử mua hàng, chương trình khuyến mãi, và hệ thống phân quyền chi tiết hơn cho người quản trị. Ngoài ra, việc tối ưu hóa website cho các công cụ tìm kiếm (SEO) và đảm bảo tính tương thích trên thiết bị di động (Responsive Design) cũng là những nâng cấp cần thiết để nâng cao khả năng cạnh tranh của website.

Trích đoạn nội dung tài liệu

CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1. Lý do chọn đề tài Vào những năm gần đây, việc ứng dụng CNTT về quản lý web ngày càng phát triển mạnh mẽ, giúp cho các cửa hàng kiếm được lợi nhuận nhiều hơn nhờ vào các trang website bán hàng trực tuyến. Hiểu được yêu cầu đó, em quyết định chọn đề tài “Xây dựng website bán thức ăn nhanh” làm mục tiêu chính cho đồ án lần này, với mong muốn kinh doanh các món ăn nhanh như gà rán, pizza, xúc xích xông khói, mì Ý và nước ngọt v. Ngoài ra, với giao diện website thân thiện cùng với tông màu đơn giản sẽ tạo thiện cảm cho khách hàng, giúp khách hàng đặt món tại nhà mà không cần tốn nhiều thời gian ra cửa hàng.

Đó là sự tiện lợi mà mọi khách hàng nào cũng muốn! 1. Mục tiêu nghiên cứu  Xây dựng được một trang web bán hàng hoàn chỉnh.  Hiểu được cấu trúc full-stack, sự tương tác giữa front-end và back-end.  Nghiên cứu các công nghệ phát triển Website.

 Giải quyết tối ưu hóa quá trình QL bán hàng và bán hàng. Phương pháp nghiên cứu  Tìm hiểu, đọc thêm tài liệu cụ thể về front-end và back-end.  Trang bị kiến thức cơ bản về HTML/CSS/JS và ngôn ngữ lập trình C#.  Phân tích, hiểu rõ quá trình tương tác giữa người dùng và hệ thống website.

 Nghiên cứu về giao diện tiện lợi, dễ sử dụng, thu hút khách hàng. Tìm hiểu về Full-stack Full-stack là sự tổng hợp từ kiến thức, sự hiểu biết trực quan và sâu sắc về cả front- end và back-end, cũng như nắm vững các khái niệm. Một Full-stack Web Developer là người có thể làm việc trên cả front-end và back-end của một ứng dụng. Front-end nói chung là phần mà người dùng có thể thấy được và tương tác được, còn back-end là phần ứng dụng xử lý logic, tương tác cơ sở dữ liệu, chứng thực người dùng, cấu hình máy chủ, v.v… Để có thể lập trình full-stack thì cần có các kỹ năng như sau: 2.

Html/Css/JavaScript - HTML hay còn được gọi là HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ được sử dụng cho các tài liệu web. HTML không phải là một ngôn SV thực hiện: SV1 – SV2 7 ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB ngữ lập trình, HTML giống như một ngôn ngữ xác định đâu là ý nghĩa, mục đích và cấu trúc của một tài liệu. Cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho các website. Chức năng chính của HTML là xây dựng cấu trúc siêu văn bản trên một website, hoặc khai báo các tập tin kỹ thuật số (media) như hình ảnh, video, nhạc.

HTML thường được dùng để phân chia các đoạn văn, heading, links, blockquotes,… Với HTML, chúng ta có thể:  Thêm tiêu đề, định dạng đoạn văn, ngắt dòng điều khiển.  Tạo danh sách, nhấn mạnh văn bản, tạo ký tự đặc biệt, chèn hình ảnh, tạo liên kết.  Xây dựng bảng, điều khiển một số kiểu mẫu - CSS là viết tắt của cụm từ “Cascading Style Sheets”, tạm dịch: ngôn ngữ tạo phong cách cho trang web. Ngôn ngữ lập trình này quy định cách các thành phần HTML của trang web thực sự sẽ xuất hiện trên front-end như thế nào.

Hiểu đơn giản, CSS sẽ giúp webmaster xác định styles và định nghĩa nhiều loại nội dung của website. CSS được tạo ra để kết hợp với ngôn ngữ markup HTML để tạo phong cách cho trang web. Có 3 loại style CSS chính:  Style CSS Internal: là style được tải lên mỗi khi trang web được refresh.  Style CSS Inline: có thể chỉnh sửa một yếu tố nào đó mà không cần truy cập trực tiếp vào file CSS.

 External style: có thể tạo phong cách ở file khác áp dụng CSS vào trang tùy thích. External style sẽ cải thiện thời gian tải trang rất nhiều. - JavaScript hay còn gọi là “JS” là một ngôn ngữ lập trình được Brendan Eich (đồng sáng lập dự án Mozilla, quỹ Mozilla và tập đoàn Mozilla) cho ra mắt vào năm 1995 với tên LiveScript. JS có tác dụng giúp chuyển website từ trạng thái tĩnh sang động, tạo tương tác để cải thiện hiệu suất máy chủ và nâng cao trải nghiệm người dùng.

Hiểu đơn giản, JavaScript là ngôn ngữ được sử dụng rộng rãi khi kết hợp với HTML/CSS để thiết kế web động. Sử dụng JavaScript, chúng ta sẽ:  Dễ dàng bắt đầu với các bước nhỏ, với thư viện ảnh, bố cục có tính thay đổi … nhờ sự linh hoạt của JavaScript.  Có thể tạo ra các trò chơi, hoạt họa 2D hoặc 3D, ứng dụng cơ sở dữ liệu toàn diện,…  Tăng cường các hành vi và kiểm soát mặc định của trình duyệt. - Một số front-end framework nổi tiếng: React.

SV thực hiện: SV1 – SV2 8 ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB Hình 1 3 thành phần cơ bản để thiết kế front-end 2. Back-end Language (C#) - C# (hay C sharp) là một ngôn ngữ lập trình đơn giản, được phát triển bởi đội ngũ kỹ sư của Microsoft vào năm 2000. C# là ngôn ngữ lập trình hiện đại, hướng đối tượng và được xây dựng trên nền tảng của hai ngôn ngữ mạnh nhất là C++ và Java. - Trong các ứng dụng Windows truyền thống, mã nguồn chương trình được biên dịch trực tiếp thành mã thực thi của hệ điều hành.

- Trong các ứng dụng sử dụng .NET Framework, mã nguồn chương trình (C#, VB.NET) được biên dịch thành mã ngôn ngữ trung gian MSIL (Microsoft intermediate language). Sau đó mã này được biên dịch bởi Common Language Runtime (CLR) để trở thành mã thực thi của hệ điều hành. Hình bên dưới thể hiện quá trình chuyển đổi MSIL code thành native code. SV thực hiện: SV1 – SV2 9 ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB Hình 2 Quá trình chuyển đổi MSIL code thành native code (C#) C# với sự hỗ trợ mạnh mẽ của .NET Framework giúp cho việc tạo một ứng dụng Windows Forms hay WPF (Windows Presentation Foundation), phát triển game, ứng dụng Web, ứng dụng Mobile trở nên rất dễ dàng.

 Đặc trưng của ngôn ngữ C#:  C# là ngôn ngữ đơn giản: - C# loại bỏ một vài sự phức tạp và rối rắm của những ngôn ngữ như Java và c+ +, bao gồm việc loại bỏ những macro, những template, đa kế thừa, và lớp cơ sở ảo (virtual base class). - Ngôn ngữ C# đơn giản vì nó dựa trên nền tảng C và C++. Nếu chúng ta thân thiện với C và C++ hoặc thậm chí là Java, chúng ta sẽ thấy C# khá giống về diện mạo, cú pháp, biểu thức, toán tử và những chức năng khác được lấy trực tiếp từ ngôn ngữ C và C++, nhưng nó đã được cải tiến để làm cho ngôn ngữ đơn giản hơn.  C# là ngôn ngữ hiện đại: - C# có thể xử lý ngoại lệ, thu gom bộ nhớ tự động, những kiểu dữ liệu mở rộng và bảo mật mã nguồn.

 C# là một ngôn ngữ lập trình thuần hướng đối tượng: - Lập trình hướng đối tượng (OOP: Object-oriented programming) là một phương pháp lập trình có 4 tính chất. Đó là tính trừu tượng (abstraction), tính đóng gói (encapsulation), tính đa hình (polymorphism) và tính kế thừa (inheritance). C# hỗ trợ cho chúng ta tất cả những đặc tính trên.  C# là một ngôn ngữ ít từ khóa: - C# là ngôn ngữ sử dụng giới hạn những từ khóa.

Phần lớn các từ khóa được sử dụng để mô tả thông tin. Chúng ta có thể nghĩ rằng một ngôn ngữ có nhiều từ SV thực hiện: SV1 – SV2 10 ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB khóa thì sẽ mạnh hơn. Điều này không phải sự thật, ít nhất là trong trường hợp ngôn ngữ C#, chúng ta có thể tìm thấy rằng ngôn ngữ này có thể được sử dụng để làm bất cứ nhiệm vụ nào.NET Framework được Microsoft đưa ra chính thức từ năm 2002.NET Framework chỉ hoạt động trên Windows. Những nền tảng ứng dụng như WPF, Winforms, ASP.NET(1-4) hoạt động dựa trên.

 Mono là phiên bản cộng đồng nhằm mang .NET đến những nền tảng ngoài Windows. Mono được phát triển chủ yếu nhằm xây dựng những ứng dụng với giao diện người dùng và được sử dụng rất rộng rãi: Unity Game, Xamarin…  Cho đến năm 2013, Microsoft định hướng đi đa nền tảng và phát triển .NET core hiện được sử dụng trong các ứng dụng Universal Windows platform và ASP. Từ đây, C# có thể được sử dụng để phát triển các loại ứng dụng đa nền tảng trên các hệ điều hành khác nhau (Windows, Linux, MacOS,…) Hình 3 Microsoft. Database (Microsoft SQL Server)  SQL:  SQL là ngôn ngữ phi thủ tục, không yêu cầu cách thức truy cập cơ sở dữ liệu như thế nào.

Tất cả các thông báo của SQL rất dễ dàng sử dụng và ít mắc lỗi.  SQL cung cấp các tập lệnh phong phú cho các công việc hỏi đáp dữ liệu như: - Chèn, xóa và cập nhật các hàng trong 1 quan hệ - Tạp, thêm, xóa và sửa đổi các đối tượng trong của cơ sở dữ liệu. - Điều khiển việc truy cấp tới cơ sở dữ liệu và các đối tượng của cơ sở dữ liệu để đảm bảo tính bảo mật, tính nhất quán và sự ràng buộc của cơ sở dữ liệu.  Đối tượng của SQL Server là các bảng dữ liệu với các cột và các hàng.

Cột được gọi là trường dữ liệu và hàng là bản ghi của bảng. Cột dữ liệu và kiểu dữ liệu xác định tạo SV thực hiện: SV1 – SV2 11 ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB nên cấu trúc của bảng. Khi bảng được tổ chức thành một hệ thống cho một mục đích sử dụng cụ thể vào công việc nào đó sẽ trở thành một cơ sở dữ liệu.  Microsoft SQL Server: - SQL server hay còn được gọi là Microsoft SQL Server, nó từ viết tắt của MS SQL Server.

Đây chính là một loại phần mềm đã được phát triển bởi Microsoft và nó được sử dụng để có thể dễ dàng lưu trữ cho những dữ liệu dựa theo tiêu chuẩn RDBMS. Từ đó, người ta sẽ lưu trữ dữ liệu dựa vào tiêu chuẩn RDBMS và nó cũng là một trong những hệ quản trị cơ sở dữ liệu dạng quan hệ đối tượng. - SQL Server có khả năng cung cấp đầy đủ các công cụ cho việc quản lý từ giao diện GUI đến sử dụng ngôn ngữ cho việc truy vấn SQL. Điểm mạnh của SQL điểm mạnh của nó là có nhiều nền tảng được kết hợp cùng như: ASP.NET, C# để xây dựng Winform cũng chính nó có khả năng hoạt động độc lập.  Mục đích khi sử dụng SQL Server: SQL Server thông thường được sử dụng cho mục đích lưu trữ dữ liệu.