THUYẾT TRÌNH LẬP TRÌNH WEB CUỐI KỲ

- Giới thiệu đề tài: Mình xin đại diện nhóm 7 giới thiệu đến với mọi người bài
tập cuối kỳ của nhóm mình với đề tài là thiết kế website cho cửa hàng bán hoa
tươi tên là FlowerSight
- Nêu vấn đề và nhu cầu:
Trước khi show cho mọi người xem website của nhóm, mình sẽ nêu lí do tại
nhóm mình lại quyết định chọn thiết kế website bán hoa tươi.
Ÿ Thì hiện nay thị trường này đang phát triển rất mạnh mẽ. Hoa tươi không
chỉ là một món quà mà mọi người dùng trong những dịp đặc biệt như sinh nhật,
ngày lễ,… mà còn được sử dụng trong các sự kiện quan trọng như đám cưới
hay tang lễ.
Ÿ Ngoài ra, việc mua hoa trực tuyến đang trở thành một xu hướng phổ biến do
sự tiện lợi và mọi người có thể lựa chọn sản phẩm một cách đa dạng hơn. Nên
nhóm mình tin rằng việc thiết kế một website bán hoa tươi thân thiện với người
dùng sẽ giúp tạo ra một trải nghiệm mua sắm hoa tươi tuyệt vời cho khách
hàng và từ đó giúp thu hút được nhiều khách hàng hơn.
- Các tính năng của website:
Ÿ POP-UP: Đến với website. Đầu tiên, khi mọi người mở website ra, thì
sẽ thấy hiển thị một cửa sổ popup có chứa quảng cáo về chương trình giảm giá
cho khách hàng mà nhóm mình đã để vào. Dụng ý của nhóm mình khi để cửa
sổ popup này vào trang web là vì nó sẽ giúp cửa hàng quảng cáo đến khách
hàng chương trình giảm giá một cách nhanh nhất và bắt mắt nhất. Tất nhiên là
nhóm mình có đặt ở đây một nút tắt. Sau khi tắt cửa sổ popup thì mọi người sẽ
thấy giao diện chính của website.
Ÿ THANH MENU: Mình sẽ giới thiệu sơ qua với mọi người thanh
menu của website. Website của nhóm mình sẽ có 8 trang, lần lượt là trang chủ,
trang giới thiệu thành viên, trang sản phẩm, trang blog, trang liên hệ, sitemap,
icon của hai trang tài khoản và giỏ hàng để người dùng có thể đăng nhập và đặt
hàng và cuối cùng sẽ là 1 thanh tìm kiếm
Ÿ TRANG CHỦ: Chúng ta sẽ đi theo trình tự từng trang của thanh
menu nhé. Ở trang chủ, nhóm mình có đặt vào một slide các banner về những
chương trình đang chạy của cửa hàng. Slide này khoảng 8-9s sẽ thay đổi hình
ảnh một lần. Tất nhiên, nhóm mình vẫn đặt nút để mọi người có thể di chuyển
và xem các banner nếu mọi người quan tâm.
Lướt xuống phần bên dưới, nhóm mình sẽ đặt ở đây những sản phẩm đang
chạy chương tình giảm giá, những giảm phẩm là best seller ở cửa hàng để gợi ý
cho khách hàng những sản phẩm có giá hời hoặc những sản phẩm được nhiều
người yêu thích để khách hàng dễ dàng đưa ra quyết định mua hàng hơn. Đồng
thời, mình cũng đặt vào đây những thông tin xen kẽ để khách hàng nắm bắt
được một số thông tin cơ bản về cửa hàng như việc đào tạo nhân viên thiết kế
sản phẩm một cách độc đáo cho khách hàng, hay việc cửa hàng sử dụng công
nghệ giao hoa giúp khách hàng có cái nhìn thiện cảm hơn về cửa hàng.
Bên dưới nữa thì nhóm mình cũng để vào phần tự giới thiệu về shop để khách
hàng có thể đọc lướt qua.
Bên dưới nữa là form để khách hàng có thể để lại email để shop có thể liên hệ
cho khách hàng nếu khách hàng có quan tâm đến sản phẩm hay đang cần được
tư vấn.
Còn nếu khách hàng muốn trực tiếp nhắn tin cho shop thì dưới phần footer sẽ là
những social media như là facebook, instagram, youtube, twitter,…Bên cạnh
đó thì nhóm mình cũng đặt một số thông tin khác như là hotline, email, địa chỉ,
…tùy nhu cầu mà khách hàng có thể liên hệ hoặc trực tiếp ghé thăm cửa hàng.
Và tất nhiên phần header và footer đều được bố trí ở tất cả các trang để khách
hàng có thể tiện lợi trong việc thao tác.
Ÿ GIỚI THIỆU: Tiếp theo là trang giới thiệu. Đây là tất cả các thành
viên của nhóm mình, là những bạn đã cùng nhau xây dựng nên website
FlowerSight này. Bên dưới sẽ là thông tin họ tên và mã số nhân viên của từng
bạn.
Ÿ SẢN PHẨM: Đến với trang sản phẩm, trên thanh menu nhóm mình
đã tạo một danh sách phân loại các loại hoa có ở cửa hàng để mọi người có thể
dễ dàng lựa chọn loại hoa mà mọi người đang muốn tìm mua.
Ở bên trái của trang sản phẩm chính, nhóm mình cũng đặt vào một bộ lọc để
mọi người dễ dàng chọn loại kiểu dáng hay loại hoa mà mọi người yêu thích.
Và bên phải tất nhiên là các sản phẩm đang được bày bán tại cửa hàng. Bên
dưới của mỗi trang sản phẩm đều sẽ có một đoạn văn với 2 dụng ý, thứ nhất là
để website không bị đơn điệu, và thứ hai là mỗi một đoạn văn này sẽ là mỗi
thông điệp về tầm quan trọng của từng loại hoa mà shop muốn gửi đến những
khách hàng đã ghé thăm website. Và bộ lọc của các trang sản phẩm con thì
phần lọc theo chủ đề sẽ được xóa đi và chỉ để lại phần lọc kiểu dáng thôi bởi vì
vốn dĩ các trang này đã được lọc theo chủ đề rồi.
Ÿ BLOG: Trang Blog của website sẽ có tất cả là 4 blog về các chủ đề
mà chúng mình nghĩ là khách hàng sẽ quan tâm. Khi các bạn di chuột vào hình
ảnh của blog nào thì hình ảnh sẽ được zoom lên. Mọi người có thể click vào
hình ảnh của blog hoặc nút xem thêm đều có thể dẫn đến trang blog chi tiết.
Bên trong trang blog chúng mình cũng đặt ở cột bên phải danh mục các sản
phẩm hot để mọi người tham khảo. Nhấn vào hình ảnh của sản phẩm sẽ là hiển
thị chi tiết của sản phẩm đó. Và tất nhiên mọi người hoàn toàn có thể mua hàng
thông qua nút thêm vào giỏ hàng hoặc mua nhanh được gắn ở trang này. Hoặc
nếu không mọi người cũng có thể nhấn vào nút xem thêm để dẫn đến trang sản
phẩm chính của website.
Ÿ LIÊN HỆ: Tiếp theo là trang liên hệ. Đây là một trang mà nhóm mình
để giành riêng cho việc cửa hàng và khách hàng kết nối với nhau. Ở trang
nhóm mình đặt những thông tin như là văn phòng, email, hotline của cửa hàng,
…Đồng thời cũng sẽ có một form để khách hàng gửi những lời nhận xét về
hòm thư của shop để shop vừa có thể tiếp nhận những ý kiến của khách hàng
và vừa đồng thời có được thông tin liên hệ mà khách hàng để lại. Bên phải của
màn hình sẽ là bản đồ ghim sẵn địa chỉ của cửa hàng để khách hàng dễ dàng
hình dung được địa chỉ của shop.
Ÿ SITEMAP: Phần sitemap sẽ là phần mà nhóm mình tổng lại hợp lại
tất cả các page của website. Mục đích của sitemap là để cung cấp thông tin cho
các công cụ tìm kiếm về cấu trúc của trang website. Bằng cách này thì các công
cụ tìm kiếm như Googlebot có thể dễ dàng tìm và index các trang của nhóm
mình một cách hiệu quả hơn. Mặt khác cũng là để khách hàng có thể dễ dàng
hình dung được cấu trúc của website giúp nâng cao trải nghiệm của người
dùng.
Ÿ TÀI KHOẢN: Khác với các sàn thương mại điện tử, khi mọi người
đăng nhập hoặc đăng ký tài khoản mới có thể thực hiện thao tác đặt hàng thì ở
website của nhóm mọi người hoàn toàn có thể thực hiện thao tác đặt hàng mà
không cần đăng nhập hay đăng ký tài khoản. Tuy nhiên, khi phát sinh giao dịch
mua hàng trong tình trạng đã đăng nhập, khách hàng sẽ có cơ hội nhận được
nhiều ưu đãi dành riêng cho thành viên của FlowerSight. Tức là trang tài khoản
này chính là trang đăng ký để trở thành khách hàng thành viên của cửa hàng.
Và tất nhiên là khi đăng nhập, khách hàng phải nhập đúng định dạng của các
trường họ tên, email, số điện thoại,…và mật khẩu phải khớp nhau thì mới có
thể đăng nhập và đăng ký thành công được. Và sau khi đăng nhập và đăng ký
thành công thì website sẽ hướng khách hàng đến trang chủ của website để
khách hàng tiếp tục thao tác mua hàng và tìm kiếm sản phẩm
Ÿ GIỎ HÀNG: Và cuối cùng là trang giỏ hàng, thì tất nhiên tình trạng
của giỏ hàng sẽ trống bởi vì ta chưa thực hiện thao tác thêm sản phẩm vào giỏ
hàng.
BÂY GIỜ MÌNH SẼ TIẾN HÀNH MÔ PHỎNG CHO CÁC BẠN XEM QUÁ
TRÌNH MUA HÀNG VÀ THANH TOÁN CỦA KHÁCH HÀNG KHI MUA
HÀNG TRÊN WEBSITE CỦA CHÚNG MÌNH LÀ NHƯ THẾ NÀO
- Quy trình mua hàng:
- Quy trình thanh toán: