Xây dựng website bán hàng thời trang

13 4 0
Xây dựng website bán hàng thời trang

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Xây dựng website bán hàng thời trang Shop Văn Thúy Thái Nguyên trên nền tảng di động Chương 1 Cơ sở lý thuyết 1 1 Tìm hiểu về thương mại di động 1 1 1 Khái niệm Thương mại di động (Mobile Electronic Commerce – M – Commerce) là hình thức giao dịch thương mại điện tử được thực hiện trên các thiết bị di động thoog qua môi trường mạng không dây 1 1 2 Ưu nhược điểm của thương mại di động Ưu điểm Nâng cao mức độ cung cấp dịch vụ và cung cấp thêm phương thức thanh toán cho người dùng Sự yêu thích của k.

Xây dựng website bán hàng thời trang Shop Văn Thúy-Thái Nguyên tảng di động Chương 1: Cơ sở lý thuyết 1.1 Tìm hiểu thương mại di động 1.1.1 Khái niệm Thương mại di động (Mobile Electronic Commerce – M – Commerce) hình thức giao dịch thương mại điện tử thực thiết bị di động thoog qua môi trường mạng không dây 1.1.2 Ưu nhược điểm thương mại di động - Ưu điểm  Nâng cao mức độ cung cấp dịch vụ cung cấp thêm phương thức toán cho người dùng  Sự yêu thích khách hàng mang lại lợi nhuận cho thương mại di động Thương mại di động tiếp kiệm chi phí tạo hội buôn bán  Thương mại di động thực đâu lúc thiết bị nhẹ nhỏ gọn  Mang tính cá nhân cao kiểm sốt tài khoản thông qua thiết bị di động  Thương mại di động làm cho người bán hàng người mua hàng dễ tiến lại gần để mang lại lợi nhuận tốt dựa trân mối quan hệ gần gũi người bán người mua - Nhược điểm  Thiết bị di động thường khơng có sức mạnh xử lý sức mạnh đồ họa máy tính cá nhân  Màn hình hiển thị thiết bị di động thường nhỏ Đó khó khăn việc hiển thị ứng dụng phức tạp  Mỗi hệ thống cung cấp mạng có cách kết nối đến M- Commerce khác Có nghĩa việc thống chuẩn kết nối khó khăn  Chi phí giao dịch cao 1.1.3 Những đặc trưng thương mại di động Thương mại di động (m-commerce) có đặc trưng mà thương mại điện tử thơng thường khơng có, ta xét số đặc trưng sau đây: - Tính rộng khắp (Ubiquity): Tính rộng khắp ưu điểm thương mại di động (m-commerce) Người dùng lấy thơng tin họ thích, họ muốn khơng cần quan tâm đến vị trí họ, thơng qua thiết bị di động kết nối Internet Trong ứng dụng thương mại di động (m-commerce), người dùng hoạt động bình thường, chẳng hạn gặp gỡ người hay lại, thực giao dịch hay nhận thông tin Với khả này, thương mại di động (m-commerce) làm cho dịch vụ hay ứng dụng đáp ứng đâu lúc nảy sinh nhu cầu - Khả tiếp cận (Reachability): Thông qua thiết bị di động, nhà kinh doanh tiếp xúc với khách hàng lúc Mặt khác, với thiết bị di động, người dùng giao tiếp với người khác đâu lúc Hơn nữa, người dùng giới hạn khả tiếp xúc họ với số người cá biệt thời gian cá biệt - Sự định vị (Localization): Khả biết vị trí vật lý người dùng thời điểm cụ thể làm tăng giá trị thương mại di động (m-commerce) Với thơng tin định vị, ta cung cấp ứng dụng dựa vị trí Ví dụ, biết vị trí người dùng, dịch vụ di động nhanh chóng thơng báo cho họ biết bạn bè hay đồng nghiệp họ gần Nó giúp người dùng định vị nhà hàng hay máy rút tiền tự động gần - Tính cá nhân hóa (Personalization): Một số lượng thông tin, dịch vụ ứng dụng khổng lồ tồn Internet, tính thích đáng (relevant) thông tin người dùng nhận quan trọng Bởi người sử dụng thiết bị di động thường yêu cầu tập ứng dụng dịch vụ khác nhau, ứng dụng thương mại di động (m-commerce) cá nhân hóa để biểu diễn thơng tin hay cung cấp dịch vụ cách thích đáng đến người dùng chuyên biệt - Tính phát tán (Dissemination): Một số hạ tầng vô tuyến hỗ trợ việc cung cấp liệu đồng thời đến tất người dùng di động vùng địa lý xác định Tính cung cấp phương tiện hiệu để phổ biến thông tin đến số lượng lớn người tiêu dùng - Tính tiện lợi (Convenience): Nó thuận lợi cho người sử dụng để hoạt động mơi trường máy tính khơng dây Các thiết bị máy tính di động gia tăng chức tiện lợi sử dụng mà tồn kích cỡ tương tự trở nên nhỏ Khơng giống máy tính truyền thống, thiết bị di động mang dễ dàng, cài đặt trạng thái mn màu mn vẻ kiểu mẫu hình khác nhau, phần lớn kết nối Các thiết bị di động cho phép người sử dụng kết nối dễ dàng nhanh chóng tới Internet, Intranet, thiết bị di động khác, sở liệu trực tuyến Như vậy, thiết bị không dây đạt phần lớn tiện lợi, thích đưa biện pháp truy nhập vào nhiều khn mẫu thơng tin - Tính tương giao (Interactivity): Trong so sánh với môi trường máy tính để bàn, giao dịch, giao tiếp,các điều khoản dịch vụ tương tác trực tiếp mức độ cao mơi trường máy tính di động Các công việc kinh doanh lĩnh vực hỗ trợ khách hàng cung ứng dịch vụ yêu cầu mức độ cao tính tương giao với khách hàng để tìm thành phần gia tăng giá trị cao thiết bị di động 1.2 Tìm hiểu Bootstrap 1.2.1 Bootstrap gì? Bootstrap thư viện mã nguồn mở bao gồm công cụ để tạo trang web ứng dụng web Nó chứa HTML CSS dựa mẫu thiết kế cho kiểu chữ, hình thức, nút, chuyển hướng thành phần giao diện khác, mở rộng JavaScript tùy chọn 1.2.2 Ưu nhược điểm Bootstrap Ưu điểm  Sự tương thích trình duyệt với thiết bị kiểm tra nhiều lần nên tin tưởng kết làm nhiều khơng cần kiểm tra lại  Chỉ cần biết sơ qua HTML, CSS, Javascript, Jquery bạn sử dụng Bootstrap để tạo nên trang web sang trọng đầy đủ  Với giao diện mặc định màu xám bạc sang trọng, hỗ trợ component thông dụng mà website cần có  Bootstrap mặc định hỗ trợ Responsive Bootstrap viết theo xu hướng Mobile Firts tức ưu tiên giao diện Mobile trước Nên việc sử dụng bootstrap cho website bạn phù hợp với tất kích thước hình Nhờ mà khơng cần xây dựng thêm trang web riêng biệt cho mobile  Đội ngũ phát triển Bootstrap bổ sung thêm tính Customizer Giúp cho designer lựa chọn thuộc tính, component phù hợp với project họ Chức giúp ta khơng cần phải tải tồn mã nguồn máy Nhược điểm Mặc dù với nhiều ưu to lướn Nhưng boostrap có khuyết điểm riêng - Thứ nhất, để tìm tổ chức, hay cá nhân thành thạo bootstrap để sử dụng với nên tảng lập trình web khơng nhiều - Thứ hai bootstrap chưa đầy đủ thư viện cần thiết + Các developer chưa thẻ tạo cho frameword riêng hồn hảo + Do số trang web nhaccuatui hay foody vấn sử dụng phiên mobile riêng, họ dùng bootstrap + Tuy nhiên việc hình thành thư viện đầy đủ vấn để thời gian 1.2.3 Cơ chế hoạt động - Bootstrap chia layout làm 12 phần gọi 12 grids (lưới ) hệ thống lưới Grids System - Grid – lưới, thẻ div chia sẵn để bạn định vị div lớn, phần tử cách dễ dàng layout hình - Với grid ta có thẻ canh độ rộng div tảng web, chia trang web div nhỏ theo ý muốn Chương 2: Khảo sát phân tích hệ thống 2.1 Khảo sát thực trạng 2.1.1Đặc điểm thị trường hàng tiêu dùng TP Thái Nguyên Thái nguyên trung tâm kinh tế - trị khu vực Việt Bắc nói riêng vùng trung du miền núi Đơng Bắc nói chung, cửa ngõ giao lưu kinh tế - xã hội vùng trung du miền núi với vùng Đồng Bắc Mặt khác, Thái nguyên biết đến trung tâm đào tạo nguồn nhân lực lớn thứ nước sau Hà nội TP Hồ chí Minh với trường Đại học, 11 trường Cao đẳng, trung cấp chuyên nghiệp trung tâm dạy nghề Cùng với nhiều nhà máy khu cơng nghiệp xây dựng thu hút hàng nghìn hàng vạn người đến làm việc sinh sống Thêm vào thu nhập bình quân người dân thành phố tăng từ 44,5 triệu đồng người năm năm 2016 lên 50 triệu đồng người năm vào 2017 Lĩnh vực thương mại dịch vụ tăng trưởng khá, giá trị sản xuất toàn ngành đạt khoảng 600 tỷ đồng, chiếm 17% Từ phát triển giúp thúc đẩy kinh tế địa phương giải công ăn việc làm cho nhiều người, từ mà nhu cầu mua sắm tăng cao đặc biệt mặt hàng quần áo nữ nam 2.1.2 Tổng quan cửa hàng Văn Thúy Cửa hàng Văn Thúy có cửa hàng vật lý số nhà 87,Quang Trung, Phường Đồng Quang, Thành phố Thái Nguyên Với vị trí cửa hàng năm trục đường lớn gần khu dân cư nên tình hình kinh doanh cửa hàng ổn định Với mặt hàng kinh doanh mặt hàng thời trang với nhiều mẫu mã phù hợp cho khách hàng học sinh, sinh viên công nhân viên Thực tiễn tiêu tụ sản phẩm thời trang nữ cửa hàng: Khách hàng chủ yếu cửa hàng học sinh trung học phổ thông, sinh viên, giáo viên, công nhân viên Sản phẩm đa dạng phong từ chất liệu, kiểu dáng, đến giá thành phù hợp hầu hết khách hàng Tiêu thụ sản phẩm giai đoạn cuối kết thúc chu kỳ kinh doanh mở đầu cho chu kỳ Chỉ có thơng qua tiêu thụ sản phẩm, vốn cửa hàng quay vòng sinh lời Với số tiền thu sau bán hàng cửa hàng trang trải chi phí Có q trình kỳ sau tiếp tục thực cách thường xuyên liên tục Doanh thu tiêu thụ sản phẩm phản ánh quy mô q trình bán hàng cửa hàng Nó nguồn tài quan trọng để cửa hàng trang trải khoản chi phí Mục đích kinh doanh cửa hàng kinh doanh sản phẩm đem tiêu thụ bên thị trường đáp ứng nhu cầu tiêu dùng khách hàng quanh khu vực.Đẩy mạnh tiêu thụ sản phẩm, thực doanh thu bán hàng đầy đủ kịp thời góp phần làm tăng tốc độ luân chuyển vốn, rút ngắn kỳ thu tiền trung bình, giảm lượng tồn kho, tăng khả sinh lời đồng vốn Với tình hình phát triển kinh tế giữ mức ổn định thu nhập cho nhiều lao động địa phương tỉnh thành tìm tới làm việc Với mức lương ổn định thị trường mà cửa hàng hướng tới cửa hàng vật lý dòng sản phẩm phù hợp với thu nhập khu vực thành phố Thái Nguyên, xen kẽ với dòng sản phẩm sản phẩm dòng cao cấp để phục vụ khách hàng có nhu cầu với dòng sản phẩm cao cấp Khi dòng sản phẩm phục vụ tốt tạo lịng tin cho khách hàng khu vực thành phố Thái Nguyên phát triển sang tỉnh thành lân cận 2.2 Tình hình thực đề tài 2.2.1 Tính cấp thiết đề tài Cửa hàng Văn Thúy có cửa hàng vật lý 87 Quang Trung, P Đồng Quang, TP Thái Nguyên Với vị trí cửa hàng nằm trung tâm khu dân cư Đ Quang Trung nên nhu cầu mua sắm khách hàng ngày lớn vào ngày cao điểm Vì lượng khách tập trung vào ngày cao điểm đông dẫn đến cửa hàng không phục vụ khách hàng tốt khách hàng đề nghị shop nên có trang bán hàng online Cùng với có nhiều khách hàng bận dộn công việc thời tiết nắng nóng nên ngại ngồi mua sắm quần áo Để đáp ứng nhu cầu em định thực đề tài “ Xâydựng Website bán hàng cho shop Văn Thúy Tại Thái Nguyên” 2.2.2 Mục tiêu thực Mục tiêu chung: Nâng cao hiệu bán hàng có thêm doanh thu phát triển cửa hàng, giúp cửa hàng có nhiều khách hàng từ tỉnh lân cận lớn toàn đất nước Đáp ứng nhu cầu mua sắm online khách hàng Mục tiêu cụ thể: Sản phẩm : - Các sản phẩm đăng tải sản phẩm có bán cửa hàng vật lý - Sản phẩm đáp ứng hầu hết nhu cầu người mua giá thành chất lượng - Sản phẩm bắt kịp xu hướng, tùy thời tiết - Sản phẩm phù hợp với thu nhập - Cung cấp thơng tin nhanh chóng kịp thời - Thanh toán, tương tác với khách hàng Khách hàng : Thực tế khách hàng khơng cho biết hết tất nhu cầu Ta phân biệt năm loại nhu cầu sau: - Nhu cầu nói ra: (khách hàng muốn mua họ nói cho biết) - Nhu cầu thực tế: (khách hàng muốn mua sản phẩm cách thực tế nhất) - Nhu cầu khơng nói ra: (Khách hàng kỳ vọng cửa hàng đảm bảo dịch vụ chu đáo) - Nhu cầu thích thú: (khách hàng mua sản phẩm cửa hàng tặng kèm q) - Nhu cầu thầm kín: (khách hàng muốn người thân bạn bè biết nhu cầu khách hàng) Cửa hàng đáp ứng đòi hỏi khách hàng cách đưa cho họ mà họ mong muốn, hay họ cần, hay họ thực cần Mỗi mức sau đòi hỏi phải thăm dò thấu đáo mức trước, kết cuối phải nhiều khách hàng tán thưởng Phạm vi nghiên cứu Phạm vi: Thành phố Thái Nguyên sau nơi lân cận - Quy mô: kinh doanh cá thể Thành Phố Thái Nguyên kinh doanh mặt hàng giống cửa hàng Văn Thúy - Không gian : địa điểm Thành Phố Thái Nguyên - Nội dung: Các cửa hàng kinh doanh mặt hàng với cửa hàng Văn Thúy đối thủ cạnh tranh với cửa hàng, ta phải điều tra nghiên cứu họ thu hút khách hàng sản phẩm họ để có hướng vượt trội để thu hút nhiều khách hàng 2.3 Phân tích thiết kế hệ thống 2.3.1 Phân tích a Yêu cầu website + Quản trị hệ thống:  Thêm, sửa, xóa sản phẩm  Xem danh sách đặt hàng khách hàng  Xem danh sách đơn hàng tình trạng đơn hàng  Xem phản hồi khách hàng để cố gắng phát huy phần tốt khắc phục phần chưa tốt + Khách hàng:  Xem danh mục mặt hàng  Mua hàng  Thay đổi giỏ hàng  Xem giỏ hàng  Tìm kiếm mặt hàng  Thay đổi thông tin cá nhân 2.3.2 Quy trình phác thảo thiết kế - Phù hợp yêu cầu đề tài - Tìm thơng tin chức hệ thống - Bố cục rõ ràng - Thẩm mỹ cao Chương 3: Thực xây dựng website cho shop Văn Thúy 3.1 Cài đặt bootstrap - Tải Boostrap: Tải boostrap trang getbootstrap.com - Cài đặt: Sau tải về, bạn có file Zip Tiến hành giải nén ta có thư mục có tên boostrap, bên có thư mục: css, img,is 3.2.Giao diện trang chủ cửa hàng - Phần (header): Bao gồm tên cửa hàng , tìm kiếm sản phẩm, giỏ hàng Phần bên cửa hàng danh mục cửa cửa hàng Phần header giống tất trang, từ khách hàng dễ dàng truy cập đến địa điểm hay thông tin khách muốn biết , tìm kiếm vị trí, đăng nhập… hay kiểm tra giỏ hàng, đặt hàng trang website mà không cần quay trang chủ Hình 3.1.Giao diện trang chủ Ở danh mục lớn danh mục cho sản phẩm cửa hàng Hình 3.2 Hình ảnh danh mục - Phần Content khu vực dành cho chuyên mục cửa hàng, phần content cửa hàng để chuyên mục sản phẩm cửa hàng, sản phẩm có lượt tìm kiếm nhiều sản phẩm cần quảng cáo Hình 3.3 Giao diện sản phẩm phần Content Sản phẩm thiết kế chạy theo chiều ngang với tùng sản phẩm hiển thị hình ảnh ,tên giá sản phẩm Phần danh mục hiển thị phần Content sản phẩm tìm kiếm nhiều Ở có danh sách sản phẩm khách hàng tìm kiếm nhiều web Hình 3.4 Giao diện sản phẩm tìm kiếm nhiều Cuối hiển thị phần Content ảnh baner sản phẩm cần quảng cáo cửa hàng Hình 3.5 Hình ảnh baner sản phẩm - Phần cuối trang web phần Footer Phần footer để hình thức tốn, câu hỏi thường gặp cửa hàng, phản hồi khách hàng sản phẩm cách thức liên lạc với cửa hàng Hình 3.6 Hình ảnh footer 3.3 Giao diện trang sản phẩm cửa hàng - Phần giao diện trang sản phẩm cửa hàng có header footer thay đổi phần content Trang hiển thị trang sản phẩm hiển thị tất sản phẩm cửa hàng Ngồi cịn có danh mục sản phẩm cửa hàng thêm vào Hình 3.7 Hình ảnh trang sản phẩm cửa hàng KẾT LUẬN Trong thời gian tìm hiểu thực đề tài, với kiến thức tự tìm hiểu, cộng thêm bảo giáo viên hướng dẫn, giúp đỡ thầy cô bạn bè, em làm kết sau: Kết đạt - Những kết đạt trình làm đề tài: - Tìm hiểu sử dụng cơng cụ thiết kế đồ họa phần mềm photoshop - Tìm hiểu nắm bắt ngôn ngữ html css để tạo giao diện website - Tìm hiểu nâng cao HTML5, CSS3, Boostrap Từ xây dựng giao diện demo cho website Dù cố gắng hoàn thiện giải pháp thời gian có hạn, kiến thức cịn hạn chế đề tài cịn số mặt thiếu sót hạn chế sau:  Chưa xây dựng hoàn thiện giao diện website thân thiện dễ sử dụng  Việc nắm bắt ngơn ngữ cịn hạn chế  Chưa mở rộng đề tài nghiên cứu Hướng phát triển đề tài Với giao diện website xây dựng áp dụng vào mã nguồn mở Wordpress, Joomla sử dụng ngôn ngữ php kết hợp với sở liệu My SQL để xây dựng lên website hoàn chỉnh Áp dụng quy tắc phối kết hợp màu để có website thân thiện để dàng sử dụng mang lại lợi ích thu nhập TÀI LIỆU THAM KHẢO [1] ABRAHAM Trần,(2016),Bí mật thực Internet Marketing,NXB Thanh niên [2] Đặng Ngọc Bình,(2013),Thiết kế web siêu tốc,NXB Giáo dục [3] TH.S Lê Quốc Toàn,(2015),Hiểu WordPress,NXB Giáo dục [4] TH.S Lê Quốc Toàn,(2015),Thực hành WordPress,NXB Giáo dục [5] Thái Hùng Tâm ,(2016),Makerting thời đại Net,NXB Lao Động-Xã Hội ... cửa hàng ổn định Với mặt hàng kinh doanh mặt hàng thời trang với nhiều mẫu mã phù hợp cho khách hàng học sinh, sinh viên công nhân viên Thực tiễn tiêu tụ sản phẩm thời trang nữ cửa hàng: Khách hàng. .. khách hàng đề nghị shop nên có trang bán hàng online Cùng với có nhiều khách hàng bận dộn cơng việc thời tiết nắng nóng nên ngại ngồi mua sắm quần áo Để đáp ứng nhu cầu em định thực đề tài “ Xâydựng... Xâydựng Website bán hàng cho shop Văn Thúy Tại Thái Nguyên” 2.2.2 Mục tiêu thực Mục tiêu chung: Nâng cao hiệu bán hàng có thêm doanh thu phát triển cửa hàng, giúp cửa hàng có nhiều khách hàng từ

Ngày đăng: 10/07/2022, 23:45

Hình ảnh liên quan

Hình 3.1.Giao diện trang chủ - Xây dựng website bán hàng thời trang

Hình 3.1..

Giao diện trang chủ Xem tại trang 9 của tài liệu.
Hình 3.2. Hình ảnh các danh mục con - Xây dựng website bán hàng thời trang

Hình 3.2..

Hình ảnh các danh mục con Xem tại trang 9 của tài liệu.
- Phần Content ở giữa là khu vực dành cho các chuyên mục của cửa hàng, ở phần content của cửa hàng sẽ được để chuyên mục các sản phẩm mới nhất của cửa hàng, các - Xây dựng website bán hàng thời trang

h.

ần Content ở giữa là khu vực dành cho các chuyên mục của cửa hàng, ở phần content của cửa hàng sẽ được để chuyên mục các sản phẩm mới nhất của cửa hàng, các Xem tại trang 10 của tài liệu.
Hình 3.3. Giao diện sản phẩm mới phần Content - Xây dựng website bán hàng thời trang

Hình 3.3..

Giao diện sản phẩm mới phần Content Xem tại trang 10 của tài liệu.
Hình 3.4. Giao diện sản phẩm tìm kiếm nhiều - Xây dựng website bán hàng thời trang

Hình 3.4..

Giao diện sản phẩm tìm kiếm nhiều Xem tại trang 11 của tài liệu.
Hình 3.5. Hình ảnh baner sản phẩm mới - Xây dựng website bán hàng thời trang

Hình 3.5..

Hình ảnh baner sản phẩm mới Xem tại trang 11 của tài liệu.
Hình 3.7. Hình ảnh trang sản phẩm của cửa hàng - Xây dựng website bán hàng thời trang

Hình 3.7..

Hình ảnh trang sản phẩm của cửa hàng Xem tại trang 12 của tài liệu.

Mục lục

    Cài đặt: Sau khi tải về, bạn có một file Zip. Tiến hành giải nén ta sẽ có một thư mục có tên boostrap, bên trong có 3 thư mục: css, img,is

    3.2.Giao diện trang chủ cửa hàng

    Kết quả đạt được

    Hướng phát triển của đề tài

    TÀI LIỆU THAM KHẢO

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan