Báo cáo chuyên Đề ngôn ngữ kịch bản Đề tài xây dựng website bán mô hình

Trước bối cảnh cạnh tranh khốc liệt trong việc thu thập và xử lý thông tin, các tô chức và doanh nghiệp ngày nay đang nỗ lực xây dựng và hoàn thiện hệ thông thông tin đề hiện đại hóa hoạ

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN

x=

DAl HOC DIEN LUC

ELECTRIC POWER UNIVERSITY

BAO CAO CHUYEN DE NGON NGU KICH BAN

DE TAI: XAY DUNG WEBSITE BAN MO HINH

Sinh viên thực hiện: VÕ VĂN THANG

HOÀNG VĂN PHÚC Giảng viên hướng dẫn: ĐỎ ĐỨC CƯỜNG

PHIEU CHAM DIEM

Chir STT Ho va tén sinh vién Noi dung thuc hién Diém ks

y

Họ và tên giảng viên Chữ ký Ghi cha

MỤC LỤC

LỜI NÓI ĐẦU 2-2222 221122112211221121212211221122112.112112211222121221 Ea

1 Lý do chọn đề tài 5 ST EEE1nH ng HH HH nh nh gu

2 Hướng tiếp cận của đề tài ch Ty H1 re

3 Nội dung thực hiện của đề tài Khảo sát hệ thống - 52 ST gi

4 Ý nghĩa lý luận và ý nghĩa thực tiễn của đề tài - St nerre CHƯƠNG 1: PHÂN TÍCH VÀ THIẾT KÉ HỆ THÓNG - 2 cv

1.1 Các chức năng của hệ thống - s21 E1 112211 1c tt HH

CHƯƠNG 2: CÔNG NGHỆ SU DỤNG - s nnn nHnngggrưyn

2.1.1 Định nghĩa 2.0112 1211111221111221112211 1111111101111 111111011111,

2.1.2 Ưu điểm, nhược điểm 5 SE 1211211 E1 11 7Ex E121 1c Hee

2.1.3 Ứng 010): 8-3 2.2 Tông quan về NodeJS, EXDFTSS 0Q HT HH re 2.2.1 Định nghĩa L2 0002221 1112211112111122111101 111181111111 15g11 1H01 5111

2.2.2 Ưu điểm, nhược điểm 2S SE 1 1211211211712 E1 tre ưyn 2.2.3 Cài đặt NodeJS 0 2122122212222 erere

2.3 Tông quan quan về MongoDB - L1 HH ng 11111111111 xkg

2.3.3 Cài đặt MongoDB 2 5 1222221222112 1e CHƯƠNG 3: KÉT QUÁ THỰC NGHIỆM S55 2 E2 2H tre grrey

3.1 Cầu trúc thư ,0 I1

3.2.1 API Dang nhập, Đăng ký 0221112211112 21H ha ke 3.3 Giao điện Fronf-end - 1c 2211221111211 2 111181112111 1 1H HH nhờ 3.3.1 Giao diện đăng nhập Q0 0222121111222 1222112112221 ke nưyu 3.3.2 Giao diện đăng ký L1 1n 21121181 re tko 3.3.3 Giao diện trang chủ - L L1 2211211122112 2112 1152155021151 rườ

3.3.4 Giao diện chỉ tiết sản phẩm 5S T2 E21 112 1 re ren

3.3.5 Giao diện giỏ hàng Q0 0 202221121122 n2 1111151111111 khe nhười 3.3.6 Giao diện đặt hàng Ặ L0 000221222211 1122221181122 111k ru 3.3.7, Giao diện đặt hàng ccc 222222211 1122212211812 2121111 nưyn

3.3.8 Giao diện hồ sơ - TT HH HH HH HH gryg

k0 VU 6 80)7).WlriiaiiầaầaầaaầiẦWÝÝỶÝ£ 3.3.7 Giao diện admin đơn hàng L0 2221122111221 121 11121151 11x key 3.3.5 Giao diện quản lý tài khoản Q0 00 222121222222 1n nha

ĐÁNH GIÁ KÉT QUÁ VÀ HƯỚNG PHÁT TRIỂN -.5-55cccccsccce2

1 Kết UA Mat MWC 10ẼẺẼ

2 Hạn chế của đề tài 0 TH tt HH ng ng 1 ren

3 Hướng phát triỂn cccnEnngngH HH HH HH nh ng re

TÀI LIỆU THAM KHẢO - 2 s2 2122212212211 212221 reo

LỜI CẢM ƠN

Chúng em xin gửi lời cảm ơn sâu sắc đến tất cả các thầy cô và đồng nghiệp tại Trường Đại học Điện Lực Quãng thời gian nghiên cứu và thực hiện dé tài "Xây dựng website bán mô hình " không chi là một hành trình học thuật mà còn là cơ hội học hỏi vô cùng quý báu

Chúng em muốn bày tỏ lòng biết ơn chân thành đến tất cả các thầy cô trong Khoa Công Nghệ Thông Tin Sự tận tâm giáng dạy, sự hướng dẫn và trang

bị kiến thức chuyên sâu đã giúp chúng em có động lực và nền tảng vững chắc đề tiếp tục hành trình nghiên cứu của mình

Chúng em không thê không nhắc đến sự đóng góp quan trọng của thầy Đỗ Đức Cường Sự tận tâm giảng dạy và hướng dẫn chỉ tiết đã giúp chúng em vượt qua những thách thức, từng bước một, đề hoàn thành đề tài một cách thành công

Sự nỗ lực của thay đã là nguồn động viên lớn nhất cho chứng em

Chúng em muốn bày tỏ lòng biết ơn sâu sắc đến gia đình và bạn bè Sự động viên và ủng hộ không ngừng từ họ là nguồn động viên quan trọng, giúp chúng em vượt qua mọi khó khăn trong quá trình nghiên cứu và thực hiện đề tài Cuối cùng, chúng em rất mong nhận được sự đóng góp ý kiến, nhận xét tận tình và cảm thông từ quý thầy cô và các bạn học Những góp ý này sẽ là nguồn động viên dé chủng em có thê hoàn thiện và nâng cao chất lượng của đề tài này

Một lần nữa, chân thành cảm ơn tất cả những người đã đồng hành và hỗ trợ chúng em trên hành trình này

Trân trọng

LỜI NÓI ĐẦU

Trong thời đại ngày nay, lĩnh vực công nghệ thông tin đã chứng kiến sự phát triển mạnh mẽ, mở ra những tiềm năng lớn cả về chiều rộng và sâu sắc Máy tính không chỉ là công cụ quý hiểm mà ngày càng trở thành phương tiện làm việc

và giải trí phô biến trong cả môi trường công sở và gia đình Trước bối cảnh cạnh tranh khốc liệt trong việc thu thập và xử lý thông tin, các tô chức và doanh nghiệp ngày nay đang nỗ lực xây dựng và hoàn thiện hệ thông thông tin đề hiện đại hóa hoạt động kinh doanh của họ

Các công ty công nghệ hàng đầu trên thế giới đang liên tục đầu tư và phát triển các giải pháp cũng như sản phẩm nhằm thúc đây thương mại trên Internet Thương mại điện tử đã trở thành một yếu tố không thể thiếu, mang lại sự thuận

tiện và hiệu quả trong quá trình giao dịch Việc thực hiện các giao dịch trực tuyến

đã trở nên đơn giản hơn bao giờ hết, chỉ cần một chiếc máy tính kết nối Internet,

bạn có thể dé đàng đặt mua sản phâm mình mong muốn và chờ đợi chúng được

Ø1ao tận nơi

Tại Việt Nam, mặc dù có nhiều doanh nghiệp đã thực hiện thương mại

điện tử, nhưng vấn đề về cơ sở hạ tầng và thanh toán điện tử vẫn còn là những thách thức Do đó, nhiều doanh nghiệp chỉ dừng lại ở việc giới thiệu sản phâm và tiếp nhận đơn đặt hàng thông qua trang web

Nhận thức về những khó khăn này, em đã quyết định thực hiện đề tài "Xây

dựng Website bán mô hình " Mục tiêu của đề tài là giúp công việc kinh đoanh trở nên thuận lợi hơn, đồng thời đáp ứng nhu cầu làm việc linh hoạt mọi lúc, mọi nơi Website sẽ không chỉ hỗ trợ quá trình mua bán mà còn đáp ứng nhu cầu xem thông tin, tương tác trực tuyên của mọi đối tượng khách hàng

MỞ ĐẦU

1 Lý do chọn đề tài

Công nghệ thông tin ngày cảng là một phần quan trọng của cuộc sống, và việc áp dụng nó vào kinh doanh là không thê tránh khỏi Xu hướng tiêu dùng hiện

nay đòi hỏi tính tiện lợi và tốc độ, và việc xây dựng website bán đồ là một

phương tiện hiệu quả đề đáp ứng nhu cầu này

Với sự phát triển của thị trường kinh doanh trực tuyến, quảng bá sản phẩm trực tuyên là một chiến lược quan trọng Việc có một website giúp tăng cường hiện diện trực tuyến và thu hút khách hàng một cách linh hoạt

Phần mềm quản lý và website giúp hệ thống hóa và tự động hóa nhiều công việc quản lý Việc này giúp giảm thao tác thủ công, tăng cường chính xác và hiệu quả trong quản lý doanh nghiệp

Website không chỉ giúp giới thiệu sản phẩm một cách rộng rãi mà còn mở rộng thị trường tiềm năng Khách hàng có thể để dàng tìm kiếm và mua sắm đỗ từ moi noi, giup tăng cường doanh thu và tạo ra cơ hội mới

Việc khách hàng có thể xem và mua sắm đồ chơi mô hình trực tuyến giúp giảm bớt thời gian và chi phí đi chuyên Họ có thể tìm hiểu và đặt mua sản phẩm

một cách thuận tiện từ nhà

Website tạo cơ hội tốt để tương tác với khách hàng Họ có thê đánh giá,

đánh giá sản phẩm, và chia sẻ ý kiến Điều này giúp xây dựng uy tín thương hiệu

và cung cấp thông tin quan trọng cho việc cải thiện chất lượng sản phẩm Vấn đề quản lý thủ công trong cửa hàng bán đỗ chơi mô hình có thê gặp nhiều khó khăn và làm giảm hiệu suất Việc áp dụng công nghệ thông tin giúp giải quyết vần đề này, tạo ra một môi trường quản lý hiện đại và hiệu quả

Tổng cộng, việc xây dựng website bán đồ chơi mô hình không chỉ là nhu

cầu của thời đại mà còn là một cơ hội để cải thiện quản lý kinh doanh và tạo ra một kênh bán hàng trực tuyến linh hoạt và tiện lợi

2 Hướng tiếp cận của đề tài

- Website dé sir dụng, giao diện đẹp, thân thiện với người dùng

- Đây đủ chức năng chính, tính toán chính xác

- Thống kê, báo cáo nhanh, chính xác,hóa đơn để nhìn và đẹp

3 Nội dung thực biện của đề tài Khảo sát hệ thống

- Khảo sát các trang web bán hàng trực tuyến như mohinhxe.com.vn, mohinhxe.vn từ đó áp dụng đề xây dựng website bán đồ chơi mô hình

Phân tích chức năng hệ thống

- Từ quá trình khảo sát, phân tích và đưa ra bảng các chức năng chính của hệ thông và phân tích chỉ tiết từng chức năng

4.Y nghĩa lý luận và ý nghĩa thực tiễn của đề tài

- Hệ thống là một chương trình phần mềm giúp cho các doanh nghiệp hay các chủ cửa hàng giới thiệu và bán sản phẩm của mình tới người tiêu dùng một cách nhanh nhất thông qua trang web bán bán đồ chơi mô hình

Và thông qua trang web này người dùng có thê tiếp cận mặt hàng chỉ với những thao tác đơn giản trên máy có kết nối mạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mắt nhiều thời gian

- Đề tài này giúp em hiểu rõ hơn nghiệp vụ quản lý bán hàng qua mạng

- Ung dung dé tài vào việc tối ưu hóa các chương trình quản lý sản phâm trong các cửa hàng bán mũ bảo hiểm

CHUONG 1: PHAN TICH VA THIET KE HE THONG

Use case này mô tả chức năng cập nhật

thông tin sản phẩm vào hệ thông của

Admm Khi thông tin của một sản

phẩm thay đổi thì Admin là người sẽ

cập nhật những thông tin đó vào hệ thong

6 QUAN LY DON Admin quan ly don hang khi khach

HANG hang dat mua san pham của cửa hàng

7 GIO HANG Chứa những mặt hàng mà khách hàng

đã chọn

KHOẢN hàng và nhân viên

Hình 1.1 use case quản lý sản phẩm

Bảng 1.2: use case quản lý sản phẩm

1 DANG NHAP Use casse nay giup người dùng sử

dụng các chức năng của hệ thống cần đến quyền truy cập

moi | san phâm

3 SỬA SẢN PHẨM Sửa thông tin của sản phâm đã có

trong kho hoặc I sô thông tin liên

1 Tìm kiêm theo Admin (khách hàng) tìm kiêm sản phâm

tên sản phâm theo tên của sản phâm đó

4 thông tin sản Phim >

`

`<Extend>>

`

Thêm sản phẩm vào giỏ hàng Koa sin phẩm vào eo bing `)

Hinh 1.3: use case gio hang Bang 1.4: Use case gi0 hang

1 Xem théng tin Khach hang vao trang web cua

san pham cửa hàng xem thông tin của những

sản phâm có trong cửa hàng

3 Thêm sản phâm Sau khi tìm được sản phâm khách

vào giỏ hàng hàng chọn sản phẩm vào giỏ hàng

nếu muốn chọn tiếp thì quay lại trang sản phẩm và cho thêm vào giỏ hàng

CHƯƠNG 2: CÔNG NGHỆ SỬ DỤNG

2.1 Tổng quan về Javascript

2.1.1 Định nghĩa

JavaScript là ngôn ngữ lập trình được nhà phát triển sử đụng đề tạo trang

web tương tác Từ làm mới bảng tin trên trang mạng xã hội đến hiển thị hình

ảnh động và bản đồ tương tác, các chức năng của JavaScript có thê cải thiện trải nghiệm người dùng của trang web Là ngôn ngữ kịch bản phía máy khách, JavaScript là một trong những công nghệ cốt lõi cha World Wide Web Vi du: khi duyét internet, bat cứ khi nào bạn thấy quảng cáo quay vòng đạng hình ảnh, menu thả xuống nhấp đề hiện thị hoặc màu sắc phân tử thay đổi động trên trang web cũng chính là lúc bạn thấy các hiệu ứng của JavaScript

2.1.2 Ưu điểm, nhược điểm

*Ưu Điểm

Dễ học và triển khai:

- JavaScript là một ngôn ngữ dễ học, đặc biệt là đối với những ngườmmới học lập trình

- Không cần cài đặt hoặc biên địch trước, có thẻ thực thi trực

tiếp trêntrình duyệt

- Hỗ trợ các chức năng đa nhiệm thông qua sự hỗ trợ của sự bất đồng bộ (asynchronous) thông qua các callback và promises

Hỗ trợ mạnh mẽ cho các thư viện và framework:

- Co nhiéu thu vién va framework manh mé nhu React,

Angular, Vue,js được xây dựng trên nền tang JavaScript Chạy trên mọi trình duyệt:

- JavaScript được hỗ trợ trên hầu hết các trình duyệt hiện đại, giúpđảm bảo tính tương thích đa nền táng

*Nhược Điểm

Bảo mật:

- JavaScript chạy trên trình duyệt của người dùng, điều này

có thê tạo ra các vần đề về bảo mật như mã độc (malware) và tần

công CrossSifte Scripting (XSS)

Thực thi chậm trên một số thiết bị có tài nguyên hạn chế:

- Trong môi trường thiết bị có tài nguyên hạn chế, việc thực

thi mã JavaScript có thể gây ra hiệu suất kém

Single-threaded nature:

- JavaScript là ngôn ngữ đơn luồng, điều này có nghĩa là nó

chỉ có thể thực hiện một nhiệm vụ tại một thời điểm Điều nảy có

thê tạo ra vấn đề với các tác vụ đòi hỏi nhiều xử lý đồng thời Quản lý dự án phức tạp:

- Trong các dự án lớn, quản lý mã nguồn JavaScript có thê trở nên khó khăn vì nó không cung cấp cấu trúc chặt chẽ như một số ngôn ngữ khác

10

Không có kiểu dữ liệu tường minh:

- JavaScript là ngôn ngữ không kiểu, điều này có thê dẫn đến những lỗi không mong muốn do kiểu đữ liệu

2.1.3 Ứng dụng

JavaScript được sử dụng rộng rãi trong nhiều ứng dụng khác nhau, đặc biệt

là trong phát triển web Dưới đây là một số ứng dụng phố biến của JavaScript:

Phat trién trang web dong:

- JavaScript làm cho các trang web trở nên động, tương tác

và linh hoạt hơn Nó được sử dụng dé thay đổi nội dung trang

web mà không cần tải lại trang, cải thiện trái nghiệm người dùng Phát triển ứng dụng web đơn trang (SPA):

- JavaScript thường được sử dung trong cac framework nhu React, Angular, và Vue.js để xây dựng các ứng dụng web đơn trang, giúp tăng cường hiệu suất và tương tác người ding

Xử lý sự kiện người dùng:

- JavaScript được sử dụng để bắt lấy và xử lý sự kiện từ

người dùng như nhấn nút, đi chuyên chuột, hoặc gõ phím Ajax (Asynchronous Javascript and XML):

- JavaScript, cung voi XML HttpRequest hoac Fetch API, được sử dụng để tạo các yêu cầu HTTP bất đồng bộ, giúp tải đữ liệu từ máy chủ mà không lam tai lại trang

Validation form trên trình duyệt

II

- JavaScript thường được sử dụng đề kiêm tra dữ liệu người dùng ngay trên trình duyệt trước khi gửi đữ liệu lên máy chủ Animation va hiéu ing trang web:

- JavaScript giúp tạo ra các hiệu ứng d6 hoa va animation trên trang website, cải thiện tính tương tác và thu hút người dùng

Đối tượng JSON (Javascript Object Notation):

- JavaScript thường được sử dụng dé parse va tao JSON, giúp truyền đữ liệu giữa máy chủ và trình duyệt mét cach dé đàng

Phát triển ứng dụng di động:

- Cac framework nhu React Native cho phép str dung JavaScript để phát triển ứng dụng di động cho cả ¡iOS và Android

Game và độ họa trực tuyến:

- Mét s6 thu vién nhu Phaser.js duoc str dung dé phat trién game và đồ họa trực tuyến bằng JavaScript

IoT (Internet of Things)

- JavaScript cũng có thê được sử dụng trong phát triển ứng dụng cho Internet of Things (IoT), đặc biệt là khi kết hợp với Node.js để xây đựng các ứng dung may cht IoT

12

2.2 Tông quan về NodeJS, Express

2.2.1 Dinh nghia

- NodeJS 1a m6t m4 ngu6n duoc xay dung dya trén nén tang Javascript V8 Engine, no được sử dụng để xây dựng các ứng dụng web như các trang video clip, các forum và đặc biệt là trang mạng xã hội phạm vị hẹp NodeJS là một mã nguồn mở được sử dụng rộng bởi hàng ngàn lập trình viên trên toàn thế giới NodelS có thể chạy trên nhiều nền tảng hệ điều hành khác nhau

tr Window cho tới Linux, OS X nên đó cũng là một lợi thé

NodeJS cung cấp các thư viện phong phú ở dạng Javascript Module khác nhau giúp đơn giản hóa việc lập trình và giảm thời gian ở mức thấp nhất

- Expressjs la mét framework được xây dựng trên nền tảng của Nođejs 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à để sử dụng

2.2.2 Ưu điểm, nhược điểm

*Ưu Điểm

Bắt đồng bộ va Non-blocking I/O:

- Node.js str dyng mé hinh bat déng bé (asynchronous) va nonblocking IL/O, giúp xử lý hàng loạt yêu cầu mà không phải chờ đợi, tăng hiệu suât và khả năng mở rộng

Chung mã nguồn giữa client và server:

- JavaScript co thé chay ca trén may chu va trinh duyét, giup đơn giản hóa quá trình phát triển và duy trì mã nguồn

Communitfy mạnh mẽ và sự hỗ trợ lớn:

13

- Node.js có cộng đồng phát triển mạnh mẽ, với nhiều thư vién va framework c6 săn đề giúp việc phát triển

Hiệu suât cao:

- Với mô hình không chặn, Node.js thường có hiệu suất cao

đặc biệt trong việc xử lý các kết nỗi đồng thời

Module hóa:

- Node.js str dung hé théng module giúp tô chức mã nguồn thành các phân nhỏ, đễ duy trì và phát triển

Có thể sử dụng cho ứng dụng thời gian thực:

- Đối với các ứng dụng yêu cầu xử lý thời gian thực (real-

time), như chat hoặc trò chơi trực tuyến, Node.js la một lựa chọn

Không phù hợp cho các tác vụ tính toán nặng:

- Do single-threaded nature, Node.js khong phu hop cho cac tác vụ tính toán nặng mà yêu cầu sự xử lý đa luồng

Callback Hell:

- Trong mô hình bất đồng bộ, có thể xảy ra tình trạng

"Callback Hell" khi có quá nhiều callback lồng nhau, làm cho mã

nguồn khó đọc và duy trì

Chưa có hệ thông chuẩn quan ly dependency:

14

- Trái với một số ngôn ngữ khác, Node.js không có một hệ thống quản lý dependency chính thức, điều này có thê tạo ra van

đề khi quản lý các thư viện và phiên bản

Thiếu một số tính năng tích hợp sẵn:

- Node.js không có nhiều tính năng tích hợp sẵn như các

framework khác, đôi khi bạn cần phải sử dụng các thư viện bên thứ ba đề thực hiện các chức năng cụ thê

Khó khăn khi xử lý lỗi:

- — Trong mô hình bất đồng bộ, việc xử lý lỗi có thể trở nên

phức tạp hơn so với mô hình đồng bộ truyền thống

2.2.3 Cài đặt NodeJS

Truy cập trang chính thức của Node.js:

- Mở trình duyét web va truy cap trang https://nodejs.org/ Tai phién ban LTS (Recommended for Most Users):

- Trong trang chính, bạn nên tải bản LTS (Long Term Support) vì đây là phiên bản được khuyến nghị cho hầu hết người dùng

Chạy trình cài đặt:

- Mở tệp cài đặt sau khi đã tái xong và làm theo hướng dẫn trên màn hình để cài dit Node.js va npm (Node Package Manager)

Kiêm tra cài đặt:

- Mo Command Prompt hoaic PowerShell va g6 cac lệnh sau

dé kiém tra phién ban da cai dat: node -v va npm -v

15