Tiểu luận xây dựng trang website bán laptop duck shop

bị 10 Chuẩn b ịtốt mọi điều kiện cho vi c ệthực hiện project, có thể khởi động ngay Chuẩn b ịđược đa số điều kiện cho vi c ệthực hiện, có thể khởi động và bổ sung sau Chuẩn b ịđược một s

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

TIỂ U LUẬN MÔN H C Ọ

TRƯỜNG ĐẠI HỌC TH D U M T Ủ Ầ Ộ

TIỂ U LUẬN MÔN H C Ọ

PHIẾ ĐÁNH GIÁ PROJECT

(Đánh giá quá trình thực hiện, báo cáo văn bản và sản phẩm)

Học phần: LẬP TRÌNH WEB

Họ và tên sinh viên (MSSV):

Khá 75%

Trung bình 50%

Kém 0%

05

Tích cực tìm ki m ế

và ch ủđộng đưa

ra ý tưởng mang tính mới

Tìm kiếm và đưa ra được

ý tưởng khá tốt

Chọn ý tưởng trong số được

đề nghị

Không quan tâm lựa chọn

ý tưởng

Lập

kế hoạch thực hiện

05

Hoàn toàn hợp lý, không c n ầđiều ch nh ỉ

Khá hợp lý, điều ch nh ỉchút ít theo góp ý

Chưa hợp lý,

có điều ch nh ỉtheo góp ý

Không hợp lý

và không điều chỉnh theo góp

ý

TRƯỜNG ĐH THỦ DẦU MỘT

KHOA KỸ THUẬT CÔNG NGHỆ

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

bị

10

Chuẩn b ịtốt mọi điều kiện cho vi c ệthực hiện project, có thể khởi động ngay

Chuẩn b ịđược đa số điều kiện cho vi c ệthực hiện, có thể khởi động và bổ sung sau

Chuẩn b ịđược một s ốđiều kiện cho việc th c hiự ện nhưng cần bổ sung thêm mới có thể khởi động

Không chuẩn b ịđược điều kiện nào

Giai đoạn thực hiện

10

Thực hiện hoàn toàn đúng phương pháp

Thực hiện khá đúng phương pháp, sai sót nhỏ và có sửa chữa

Thực hiện tương đối đúng phương pháp, sai sót quan trọng và

có s a chử ữa

Thực hiện không đúng phương pháp, sai sót không sửa chữa

10

Triển khai đúng kế hoạch

Triển khai khá đúng kế hoạch, có chậm trễ nhưng không gây ảnh hưởng

Triển khai tương đối đúng kế hoạch, có chậm trễ gây ảnh hưởng nhưng khắc phục được

Triển khai chậm trễ, gây nh ảhưởng không khắc phục được Mức

độ đạt được

20

Ghi rõ từng m c tiêu thành phụ ần (ở m ỗi giai đoạn

của project) và thang điểm cụ thể

tiêu thành phần

Phần 2: Đánh giá cá nhân làm việc nhóm Làm vi c nhóm ệ

Hướng dẫ n: Nhóm họp th o luả ận đánh giá lẫn nhau K ết qu này sẽ được sử d ng ả ụ

đểqui đổi từ điểm c ủa nhóm thành điểm của mỗi cá nhân, tuỳ theo % mỗi cá nhân đạt được

2 (Tên h ọ): Huỳ nh Phúc H u ậĐiểm làm vi c nhóm (%): 80% ệ

TÊN H Ọ VÀ CHỮ KÝ XÁC NH ẬN CỦ A CÁC THÀNH VIÊN TRONG NHÓM:

ĐIỂM CỦA CÁ NHÂN

Nguyễn Hữu Vĩnh

Ghi nhận của GV

(phần này do GV ghi và lưu

riêng để theo dõi, tư vấn cho

Mục L c ụ

LỜI CẢM ƠN 8

LỜI CAM ĐOAN 9

TÓM TẮT 10

CHƯƠNG 1: LỜI MỞ ĐẦU 12

1 LÍ DO CHỌN ĐỀ TÀI 12

2 MỤC ĐÍCH CỦA ĐỀ TÀI 12

3 PHẠ M VI CỦA ĐỀ TÀI 12

CHƯƠNG 2:GIỚI THIỆU MVC 13

1 T ng quan v MVC 13 ổ ề 1.1 Khái ni m MVC 13 ệ 1.2 Ưu và nhược điểm c a MVC 13 ủ 2 T ng quan v h ổ ề ệ quả n tr ị cơ sở dữ liệu SQLServer 14

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15

3.1 SƠ ĐỒ USE CASE TỔNG THỂ 15

3.2 PHÂN TÍCH CÁC CHỨC NĂNG 16

3.2.1 H ệ Quả n Tr 16 ị CHƯƠNG 4: XÂY DỰNG WEB BÁN LAPTOP DUCKSHOP 20

4.1 GIAO DIỆN ĐĂNG KÝ 20

4.2 GIAO DIỆN ĐĂNG NHẬP 20

4.3 GIAO DI N TRANG CH 21 Ệ Ủ 4.4 GIAO DI N QU N LÝ S N PH M 22 Ệ Ả Ả Ẩ 4.5 GIAO DI N QU N LÝ HÃNG 22 Ệ Ả 4.6 GIAO DI N QU N LÝ TÀI KHO N 22 Ệ Ả Ả 4.7 GIAO DI N QUỆ ẢN LÝ HÓA ĐƠN 23

4.8 GIAO DI N THANH TOÁN 23 Ệ 4.9 GIAO DI N CH NH S A GI HÀNG 24 Ệ Ỉ Ử Ỏ 4.10 GIAO DI N GI HÀNG 24 Ệ Ỏ CHƯƠNG 5: KẾT LUẬN 26

1 K t luế ận đề tài 26

1.1 Ưu nhược điểm h ệ thống 26

1.2 Hướng phát tri n và m rể ở ộng đề tài 26

1.3 L i k t 26 ờ ế CHƯƠNG 6: TÀI LIỆU THAM KHẢO 27

LỜI CẢM ƠN

Để cho chúng em có th hoàn thành u lu n l p trình web và ti p c n vể tiể ậ ậ ế ậ ới một sản ph m ph n m m, nhẩ ầ ề ờ sự giúp đỡ ậ t n tình của các thầy cô, bạn bè trường Đại Học Thủ D u M t trong suầ ộ ốt thời gian học tập và nghiên c u tứ ại trường Đặc biệt là thầy ThS.Nguyễn Hữu Vĩnh người đã trực tiếp hướ- ng d n, góp ý cho chúng tôi r t nhi u ẫ ấ ề Xin trân trọng cảm ơn: Các thầ cô của trường Đại Học Thủ Dàu Một Thầy y Ths Nguyễn Hữu Vĩnh, là giảng viên trường Đại Học Thủ Dầu Một đã hướng dẫn chúng tôi xuyên suốt quá trình thực hiện tiểu luận này

Cuối cùng xin gửi lời cảm ơn tới những người thân trong gia đình, bạn bè đã giúp đỡ, khuyến khích và động viên tôi trong suốt quá trình học tập, nghiên cứu và thực hiện báo cáo

Bài báo cáo tiểu luận “Xây dựng website bán laptop Duck Shop” tuy đã hoàn thành nhưng chắc hn còn có những thiếu sót, rất mong nhận được ý kiến đóng góp và giúp đỡ của thầy cô và bạn bè để người thực hiện đề tài có thể hoàn thành tốt nhất bài báo cáo này Rất mong nhận được những đóng góp từ quý thầy cô, bạn bè và những người quan tâm để báo cáo có thể hoàn thiện hơn Xin chân thành cám ơn

LỜI CAM ĐOANTôi xin cam đoan đồ án “ Website bán laptop Duck Shop” là công trình nghiên cứu của nhóm và được sự hướng dẫn của giảng viên Nguyễn Hữu Vĩnh Các nội dung nghiên cứu, kết quả trong đề tài này là trung thực và chưa công

bố dưới bất kỳ hình thức nào trước đây

Những phần sử dụng tài liệu tham khảo trong đồ án đã được nêu rõ trong phần tài liệu tham khảo

Ngoài ra , trong bài báo cáo còn sử dụng một số nhận xét, đánh giá cũng như

số liệu của các tác giả khác , cơ quan tố chức khác đều có trích dẫn và chú thích nguồn gốc

Nếu phát hiện có bất kỳ sự gian lận nào tôi xin hoàn toàn chịu trách nhiệm

về nội dung luận văn của mình Trường đại học Thủ Dầu Một không liên quan đến những vi phạm tác quyền, bản quyền do nhóm gây ra trong quá trình thực hiện nếu có

Bình Dương , Ngày 22 tháng 7 năm 2021

Sinh viênHoàng Quốc ViệtHuỳnh Phúc Hậu

TÓM TẮTXây dựng website bán laptop được được thực hiện sau khi thực sau khi khảo sát đánh giá theo nhu cầu của người dùng.Phần mềm có giao diện thân thiện giúp cho người dùng quản lý sản phẩm,… một cách thuận tiện

Phần mềm dựa trên nền tảng Microsoft Visual kết nối với cơ sở dữ liệu là sql server

Cấu trúc báo cáo được chia thành 4 phần:

1 Cơ Sở Lý Thuyết

2 Phân tích đề tài

3 Thiết kế và xây dựng chương trình quản lý phòng trọ

4 Kết luận

SUMMARY Building a website to sell laptops is done after surveying and evaluating according to users' needs The software has a friendly interface that helps users manage products, etc conveniently

Software based on Microsoft Visual Studio platform using to connect to the database

is sql server

The report structure is divided into 4 parts:

1 Theoretical Basis

2 Analyze the topic

3 Design and build a room management program

4 Conclusion

CHƯƠNG 1: LỜI MỞ ĐẦU

Chương này sẽ nêu lý do chọn đề tài, các mục đích nghiên cứu của đề tài, cũng như các phương pháp áp dụng trong quá trình nghiên cứu cùng với đó là ý nghĩa mà

nghiên c u mang l i trong thứ ạ ực tiễn

Khoa h c công ngh ngày càng phát triọ ệ ển, nó được ứng d ng r ng rãi trong t t c ụ ộ ấ ảcác lĩnh vực Cùng với đó nhu cầu tìm kiếm thông tin của con người ngày càng nhiều Hình thức trao đổi mua bán laptop cũng ngày càng đa dạng

Việc ứng dụng thương mại điệ ử vào trao đổn t i mua bán laptop mang l i nhi u lạ ề ợi ích cho các doanh nghi p Các doanh nghi p có th ệ ệ ể giảm đáng kể chi phí cho vi c qu n ệ ảcáo s n ph m c a mình, qu ng bá s n ph m t i khách hàng rả ẩ ủ ả ả ẩ ớ ộng rãi hơn và nhiều d ch ị

vụ khác Việc trao đổi mua bán sẽ trở nên đơn giản hơn

CHƯƠNG 2:GIỚI THIỆU MVC

1 Tổng quan v MVC ề

1.1 Khái ni m MVC ệ

MVC là từ viết tắt bởi 3 từ Model – View – Controller Đây là mô hình thiết kế sử dụng trong kỹ thuật phần mềm Mô hình source code thành 3 phần, tương ứng mỗi từ

Mỗi từ tương ứng với một hoạt động tách biệt trong một mô hình.Model (M):

Là bộ phận có chức năng lưu trữ toàn bộ dữ liệu của ứng dụng Bộ phận này là một cầu nối giữa 2 thành phần bên dưới là View và Controller Model thể hiện dưới hình thức là một cơ sở dữ liệu hoặc có khi chỉ đơn giản là một file XML bình thường Model thể hiện rõ các thao tác với cơ sở dữ liệu như cho phép xem, truy xuất, xử lý dữ liệu,…

View (V):

Đây là phần giao diện (theme) dành cho người sử dụng Nơi mà người dùng có thể lấy được thông tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm hoặc

sử dụng thông qua các website

Thông thường, các ứng dụng web sử dụng MVC View như một phần của hệ thống, nơi các thành phần HTML được tạo ra Bên cạnh đó, View cũng có chức năng ghi nhận hoạt động của người dùng để tương tác với Controller Tuy nhiên, View không

có mối quan hệ trực tiếp với Controller, cũng không được lấy dữ liệu từ Controller mà chỉ hiển thị yêu cầu chuyển cho Controller mà thôi

Ví dụ: Nút “delete” được tạo bởi View khi người dùng nhấn vào nút đó sẽ có một hành động trong Controller

Controller (C):

Bộ phận có nhiệm vụ xử lý các yêu cầu người dùng đưa đến thông qua view Từ đó, C đưa ra dữ liệu phù hợp với người dùng Bên cạnh đó, Controller còn có chức năng kết nối với model

1.2 Ưu và nhược điểm của MVC

Ưu điểm của mô hình MVC

• Kiểm tra dễ dàng: V i ớ MVC, ạ b n có th d dàng ki m tra, rà soát l i ph n mể ễ ể ỗ ầ ềm trước khi tới tay người tiêu dùng, đảm bảo chất lượng và độ uy tín cao hơn

• Chức năng control: Trên các nền website thì ngôn ng lập trình như CSS, ữHTML, Javascript có một vai trò vô cùng quan trọng Việc sử ụ d ng mô hình MVC sẽ giúp b n có mạ ột bộ control ưu việt trên n n t ng các ngôn ng hi n ề ả ữ ệ

• Đơn g ản: Đây là mội t mô hình với kết cấu tương đối đơn giản Dù bạn không

có quá nhiều chuyên môn cũng có thể sử dụng được

Nhược điểm của mô hình MVC

• MVC thường được sử dụng vào những dự án lớn Do đó, với các dự án nhỏ,

mô hình MVC có thể gây cồng kềnh, tốn thời gian trong quá trình phát triển cũng như thời gian trung chuyển dữ liệu

2 Tổng quan v h ề ệ quả n tr ị cơ sở dữ liệu SQLServer

Thực ra thì có r t nhi u h qu n trấ ề ệ ả ị cơ sở m nh mạ ẽ như: Oracle, MySQL… Nhưng trong báo cáo tốt nghiệp em xin phép sử dụng SQLServer để xây dựng phần mềm

SQL Server (viết tắt của cụm từ Structured Query Language) là một hệ thống quản lý cơ sở dữ liệu quan hệ (Relational Database Management System, viết tắt là RDBMS) SQL Server có khả năng hỗ trợ một số lượng lớn các quy trình

xử lý giao dịch, ứng dụng doanh nghiệp và ứng dụng phân tích trong các công

ty hoạt động trong lĩnh vực IT

Cũng giống như các hệ thống quản lý cơ sở dữ liệu qua hệ khác, SQL Server được xây dựng trên lớp SQL – là ngôn ngữ lập trình tiêu chuẩn hoá được quản trị viên cơ sở dữ liệu (DBAs) và các chuyên gia IT sử dụng để quản lý cơ sở dữ liệu và truy vấn các dữ liệu nằm bên trong

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG Chương này sẽ mô tả việc thiế ết k hệ thống thông qua các sơ đồ usecase, sequence, cũng như mô tả mà cách thức hoạt động theo quy trình đã tìm hiểu ở chương trước đó,cũng như mô tả các bảng trong cơ sở dữ liệu

3.1 SƠ ĐỒ USE CASE TỔNG THỂ

Hình 1 Use Case User

4 Điều kiện kích hoạt (Trigger) - Khi actor cần thêm một sản ph m ẩ

5 Tiền đi u kiện:ề Khi cần them s n ph m ả ẩ

6 Lu ng sồ ự kiệ n

6.1 Lu ng s ki n chính: ồ ự ệ nh ững

bước hoạt động của h ệ thống (tác

nhân) mang l i kq thành côngạ

- Đăng nhập v i tài kho n admin ớ ả

- Thêm sản ph m ẩ

6.2 Lu ng s ki n thay th ồ ự ệ ế

6.3 Lu ng ngoồ ại l / luệ ồng ph ụ - Khi sản phẩm không được thêm khi mất mạng

7 Hậu điều ki ện: Điều gì x y ra sau ả

4 Điều kiện kích hoạt (Trigger) - Khi actor cần xóa một sản ph m ẩ

5 Ti ền điều kiện: Khi cần xóa s n ph m ả ẩ

6 Lu ng s ồ ự kiệ n

6.1 Lu ng s ki n chính: ồ ự ệ - Đăng nhập v i tài kho n admin ớ ả

- Xóa s n ph m ả ẩ6.2 Lu ng s ki n thay th ồ ự ệ ế

6.3 Lu ng ngoồ ại l / luệ ồng ph ụ - Khi sản phẩm đã hết hàng không còn s n phả ẩm để xóa

7 Hậu điều ki ện: Điều gì x y ra sau ả

khi UC th c hi n xong ự ệ

- S n ph m s ả ẩ ẽ được xóa kh list danh sách ỏi

8 Các yêu c u khác ầ

c Sơ đồ use case sửa sản phẩm

4 Điều kiện kích hoạt (Trigger) - Khi actor cần s a m t s n ph m ử ộ ả ẩ

5 Ti ền điều kiện: Khi cần s a s n ph m ử ả ẩ

6 Lu ng s ồ ự kiệ n

6.1 Lu ng s ki n chính: ồ ự ệ - Đăng nhập v i tài kho n admin ớ ả

- Sửa s n ph m ả ẩ6.2 Lu ng s ki n thay th ồ ự ệ ế

6.3 Lu ng ngoồ ại l / luệ ồng ph ụ - Khi sản phẩm đã hết hàng không còn s n phả ẩm để ử s a

7 Hậu điều ki ện: Điều gì x y ra sau ả

khi UC th c hi n xong ự ệ

- S n ph m s s a thông tin list danh sách ả ẩ ẽ ử

8 Các yêu c u khác ầ

4 Điều kiện kích hoạt (Trigger) - Khi khách hàng c n ầ mua ột sả m n ph m ẩ

5 Tiền đi u kiện:ề Khi cần mua s n ph m ả ẩ

6 Lu ng sồ ự kiệ n

6.1 Lu ng s ki n chính: ồ ự ệ nh ững

bước hoạt động của h ệ thống (tác

nhân) mang l i kq thành côngạ

- Đăng nhập tài kho n ả

- Chọn s n ph m ả ẩ

- Cho vào giỏ hàng sau đó đặt mua6.2 Lu ng s ki n thay th ồ ự ệ ế

6.3 Lu ng ngoồ ại l / luệ ồng ph ụ - Khi tiền trong thẻ không đủ để thanh toán

7 Hậu điều ki ện: Điều gì x y ra sau ả

4 Điều kiện kích hoạt (Trigger) - Khi actor cần xem một sản ph m ẩ

5 Tiền đi u kiện:ề Khi cần xem s n ph m ả ẩ

6 Lu ng sồ ự kiệ n

6.1 Lu ng s ki n chính: ồ ự ệ nh ững

bước hoạt động của h ệ thống (tác

nhân) mang l i kq thành côngạ

- Đăng nhập tài kho n ả

- Xem sản ph m ẩ6.2 Lu ng s ki n thay th ồ ự ệ ế

6.3 Lu ng ngoồ ại l / luệ ồng ph ụ - Khi s n phả ẩm đã hết hàng s không xu t hi n ẽ ấ ệ ở trang ch ủ

7 Hậu điều ki ện: Điều gì x y ra sau ả

CHƯƠNG 4: XÂY DỰNG WEB BÁN LAPTOP DUCKSHOP

Trong chương này trình bày giao diện chạy thực tế của phần sau khi đã hoàn thiện về thiết kế và thi công, cho người dùng cái nhìn trực quan về cái nhìn trực quan nhất về ứng dụng cũng như cách sử dụng nó

4.1 GIAO DIỆN ĐĂNG KÝ

Hình 4.1 Giao diện Đăng ký

Đây là trang mà người dùng có thể tự đăng ký tài khoản cho mình.Người dùng chỉ cần đăng ký một tài khoản hoàn toàn miễn phí tại đây là đã có toàn quyền sử dụng những tính năng tìm kiếm laptop và đặt mua trở nên dễ dàng hơn

Để tạo được tài khoản, người dùng cần nhập đầy đủ thông tin mà hệ thống yêu cầu bao gồm Email, Full Name, Password, address, confirm password, phone number Sau khi hoàn tất việc nhập thông tin trên, người dùng bấm chọn nút “Create Account” nằm ngay phía dưới để hoàn tất việc đăng ký

4.2 GIAO DIỆN ĐĂNG NHẬP

Hình 4.2 Giao Diện Đăng Nhập

4.3 GIAO DIỆN TRANG CHỦ

Hình 4.3 Giao Diện Trang Chủ Sau khi đăng nhập thành công, người dùng sẽ được đưa đến trang chủ của ứng dụng Các thông tin được cung cấp bao gồm:

• Laptop

• Giá

• Thông tin laptop

• Laptop theo hiệu

4.4 GIAO DIỆN QUẢN LÝ SẢN PHẨM

Hình 4.4 Giao di n qu n lý s n ph m ệ ả ả ẩ

Admin có quyền thêm, xóa, sửa phẩm khi ch n vào thêm mọ ới, sửa, chi tiết, xóa

Admin có quyền s a, xóa, xem chi ti t hang ử ế

4.7 GIAO DIỆN QUẢN LÝ HÓA ĐƠN

4.9 GIAO DIỆN CHỈNH SỬA GIỎ HÀNG

4.10 GIAO DIỆN GIỎ HÀNG

Hình 5.8 Giao Diện Giỏ Hàng

✓ Việc lưu trữ sẽ đơn giản, không cần phải có nơi lưu trữ lớn, các thông tin về

cửa hàng điên t s ử ẽ chính xác và nhanh chóng hơn

✓ Rút ngắn công vi c c a nhân viên qu n lý, giệ ủ ả ảm số lượng nhân viên, tránh tình trạng dư thừa

1.2 Hướng phát tri n và m rể ở ộng đề tài

Để phần m m qu n lý này góp ph n quan tr ng trong vi c qu n lý cề ả ầ ọ ệ ả ửa hàng điện t , ửgiảm bớt s c ng k nh c a sự ồ ề ủ ổ sách… thì việc mở rộng đề tài, xem xét nhi u khía ềcạnh hơn nữa để phần mềm được hoàn thiện hơn là rất cần thiết Trong đề tài này chúng em ch m i có phân tích và xây d ng ph n mỉ ớ ự ầ ềm đơn giản chưa có tính phức tạp Vì vậy, hướng phát tri n cể ủa đề tài này là:

✓ Các m i quan h ràng bu c gi a các bố ệ ộ ữ ảng trong cơ sở ữ liệ d u c n ph i chầ ả ặt chẽ hơn

✓ Chuyển hướng quản lý thông tin qua mạng

✓ Mở r ng thêm ng dộ ứ ụng web: Cho phép khách hàng mua online

✓ Tiếp t c hoàn ch nh các chụ ỉ ức năng còn thiếu sót

1.3 Lời k t ế

Xây dựng website nói chung, website bán laptop nói riêng không chỉ là việc xây dựng đơn thuần, mà nó đòi hỏi một cách có hệ thống các giai đoạn khảo sát, phân tích thi t kế ế phải được tiến hành trước đó

Qua việc nghiên c u xây dứ ựng đề tài này, m t phộ ần đã củng c cho chúng ố em kiến thức về l p trình thậ ì nó cũng cung cấp cho chúng em thêm là làm th nào có th ế ểxây dựng được một phần m m hoàn chề ỉnh