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

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

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

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 ìn h ả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 t h ứ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

- Nghiên cứu nền tảng backend mới là Nodejs – một n ền t ản g

đượ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 Engin e – 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ụ t h ể để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

- Đọ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ụ n g

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

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ù n g 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

• 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

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 t ran g n h ư: áo, quần, phụ kiện v v Do sự phát triển của hệ thống thông tin và n h u 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 websit e 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 t oán t rực t iế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

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

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)

Hình 3.1 Trang chủ phân hệ người dùng hệ thống

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

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

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

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

Hình 3.14 Giao diện thêm sản phẩm

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ù n g 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 t ron g 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

- Phát triển tính năng xem chi tiết ảnh cho m ỗi m àu củ a t ừn g

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