Đồ án: chuyên ngành khoa học máy tính đề tài thiết kế website động quản lí

Đồ án Chuyên ngành khoa học máy tính đề tài thiết kế website động quản lí di thiết kế chi tiết, tính toán kỹ thuật theo tiêu chuẩn ngành công nghệ

• Tác giả: Ngô Nguyễn Đan Trường
• Người hướng dẫn: ThS. Nguyễn Minh Thi
• Trường học: Trường Đại Học Văn Hiến
• Chuyên ngành: Khoa Học Máy Tính
• Đề tài: Thiết Kế Website Động Quản Lí Di Động
• Loại tài liệu: Đồ Án
• Năm xuất bản: 2023
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Khái Niệm và Tầm Quan Trọng của Đồ Án Chuyên Ngành Khoa Học Máy Tính

Đồ án chuyên ngành khoa học máy tính là một bước đột phá trong hành trình đào tạo kỹ sư công nghệ thông tin. Đây không chỉ là một bài tập học tập mà còn là cơ hội để sinh viên áp dụng toàn bộ kiến thức lý thuyết vào thực tế. Đề tài đồ án được lựa chọn dựa trên nhu cầu thực tiễn và xu hướng phát triển công nghệ hiện đại. Thông qua quá trình thực hiện, sinh viên sẽ phát triển kỹ năng phân tích vấn đề, thiết kế hệ thống, và lập trình ứng dụng. Khoa học máy tính đòi hỏi sự sáng tạo, tư duy logic và kiên trì trong việc giải quyết các thách thức kỹ thuật. Đồ án là nền tảng quan trọng giúp sinh viên chuẩn bị tốt cho sự nghiệp trong ngành công nghệ thông tin.

1.1. Định Nghĩa Đồ Án Chuyên Ngành

Đồ án chuyên ngành là dự án khoa học kỹ thuật độc lập được thực hiện bởi sinh viên dưới sự hướng dẫn của giáo viên. Nó đòi hỏi sinh viên phải thực hiện nghiên cứu, phân tích và phát triển một giải pháp công nghệ hoàn chỉnh. Mục tiêu chính là kiểm tra kiến thức tích lũy, kỹ năng thực hành và khả năng giải quyết vấn đề thực tế trong lĩnh vực công nghệ thông tin.

1.2. Vai Trò của Đồ Án trong Đào Tạo

Đồ án chuyên ngành giữ vai trò cầu nối giữa lý thuyết và thực hành. Nó cho phép sinh viên áp dụng các công nghệ như ASP.NET, SQL Server, HTML5, CSS, JavaScript vào các dự án thực tế. Đây là cơ hội để rèn luyện kỹ năng quản lý dự án, làm việc nhóm và giao tiếp hiệu quả với những người khác.

II. Các Chủ Đề Phổ Biến trong Đồ Án Khoa Học Máy Tính

Các chủ đề đồ án trong khoa học máy tính phải đáp ứng nhu cầu thực tiễn của xã hội hiện đại. Một trong những đề tài phổ biến là thiết kế website động để quản lý sản phẩm và dịch vụ trực tuyến. Với sự phát triển mạnh mẽ của thương mại điện tử, nhu cầu xây dựng các hệ thống quản lý sản phẩm trở nên cấp thiết. Các đề tài khác bao gồm ứng dụng di động, hệ thống quản lý khách hàng (CRM), và các giải pháp về bảo mật dữ liệu. Lựa chọn chủ đề đồ án phù hợp sẽ giúp sinh viên phát triển kỹ năng chuyên sâu và đạt được mục tiêu học tập hiệu quả.

2.1. Website Động Quản Lý Sản Phẩm

Website quản lý sản phẩm di động là một đề tài đồ án hấp dẫn. Nó yêu cầu sinh viên xây dựng cơ sở dữ liệu để lưu trữ thông tin sản phẩm, khách hàng, và đơn hàng. Sử dụng ASP.NET MVC và SQL Server, sinh viên sẽ phát triển các chức năng như quản lý sản phẩm, quản lý đơn hàng, và hệ thống thanh toán.

2.2. Ứng Dụng Quản Lý Dữ Liệu Khác

Ngoài website thương mại điện tử, các đề tài đồ án khác bao gồm hệ thống quản lý khách hàng (CRM), ứng dụng quản lý hóa đơn, và các hệ thống thông tin dành cho doanh nghiệp. Mỗi chủ đề đều mang lại giá trị thực tiễn cao và giúp sinh viên nâng cao kỹ năng lập trình.

III. Công Nghệ Sử Dụng trong Đồ Án Chuyên Ngành

Để hoàn thành một đồ án khoa học máy tính thành công, sinh viên cần nắm vững nhiều công nghệ hiện đại. Các công nghệ Front-End bao gồm HTML5, CSS, JavaScript để tạo giao diện người dùng hấp dẫn. Ở phía Back-End, ASP.NET, C# được sử dụng để xử lý logic ứng dụng. SQL Server là cơ sở dữ liệu phổ biến để lưu trữ và quản lý dữ liệu. Visual Studio là công cụ phát triển chủ yếu giúp sinh viên viết code, debug và triển khai ứng dụng. Việc tích hợp ADO.NET Entity Data Model giúp kết nối cơ sở dữ liệu với ứng dụng một cách hiệu quả. Nắm vững các công nghệ này là chìa khóa để thực hiện thành công đề tài đồ án.

3.1. Công Nghệ Front End

HTML5 cung cấp cấu trúc cho trang web. CSS tạo kiểu dáng và bố cục. JavaScript thêm tính tương tác, cho phép xác thực dữ liệu phía client. Kết hợp ba công nghệ này, sinh viên có thể xây dựng giao diện website chuyên nghiệp, thân thiện với người dùng và responsive design hoạt động tốt trên các thiết bị khác nhau.

3.2. Công Nghệ Back End và Cơ Sở Dữ Liệu

ASP.NET MVC là framework mạnh mẽ để xây dựng ứng dụng web. C# cung cấp ngôn ngữ lập trình hiện đại với tính bảo mật cao. SQL Server được sử dụng để thiết kế các bảng dữ liệu như infophone, brand, customer, bill và billdetail. ADO.NET Entity Data Model tạo cầu nối hiệu quả giữa ứng dụng và cơ sở dữ liệu.

IV. Quy Trình Thực Hiện và Kỳ Vọng từ Đồ Án

Quy trình thực hiện đồ án chuyên ngành khoa học máy tính bao gồm các bước chính: khảo sát nhu cầu, phân tích yêu cầu, thiết kế hệ thống, phát triển ứng dụng, kiểm thử và triển khai. Sinh viên cần làm việc chặt chẽ với giáo viên hướng dẫn để đảm bảo chất lượng đề tài đồ án. Mục tiêu cuối cùng là tạo ra một ứng dụng hoàn chỉnh với các tính năng đáp ứng yêu cầu ban đầu. Thông qua quá trình này, sinh viên sẽ phát triển tư duy phát triển phần mềm, kỹ năng quản lý dự án, và khả năng giải quyết vấn đề thực tế. Đồ án không chỉ là bằng cấp mà là nền tảng vững chắc cho sự nghiệp công nghệ thông tin trong tương lai.

4.1. Các Giai Đoạn Thực Hiện Đồ Án

Giai đoạn 1: Lựa chọn và phân tích đề tài đồ án. Giai đoạn 2: Thiết kế cơ sở dữ liệu với các bảng chi tiết. Giai đoạn 3: Phát triển giao diện website sử dụng HTML5, CSS, JavaScript. Giai đoạn 4: Lập trình Back-End với ASP.NET, C#. Giai đoạn 5: Kiểm thử và cải thiện ứng dụng dựa trên phản hồi.

4.2. Kỳ Vọng và Giá Trị Của Đồ Án

Đồ án chuyên ngành kỳ vọng tạo ra một sản phẩm công nghệ có giá trị thực tiễn cao. Sinh viên sẽ chứng minh khả năng phân tích, thiết kế và phát triển hệ thống thông tin. Giá trị của đề tài nằm ở việc giải quyết các vấn đề thực tế trong thương mại điện tử và quản lý sản phẩm, mang lại lợi ích cho người dùng cuối cùng.

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

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu Front-End Font-End chính là việc dùng các ngôn ngữ như HTML, CSS hoặc Javascript để thực hiện việc thiết kế website, hoàn thiện các giao diện ứng dụng di động,. để đáp ứng cho nhu cầu của người dùng. Việc chạm, lướt, tương tác trên màn hình chính có thể thực hiện được chính là thành quả của quá trình lập trình Front end. việc thiết kế ra một giao diện mà ở đó có các tính năng duy nhất.

Theo đó thì lập trình viên phải thực hiện công việc với khả năng hoàn thành được sản phẩm có thể tương thích với mọi thiết bị. Khi mà mỗi thiết bị sẽ sử dụng một hệ điều hành, có kích thước màn hình, hay độ phân giải khác nhau thì lập trình viên Front End phải tạo ra được sản phẩm tương thích tốt, từ đó mang lại trải nghiệm và hiệu quả cao cho từng website, từng phần mềm.1 HTML HTML (viết tắt của từ HyperText Markup Language, hay còn gọi là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web trên World Wide Web. Nó có thể được trợ giúp bởi các công nghệ như CSS và các ngôn ngữ kịch bản giống như JavaScript. Các trình duyệt web nhận tài liệu HTML từ một web server hoặc một kho lưu trữ cục bộ và render tài liệu đó thành các trang web đa phương tiện.

HTML mô tả cấu trúc của một trang web về mặt ngữ nghĩa và các dấu hiệu ban đầu được bao gồm cho sự xuất hiện của tài liệu. Các phần tử HTML là các khối xây dựng của các trang HTML. Với cấu trúc HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng vào trang được hiển thị. HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc bằng cách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists, links, quotes và các mục khác.

Các phần tử HTML được phân định bằng các thẻ, được viết 4 bằng dấu ngoặc nhọn. Các thẻ như <img /> và <input /> giới thiệu trực tiếp nội dung vào trang. Các thẻ khác như <p> bao quanh và cung cấp thông tin về văn bản tài liệu và có thể bao gồm các thẻ khác làm phần tử phụ. Các trình duyệt không hiển thị các thẻ HTML, nhưng sử dụng chúng để diễn tả nội dung của trang.

HTML có thể nhúng các chương trình được viết bằng scripting như JavaScript, điều này ảnh hưởng đến hành vi và nội dung của các trang web. Việc bao gồm CSS xác định giao diện và bố cục của nội dung. World Wide Web Consortium (W3C), trước đây là đơn vị bảo trì HTML và là người duy trì hiện tại của các tiêu chuẩn CSS, đã khuyến khích việc sử dụng CSS trên HTML trình bày rõ ràng kể từ năm 1997. Hình 1 Logo HTML 5 1.2 CSS Trong môn tin học, các tập tin định kiểu theo tầng – dịch từ tiếng Anh là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG, XUL.

Các đặc điểm kỹ thuật của CSS được duy trì bởi World Wide Web Consortium (W3C). Thay vì đặt các thẻ quy định kiểu dáng cho văn bản HTML (hoặc XHTML) ngay trong nội dung của nó, bạn nên sử dụng CSS. Tác dụng của CSS là hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ 5 màu), khiến mã nguồn của trang Web được gọn gàng hơn, tách nội dung của trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung. Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau.

Hình 2 Logo CSS 1.3 JavaScript JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu. Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía máy chủ (với Nodejs). Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript. Giống Java, JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java.js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript.

Phiên bản mới nhất của JavaScript là ECMAScript 12[3]. ECMAScript là phiên bản chuẩn hóa của JavaScript. Trình duyệt Mozilla phiên bản 1.8 beta 1 có hỗ trợ không đầy đủ cho E4X - phần mở rộng cho JavaScript hỗ trợ làm việc với XML, được chuẩn hóa trong ECMA-357. Hình 3 Logo JavaScript 6 1.2 Giới thiệu Back-End Backend là những chức năng hỗ trợ hoạt động của một trang web hoặc ứng dụng mà người dùng không nhìn thấy được (hoặc có thể ví như đây là phần chìm của tảng băng).

Nó có cơ chế hoạt động gần giống như bộ não của con người, xử lý các yêu cầu, lệnh và chọn thông tin thích hợp để hiển thị trên màn hình. BackEnd của một trang web bao gồm ba thành phần: máy chủ, ứng dụng và cơ sở dữ liệu. Điều này cho phép trang web h oạt động hiệu quả và cung cấp cho người dùng thông tin chính xác nhanh chóng.1 SQL Server SQL Server hay Microsoft SQL Server là phần mềm ứng dụng cho hệ thống quản trị cơ sở dữ liệu quan hệ (Relational Database Management System – RDBMS) được phát triển bởi Microsoft vào năm 1988. Nó được sử dụng để tạo, duy trì, quản lý và triển khai hệ thống RDBMS.

Phần mềm SQL Server được sử dụng khá rộng rãi vì nó được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn lên đến Tera – Byte cùng lúc phục vụ cho hàng ngàn user. Bên cạnh đó, ứng dụng này cung cấp đa dạng kiểu lập trình SQL từ ANSI SQL (SQL truyền thống) đến SQL và cả T-SQL (Transaction-SQL) được sử dụng cho cơ sở dữ liệu quan hệ nâng cao. Hình 4 Logo SQL Server 7 1.NET MVC Mẫu kiến trúc Model – View – Controller được sử dụng nhằm chi ứng dụng thành ba thành phần chính: model, view và controller. Nền tảng ASP.NET MVC giúp cho chúng ta có thể tạo được các ứng dụng web áp dụng mô hình MVC thay vì tạo ứng dụng theo mẫu ASP.NET Web Forsm.

Nền tảng ASP.NET MVC có đặc điểm nổi bật là nhẹ (lighweigt), dễ kiểm thử phần giao diện (so với ứng dụng Web Forms), tích hợp các tính năng có sẵn của ASP. Nền tảng ASP.NET MVC được định nghĩa trong namespace System.Mvc và là một phần của name space System. MVC là một mẫu thiết kế (design pattern) chuẩn mà nhiều lập trình viên đã quen thuộc. Một số loại ứng dụng web sẽ thích hợp với kiến trúc MVC.

Một số khác Hình 5 Logo Visual Studio vẫn thích hợp với ASP.NET Web Forms và cơ chế postbacks. Đôi khi có những ứng dụng kết hợp cả hai kiến trúc trên. 8 CHƯƠNG 2: THIẾT KẾ CƠ SỞ DỮ LIỆU 2.1 Cơ sở dữ liệu Đặt tên database là DD bao gồm các bảng sau:  bill.dbo (thông tin các sản phẩm trong giỏ hàng, số lượng,.dbo (thông tin về hãng di động  View giohang xem chi tiết sản phẩm (ảnh,đơn giá,thành tiền,số lượng) Hình 6 Các bảng trong database 2.1 Bảng thông tin đi động (infophone) Bảng bao gồm 10 cột:  TENSP kiểu dữ liệu nvarchar(MAX) cho phép null điền kiễu chuỗi.  MAHANG kiểu dữ liệu INT cho phép null điền kiễu số.

9  Display kiểu dữ liệu nvarchar(10) cho phép null điền kiễu số.  RAM kiểu dữ liệu INT cho phép null điền kiễu số.  ROM kiểu dữ liệu INT cho phép null điền kiễu số.  Camera kiểu dữ liệu INT cho phép null điền kiễu số.

 ANH kiểu nvarchar(MAX) cho phép null điền kiễu chuỗi.  GIA kiểu INT cho phép null điền kiễu số.  MADD (khóa chính) kiểu dữ liệu INT không cho phép null và tăng tự dộng. Hình 7 Bảng kiểu dữ liệu thông tin di động (infophone) 10 Hình 8 Bảng dữ liệu thông tin di động (infophone) 2.2 Bảng thông tin thương hiệu (brand) Bảng bao gồm 3 cột:  MAHANG (khóa chính) kiểu dữ liệu INT không cho phép null và tăng tự động để điền kiểu số.

 TENHANG kiểu dữ liệu nvarchar(10) cho phép null để điền kiểu chuỗi.  ANH kiểu dữ liệu nvarchar(MAX) cho phép null để điền kiểu chuỗi. 11liệu brand Hình 9 Bảng kiểu dữ Hình 10 Bảng dữ liệu brand 2.3 Bảng thông tin khách hàng (Customer) Bảng bao gồm 4 cột:  TENKH kiểu dữ liệu nvarchar(20) cho phép null điền kiểu chuỗi.  SDT kiểu dữ liệu nvarchar(10) cho phép null điền kiểu chuỗi.

12  MAKH (khóa chính) kiểu dữ liệu INT không cho phép null tăng tự động. Hình 11 Bảng kiểu dữ liệu customer Hình 12 Bảng dữ liệu customer 13 2.4 Bảng thông tin hóa đơn (bill) Bảng bao gồm 4 cột:  MAHD (khóa chính) kiểu dữ liệu INT không cho phép null điền kiến số.  MAKH (khóa ngoại) kiểu dữ liệu INT không cho phép null điền kiến số.  Tong kiểu dữ liệu kiểu (numeric) kiểu dữ liệu số tính tổng số tiền hóa đơn  THANHTOAN kiểu dữ liệu bit kiểm tra khách hàng đã thanh toán chưa.

 NGAYTHANHTOAN kiểu dữ liệu smalldatetime ngày thanh toán hóa đơn. Hình 13 Bảng kiểu dữ liệu Bill 2.5 Bảng thông tin chi tiết hóa đơn (Billdetail) Bảng bao gồm 6 cột:  MASP (khóa chính) kiểu dữ liệu int điền dữ liệu kiểu số.  MAKH (khóa ngoại) chứa mã khách hàng.  MADD (khóa ngoại) chứa mã di động.

 SL kiểu dữ liệu int chứa thông tin số lượng di động. 14  Thanhtien kiểu dữ liệu numeric chứa thành tiền của một sản phẩm (SL * gia). Hình 14 Bảng kiểu dữ liệu Billdetail 2.6 Bảng view giohang 15 Bảng được kết hợp từ bảng billdetail bà bàng infophone để lấy cột ANH và GIA từ bảng infophone Hình 15 Bảng view giohang 2.2 Bảng sơ đồ khóa ngoại (SQL Server) Gồm những khoá ngoại sau:  brand (MAHANG khóa chính) nối với infophone(MAHANG)  Infophone (MADD khóa chính) nối với billdetail(MADD)  Customer (MAKH khóa chính) nối với billdetail (MAKH)  Customer (MAKH khóa chính) nối với bill (MAKH) 16  bill (MAHD khóa chích) nối với billdetail (MAHD) Hình 16 Biểu diễn khóa ngoại 17 CHƯƠNG 3: GIAO DIỆN WEBSITE 3.1 Kết nối SQL với MVC dùng ADO.NET Entity Data Model. Muốn kêt nối như trên cần 4 bước:  Bước 1: tạo mới ADO.NET Entity Data Model bằng cách chuột phải vào Models -> ADD -> ADO.NET Entity Hình 17 Cách kết bối với ADO.