Đồ án Website shop thời trang H&N

BAN QUẢN LÝ CÁC KCX & KCN TP. HỒ CHÍ MINH

TRƯỜNG CAO ĐẲNG BÁN CÔNG CÔNG NGHỆ

VÀ QUẢN TRỊ DOANH NGHIỆP (CTIM)

KHOA CÔNG NGHỆ THÔNG TIN



ĐỒ ÁN TỐT NGHIỆP

Website SHOP Thời Trang H&N

Giáo viên hướng dẫn: ThS. PHẠM QUANG SÁNG

Sinh viên thực hiện: LÊ THÀNH NHÂN (1710010013)

Lớp: CÔNG NGHỆ THÔNG TIN – K19

NIÊN KHOÁ: 2017 - 2020

BAN QUẢN LÝ CÁC KCX & KCN TP. HỒ CHÍ MINH

TRƯỜNG CAO ĐẲNG BÁN CÔNG CÔNG NGHỆ

VÀ QUẢN TRỊ DOANH NGHIỆP (CTIM)

KHOA CÔNG NGHỆ THÔNG TIN



ĐỒ ÁN TỐT NGHIỆP

Website SHOP Thời Trang H&N

Giáo viên hướng dẫn: ThS. PHẠM QUANG SÁNG

Sinh viên thực hiện: LÊ THÀNH NHÂN (1710010013)

Lớp: CÔNG NGHỆ THÔNG TIN – K19

NIÊN KHOÁ: 2017 - 2020

LỜI CẢM ƠN

Trước hết em xin bày tỏ lòng biết ơn sâu sắc tới thầy Phạm Quang Sáng, người đã

trực tiếp hướng dẫn và tận tình giúp đỡ em hoàn thành tốt đề tài đồ án tốt nghiệp.

Em xin chân thành cảm ơn sự giúp đỡ cũng như dạy dỗ nhiệt tình cho em cả về

kiến thức chuyên môn và tinh thần học tập độc lập, sáng tạo để em có kiến thức thực hiện

đồ án của mình.

Trong quá trình thực hiện đồ án, mặc dù đã cố gắng hết sức song do thời gian

và khả năng có hạn nên em không thể tránh khỏi những thiếu sót. Vì vậy, em rất mong

nhận được sự đóng góp ý, chỉ bảo và giúp đỡ của các thầy giáo, cô giáo và các bạn.

Một lần nữa em xin chân thành cảm ơn !

LỜI MỞ ĐẦU

Sự bùng nổ Công nghệ thông tin (CNTT), trong những năm gần đây đã tác động

đến mọi mặt của đời sống xã hội từ khoa học kỹ thuật đến kinh tế xã hội. Nhờ có tin học

các hoạt động sản xuất, quản lý trở nên phong phú, thuận tiện hơn và mang lại nhiều lợi

ích hơn. CNTT đã xâm nhập vào các hoạt động của con người và ngày càng khẳng định

vai trò của nó.

Trong những năm gần đây, công nghệ thông tin ở nước ta đã có những tiến bộ vượt

bậc. Nó không còn xa lạ với mọi người và ngày càng được ứng dụng rộng rãi trong tất cả

các lĩnh vực của đời sống xã hội cũng như trong công tác quản lý.

Quản lý một hoạt động vô cùng rộng lớn cho dù ở bất kì cấp quản lý nào, nó không

đơn giản chỉ ở cấp độ quản lý con người mà còn quản lý nhiều đối tượng khác nhau như:

quản lý sản xuất, quản lý kinh tế, quản lý xã hội,....

Thương mại điện tử là một hình thức mua bán và trao đổi thông tin qua internet.

Công ty, doanh nghiệp có thể giới thiệu tất cả sản phẩm của mình bằng hình ảnh và thông

tin trên trang web để khách hàng có thể xem, tham khảo và lựa chọn. Đây là hình thức kinh

doanh tiện lợi, dễ dàng đang phát triển, sẽ có cơ hội thuận lợi lớn cho các công ty, doanh

nghiệp đang trên đường phát triển tạo nên thành công và danh tiếng cho mình.

Trong bất cứ lĩnh vực nào, thương mại điện tử cũng có lợi thế. Nó không những làm

giảm thời gian mà còn làm giảm chi phí cho mọi vấn đề giao dịch của con người. Việc

kinh doanh qua mạng không chỉ đáp ứng nhu cầu của con người mà còn giúp cho người

sử dụng so sánh giá ở nhiều nơi để mua những mặt hàng tốt, giá hợp lý. Với những kiến

thức đã học và thời gian thực tế, em đã lựa chọn đề tài “Xây dựng Website Shop Thời

Trang H&N”.

Trong đồ án tốt nghiệp này em xin trình bày quá trình xây dựng “Xây dựng Website

Shop Thời Trang H&N” gồm các nội dung như sau:

 Chương 1. Giới thiệu vài nét về Shop Thời Trang H&N.

 Chương 2. Phân tích và thiết kế hệ thống

 Chương 3: Giới thiệu một số công nghệ và ứng dụng

 Chương 3. Thiết kế cơ sở dữ liệu

 Chương 4: Thiết kế giao diện

NHẬN XÉT

(Của giảng viên hướng dẫn)

......................................................................................................................................

….., ngày …. tháng …. năm ….

XÁC NHẬN CỦA GIÁO VIÊN

(Ký và ghi rõ họ tên)

NHẬN XÉT

(Của giảng viên phản biện)

......................................................................................................................................

….., ngày …. tháng …. năm ….

XÁC NHẬN CỦA GIÁO VIÊN

(Ký và ghi rõ họ tên)

MỤC LỤC

GI Ớ I THI Ệ U VÀI NÉT V Ề SHOP TH Ờ I TRANG H&N .................1

1.1. Thông tin chung .....................................................................................................1

1.2. Các giai đoạ n phát tri ể n .........................................................................................1

1.3. Sơ đồ t ổ ch ứ c .........................................................................................................2

B ộ ph ậ n bán hàng ........................................................................................2

B ộ ph ậ n ki ểm tra hàng và đóng gó i .............................................................2

B ộ ph ậ n nh ậ p hàng ......................................................................................2

B ộ ph ậ n qu ả n lí kh o .....................................................................................2

B ộ ph ậ n k ể toán ...........................................................................................2

PHÂN TÍCH VÀ THI Ế T K Ế H Ệ TH Ố NG .........................................3

2.1. Phát bi ể u bài toán nghi ệ p v ụ ..................................................................................3

2.2. Sơ đồ ti ế n trình công vi ệ c ......................................................................................4

2.3. Mô hình nghi ệ p v ụ .................................................................................................5

2.3.1.

2.3.2.

2.3.3.

Sơ đồ t ổ ng quá t ............................................................................................5

Sơ đồ Back End ...........................................................................................9

Thi ế t h ệ th ố n g ............................................................................................1 6

GI Ớ I THI Ệ U M Ộ T S Ố CÔNG NGH Ệ VÀ Ứ NG D Ụ NG ................1 8

3.1. Ngôn ng ữ HTML, CSS và JavaScript..................................................................1 8

3.1.1.

3.1.2.

3.1.3.

HTML ........................................................................................................1 8

CSS ............................................................................................................1 9

Javascript ...................................................................................................2 1

3.2. Ngôn ng ữ PHP .....................................................................................................2 2

3.2.1.

3.2.2.

3.2.3.

Gi ớ i thi ệ u v ề PH P ......................................................................................2 2

T ạ i sao s ử d ụ ng ngôn ng ữ l ậ p trình PH P ...................................................2 2

Phiên b ả n s ử d ụ ng: PHP7 ..........................................................................2 3

3.3. H ệ qu ả n tr ị CSDL MySQL ..................................................................................2 3

3.3.1.

3.3.2.

3.3.3.

Gi ớ i thi ệ u v ề MySQL ................................................................................2 3

Các ưu điể m c ủ a MySQL ..........................................................................2 3

Các nhược điể m c ủ a MySQL ....................................................................2 4

3.4. Môi trườ ng & công c ụ phát tri ể n .........................................................................2 4

3.4.1.

3.4.2.

Ph ầ n m ề m thi ế t k ế và v ẽ sơ đồ PowerDesigner ........................................2 4

Ph ầ n m ề m thi ế t k ế Website .......................................................................2 5

3.4.3.

3.4.4.

3.4.5.

Ph ầ n m ề m ch ạ y Webserver ả o...................................................................2 6

IDE.............................................................................................................2 6

Trình duy ệ t.................................................................................................2 7

THI Ế T K Ế CƠ SỞ D Ữ LI Ệ U .............................................................2 8

4.1. Các mô hình .........................................................................................................2 8

4.1.1.

4.1.2.

4.1.3.

Mô hình ERD.............................................................................................2 8

Mô hình v ậ t lý............................................................................................2 9

Mô hình d ữ li ệ u quan h ệ ............................................................................3 0

4.2. Thi ế t k ế các b ả n d ữ li ệ u v ậ t l ý .............................................................................3 1

B ả ng AD S ..................................................................................................3 1

B ả ng CHITIETDDH:.................................................................................3 1

B ả ng CHITIETKM:...................................................................................3 1

B ả ng CHUONGTRINHKHUYENMAI:...................................................3 1

B ả ng CHITIETPHIEUNHAP:...................................................................3 2

B ả ng CHUDE: ...........................................................................................3 2

B ả ng DANHGIA: ......................................................................................3 2

B ả ng DANHMUC: ....................................................................................3 2

B ả ng DONDATHANG: ............................................................................3 3

4.2.10. B ả ng DONGIA: .........................................................................................3 3

4.2.11. B ả ng HANGKHUYENMAI:.....................................................................3 3

4.2.12. B ả ng LUOTTRUYCAP: ...........................................................................3 4

4.2.13. B ả ng KHACHHANG :...............................................................................3 4

4.2.14. B ả ng KHUYENMAI: ................................................................................3 4

4.2.15. B ả ng HANGSX: ........................................................................................3 5

4.2.16. B ả ng NHACUNGCAP :.............................................................................3 5

4.2.17. B ả ng TONKHO :........................................................................................3 5

4.2.18. B ả ng MATHANG: ....................................................................................3 6

4.2.19. B ả ng NHANVIEN:....................................................................................3 6

4.2.20. B ả ng PHIEUNHAP: ..................................................................................3 7

4.2.21. B ả ng TINTUC: ..........................................................................................3 7

THI Ế T K Ế GIAO DI Ệ N ......................................................................3 8

5.1. Giao di ệ n trang ch ủ ..............................................................................................3 8

5.1.1.

5.1.2.

Ý tưở ng ......................................................................................................3 8

Phác th ả o (Wireframing) ...........................................................................3 9

5.1.3.

5.1.4.

Thi ế t k ế ......................................................................................................4 3

C ắ t giao di ệ n ..............................................................................................4 5

5.2. Giao di ệ n qu ả n tr ị .................................................................................................5 3

5.2.1.

5.2.2.

5.2.3.

Trang ch ủ ...................................................................................................5 3

Trang nh ậ p li ệ u ..........................................................................................5 4

Trang d ữ li ệ u..............................................................................................5 4

K Ế T LU Ậ N ......................................................................................................................5 5

TÀI LI Ệ U THAM KH Ả O...............................................................................................5 6

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

GIỚI THIỆU VÀI NÉT VỀ SHOP THỜI TRANG

H&N

1.1. Thông tin chung

 Tên giao dịch: Shop Thời Trang H&N.

 Chủ cửa hàng: Ông Nguyễn Văn H.

 Kế toán trưởng: Chị Ngô Kim Phượng

 Tổng số nhân viên: 22 người (không kể số người làm hợp đồng thời vụ).

 Địa chỉ trụ sở chính: 55B Nguyễn Thị Minh Khai, Phường Bến Thành, Quận 1,

TP. HCM.

 Tell: 0909 123 501

 Email: [email protected]

 Website: http://www.thoitranghn.com /

 Ngành kinh doanh chính: Kinh doanh các mặt hàng thời trang

 Quần áo thời trang nam nữ cho mọi lứa tuổi

 Phụ kiện thời trang

1.2. Các giai đoạn phát triển

Shop Thời Trang H&N được ông Nguyễn Văn H thành lập vào ngày 14/5/2018. Tuy

Shop mới thành lập được hơn 1 năm nhưng lại được nhiều người biết đến, tin tưởng, an

tâm lựa chọn mỗi khi có ý định mua sắm bởi các sản phẩm của Shop có chất lượng cao,

luôn cập nhật theo xu thế mới nhất. Bên cạnh đó Shop chúng tôi có chất lượng phục vụ tận

tâm, uy tín và nhiệt tình nên được nhiều khách hàng yêu thích.

Tuy còn gặp nhiều khó khăn trong quá trình phát triển nhưng Shop chúng tôi vẫn

không ngừng phấn đấu để vượt qua. Từ đầu năm 2019 chúng tôi đã mở rộng thêm 3 chi

nhánh trên địa bàn Tp. Hồ Chí Minh và tiếp tục đầu tư cơ sở vật chất, nâng cấp Website

bán hàng để mang đến cho khách hàng một trải nghiệm mua sắm tốt nhất.

SV: Lê Thành Nhân

Trang 1

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

1.3. Sơ đồ tổ chức

CHỦ CỬA HÀNG

Bộ phận bán Bộ phận kiểm tra

hàng và đóng gói

Bộ phận

nhập hàng

Bộ phận

quản lí kho

Bộ phận kế

toán

Một Shop thời trang ngày càng phát triển và có chỗ đứng vững chắc trên thị trường,

trước tiên phải kể đến khả năng lãnh đạo, tâm huyết, sáng tạo của chủ cửa hàng. Sau đó

phải kể đến sự hăng say nhiệt tình trong công việc từ các bộ phận đến từng nhân viên, luôn

giải quyết một cách nhanh chóng và chính xác tạo độ tin cậy cho khách hàng.

1.3.1. Bộ phận bán hàng

Với đội ngủ bán hàng chuyên nghiệp, luôn nhiệt tình tư vấn để giúp khách hàng lựa

chọn những bộ trang phục phù hợp nhất với mình.

1.3.2. Bộ phận kiểm tra hàng và đóng gói

Bộ phận này có nhiệm vụ kiểm tra chất lượng và tình trạng hàng trước khi đóng gói.

Các nhân viên phụ trách việc đóng gói sẽ gói hàng một đẹp đẽ và gọn gàng và dán hoá đơn

vào gói hàng và giao cho bên giao hàng để giao cho khách.

1.3.3. Bộ phận nhập hàng

Bộ phận nhập hàng sẽ kiểm tra tồn kho vào cuối tháng để xem mặt hàng nào cần

nhập về. Bên cạnh đó họ cũng chọn ra những mẫu mới, mốt mới. Sau đó họ sẽ tìm đến các

nhà cung cấp (NCC) và đặt đơn hàng về.

1.3.4. Bộ phận quản lí kho

Kiểm kê số lượng hàng trong kho, luôn cập nhật mặt hàng trong kho liên tục và

chính xác nhất để đảm bảo tính đồng bộ với số lượng trên Website.

1.3.5. Bộ phận kể toán

Thống kê chính xác doanh thu mỗi tháng, ghi nhận những thu chi của cửa hàng.

SV: Lê Thành Nhân

Trang 2

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

2.1. Phát biểu bài toán nghiệp vụ

Từ những bất cập trong việc quản lý cũng như quản bá sản phẩm theo cách truyền

thống, Shop Thời Trang H&N muốn tin học hóa việc quản lý bán hàng.

Mục đích của chương trình tin học hóa là cung cấp thông tin các mặt hàng thời trang

để quảng cáo và bán hàng trên Website của Shop.

 Website của Shop buôn bán nhiều loại mặt hàng thời trang của nhiều hãng sản

xuất khác nhau. Mỗi mặt hàng chỉ thuộc một danh mục nhưng một danh mục có

thể có nhiều mặt hàng. Khi hiển thị mặt hàng lên Website, hệ thống sẽ kiểm tra

trong kho số lượng các loại mặt hàng và hiển thị trạng thái “hết hàng” nếu hết

hàng . Nếu số lượng có đủ trong kho thì khách được thêm vào giỏ hàng và đặt

hàng mặt hàng đó.

 Để đặt hàng hàng khách hàng phải đăng nhập tài khoản thành viên. Nếu chưa có

tài khoản khách hàng phải đăng ký thành viên mới.

 Mỗi khách hàng có thể đặt nhiều đơn đặt hàng. Sau khi đặt hàng nhân viên sẽ xử

lí đơn đặt hàng và giao hàng kèm hoá đơn cho khách.

 Khi khách hàng mua hàng thành công có thể vào mặt hàng đó để đánh giá và nhân

viên sẽ phản hồi lại đánh giá đó.

 Cuối tháng, cửa hàng sẽ kiểm tra hàng trong kho và quyết định cần mua thêm

những mặt hàng nào. Mỗi loại mặt hàng cửa hàng có thể mua từ nhiều NCC Với

những hàng cần mua, cửa hàng sẽ lập đơn đặt hàng đến các nhà cung cấp. Khi

giao hàng NCC sẽ gởi kèm theo phiếu giao hàng trên đó ghi ngày giao, các mặt

hàng được giao, số lượng và tiền phải trả…

 Sau khi nhận hàng từ NCC về, với mỗi đơn hàng sẽ được lập 1 phiếu nhập. Mỗi

nhân viên có thể lập nhiều phiếu nhập với nhiều đơn hàng khác nhau.

 Sau khi nhập hàng, mỗi mặt hàng sẽ có đơn giá bán được tính dựa vào giá nhập

theo công thức.

 Khi có khuyến mãi, một mặt hàng có thể áp dụng nhiều chương trình khuyến mãi

và một chương trình khuyến mãi có thể áp dụng cho nhiều mặt hàng.

 Nếu một mặt hàng được cho là hàng tồn hoặc hết mốt, Shop sẽ thực xả hàng bằng

cách khuyến mãi. Khi đó mặt hàng đó sẽ được gán một mã mới để phân biệt với

hàng cùng loại mà không khuyến mãi.

SV: Lê Thành Nhân

Trang 3

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

2.2. Sơ đồ tiến trình công việc

SV: Lê Thành Nhân

Trang 4

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

2.3. Mô hình nghiệp vụ

2.3.1. Sơ đồ tổng quát

2.3.1.1. Sơ đồ ngữ cảnh

2.3.1.2. Sơ đồ phân rã chức năng

SV: Lê Thành Nhân

Trang 5

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

2.3.1.3. Sơ đồ luồng dữ liệu

 Sơ đồ luồng dữ liệu mức 1

SV: Lê Thành Nhân

Trang 6

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

 Sơ đồ luồng dữ liệu mức 2

 Biểu đồ luồng dữ liệu của tiến trình “1.1 XEM HANG”

 Biểu đồ luồng dữ liệu của tiến trình “1.2 DAT HANG”

 Biểu đồ luồng dữ liệu của tiến trình “1.3 DUYET DDH”

SV: Lê Thành Nhân

Trang 7

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

 Biểu đồ luồng dữ liệu của tiến trình “1.4 BAO CAO THONG KE”

 Biểu đồ luồng dữ liệu của tiến trình “1.5 NHAP HANG”

SV: Lê Thành Nhân

Trang 8

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

 Biểu đồ luồng dữ liệu của tiến trình “1.6 DANG NHAP HOAC DANG

KY THANH VIEN”

c

 Biểu đồ luồng dữ liệu của tiến trình “1.7 XEM TIN TUC”

2.3.2. Sơ đồ Back End

2.3.2.1. Sơ đồ ngữ cảnh

SV: Lê Thành Nhân

Trang 9

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

2.3.2.2. Sơ đồ phân rã chức năng

SV: Lê Thành Nhân

Trang 10

Trường Cao đẳng bán công Công nghệ và Quản trị doanh nghiệp (CTIM) CNTT – K19

2.3.2.3. Biểu đồ luồng dữ liệu

 Biểu đồ luồng dữ liệu mức 1

 Biểu đồ luồng dữ liệu mức 2

 Biếu đồ luồng dữ liệu của tiến trình “1.1 QUAN TRI HE THONG”

SV: Lê Thành Nhân

Trang 11