Báo cáo chuyên Đề học phần cơ sở lập trình web Đề ti website bán giày

Cự ảm ơn các thầy cô đang dần trang b cho chúng em nh ng ki n ị ữ ếthức cần thiết cho ngành học cũng như công việc tương lai của chúng em.. Chúng em xin g i lử ời cám ơn đến gia đình, bạ

TRƯỜNG ĐẠ I H ỌC ĐIỆ N LỰC

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN

Giảng viên hướng dẫn : Phương Văn Cảnh

Hà Nội, tháng ,năm 2021

PHI U CHẾ ẤM ĐIỂM

Sinh viên th c hiự ện:

STT H và tên ọ Nội dung th c hi n ự ệ Điểm Chữ ký

1 Nguy n Quễ ốc Đạt BÁO CÁO WEBSITE

BÁN GIÀY,CODE GIAO DIỆN TRANG CHỦ VÀ THANH TOÁN,TIN T C Ứ

2 Nguy n Nhễ ật Thành CODE GIAO DIỆN

CÒN LẠI VÀ Ẽ V WHITE FRAME

Gíao viên chấm điểm:

Giáo viên 1:

Giáo viên 2

M C L C Ụ Ụ

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1

1.1 Giớ i thi ệu đề tài 1

1.2 Mục đích củ a website c n thi t k 1 ầ ế ế 1.3 Mụ c tiêu qu ng bá c a website 2 ả ủ 1.4 Mộ t s trang chính c a website 2 ố ủ CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 4

2.1 Khả o sát hi n tr ng 4 ệ ạ 2.2 Mô t bài toán 5 ả 2.3 Yêu c u v ầ ề chức năng 6

2.4 Yêu c u phi ch ầ ức năng 7

2.5 Mô t các ch ả ức năng 7

2.6 Layout các trang web 8

2.6.1 Giao di n trang ch 8 ệ ủ 2.6.2 Giớ i thi u 9 ệ 2.6.3 Trang s n ph m 10 ả ẩ 2.6.4 Chi ti t s n ph m 12 ế ả ẩ 2.6.5 Trang gi hàng 13 ỏ 2.6.6 Trang thông tin b o hành,b o m ả ả ật và đổ ả i tr 14

2.6.7 Trang thanh toán 17

2.6.8 Trang tin t c v giày 18 ứ ề CHƯƠNG 3: THIẾT KẾ TRANG WEB 19

3.1 Giao di n trang ch 19 ệ ủ 3.2 Giớ i thi u 20 ệ 3.3 Tin t c 21 ứ 3.4 Trang danh m c 22 ụ 3.5 Trang chi ti t s n ph m 24 ế ả ẩ 3.6 Giỏ hàng 25

3.7 Trang thanh toán 26

KẾT LU N Ậ 27

TÀI LI U THAM KH O 28 Ệ Ả

L I C Ờ ẢM ƠN

Em xin chân thành cảm ơn các thầy các cô trong khoa Công ngh thông tin cệ ủa trường đại học Điện L c Cự ảm ơn các thầy cô đang dần trang b cho chúng em nh ng ki n ị ữ ếthức cần thiết cho ngành học cũng như công việc tương lai của chúng em

Đặc bi t, chúng em xin chân thành cệ ảm ơn thầy Phương Văn cảnh đã tận tình hướng dẫn, ch bỉ ảo, đưa ra những đóng góp ý kiến rất hữu ích và quý báu cho chúng em trong suốt quá trình thực hiệ báo cáo chuyên đè môn cơ sở ận l p trình web này

Chúng em xin g i lử ời cám ơn đến gia đình, bạn bè đã động viên, chia s và cung cẻ ấp các tài liệu h u ích cho nhóm ữ

Mặc dù đã cố ắ g ng n lỗ ực th c hiự ện đề tài v i quyớ ết tâm cao nhưng chắc hẳn đề tài không th tránh kh i nh ng thi u sót Nhóm em r t mong nhể ỏ ữ ế ấ ận được nh ng ý kiữ ến đóng góp ý kiến của thầy cô và các bạn để đề tài c a chúng em ngày càng hoàn thiủ ện và hướng

tới áp dụng thực tế hơn

Em xin chân thành cảm ơn!

L I M Ờ Ở ĐẦU Ngày nay, cùng v i s phát tri n cớ ự ể ủa đất nước ngành Công nghệ thông tin đã có những bước phát triển m nh m không ng ng và tin hạ ẽ ừ ọc đã trở thành chi c chìa khóa ếdẫn đến thành công cho nhiều cá nhân trong nhiều lĩnh vực, hoạt động Với những

ứng d ng của mình, ngành Công nghệ ụ thông tin đã góp phần mang lại nhi u l i ích ề ợ

mà không ai có thể phủ nhận được Đặc biệt là trong lĩnh vực qu n lý kinh t , tin ả ếhọc đã góp phần t o ra s ạ ự thay đổi nhanh chóng cho b m t xã h i Nh t là khi viộ ặ ộ ấ ệc tin h c hóa vào công tác qu n lý, bán hàng là m t trong nh ng yêu c u c n thiọ ả ộ ữ ầ ầ ết đối với các doanh nghi p hi n nay ệ ệ

Từ những ph n m m qu n lý giúp cho công vi c bán hàng c a c a hàng tr ầ ề ả ệ ủ ử ởnên nhanh chóng và d dàng, ngày nay công nghễ ệ thông tin đã phát triển m nh m ạ ẽhơn nữa, Website ra đời không chỉ đáp ứng cho các khách hàng đến trực tiếp cửa hàng mua s n ph m mà nó còn ph c vả ẩ ụ ụ cho nh ng khách hàng xa Không nh ng ữ ở ữthế, vi c gi i thi u, qu ng bá hình nh v cệ ớ ệ ả ả ề ửa hàng, công ty được m r ng trên quy ở ộ

mô l n giúp cho viớ ệc kinh doanh, buôn bán, trao đổi tin tức thuận lợi hơn rất nhiều, mang l i hi u qu kinh t ạ ệ ả ế cao hơn và tạo uy tín trong lòng khách hàng

Chính vì l i ích mà Website mang l i mà các cợ ạ ửa hàng, công ty đã áp dụng nó

để phát triển công việc kinh doanh và gi i thiệu c a hàng của mình Trong số đó, ớ ửthời trang cũng là một ngành sử dụng nhiều đến Website Do vậy, em lựa chọn đềtài “Thi t k website bán giàyế ế ” nhằm đưa đến cho khách hàng một địa điểm lý tưởng trong vi c mua s m ệ ắ

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI

1.1 Giới thiệu đề tài

Hiện nay vi c bán hàng qua m ng không còn xa lệ ạ ạ gì đố ới v i mọi người, không thể phủ nhận l i ích mà vi c bán hàng online mang l i ợ ệ ạ

Quản lý shop bán giày là hoạt động c a m t c a hàng dù l n hay nh , nhân viên ủ ộ ử ớ ỏphải th c hi n các công viự ệ ệc liên quan đến nh p, xuậ ất Điều này gây ảnh hưởng rất nhiều đến hi u qu và th i gian làm vi c Bên cệ ả ờ ệ ạnh đó, số người biết đến c a hàng ửkhông l n, ch trong quy mô nh Do v y, vi c s dớ ỉ ỏ ậ ệ ử ụng Website để bán hàng và giới thi u cệ ửa hàng là điều cần thiết để phát triển cửa hàng l n mớ ạnh hơn

Người mua chỉ cần truy c p trang web bán hàng là có thể l a chọn nh ng m t ậ ự ữ ặhàng c n thi t mà không c n phầ ế ầ ải đế ận t n cửa hàng để mua như thế ẽ tiế s t ki m rệ ất nhi u th i gian, không nh ng thề ờ ữ ế việc thanh toán cũng được trực tuy n và nhanh ếchóng hơn thế ữa khách hàng đặ n t hàng s ẽ được giao hàng đến tận nơi trong khoảng thời gian ngắn sau khi đặt hàng

Website bán giày th thao ể được t o ra nh m cung c p cho nh ng ngu i yêu ạ ằ ấ ữ ờthích mua s m và nhắ ững người m i bớ ắt đầu v i b môn này mớ ộ ột môi trường tương tác cũng như tìm hiểu, cập nhật những tin t c m i nh t v các m t hàng: ứ ớ ấ ề ặ

➢ Giao diện: Đơn giản, đẹp m t, d thao tác trên màn hình, phù h p cho ắ ễ ợ

mọi đối tượng khách hàng

➢ S n phả ẩm: Đa dạng m u mã sẫ ản ph m, hình ẩ ảnh s n ph m chân th c, d ả ẩ ự ễphân loại để người dùng d tìm ki m và l a chễ ế ự ọn

1.2 Mục đích của website c n thi t k ầ ế ế

Khi xây d ng mự ột website đầu tiên phải hình dung chúng ta c n ph i thi t k ầ ả ế ếcái gì? Cho website c a mình Không có ch nh và m c tiêu rõ ràng thì c website ủ ủ đị ụ ả

kế c n thẩ ận và định hướng rõ là chìa khóa hướng t i thành công c a vi c xây dớ ủ ệ ựng

m t website V n d ng t ng h p nhộ ậ ụ ổ ợ ững kiến thức đã học để tiến hành thi t k website ế ếbán hàng online nh m gi i quy t nhằ ả ế ững khó khăn hiện t i c a c a hàng Tìm hiạ ủ ử ểu thực trạng thương mại điện tử tại Việt Nam để triển khai hệ thống thương mại điện

tử t i c a c a hàng cho phù h p Khai phá l i ích cạ ủ ử ợ ợ ủa Internet để hướng đến một môi trường kinh doanh toàn c u ầ

Dựa trên các ki n th c n n tế ứ ề ảng được thầy cô trao đổi trên l p và m t s tài liớ ộ ố ệu tham khảo em đã tổng hợp kiến thức để xây dựng một trang web Báo cáo s lẽ ập trình trên nền web “WEBSITE BÁN GIÀY TH THAOỂ ” tích hợp được giao diện các chức năng sau:

1.4 M t s trang chính c a website ộ ố ủ

-Trang chủ: Đây là trang giới thi u v các s n ph m n i Ngoài ra bi t thêm ệ ề ả ẩ ổ ếthông tin c a xã h i ủ ộ

-Trang gi i thiớ ệu: Đây là trang đề giới thiệu v c a hàng ề ử

-Trang danh m c s n ph mụ ả ẩ : Đây là trang khách hàng xem hoặc tham khảo các m t hàng có sặ ẵn để ự l a ch n ọ

-Trang chi ti t s n phế ả ẩm: Đây là trang khách hàng xem chi tiế ềt v m t sộ ản phẩm

-Trang gi ỏ hàng: Đây là trang khách hàng thêm sản phẩm vào giỏ hàng -Trang thanh toán: Đây là trang khách hàng thực hiện thanh toán hóa đơn-Trang b o m t, bả ậ ảo hành và đổi trả: Đây là các trang cung cấp các chính sách b o m t khách hàng,b o hành s n phả ậ ả ả ẩm và đổi tr s n ph m c a chúng tôi ả ả ẩ ủ-Trang tin tức: Đây là trang cung cấp cho khách hàng các blog hay thông tin cần thi t vế ề giày th thao ể

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH H Ệ THỐNG

2.1 Khảo sát hi n trệ ạng

Hiện nay trào lưu mua bán qua mạng ngày càng tr nên phở ố biến Internet phát tri n kéo theo nhi u d ch v phát triể ề ị ụ ển theo đi liền v i nó Và vi c ti p c n vớ ệ ế ậ ới inernet hi n nay không còn m y xa l vệ ấ ạ ới con người được trở thành phương tiện truyền thông được nhiều ngườ ử ụi s d ng nh t trên thấ ế giới Không ch Internet làm ỉphương tiện truy n thông tin ể trao đổi, gi i trí, xem tin t c, tìm ki m thông tin mả ứ ế ọi người còn dùng internet để kinh doanh các mặt hàng bình thường đến đặc biệt của mình

Ở Việt Nam cũng có rất nhi u trang web mua-bán qua m ng về ạ ới đa dạng các

m t hàng thặ ời trang,mĩ phẩm, đồ ăn, Khách hàng ch c n m y thao tác click chuỉ ầ ấ ột vào s n ph m mà mình yêu thích và liên h v i ch c a hàng là có th ả ẩ ệ ớ ủ ử ể chờ đơn hàng chuy n t i nhà c a mình ể ớ ủ

Ngày nay, vi c áp d ng Website trong vi c phát tri n kinh doanh c a cệ ụ ệ ể ủ ửa hàng trở nên r t phấ ổ biến và hi u quệ ả, trong đó ngành thời trang cũng có sử ụng dnhiều đến Website để giới thi u và qu ng bá s n ph m c a c a hàng, công ty mình ệ ả ả ẩ ủ ửViệc lên m ng tìm ki m và mua s n ph m tr nên khá gạ ế ả ẩ ở ần gũi với các b n tr ngày ạ ẻnay Bên cạnh đó, Website còn giúp giới thi u hình ệ ảnh cửa hàng đến v i mớ ọi người

Do v y, em quyậ ết định th c hiự ện đề tài này v i mong muớ ốn đưa đến nhi u s lề ự ựa chọn hơn cho khách hàng, và phát triển cửa hàng trên quy mô lớn hơn.Biết được những điều trên của hàng giày “Kingshopes” hiện nay đang cần một website bán giày để thuận tiện cho kinh doanh V ề hiện tr ng c a c a hàng hi n nay: ạ ủ ủ ệ

a, Cơ cấ ổ chứu t c:

Chủ c a hàng: Ch u trách nhi m v ử ị ệ ề việc bán hàng, nh p hàng, qu n lý doanh ậ ảthu c a c a hàng ủ ử

Nhân viên: gồm 20 nhân viên phụ trách bán hàng kế toán b o v ả ệ phụ trách kho

b, Hiện trạng:

Nhập s n ph m m i cho c a hàng: Khi c a hàng nh p 1 lo i s n ph m mả ẩ ớ ử ử ậ ạ ả ẩ ới

về thì chủ c a hàng ch u trách nhi m c p nh t thông tin s n ph m(Lo i s n ph m, ử ị ệ ậ ậ ả ẩ ạ ả ẩ

số lượng, giá cả )

Bán hàng: Khi có khách hàng t i mua giày thì ch c a hàng cung c p các ớ ủ ử ấthông tin v s n ph m, thông tin giá c và cung c p s n ph m cho khách hàng khi ề ả ẩ ả ấ ả ẩđồng ý bán

Đa số thời gian cửa hàng đều bán hàng tr c ti p t i c a hàng ho c livestream ự ế ạ ử ặqua facebook và hi n tệ ại chưa có website bán hàng của riêng mình

2.2 Mô t bài toán ả

Khi khách hàng đã quyết định tham gia vào hoạt động mua hàng của cửa hàng “ảo” thì mỗi khách hàng được cung cấp một giỏ hàng tương ứng Khách hàng

tự do l a ch n lo i hàng hóa nào mà mình thích vào gi hàng c a mình Khách hàng ự ọ ạ ỏ ủ

có th c p nh t l i các m t hàng trong gi hàng mà mình không mu n mua n a ể ậ ậ ạ ặ ỏ ố ữ

Để thu hút khách hàng thường xuyên tham gia vào trang web, nhà qu n tr ả ịcần ph i có các biả ện pháp để xúc tiến đăng tải các chương trình khuyến mãi, giảm giá trong nh ng d p c n thiữ ị ầ ết để lôi kéo khách hàng về phía mình, và có các ưu đãi đối với các khách hàng thường xuyên vào mua hàng v i s ớ ố lượng lớn

2.3 Yêu c u v ầ ề chức năng

-User: Là những người có nhu c u mua s m các s n ph m H s tìm ki m các sầ ắ ả ẩ ọ ẽ ế ản phẩm c n thi t t h ầ ế ừ ệ thống và đặt mua các sản ph m này Vì th trang web ph i thẩ ế ả ỏa mãn các chức năng sau:

+Hi n th danh sách các s n ph m c a cể ị ả ẩ ủ ửa hàng để khách hàng có th xem ể

và l a ch n ự ọ Để khách hàng có th tìm ki m nhanh và hi u qu các s n ph m mà h ể ế ệ ả ả ẩ ọcần tìm

-Admin: Là người làm chủ ứng d ng có quy n ki m soát m i hoụ ề ể ọ ạt động c a h ủ ệthống Nếu như quá trình đăng nhập thành công thì nhà qu n lý có nh ng chả ữ ức năng sau:

+Chức năng quản lý c p nh t( thêm, s a, xóa) các s n ph m trên trang web, ậ ậ ử ả ẩviệc này đòi hỏi chính xác

Ngoài các chức năng trên thì trang web phải trình bày sao cho dễ hiểu, giao diện mang tính d ễ dùng, đẹp mắt và làm cho khách hàng thấy được nh ng thông tin ữcần tìm, cung c p nh ng thông tin quấ ữ ảng cáo thật hấp dẫn nhưng chung thực, nhằm thu hút s quan tâm v c a hàng cự ề ử ủa mình và có cơ hội có nhi u khách tham quan ềmua s m s n ph m cắ ả ẩ ủa c a hàng ử

Điều quan tr ng trong trang web mua bán trên m ng là phọ ạ ải đảm b o an toàả n tuyệt đối những thông tin liên quan đến khách hàng trong quá trình đặt mua hay thanh toán Đồng thời trang web còn phải có tính dễ nâng cấp, bảo trì, sửa chữa khi cần b sung hay c p nhổ ậ ật tính năng mới

2.4 Yêu c u phi chầ ức năng

-Hỗ trợ khách hàng an toàn khi mua s n phả ẩm như các thông tin cá nhân liên quan đến khách hàng được đảm bảo an toàn Giao diện thân thiện, dễ dùng, hấp dẫn, dễ tìm ki m thông tin các s n phế ả ẩm

-Website có dung lượng không quá l n, tớ ốc độ ử x lý nhanh

-Việc tính toán đảm bảo chính xác và không ch p nh n sai sót ấ ậ

-Đảm b o an toàn d u khi ch y ả ữ liệ ạ

-Có kh ả năng lưu trữ nhiều dữ liệu

2.5 Mô t các chả ức năng

-Chức năng: Quản lý bán hàng

+Hi n th thông tin và phân lo i s n ph m: S n ph m hi n th lên website s ể ị ạ ả ẩ ả ẩ ể ị ẽ

được hiển thị đầy đủ thông tin như: hình ảnh, tên sản phẩm, đặc điểm nổi bật c a ủsản ph m, thông tin chi ti t c a s n ph m, giá, th i gian b o hành, hãng s n xu t, ẩ ế ủ ả ẩ ờ ả ả ấthông tin về chương trình khuyến mại, Các sản phảm này sẽ được phân loại theo từng hãng s n xu t, theo tên ch ng lo i S phân lo i này sả ấ ủ ạ ự ạ ẽ được người dùng lựa chọn khi tham quan các gian hàng Trên trang ch c a website, thành ph n chính s ủ ủ ầ ẽhiển thị m t số sản phẩm m i nh t, nổi b t nhất và bán ch y nhất cùng các tin t c ộ ớ ấ ậ ạ ứ

m i nh t c a các s n phớ ấ ủ ả ẩm đượ ấ ừc l y t chuyên trang tin t c trên website ứ

+Gi hàng (Khi tham khỏ ảo đầy đủ thông tin v s n ph m khách hàng có th ề ả ẩ ể

đặt mua sản phẩm ngay t i website thông qua chức năng giỏ hàng mà không cần ạphải đến địa điểm giao d ch, gi ị ỏ hàng được mô phỏng như giỏ hàng trong th c t có ự ếthể thêm b t, thanh toán thành ti n các s n phớ ề ả ẩm đã mua

2.6 Layout các trang web

2.6.1 Giao di n trang ệ chủ

Hình 2.1 : Giao diện trang chủ

2.6.2 Giới thi u ệ

2.6.3 Trang s n phả ẩm

Hình 2.3 : Layout NIKE 1

Hình 2.3 : Layout JODAN 2

2.6.4 Chi ti t s n ph m ế ả ẩ

Hình 2.4 : Layout chi ti t s n ph m ế ả ẩ

2.6.5 Trang giỏ hàng

Hình 2.5 : Layout giỏ hàng

2.6.6 Trang thông tin b o hành,b o mả ả ật và đổi trả

Hình 2.6 1: Layout b o hành ả

Hình 2.6.2 Layout b o m t : ả ậ

Hình 2.6.2: Layout đổ ải tr

2.6.7 Trang thanh toán

Hình 2.7 : Layout thanh toán

2.6.8 Trang tin t c v giày ứ ề

Hình 2.8 : Layout tin t c ứ

CHƯƠNG 3: THIẾT K TRANG WEB Ế

3.1 Giao di n trang ch ệ ủ

3.2 Giới thi u ệ

Hình 3.2 Giao diện giới thi u ệ

3.3 Tin t c ứ

ện ứ

3.4 Trang danh m c ụ

Hình 3.4 Giao diện sản ph m NIKE ẩ

3.5 Trang chi ti t s n ph m ế ả ẩ

Hình 3.5 Giao diện chi ti t s n ph m ế ả ẩ

3.6 Giỏ hàng

Hình 3.6 Giao diện giỏ hàng

3.7 Trang thanh toán

Hình 3.7 Giao diện thanh toán

K T LU NẾ Ậ

Sau m t kho ng th i gia th c hiộ ả ờ ự ện đề tài thì chúng em đã hoàn thiện và đáp ứng được:

• Hoàn thiện được ý tưởng và nội dung c a trang web bán giày ủ

• Thi t k giao diế ế ện đơn giản, đáp ứng nhu c u vầ ới người dùng

• Thao tác trên trang web d dàng, b cễ ố ục được chia khoa học

• D ễ hoạt động trên các n n t ng công ngh ề ả ệ

• Tối ưu hóa được dung lượng trang web

• Cung c p s n ph m ki n thấ ả ẩ ế ức đến cho mọi đối tượng khách hàng

Tuy v y, do nh ng hậ ữ ạn ch v ế ề trình độ, thời gian nên em không kh i có nh ng ỏ ữthi u sót trong quá trình tìm hi u, nghiên cế ể ứu cũng như thực nghi m Em r t mong ệ ấnhận được đánh giá và chỉnh s a t các thử ừ ầy cô

Em xin chân thành cảm ơn!