Tóm tắt đồ án Thiết kế website kinh doanh thời trang cho cửa hàng Newhusky

Nội dung text: Tóm tắt đồ án Thiết kế website kinh doanh thời trang cho cửa hàng Newhusky

1. TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH  THIẾT KẾ WEBSITE KINH DOANH THỜI TRANG CHO CỬA HÀNG NEWHUSKY TÓM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Sinh viên thực hiện : Trần Cảnh Quân Mã sinh viên : K12C04210 Giảng viên hướng dẫn : TS. Hồ Văn Phi Khóa đào tạo : 2018 - 2021 Đà Nẵng - 01/2021
2. PHẦN MỞ ĐẦU 1. Lý do chọn đề tài Trước sự phát triển càng ngày nhanh chóng của lĩnh vực Công Nghệ Thông Tin cụ thể hơn là lĩnh vực Mạng và Truyền Thông đang phát triển mạnh mẽ và đi kèm với sự phát triển này là các dịch vụ tiện ích để phục vụ đời sống công việc , giải trí sử dụng dịch vụ mua sắp trực tuyến qua mạng đang trở nên cấp thiết. Trong đó, THỜI TRANG là nhu cầu không thể thiếu trong cuộc sống hiện nay. Việc sử dụng hình thức thương mại điện tử để mua sắm và đặc biệt là mua sắm quần áo, giày dép, phụ kiện đã không còn xa lạ gì đối với người tiêu dùng và dần dần đang chiếm được lòng tin trước các lo lắng về chất lượng sản phẩm, kích thước khi đã có nhiều hình ảnh đối chiếu và lựa chọn khác nhau. Đồng thời đối với cửa hàng kinh doanh, việc sở hữu một website cho riêng mình cũng mở rộng được thị trường, thương hiệu được tiếp cận rộng đến với người tiêu dùng. Cửa hàng NewHusky là một cửa hàng kinh doanh thời trang đã được một thời gian tại địa phương, việc mở rộng hình thức kinh doanh nói trên thực sự cần thiết. Xuất phát từ những lý do trên và kèm theo việc bản thân là một sinh viên công nghệ thông tin. áp dụng những kiến thức đã học và những nghiên cứu về thị phần, tính chất của một cửa hàng kinh doanh thời trang, cùng với sự hướng dẫn của thầy Hồ Văn Phi, em đã chọn việc xây dựng website kinh doanh cho cửa hàng newhusky bằng nền tảng Nodejs và framework Expressjs – làm đề tài cho đồ án tốt nghiệp cũng như sử dụng đưa vào thực tế sử dụng cho cửa hàng. 2. Nhiệm vụ và mục tiêu nghiên cứu • Mục tiêu - Xây dựng website kinh doanh thời trang nam – nữ với đầy đủ chức năng, thuận mắt và đem đến cho người dùng một trải nghiệm sử dụng tốt nhất.
3. - Nghiên cứu nền tảng backend mới là Nodejs – một nền tảng được xây dựng trên V8 JavaScript Engine và framework expressjs. - Ứng dụng được các kiến thức đã học về HTML, CSS, Javascript để xây dựng giao diện website. - Ứng dụng mô hình MVC để tổ chức dự án một cách hợp lý. • Nhiệm vụ - Nghiên cứu, thiết kế cơ sở dữ liệu tối ưu, phù hợp với dự án nhất có thể. - Hoàn thành sản phẩm trong vòng 1 tháng tính từ thời điểm bắt đầu. 3. Đối tượng và phạm vi nghiên cứu • Đối tượng - Đối tượng hướng đến của đề tài: Cửa hàng thời trang NewHusky – cửa hàng chuyên kinh doanh thời trang nam – áo quần, giày dép, phụ kiện. - Đối tượng sử dụng xây dựng của ứng dụng: + NodeJs: nền tảng được xây dựng trên V8 JavaScript Engine – trình thông dịch thực thi mã JavaScript, giúp xây dựng các ứng dụng web một cách đơn giản và dễ dàng mở rộng. + ExpressJs: là một framework được xây dựng trên nền tảng của Nodejs. Nó cung cấp các tính năng mạnh mẽ để phát triển web hoặc mobile. Expressjs hỗ trợ các method HTTP và midleware tạo ra API vô cùng mạnh mẽ và dễ sử dụng. • Phạm vi Nghiên cứu công cụ xây dựng ứng dụng một cách cụ thể đểm nắm vững công cụ đó. • Phương pháp nghiên cứu - Khảo sát hiện trạng về phong cách thời trang mà cửa hàng hướng đến. Tông màu chủ đạo của cửa hàng để nhận diện dành cho thương hiệu v v
4. - Đọc các tài liệu về framework, platform dùng đến. Tham khảo nhiều nguồn tài liệu khác nhau. 4. Dự kiến kết quả đạt được - Xây dựng thành công website có đầy đủ chức năng, phù hợp với những tính chất của cửa hàng hiện có. - Nắm vứng các kiến thức cơ bản của công nghệ đang sử dụng cho dự án lần này (Expressjs) 5. Ý nghĩa khoa học và thực tiễn - Nghiên cứu và sử dụng công nghệ mới để thực hiện xây dựng một ứng dụng. - Bước đệm cho công cuộc mở rộng hình thức kinh doanh sang thương mại điện tử dành cho cửa hàng NewHusky. 6. Bố cục đề tài Cấu trúc của đề tài này bao gồm bốn chương: Chương 1: cơ sở lý thuyết Chương 2: Phân tích và thiết kế hệ thống Chương 3: Xây dựng ứng dụng Chương 4: Kết luận và hướng phát triển
5. CHƯƠNG I. CƠ SỞ LÝ THUYẾT 1.1. NỀN TẢNG NODEJS Hình 1.1. Nodejs - nền tảng backend chạy trên nền javascript 1.1.1. Giới thiệu chung 1.1.2. Cách Nodejs hoạt động Hình 1.2. Cách Nodejs hoạt động 1.1.3. NPM: The Node Package Manager 1.2. MÔ HÌNH MVC 1.2.1. Giới thiệu tổng quát MVC (viết tắt của Model-View-Controller) là một mẫu kiến trúc phần mềm hay mô hình thiết kế để tạo lập giao diện người dùng trên máy tính. MVC chia một ứng dụng thành ba phần tương tác được với nhau, mỗi thành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác.
6. • Model (M): Quản lý, xử lý dữ liệu. • View (V): Hiển thị dữ liệu cho người dùng. • Controller (C): Điều khiển sự tương tác giữa Model và View. Hình 1.3. Mô hình MVC 1.2.2. Chi tiết các thành phần trong mô hình MVC 1.2.3. Ưu và nhược điểm của MVC 1.3. FRAMEWORK EXPRESSJS Hình 1.4. Framework Expressjs 1.3.1. Giới thiệu chung 1.3.2. Cấu trúc của ExpressJs 1.4. MONGODB– CƠ SỞ DỮ LIỆU PHI QUAN HỆ 1.4.1. Tìm hiểu về NoSql 1.4.2. Khái quát về MongoDB 1.4.3. Ưu điểm của MongoDB 1.4.4. Nhược điểm 1.5. HTML/CSS/JAVASCRIPT
7. CHƯƠNG II. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1. TỔNG QUAN VỀ HỆ THỐNG 2.1.1. Giới thiệu 2.1.2. Khảo sát hiện trạng Hình 2.1. Logo cửa hàng Newhusky fashion - NewHusky là cửa hàng bán quần áo mới thành lập. Các mặt hàng kinh doanh chủ yếu bao gồm các mặt hàng thời trang như: áo, quần, phụ kiện v v. Do sự phát triển của hệ thống thông tin và nhu cầu mua sắm trực tuyến của khách hàng ngày càng được lớn hơn, Cửa hàng quyết định trực tuyến hóa việc mua bán sản phẩm là lựa chọn tạo ra website riêng là cấp bách. 2.1.3. Mô tả bài toán Hệ thống website bán hàng giúp người dùng ghé thăm website xem, chọn lựa các mẫu sản phẩm của cửa hàng, thực hiện đưa sản phẩm vào giỏ hàng nếu muốn. Đặt đơn hàng và thanh toán trực tiếp thông qua dịch vụ ship COD. Quản lý các mục sản phẩm, đơn hàng hiện có của cửa hàng thông qua trình quản lý dành cho quản lý viên. 2.1.4. Mô tả hoạt động nghiệp vụ của hệ thống 2.1.4.1. Tác nhân và chức năng 2.1.4.2. Quy trình hoạt động nghiệp vụ 2.2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.2.1. Phân tích bài toán 2.2.2. Mục tiêu ứng dụng 2.3. ĐẶC TẢ YÊU CẦU HỆ THỐNG 2.3.1. Yêu cầu về môi trường/hệ thống
8. 2.3.2. Xác định yêu cầu 2.3.2.1. Yêu cầu phi chức năng của hệ thống 2.3.2.2. Yêu cầu chức năng của hệ thống 2.3.3. Phân tích yêu cầu 2.3.3.1. Các tác nhân và chức năng 2.3.3.2. Quy trình hoạt động nghiệp vụ 2.3.3.3. Biểu đồ use case Hình 2.2. Biểu đồ usecase hệ thống 2.3.4. Thiết kế cơ sở dữ liệu 2.3.4.1. Mô hình cơ sở dữ liệu
9. Hình 2.3. Biểu đồ mô hình quan hệ của hệ thống 2.3.4.2. Các bảng cơ sở dữ liệu CHƯƠNG III. XÂY DỰNG ỨNG DỤNG 3.1. ĐỊNH HƯỚNG GIẢI QUYẾT BÀI TOÀN 3.1.1. Định hướng xây dựng ứng dụng 3.1.2. Định hướng xây dựng chức năng - Phía người dùng: tìm kiếm, đặt hàng, thanh toán, đăng ký tài khoản, thêm mới địa chỉ - Phía server: quản lý các bản ghi của danh mục, sản phẩm và hóa đơn, hiển thị các mục thống kê cơ bản cho người quản trị 3.2. HOÀN THIỆN ỨNG DỤNG 3.2.1. Giao diện và chức năng phía người dùng (client)
10. Hình 3.1. Trang chủ phân hệ người dùng hệ thống
11. Hình 3.2. Trang sản phẩm theo danh mục Hình 3.3. Trang sản phẩm theo danh mục con Hình 3.4. Trang chi tiết sản phẩm
12. Hình 3.5. Chức năng tìm kiếm phân hệ người dùng Hình 3.6. Responsive website Hình 3.7. Đăng nhập phân hệ người dùng
13. Hình 3.8. Trang quản lý tài khoản của khách hàng Hình 3.9. Trang đặt hàng 3.2.2. Giao diện và chức năng phía quản lý (admin) Hình 3.10. Giao diện đăng nhập admin hệ thống
14. Hình 3.11. Giao diện danh sách đơn hàng Hình 3.12. Giao diện chi tiết sản phẩm Hình 3.13. Giao diện danh sách sản phẩm
15. Hình 3.14. Giao diện thêm sản phẩm
16. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ❖ Kết luận • Những công việc đã làm được - Xây dựng được đa phần các chức năng cần thiết của hệ thống - Thiết kế website thân thiện, đẹp mắt cho người sử dụng • Hạn chế - Do thiếu kinh nghiệm thực tế nên việc phân tích cơ sở dữ liệu gặp nhiều khó khăn, vẫn chưa tối ưu nhất đối với CSDL của hệ thôgs. - Chưa hoàn thiện được hết chức năng đề ra (tích hợp tính năng thanh toán online) - Chưa thực sự thuần thục với hệ quản trị CSDL mới là MongoDB ❖ Kết luận Thời gian vừa rồi thực sự là một thử thách lớn cho bản thân. May mắn kiếm được công việc đúng chuyên ngành sớm nhưng cùng thời điểm với những ngày bắt đầu làm đồ án tốt nghiệp. Quả là một trải nghiệm thử thách. Nhưng phần nào cũng đã giúp em rèn luyện được kỹ năng giải quyết vấn đề, chia nhỏ công việc, lên lịch trình, phân bố thởi gian cụ thể Tuy vậy, vẫn còn các khó khăn trong quá trình và dẫn đến đồ án lần này chưa thực sự hoàn thiện. Nhìn nhận một cách khách quan thì với đồ án lần này, em đã đạt được những yêu cầu đặt ra: - Thành công trong việc nghiên cứu sử dụng công nghệ mới để phát triển dự án. - Tự mình tìm hiểu và làm dự án kịp tiến độ trong thời gian cho phép. ❖ Hướng phát triển - Tích hợp hệ thống thanh toán Paypal vào dự án. - Liên kết với nhiều đơn vị vận chuyển để có nhiều ưu đãi hơn cho khâu vận chuyển của khách hàng.
17. - Phát triển tính năng xem chi tiết ảnh cho mỗi màu của từng sản phẩm. - Bổ sung các thống kê, hoàn thiện giao diện admin. - Tiếp tục nghiên cứu về mongoDB để hoàn thiện bảo mật hơn về CSDL.