Đồ án quản lý shop bán quần áo cho shop thời trang Thu Huyền Đồ án quản lý shop bán quần áo cho shop thời trang Thu Huyền Đồ án quản lý shop bán quần áo cho shop thời trang Thu Huyền Đồ án quản lý shop bán quần áo cho shop thời trang Thu Huyền Đồ án quản lý shop bán quần áo cho shop thời trang Thu Huyền
TĨM TẮT Ngày nay, ứng dụng cơng nghệ thơng tin áp dụng lĩnh vực nghiên cứu khoa học kỹ thuật đời sống, máy tính trở thành công cụ trợ giúp đắc lực cho người lưu trữ, phân tích xử lý thơng tin Ở nước ta, với phát triển chung kinh tế, tin học ngày ứng dụng rộng rãi công tác quản lý bước khẳng định sức mạnh vị trí quan trọng Trong sống, nhu cầu mua sắm cho thân người tăng cao dẫn đến phát triển vượt trội sàn thương mại điện tử lớn như: Lazada, Shopee, Tiki,… bên cạnh sàn thương mại điện tử lớn sàn thương mại điện tử nhỏ phát triển song song với nhu cầu thị yếu người dung Trong bối cảnh thời trang ngày quan trọng đa dạng, việc tạo trang web bán quần áo trực tuyến trở nên quan trọng để đáp ứng nhu cầu ngày tăng khách hàng Vì vậy, qua thời gian khảo sát thực tế vận dụng kiến thức học, nên em định chọn thực đề tài “Xây dựng Website bán quần áo cho shop thời trang Thu Huyền” đề tài báo cáo tốt nghiệp LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, đặc biệt Trước hết em xin chân thành cảm ơn cô giáo giảng viên Khoa Công nghệ Thông tin, Trường Đại học Công Nghệ Giao Thông Vận Tải, người trực tiếp, hướng dẫn, nhận xét, giúp đỡ em suốt trình thực đề tài Xin chân thành cảm ơn ban giám hiệu nhà trường, thầy cô Khoa Cơng nghệ Thơng tin phịng ban nhà trường tạo điều kiện tốt cho em bạn khác suốt thời gian học tập làm đồ án Do thời gian thực có hạn, kiến thức cịn hạn chế, trình độ chun mơn cịn yếu, nên q trình thực đồ án khơng tránh sai sót định Em mong quý công ty thầy cô bạn sinh viên góp ý để em hồn thiện tốt làm đề tài hoàn thiện Em xin chân thành cảm ơn ! CHƯƠNG 1: GIỚI THIỆU TỔNG QUAN 1.1 Lý chọn đề tài Ngày nay, ứng dụng công nghệ thông tin áp dụng lĩnh vực nghiên cứu khoa học kỹ thuật đời sống, máy tính trở thành cơng cụ trợ giúp đắc lực cho người lưu trữ, phân tích xử lý thông tin Ở nước ta, với phát triển chung kinh tế, tin học ngày ứng dụng rộng rãi công tác quản lý bước khẳng định sức mạnh vị trí quan trọng Trong sống, nhu cầu mua sắm cho thân người tăng cao dẫn đến phát triển vượt trội sàn thương mại điện tử lớn như: Lazada, Shopee, Tiki,… bên cạnh sàn thương mại điện tử lớn sàn thương mại điện tử nhỏ phát triển song song với nhu cầu thị yếu người dung Trong bối cảnh thời trang ngày quan trọng đa dạng, việc tạo trang web bán quần áo trực tuyến trở nên quan trọng để đáp ứng nhu cầu ngày tăng khách hàng Vì vậy, qua thời gian khảo sát thực tế vận dụng kiến thức học, nên em định chọn thực đề tài “Xây dựng Website bán quần áo cho shop thời trang Thu Huyền” đề tài báo cáo tốt nghiệp giám sát hướng dẫn giảng viên – Khoa công nghệ thông tin – Trường đại học Công nghệ giao thông vận tải 1.2 Mục tiêu - Xây dựng website bán quần áo cho Shop thời trang Thu Huyền ngơn ngữ lập trình javascript C#, với hỗ trợ framework liên quan hệ quản trị sở liệu SQL Server - Triển khai cài đặt chương trình mơi trường thực tế 1.3 Giới hạn phạm vi thực - Khảo sát phần mềm cụ thể, phân tích thiết kế hệ thống - Tìm hiểu quy trình hoạt động website bán hàng - Tìm hiểu xây dựng chức cần thiết website bán hàng 1.4 Kết dự kiến - Hiểu quy trình, phương thức bán hàng website bán hàng - Nắm quy trình cần đủ để làm website bán quần áo website bán hàng khác - Xây dựng website bán quần áo trực tuyến với chức tối thiểu mà website bán hàng phải có: - Đối với khách hàng: Cho phép khách hàng tìm kiếm sản phẩm Cho phép khách hàng xem chi tiết sản phẩm Cho phép khách hàng phản hồi chất lượng phục vụ Cho phép khách hàng tiến hành đặt hàng sau chọn hàng Cho phép khách hàng lựa chọn hai hình thức toán nhà toán cửa hàng - Đối với người quản trị: Quản lý thêm, sửa, xóa sản phẩm danh mục sản phẩm Quản lý đơn đặt hàng phản hồi từ khách hàng Quản lý thêm, xóa khách hàng Quản lý giao dịch Quản lý nhà cung cấp - Đáp ứng nhu cầu người dùng - Giao diện thân thiện, trực quan với người dùng, sử dụng dễ dàng - Ưu tiên áp dụng công nghệ việc xây dựng - Hoàn thành báo cáo đồ án tốt nghiệp thời hạn quy định CHƯƠNG 2: KIẾN THỨC NỀN TẢNG Qua trình học ghế nhà trường với thời gian nghiên cứu tài liệu tham khảo, thời gian làm việc tự học em tóm tắt kiến thức tảng sử dụng thiết kế sở liệu xây dựng chương trình sau 2.1 Cơ sở lý thuyết Để xây dựng website phân tích thiết kế, sở liệu ngơn ngữ lập trình phần khơng thể thiếu, em nghiên cứu tóm tắt tài liệu trọng điểm sau 2.1.1 Phân tích thiết kế hướng đối tượng Định nghĩa: Phân tích thiết kế hướng đối tượng giai đọan phát triển mơ hình xác súc tích vấn đề, có thành phần đối tượng khái niệm đời thực, dễ hiểu người sử dụng [3] Ưu điểm: Một ưu điểm quan trọng bậc phương pháp phân tích thiết kế hướng đối tượng tính tái sử dụng: Có thể tạo thành phần (đối tượng) lần dùng chúng nhiều lần sau 2.1.2 Cơ sở liệu Định nghĩa: Cơ sở liệu hệ thống thơng tin có cấu trúc, lưu trữ thiết bị lưu trữ nhằm thỏa mãn yêu cầu khai thác thông tin đồng thời nhiều người sử dụng hay nhiều chương trình ứng dụng chạy lúc với mục đích khác [1] Việc sử dụng hệ thống CSDL khắc phục khuyết điểm cách lưu trữ dạng hệ thống tập tin là: Giảm trùng lặp thơng tin mức thấp nhất, đảm bảo tính quán toàn vẹn liệu, đảm bảo liệu truy xuất theo nhiều cách khác nhau, từ nhiều người khác nhiều ứng dụng khác nhau, tăng khả chia thông tin 2.1.3 Ngôn ngữ thiết kế website HTML Ngôn ngữ HTML loại ngơn ngữ sử dụng lập trình web HTML ngơn ngữ lập trình web đánh giá đơn giản Mọi trang web, trình duyệt web hiển thị tốt ngơn ngữ HTML Hiện nay, phiên HTML HTML5 với nhiều tính tốt chất lượng so với phiên HTML cũ 2.1.4 CSS CSS (Cascading Style Sheets) ngôn ngữ dùng để định dạng cho phần tử HTML (Ví dụ: chỉnh kích cỡ chữ, chỉnh font chữ, màu chữ, màu nền, hình nền, đường viền, ) dựa cặp thuộc tính : giá trị thuộc tính [5] 2.1.5 JAVASCRIPT JQUERY Javascript ngơn ngữ lập trình kịch dựa vào đối tượng phát triển có sẵn tự định nghĩa tạo trang web có tính tương tác, javascript sử dụng rộng rãi ứng dụng Website Javascript hỗ trợ tất trình duyệt Firefox, Chrome, v.v chí trình duyệt thiết bị di động có hỗ trợ [5] JQuery thư viện kiểu JavaScript, hệ thông lại hàm JavaScript ngắn gọn, dễ nhớ, dễ dùng, tạo John Resig vào năm 2006 JQuery làm đơn giản hóa việc truyền tải HTML, xử lý kiện tương tác với Ajax, tích hợp nhiều module khác từ module hiệu ứng module truy vấn selector [5] 2.1.6 C# C# (hay C sharp) ngôn ngữ lập trình đơn giản, phát triển đội ngũ kỹ sư Microsoft vào năm 2000 C# ngôn ngữ lập trình đại, hướng đối tượng xây dựng tảng hai ngôn ngữ mạnh C++ Java Trong ứng dụng Windows truyền thống, mã nguồn chương trình biên dịch trực tiếp thành mã thực thi hệ điều hành Trong ứng dụng sử dụng NET Framework, mã nguồn chương trình (C#, VB.NET) biên dịch thành mã ngôn ngữ trung gian MSIL (Microsoft intermediate language) Sau mã biên dịch Common Language Runtime (CLR) để trở thành mã thực thi hệ điều hành Hình bên thể trình chuyển đổi MSIL code thành native code Hình Quá trình chuyển đổi MSIL code thành native code C# loại bỏ vài phức tạp rối rắm ngôn ngữ Java c++, bao gồm việc loại bỏ macro, template, đa kế thừa, lớp sở ảo (virtual base class) Ngơn ngữ C# đơn giản dựa tảng C C++ Nếu thân thiện với C C++ chí Java, thấy C# giống diện mạo, cú pháp, biểu thức, toán tử chức khác lấy trực tiếp từ ngôn ngữ C C++, cải tiến để làm cho ngôn ngữ đơn giản 2.1.7 ReactJS ReactJS thư viện Javascript mã nguồn mở để xây dựng thành phần giao diện tái sử dụng Nó tạo Jordan Walke, kỹ sư phần mềm Facebook Người bị ảnh hưởng XHP (Một tảng thành phần HTML cho PHP) React lần triển khai cho ứng dụng Newsfeed Facebook năm 2011, sau triển khai cho Instagram năm 2012 ReactJS xây dựng lên single-page-app (Thao tác xử lý trang web diễn trang) cho phép nhúng code html code javascript nhờ vào JSX JSX dạng ngôn ngữ cho phép viết mã HTML Javascript JSX thực tối ưu hóa biên dịch sang mã Javacsript Các mã cho thời gian thực nhanh nhiều so với mã tương đương viết trực tiếp Javascript Ngược với Javascript, JSX kiểu statically-typed (biên dịch trước chạy) giống Java, C++ Vì lỗi phát trình biên dịch Ngồi ra, cung cấp tính gỡ lỗi biên dịch tốt 2.1.8 Redux Redux thư viện Javascript giúp tạo thành lớp quản lý trạng thái ứng dụng Được dựa tảng tư tưởng kiến trúc Flux Facebook giới thiệu, Redux thường đôi kết hợp hồn hảo với ReactJS React Native Hình 2 Sự khác biệt việc sử dụng không sử dụng redux 2.1.9 UML UML viết tắt “Unifiled Modeling Language” – ngơn ngữ mơ hình hóa thống nhất, dùng để đặc tả, trực quan hóa tư liệu hóa phần mềm hướng đối tượng, có phần bao gồm ký hiệu hình học, phương pháp hướng đối tượng sử dụng để thể miêu tả thiết kế hệ thống Nó ngơn ngữ để đặc tả, trực quan hoá [4] Diagram (Biểu đồ): Đồ thị biểu diễn đồ họa tập phần tử mơ hình mối quan hệ chúng Trong phiên có 13 loại biểu đồ có loại biểu đồ sử dụng Use Case Case Diagram (Biểu đồ ca sử dụng): Mô tả tương tác tác nhân hệ thống thông qua ca sử dụng Class Diagram (Biểu đồ lớp): Mơ tả cấu trúc tĩnh, mơ hình khái niệm bao gồm lớp đối tượng mối quan hệ chúng hệ thống hướng đối tượng Object Diagram (Biểu đồ đối tượng): Là phiên biểu đồ lớp thường sử dụng ký hiệu biểu đồ lớp Sequence diagram (Biểu đồ trình tự): Thể tương tác đối tượng với Collaboration Diagram (Biểu đồ cộng tác): Tương tự biểu đồ trình tự nhấn mạnh vào tương tác đối tượng sở cộng tác với cách trao đổi thông điệp để thực yêu cầu theo ngữ cảnh công việc State Diagram (Biểu đồ trạng thái): Thể chu kỳ hoạt động đối tượng, hệ thống hệ thống Activity Diagram (Biểu đồ hành động): Chỉ dòng hoạt động hệ thống 2.1.10 API API phương thức, giao thức kết nối với thư viện ứng dụng khác Nó viết tắt Application Programming Interface – giao diện lập trình ứng dụng API cung cấp khả truy xuất đến tập hàm hay dùng từ trao đổi liệu ứng dụng với Hình Mơ hình mơ tả kết nối API với thư viện ứng dụng khác Một mục đích API cung cấp khả truy xuất đến tập hàm hay dùng Các hàm API tương tự hàm thông thường khác API ứng dụng nhiều loại ứng dụng phần mềm khác Thế hệ API, Web API dùng cho hệ thống (hệ điều hành, sở liệu, thư viện ứng dụng, ) chí phần cứng máy tính 2.2 Cơng cụ sử dụng Để thiết kế website cơng cụ ngơn ngữ lập trình em sử dụng NET Framework kết hợp gọi API để vận hành hệ thống quản lý (back-end) sử dụng ReactJS kết hợp với Redux giao diện người dùng (front-end) Cuối SQL Server để thao tác quản lý sở liệu 2.2.1 Phần mềm hỗ trợ phân tích thiết kế StarUML StarUML mơ hình tảng, phần mềm hỗ trợ UML (Unified Modeling Language) Nó hỗ trợ phương pháp tiếp cận MDA (Model Driven Architecture) cách hỗ trợ khái niệm hồ sơ UML Tức StarUML hỗ trợ phân tích thiết kế hệ thống điều mà dự án cần có Ngồi dùng StarUML đảm bảo tối đa hóa suất chất lượng dự án phần mềm bạn Vì cho phép mơ hình hóa nên khơng phụ thuộc vào người code, ngôn ngữ code hay tảng sử dụng Do mơ hình hóa nên dễ đọc dễ hiểu Một điều thích StarUML khả tự sinh code từ mơ hình class 2.2.2 NET Framework .NET Framework là tảng lập trình tảng thực thi ứng dụng chủ yếu trên hệ điều hành Microsoft Windows được phát triển bởi Microsoft từ năm 2002, kết thúc phát triển vào năm 2022 phiên 4.8.1 Các chương trình viết NET Framework triển khai môi trường phần mềm (ngược lại với môi trường phần cứng) biết đến với tên Common Language Runtime (CLR) Môi trường phần mềm một máy ảo trong cung cấp dịch vụ như an ninh phần mềm (security), quản lý nhớ (memory management), xử lý lỗi ngoại lệ (exception handling) .NET Framework bao gồm tập thư viện lập trình lớn, thư viện hỗ trợ việc xây dựng chương trình phần mềm lập trình giao diện; truy cập, kết nối cơ sở liệu; ứng dụng web; các giải thuật, cấu trúc liệu; giao tiếp mạng CLR với thư viện thành phần NET Framework .NET Framework đơn giản hóa việc viết ứng dụng cách cung cấp nhiều thành phần thiết kế sẵn, người lập trình cần học cách sử dụng tùy theo sáng tạo mà gắn kết thành phần lại với Nhiều công cụ tạo để hỗ trợ xây dựng ứng dụng NET, IDE (Integrated Developement Environment) phát triển hỗ trợ Microsoft là Visual Studio 2.1.3 SQL Server SQL Server hay gọi Microsoft SQL Server, viết tắt MS SQL Server Là phần mềm phát triển Microsoft dùng để lưu trữ liệu, hệ quản trị sở liệu quan hệ đối tượng SQL cung cấp tập lệnh phong phú cho công việc hỏi đáp liệu như: tạo, thêm, xóa sửa đổi đối tượng sở liệu hay điều khiển việc truy cấp tới sở liệu đối tượng sở liệu để đảm bảo tính bảo mật, tính quán ràng buộc sở liệu Đối tượng SQL server bảng liệu với cột hàng Cột gọi trường liệu hàng ghi bảng Cột liệu kiểu liệu xác định tạo nên cấu trúc bảng Khi bảng tổ chức thành hệ thống cho mục đích sử dụng cụ thể 16 vào cơng việc trở thành sở liệu 2.2.4 Visual Studio Code (VS Code) Visual Studio Code (VS Code hay VSC) trình soạn thảo mã nguồn 10