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

Cùng v i s phát triớ ự ển vượ ật b c của CNTT, con người đã xây dựng, phát tri n và bể ảo trì các trang web được lưu trữ trên internet dưới hình thức lập trình web.. Báo cáo s l p trình

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

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

CƠ SỞ LẬP TRÌNH WEB

ĐỀ  T I:

WEBSITE BÁN BÁNH NGỌ CAKE’N T

Sinh viên th c hi n ự ệ : ĐỖ NGỌC TI N Ế

N QUANG MINH KHANG

TRẦ Giảng viên hướng dẫn :CẤN ĐỨC ĐIỆP

Chuyên ngành : CÔNG NGH Ệ PHẦN M M Ề

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

PHI U CHẾ ẤM ĐIỂM

Sinh viên th c hiự ện:

Đỗ Ng c Ti n ọ ế

Trần Quang Minh Khang

Giảng viên ch m 1 : ấ

Giảng viên ch m 2 : ấ

M C L C Ụ Ụ

L I CỜ ẢM ƠN 5

L I M Ờ Ở ĐẦ 6 U CHƯƠNG 1: TỔNG QUAN V Ề ĐỀ TÀI 7

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

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

1.3 M c tiêu qu ng bá c a websiteụ ả ủ 8

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

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

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

2.2 Mô t bài toán ả 10

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

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

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

2.6 Layout các trang web 12

2.6.1 Đăng nhập 12

2.6.2 Đăng kí 12

2.6.3 Trang ch ủ 13

2.6.4 Trang s n ph m ả ẩ 13

2.6.5 trang chi ti t s n ph m ế ả ẩ 14

2.6.6 Trang gi hàng ỏ 14

2.6.7 Trang thông tin cá nhân khách hàng 15

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

3.1 Đăng nhập 16

Hình 3.1 Giao diện đăng nhậ 16 p 3.2 Đăng ký 16

Hình 3.2 Giao diện đăng kí 16

3.3 Trang ch ủ 17

Hình 3.3 Giao di n trang chínhệ 17

3.4 Trang s n phả ẩm 17

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

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

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

3.6 Gi hàng ỏ 18

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

3.7 Thông tin khách hàng 19

Hình 3.7 Thông tin khách hàng 19

K T LU N Ế Ậ 20

TÀI LI U THAM KH O Ệ Ả 21

L I CỜ ẢM ƠN

Trên thực t , không có s thành công nào mà không g n li n vế ự ắ ề ới những s hỗ trợ, sự ự giúp đỡ dù ít hay nhi u, dù là tr c ti p hay gián tiề ự ế ếp của người khác Trong suốt thười gian từ khi bắt đầu học tập ở giảng đường Đạ ọc đã đến nay, em đã nhận đượi h c rất nhiều sự quan tâm, giúp

đỡ của thầy cô, gia đình và bạn bè

V i lòng biớ ết ơn sâu sắc nh t, em xin gấ ửi đến th y cô Khoa ầ ở Công Ngh Thông Tin- ệ trường Đại Học Điện Lực đã cùng với tri th c và ứ tâm huy t cế ủa mình để truyền đạt v n ki n th c quý báu cho chúng em ố ế ứ trong suốt th i gian h c t p tờ ọ ậ ại trường Và đặc bi t, trong k này, em ệ ỳ

được tiếp c n v i môn hậ ớ ọc r t hấ ữu ích đối v i sinh viên ngành Công ớ Ngh ệ Thông Tin Đó là môn: “Cơ sở ập trình Web” l

Em xin chân thành cảm ơn thầy ấn Đức Điệ đã tận tâm hướng C p dẫn chúng em qua từng buổi học trên lớp cũng như những bu i nói ổ chuy n, th o lu n v môn h c Trong thệ ả ậ ề ọ ời gian được h c t p và th c hành ọ ậ ự

dưới sự ớng dân c a cô, em không nhhư ủ ững thu được r t nhi u ki n thấ ề ế ức

bổ ích, mà còn được truyền s ự say mê và thích thú đố ớ ộ ôn “Cơ sởi v i b m lập trình Web” Nếu không có những lời hướng dẫn, dạy bảo của cô thì

em nghĩ báo cáo này rất khó có thể hoàn thành được

Xin g i l i cử ờ ảm ơn chân thành đến gia đình, bạn bè là nguồn động viên to lớn, giúp em vượt qua những khó khăn trong quá trình h c t p và ọ ậ thực hiện báo cáo

Mặc dù đã rất c g ng hoàn thi n báo cáo v i t t c s n l c, tuy ố ắ ệ ớ ấ ả ự ỗ ự nhiên, do bước đầu đi vào thực tế, tìm hiểu và xây dựng báo cáo trong thời gian có h n, và ki n th c còn h n ch , nhi u bạ ế ứ ạ ế ề ỡ ngỡ, nên báo cáo

“Xây dựng bán bánh” chắc chắn sẽ không thể tránh khỏi những thiếu sót

Em r t mong nhấ ận được s quan tâm, thông c m và nhự ả ững đóng góp quý báu c a các thủ ầy cô và các bạn để báo cáo này

được hoàn thiện hơn

M t l n n a, em xin chân thành cộ ầ ữ ảm ơn và luôn mong nhận được

sự đóng góp của mọi người

Trân trọng

L I M Ờ Ở ĐẦU

Nói đến CNTT là chúng ta hình dung ngay tới một môi trường phát triển năng động vào b c nh t trên toàn thậ ấ ế giới hiện nay Nó được ứng dụng vào m i m t cọ ặ ủa đờ ối s ng của con người, t công vi c cho t i giừ ệ ớ ải trí Nhắc đến công ngh thông tin thì không th không nhệ ể ắc đế ận l p trình Lập trình là công vi c t o ra nh ng s n ph m tiệ ạ ữ ả ẩ ện ích giúp con người làm việc hiệu qu ả hơn khi thao tác với máy tính hay thiết bị công nghệ Đ ập ể l trình ra m t s n ph m thì b n cộ ả ẩ ạ ần phải bi t nh ng ngôn ng lế ữ ữ ập trình, để kết nối giữa người dùng và máy tính

Cùng v i s phát triớ ự ển vượ ật b c của CNTT, con người đã xây dựng, phát tri n và bể ảo trì các trang web được lưu trữ trên internet dưới hình thức lập trình web Một trang web đơn giản có thể được vi t b ng ngôn ế ằ ngữ HTML, CSS và chỉ chứa vài trăm dòng lệnh Tuy nhiên đối với trang web lớn như Facebook có thể lên đến 60 tri u dòng lệ ệnh để phát triển hoàn ch nh trang web ỉ

Trước nhu c u của thị trường mua bán trao đổi hàng hóa, c p nh t ầ ậ ậ thông tin, tin t c thì thay vì ph i qu ng bá s n ph m, hàng hóa m t cách ứ ả ả ả ẩ ộ truy n th ng thì ta có th thay thề ố ể ế vào đó là một trang web mua -bán với nhi u ti n ích Cu c sề ệ ộ ống con người càng phát tri n thì nhu c u s ng cể ầ ố ủa con người cũng được nâng cao và những nhu cầu đơn giản nhưng cũng rất thi t thế ực Đó là nhu cầu ăn, ở và mặc đây là vấn đề cũng đang là 1 bài toán của các nhà kinh doanh, làm sao để đáp ứng nhu c u cầ ủa con người

để ả c i thiện đờ ống ngày càng cao i s

Chính vì vậy, để đáp ứng nh ng nhu cữ ầu đó trên sơ sở ế thừa k những trang web bán hàng khác nhóm em xây d ng m t website qua ự ộ

mạng để đáp ứng nhu c u mua s m c a mầ ắ ủ ọi người, giúp họ tiết kiệm được th i gian, chi phí trong viờ ệc phải đi ra các shop, các cửa hàng hay các ch truy n thợ ề ống để mua và tìm ki m s n phế ả ẩm Thay vào đó chỉ việc ngồi ở nhà hay b t cấ ứ đâu với chiếc máy tính,điện thoại kết nối interner là

mọi người có th ể thỏa s c tìm ki m, l a ch n s n ph m áo, ứ ế ự ọ ả ẩ

quần, giày, dép, mà mình yêu thích Giúp cho người quản trị dễ dàng trong vi c phân quy n qu n lý khách hàng, các lo i s n ph m, các nhãn ệ ề ả ạ ả ẩ hiệu và các đơn đặt hàng Đó là lý do nhóm em chọn đề tài “Xây dựng website bán bán”

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

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

Được s dử ụng phổ biến trong lĩnh vực thương mại điện t , trang ử web bán hàng là m t n n t ng quan trộ ề ả ọng để ế k t n i khách hàng v i số ớ ản phẩm và d ch v c a doanh nghi p V i s phát tri n c a công nghị ụ ủ ệ ớ ự ể ủ ệ, ngày càng nhi u doanh nghiề ệp đã đầu tư để xây d ng m t trang web bán ự ộ hàng chuyên nghi p và hi u qu t các c a hàng nhệ ệ ả ừ ử ỏ đến tập đoàn lớn

Tuy nhiên, vi c xây d ng m t trang web bán hàng không ph i là ệ ự ộ ả điều đơn giản Để đạt được hiệu qu tả ối đa, trang web bán hàng phải được thi t k và phát tri n mế ế ể ột cách đúng đắn, bao g m các y u tồ ế ố như giao diện, tr i nghiả ệm người dùng, tính năng, bảo mật, tối ưu hóa cho công cụ tìm ki m và tích hế ợp các tính năng thoanh toán trực tuyến,…

M t trang web bán hàng chuyên nghi p và hi u qu có th giúp ộ ệ ệ ả ể doanh nghi p thu hút khách hàng tiệ ềm năng, tăng doanh số bán hàng và đem lại lợi nhuận cao hơn Đồng thời, việc quản lý và phát triển trang web bán hàng cũng đòi hỏi sự đầu tư và phát triển trang web theo xu hướng mới nh t c a th ấ ủ ị trường

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 đó trở nên sai l m, lan man và cuầ ối cùng đi tới một hướng khó có thể tr lạở i Thi t 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 bánh sinh nhật” tích hợp được giao di n các chệ ức năng sau:

➢ Tạo ra trải nghi m tệ ốt cho người dùng

Tăng khả năng tìm kiếm của trang web

➢ Tích hợp các tính năng thanh toán trực tuyến

➢ Cung c p thông tin s n phấ ả ẩm đầy đủ và chính xác

➢ Tăng tính năng bảo mật cho khách hàng

1.3 M c tiêu qu ng bá c a website ụ ả ủ

Là t o ra sạ ự chú ý, tăng cường nh n thậ ức thương hiệu, thu hút khách hàng tiềm năng và tăng doanh số bán hàng Các m c tiêu cụ ụ thể bao gồm:

➢ Tăng lưu lượng truy cập

➢ Tăng tỷ lệ chuyển đổi

➢ Tăng giá trị đơn hàng trung bình

➢ Tăng độ trung thành c a khách hàng ủ

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

-Trang đăng nhập và đăng ký: Để khách hàng có th d ể ễ dàng đặt hàng và được hưởng những ưu đãi từ cửa hàng

-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 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 thông tin khách hàng: là trang cung c p thông tin v khách hàng ấ ề

đã đăng ký và đặt hàng trên trang web

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, trang web bán bánh sinh nh t tr thành mậ ở ột trong nhưng lựa ch n phọ ổ biến c a nhiủ ều người khi mu n mua bánh sinh nh t cho ố ậ người thân ho c bặ ạn bè Tuy nhiên, để đáp ứng được như cầu của khách hàng, trang web bán bánh sinh nh t c n phậ ầ ải đáp ứng m t sộ ố tiêu chí và tính năng quan trọng

Đầu tiên, thi t k c a trang web bán bánh sinh nh t c n phế ế ủ ậ ầ ải đẹp

m t, chuyên nghi p và phù h p v i ch bán bánh sinh nh t Trang web ắ ệ ợ ớ ủ đề ậ cần s d ng màu s c và hình nh h p dử ụ ắ ả ấ ẫn để thu hút khách hàng

Ngoài ra, trang web bán bánh sinh nh t c n ph i có giao di n d s ậ ầ ả ệ ễ ử dụng cà d tìm ki m s n ph m Các dnah mễ ế ả ẩ ục snar ph m cẩ ần được đặ ịt v trí d ễ thấy và truy cập

Thông tin v s n ph m là m t y u t quan tr ng không th thiề ả ẩ ộ ế ố ọ ể ếu trên trang web bán bánh sinh nh t Trang web c n cung cậ ầ ấp đầy đủ thông tin v s n ph m, bao g m giá cề ả ẩ ồ ả kích thước, màu s c và mô t chi ti t sắ ả ế ản phẩm

Ngoài ra, tính năng tìm kiếm sản phẩm cũng là một yếu tố quan trọng giúp khách hagf tìm kiếm s n ph m nhanh chóng và dễ dàng Trang ả ẩ web bán bánh sinh nhật cũng c n cung caps nhiầ ều phương thức thanh toán phù h p nh t cho mình ợ ấ

Việc v n chuyậ ển và giao hàng cũng là một y u t quan tr ng mà ế ố ọ trang web bán bánh sinh nh t c n phậ ầ ải đáp ứng để đảm b o s hài lòng ả ự của khách hàng Trang web c n có chính sách v n chuy n và giao hàng rõ ầ ậ ể ràng để khách hàng biết được th i gian và chi phí v n chuyờ ậ ển

Cuối cùng, trang web bán sinh nh t c n có kênh liên lậ ầ ạc để khách hàng có th g i ph n h i ho c yêu c u h ể ử ả ồ ặ ầ ỗ trợ

Tóm lại, đánh giá hiện tr ng c a trang web bán bánh sinh nh t dạ ủ ậ ựa trên các tiêu chí và tính năng trên sẽ giúp định hướng cho những cải tiến cần thiết để ả c i thi n tr i nghiệ ả ệm c a khách hàng khi s d ng trang web ủ ử ụ Các c i ti n này có th bao g m c i thi n giao di n và tr i nghiả ế ể ồ ả ệ ệ ả ệm người dùng, cung c p thông tin chi ti t v s n ph m, c i thiấ ế ề ả ẩ ả ện quy trình vận chuy n và giao hàng, cung c p nhiể ấ ều phương tiện thanh toán hơn, tạo kệnh liên lạc để khách hàng có th liên h và nh n h ể ệ ậ ỗ trợ nhanh chóng

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 Khách hàng chưa đăng ký đăng nhập, ngược lại nếu khách hàng nào đã đăng ký rồi thì họ chỉ cần đăng nhập b ng ằ username/ email và password c a mình ủ

Để 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 Người này được cấp một username và password để đăng nhập vào h ệ thống th c hi n chự ệ ức năng của mình 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

-Hiển th các ch ng ch , b ng c p hoị ứ ỉ ằ ấ ặc đánh giá từ các tổ chức uy tín để tăng tính uy tín của trang web

-Cung c p chấ ức năng chat trực tuyến để ỗ trợ h khách hàng khi h ọ

có các th c m c ho c yêu c u h ắ ắ ặ ầ ỗ trợ

-Đảm b o tính bả ảo ật cho thông tin khách hàng, đặm c bi t là thông ệ tin thanh toán để người dùng có th yên tâm khi d d ng trang web ể ử ụ

-Cung c p các chấ ức năng xử lý dữ liệu khách hàng như lưu trữ thông tin đăng nhập, giỏ hàng của khách hàng để tăng tính tiện dụng cho khách hàng để tăng tính tiện dụng cho khách hàng trong quá trình mua hàng 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

-Chức năng: Quản lý người dùng

+Đăng nhập: Khi khách hàng muốn mua sản phẩm của cửa hàng thì b t bu c phắ ộ ải đăng nhập vào h ệ thống