Vì vậy, đề tài: “Xây dựng website bán đồ công nghệ” sẽ là một đề tài hấpdẫn, có khả năng tiếp cận với mục địch xây dựng một website thương mại với đầy đủcác tính năng cơ bản.1.2 Nội dung
lOMoARcPSD|39459588 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA: CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC NGHIỆM HỌC PHẦN PHẦN MỀM MÃ NGUỒN MỞ TÌM HIỂU VỀ NODEJS FRAMEWORK VÀ ỨNG DỤNG WEBSITE BÁN HÀNG CÔNG NGHỆ GVHD: ThS Nguyễn Thái Cường Nhóm: Sinh viên: Lớp: Khóa: 15 Hà Nội - Năm 2023 Hà Nội - Năm 2023 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 PHẦN 1: MỞ ĐẦU 1.1 Ý tưởng nghiên cứu Thương mại điện tử phát triển ngày một phong phú và đa dạng Nhu cầu tiêu dùng của khách hàng ngày một tăng cao, đặc biệt với thời đại công nghệ 4.0 phát triển vượt bậc thì vấn đề đặt ra cho các website công nghệ ngày một quan trọng Đã có rất nhiều website thương mại về đồ công nghệ được ra đời với phản hồi tích cực từ phía người dùng Vì vậy, đề tài: “Xây dựng website bán đồ công nghệ” sẽ là một đề tài hấp dẫn, có khả năng tiếp cận với mục địch xây dựng một website thương mại với đầy đủ các tính năng cơ bản 1.2 Nội dung kiến thức học tập, kỹ năng cần đạt được: - Kiến thức cơ bản về ngôn ngữ lập trình Javascript, Framework NodeJS - Kiến thức cơ bản về thao tác cơ sở dữ liệu với MongoDB, Redis - Kiến thức, kỹ năng đặc tả phần mềm, công nghệ phần mềm, thiết kế phần mềm, kiểm thử phần mềm - Kỹ năng làm việc nhóm - Kỹ năng tổ chức kế hoạch dự án 1.3 Yêu cầu sản phẩm nghiên cứu: - Tiết kiệm thời gian, công sức - Lưu trữ thông tin khách hàng an toàn, đảm bảo tính bảo mật - Dễ dàng quản lý, cập nhật thông tin về sản phẩm, thông tin khách hàng, bài viết, bình luận… 2 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 - Thuận tiện cho các nghiệp vụ đặc thù của công việc quản lý cửa hàng thương mại điện tử - Giao diện đơn giản dễ cài đặt và sử dụng 1.4 Hoạt động của hệ thống: Hệ thống được viết ra với mục đích giúp những người tham gia vào quy trình quản lí, sử dụng, phê duyệt, thực hiện các công việc nghiệp vụ liên quan một cách hiệu quả và dễ dàng hơn Hệ thống cho phép người dùng xem sản phẩm, đặt hàng, xem bài viết, bình luận 1.5 Các công cụ hỗ trợ xây dựng phần mềm: ● Rational Rose, Case Studio 2 ● Visual Studio Code ● Balsamiq Wireframes (Thiết kế giao diện) ● Nosql Booster (Database Client) ● Bitvise SSH Client ● PostMan 1.6 Kết quả đạt được: - Xây dựng Website bán đồ công nghệ cơ bản - 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 - Đưa ra các báo cáo, TK tổng hợp 3 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 1.7 Lý do chọn đề tài Chúng ta có thể nói rằng thế kỷ 21 đã và đang chứng kiến sự phát triển mạnh mẽ của ngành Công nghệ thông tin Công nghệ thông tin (CNTT) đã và đang thay đổi thế giới một cách nhanh chóng và từng bước kéo nền tri thức của nhân loại xích lại gần nhau hơn Đó là nhờ việc phát triển hệ thống website trên toàn thế giới Ngày nay, Website đã đóng một vai trò quan trọng đối với con người chúng ta từ giải trí cho đến quảng cáo, thương mại, quản lý…Website (thương mại điện tử) sẽ dần dần thay thế những phương thức kinh doanh cũ trong các doanh nghiệp bởi tính ưu việt mà Website mang lại như: nhanh hơn, rẽ hơn, tiện dụng hơn, hiệu quả hơn và không bị giới hạn không gian và thời gian Với tầm quan trọng đó, mỗi người chúng ta cần trang bị cho mình một kiến thức nền tảng về Web Nếu bạn sở hữu một lượng kiến thức rộng lớn về nền tảng Web thì bạn sẽ có cơ hội tìm kiếm việc làm rất dễ dàng Bởi vì, bạn có thể đảm nhận các công việc về IT tại các công ty không chuyên về IT nhưng các công ty này đều có ứng dụng CNTT vào quản lý nhất là Website trong các tổ chức như Ngân hàng, công ty Sản xuất, dịch vụ, nhà hàng, khách sạn, công ty kinh doanh về thương mại điện từ, trường học…, đặc biệt là tham gia vào các công ty sản xuất phần mềm (Website, các ứng dụng Web trên mobile) Xuất phát từ những nhu cầu thực tế đó nhóm chúng em quyết định “Xây dựng trang website bán hàng công nghệ” nhằm tạo ra hệ thống quản lý bán hàng có tính thiết thực và ứng dụng vào thực tế 4 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 PHẦN 2: KẾT QUẢ NGHIÊN CỨU CHƯƠNG I: GIỚI THIỆU CÔNG CỤ 2.1 Cộng đồng phát triển mã nguồn mở Visual Studio Code 2.1.1 Visual Studio Code là gì? Visual Studio Code, thường được viết tắt là VS Code, là một trình soạn thảo mã nguồn mở miễn phí do Microsoft phát triển Đây là công cụ phát triển mã nguồn rất phổ biến trong cộng đồng phát triển phần mềm và có sẵn cho các hệ điều hành Windows, macOS và Linux VS Code thường được sử dụng cho việc phát triển ứng dụng web, ứng dụng di động, phát triển back-end, và nhiều tác vụ phát triển mã nguồn khác Điều quan trọng là nó là một công cụ linh hoạt có khả năng tuỳ chỉnh cao, phù hợp với nhiều dự án phát triển khác nhau 2.1.2 Các tính năng nổi bật Visual Studio Code là một trình soạn thảo mã nguồn mã nguồn mở phổ biến và mạnh mẽ Một số tính năng nổi bật của VS Code bao gồm: Hỗ trợ đa ngôn ngữ VS Code có khả năng làm việc với nhiều loại ngôn ngữ lập trình khác nhau, chẳng hạn như JavaScript, TypeScript, Python, C#, Java, Go, Ruby và nhiều hơn nữa Hỗ trợ gỡ lỗi Visual Studio Code hỗ trợ mạnh mẽ cho quá trình gỡ lỗi với các tính năng như Breakpoints, kiểm tra biến, theo dõi code từng bước, và bảng điều khiển gỡ lỗi Các công cụ và tính năng này giúp bạn tìm và sửa lỗi trong mã nguồn của mình một cách dễ dàng và hiệu quả 5 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 Tích hợp Git Với tích hợp Git sẵn có trong VS Code, bạn có thể thực hiện các nhiệm vụ quản lý phiên bản trực tiếp trong trình soạn thảo Bạn có thể thực hiện các thao tác Git như commit, push, pull và xem lịch sử mã nguồn một cách dễ dàng Tự động hoàn thành mã (IntelliSense) VS Code cung cấp tính năng IntelliSense giúp tự động hoàn thành mã nguồn dựa trên ngữ cảnh Nó hiển thị gợi ý về biến, phương thức và các thành phần khác của mã nguồn của bạn, giúp tăng tốc quá trình viết mã Hỗ trợ đa nền tảng Visual Studio Code khả dụng trên Windows, macOS và Linux, cho phép người dùng làm việc trên nhiều nền tảng khác nhau và đồng bộ hóa cài đặt và tiện ích mở rộng giữa các máy tính Tích hợp Terminal Terminal tích hợp cho phép người dùng dễ dàng chuyển đổi giữa việc chỉnh sửa mã và thực hiện các lệnh dòng lệnh mà không cần mở cửa sổ dòng lệnh riêng biệt Điều này giúp tiết kiệm thời gian và tăng hiệu suất làm việc cho nhà phát triển Tiện ích mở rộng Visual Studio Code hỗ trợ hầu hết các ngôn ngữ lập trình Nhưng nếu người dùng sử dụng một ngôn ngữ không thuộc danh sách ngôn ngữ được hỗ trợ, họ vẫn có thể tải và sử dụng tiện ích mở rộng Về mặt hiệu suất, tiện ích mở rộng không làm chậm trình soạn thảo vì nó chạy dưới dạng một tiến trình riêng biệt 6 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 Cấu trúc phân cấp Cấu trúc cấp bậc (Hierarchy Structure) trong Visual Studio Code cho phép bạn tổ chức mã nguồn của dự án một cách rõ ràng bằng cách sắp xếp các tệp và thư mục Điều này giúp bạn duyệt và tìm kiếm tệp một cách hiệu quả hơn, đặc biệt là đối với các dự án lớn và phức tạp Nhiều dự án Bạn có thể mở đồng thời nhiều dự án chứa nhiều tệp/thư mục Các dự án/thư mục này có thể liên quan hoặc không liên quan đến nhau 2.1.2 Giấy phép phát hành và các điều khoản Phát triển bởi Microsoft Phát hành lần đầu 29 tháng 4 năm 2015; 8 năm trước Kho mã nguồn github.com/microsoft/vscode Viết bằng TypeScript, JavaScript, CSS Hệ điều hành Windows 7 hoặc mới hơn, OS X 10.10 hoặc mới hơn, Linux Nền tảng IA-32, x64 Kích thước Windows: 32.8 MB Debian, Ubuntu: 34.1 MB Fedora, Red Hat: 50.4 MB macOS: 51.8 MB 7 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 Ngôn ngữ có sẵn Tiếng Anh, tiếng Pháp, tiếng Đức, tiếng Ý, tiếng Nhật, tiếng Hàn, tiếng Nga, tiếng Tây Ban Nha, tiếng Trung Thể loại Quốc (giản thể và phồn thể) Giấy phép Trình soạn thảo mã nguồn, debugger Source code: MIT License[1] * Binaries: Freeware[2][3] Website code.visualstudio.com Trạng thái Hoạt động 2.1.3 Tính phổ biến của công cụ 2.1.4 Công cụ và tính năng tích hợp Visual Studio Code tích hợp nhiều công cụ và tính năng giúp tối ưu hóa quy trình phát triển Nó bao gồm một bảng điều khiển tích hợp để chạy các lệnh, bộ gỡ lỗi tích hợp cho việc gỡ lỗi mã nguồn, và hỗ trợ kiểm soát phiên bản với tích hợp Git 8 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 Những tính năng này cho phép các nhà phát triển thực hiện nhiều nhiệm vụ đồng thời mà không cần phải dựa vào các công cụ bên ngoài hoặc chuyển đổi giữa nhiều tác vụ 2.1.5 Cộng đồng phát triển Cộng đồng các nhà phát triển sử dụng Visual Studio Code phát triển cực kỳ mạnh mẽ và đóng góp nhiều vào sự phát triển của trình soạn thảo mã này Nhờ đó, thị trường nhìn chung có nhiều nguồn hỗ trợ cho những nhà lập trình sử dụng VS Code Bằng cách tận dụng kiến thức của cộng đồng, các nhà phát triển có thể cải thiện công việc lập trình của họ và nhận được sự giúp đỡ cần thiết Các nhà phát triển web thường ưa chuộng Visual Studio Code vì khả năng hỗ trợ mạnh mẽ cho việc phát triển web Đó là nhờ vào các tính năng như hỗ trợ HTML, CSS, JavaScript, cùng với các tiện ích mở rộng dành riêng cho các khung làm việc web phổ biến như Angular, React và Vue.js Công cụ này cung cấp một loạt tài nguyên toàn diện để tối ưu hóa quy trình phát triển web 2.1.4 Tính mở của công cụ 2.1.6 Vị trí lưu trữ mã nguồn 2.1.7 Tham gia cộng đồng 9 Downloaded by NHIM NHIM (nhimbien2@gmail.com) lOMoARcPSD|39459588 CHƯƠNG 2: KHẢO SÁT SƠ BỘ HỆ THỐNG 2.2 Khảo sát hệ thống 2.2.1 Khảo sát sơ bộ 1 Tổng quan các vấn đề bài toán giải quyết Khảo sát các web thực tế phongvu.vn, gearvn ● Nhận xét chung: - Đều là những website từ những đơn vị lớn trong nước về các đồ công nghệ - Giao diện đến tính năng đều rất hiện đại, tiện lợi được ưa chuộng ● Giao diện: - Hiện đại, đơn giản - Thân thiện với người dùng - Có đầy đủ các chức năng cơ bản của một website bán đồ công nghệ - Các thông tin dễ nhìn font chữ hiện đại phù hợp với xu hướng - Một số giao diện tham khảo: phongvu.vn: https://phongvu.vn/ 10 Downloaded by NHIM NHIM (nhimbien2@gmail.com)