đồ án học phần nhập môn công nghệ thông tin tạo website bán hàng

Với sự thuận tiện củamua bán online, chỉ cần vài cú click chuột từ chiếc smartphone, mọi người có thể mua bán hàng hóa mọi lúc, mọi nơi.Dựa trên tình hình này, nhóm 2 chúng em đã thực hi

TRƯỜNG ĐẠI HỌC VINH VIỆN KỸ THUẬT VÀ CÔNG NGHỆ

ĐỒ ÁN HỌC PHẦN NHẬP MÔN CÔNG NGHỆ THÔNG TIN ( NGÀNH CÔNG NGHỆ THÔNG TIN )

TÊN ĐỀ TÀI(TẠO WEBSITE BÁN HÀNG )

Giảng viên hướng dẫn: TS Lê Văn Minh Nhóm sinh viên thực hiện: Nhóm 2

:LỜI MỞ ĐẦU

Xã hội đang phát triển đa chiều, đồng điều đó là sự tiến bộ mạnh mẽ của công nghệ thông tin Nhu cầu của con người liên quan đến mua bán và trao đổi hàng hóa ngày càng được cải thiện và nâng cao Để đáp ứng nhu cầu này ở bất kỳ địa điểm nào trên thế giới và bất kỳ thời điểm nào, các trang web trực tuyến trở thành công cụ phổ biến và hiệu quả nhất Chỉ cần một chiếc điện thoại kết nối internet và vài cú nhấp, bạn có thể dễ dàng mua sắm những sản phẩm yêu thích với các ưu đãi vận chuyển cả trong nước và quốc tế Trong thời đại công nghệ số như hiện nay, việc tích hợp công nghệ thông tin vào cuộc sống không còn xa lạ, không chỉ giúp mua sắm thuận tiện mà còn tạo cơ hội kinh doanh trực tuyến

Đối với các doanh nghiệp, website không thể thiếu vì tính linh hoạt của nó

Nó giúp khách hàng dễ dàng tiếp cận doanh nghiệp và sử dụng dịch vụ mộtcách thuận lợi từ bất kỳ nơi nào, giúp tiết kiệm thời gian và chi phí Hơn nữa, khách hàng có thể đánh giá sản phẩm thông qua website, tăng độ uy tín của doanh nghiệp trong mắt người tiêu dùng

Với tất cả những lợi ích trên, việc bán hàng online không chỉ là một ý tưởng tốt mà còn là bước khởi đầu lý tưởng cho một start-up Bạn có thể bắt đầu bằng việc tạo một trang web để lưu trữ thông tin và biến giấc mơ khởi nghiệp của mình thành hiện thực

Chúng ta có thể dễ dàng tạo ra một trang web chuyên nghiệp qua nhiều phương tiện khác nhau Trong số đó, không thể không nhắc đến việc sử dụng các mã nguồn phổ biến như Google Site, Nuke Viet, Joomla, Blogger, Đặc biệt, mã nguồn WordPress là một công cụ rất phổ biến không chỉ ở Việt Nam mà còn trên toàn thế giới Với sự hỗ trợ xuất sắc từ Plugin WooCommerce, bất kỳ ai cũng có thể tạo ra một trang web chuyên nghiệp Nhóm 2 chúng em đã quyết định chọn đề tài "Thiết kế một trang web bán hàng" dựa trên mã nguồn WordPress để hòa mình vào sự phát triển mạnh mẽ Mặc dù đã cố gắng hết sức, chúng em nhận thức rằng không thể tránh khỏi những sai sót, và hy vọng nhận được phản hồi tích cực và đóng góp ý kiến để chúng em có thể tạo ra sản phẩm tốt nhất!

Xin chân thành cảm ơn !

Mục Lục

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

1.1 Lí do lựa chọn đề tài 3

1.2 Mô tả đề tài 3

1.3.Mục tiêu đề tài 4

1.4 Nội dung và phạm vi đề tài 4

CHƯƠNG 2:Ý TƯỞNG XÂY DỰNG WEBSITE BÁN HÀNG

2.1 Mục tiêu cần đạt được 5

2.2.Phương pháp thực hiện đề tài: 5

CHƯƠNG III: THIẾT KẾ HỆ THỐNG WEBSITE

BÁN HÀNG BẰNG WORDPRESS

3.1 Tổng quan về hệ thống wordpress 7

3.1.1 Giới Thiệu WordPress 7

3.1.2 Lí Do Lựa Chọn WordPress để tạo website bán hàng thời trang 8

3.2 Thiết kế website bán hàng thời trang 9

3.2.1 Giao diện chính 9

3.2.2 Trang sản phẩm 11

3.2.3 Trang giỏ hàng 12

3.2.4 Trang Thanh toán 13

3.2.5 Trang giới thiệu , cam kết và nút hỗ trợ khách hàng 15

CHƯƠNG IV:TRIỂN KHAI HỆ THỐNG WEBSITE

BÁN HÀNG THỜI TRANG

4.1 Đăng kí hosting và tên miền miễn phí với Infinityfree.com 17

4.1.1 Hosting là gì? Tên miền là gì? 17

4.1.2 Cách cài hosting và tên miền bằng Infinityfree 17

4.2 Cách cài mã nguồn WordPress 20

4.3 Cài đặt giao diện cho website bán hàng thời trang 23

4.4 Tạo các trang chính cho website bán hàng 24

TÀI LIỆU THAM KHẢO

 Lý do chọn ngành công nghệ thông tin:

và nhu cầu nhân lực chỉ có tăng chứ không có giảm:

Ngày nay đa số mọi người đều sử dụng smartphone, máy tính để truycập internet, lướt các trang mạng xã hội, chơi game, học tập, tìm kiếmthông tin trên mạng, … cuộc sống thường ngày thường gắn liền vớicông nghệ Chính vì vậy mà đây là một ngành nghề luôn luôn có sứchút về nhân lực

Với tính đặc thù của ngành Công nghệ thông tin, không ngày nào giống ngày nào và luôn tồn tại sự thay đổi liên tục Điều này tạo ra một môi trường làm việc đầy sôi động và thú vị, khi bạn có cơ hội tiếpcận những kiến thức và công nghệ mới nhất Sự liên tục cập nhật này không chỉ giúp bạn phát triển bản thân mà còn giữ cho công việc luôn đầy hứng thú và tránh được cảm giác chán nản

Với sự phát triển không ngừng của ngành Công nghệ thông tin và nhu cầu ngày càng tăng về các sản phẩm và dịch vụ kỹ thuật, cơ hội việc làm trong lĩnh vực này là rất lớn Điều này tạo ra một thị trường lao động sôi động và thu nhập hấp dẫn Đặc biệt, nếu bạn có kỹ năng và kinh nghiệm làm việc cho các công ty nước ngoài, bạn có thể mong đợi mức thu nhập cao hơn, có thể lên đến hàng ngàn đô la Mỹ, tùy thuộc vào nhu cầu và khả năng của bạn trong công việc

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

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

1.1 Lí do lựa chọn đề tài

Trong thời đại hiện nay, Công nghệ thông tin đóng vai trò quan trọng trong việc quản lý và đổi mới cuộc sống Điều này kèm theo nhu cầu ngày càng tăng về việc thiết kế website để phục vụ doanh nghiệp và thương hiệu.Việc sở hữu một website giúp cá nhân và doanh nghiệp tiếp cận khách hàng một cách hiệu quả, đồng thời tối ưu hóa chi phí Với sự thuận tiện củamua bán online, chỉ cần vài cú click chuột từ chiếc smartphone, mọi người

có thể mua bán hàng hóa mọi lúc, mọi nơi

Dựa trên tình hình này, nhóm 2 chúng em đã thực hiện đề tài "Xây dựng website bán hàng thời trang" với mục tiêu tạo ra một sàn thương mại điện

tử thuận tiện, phục vụ nhu cầu thời trang cho người dùng cả trong và ngoài nước

1.2 Mô tả đề tài

- Xây dựng một trang web bán hàng là quá trình hình thành một nền tảng trực tuyến nhằm quảng bá và tiếp thị sản phẩm hoặc dịch vụ đến khách hàng Mục tiêu chính của việc tạo website là tạo ra một giao diện trực quan

để thu hút sự chú ý của khách hàng và tạo điều kiện cho họ lựa chọn và mua sản phẩm một cách thuận tiện nhất Dưới đây là những khía cạnh quantrọng trong quá trình phát triển một trang web bán hàng tiêu chuẩn+Lựa chọn mã nguồn WordPress và cài đặt Plugin Woocommerce Nền tảng này cung cấp các tính năng cần thiết để quản lý sản phẩm, đơn hàng và thanh toán

+Thiết kế giao diện người dùng

+Xây dựng danh mục sản phẩm

+Xây dựng hệ thống thêm vào giỏ hàng và thanh toán

+Xây dựng công cụ tìm kiếm

+Phát triển một website an toàn mang tính bảo mật cao

-Hỗ trợ cá nhân và doanh nghiệp đạt được mục tiêu kinh doanh của họ bằng cách đề xuất chiến lược tiếp thị phù hợp với từng sản phẩm.

- Website nhằm hướng đến những người có hứng thú với thời trang vàkhám phá style thời trang

1.4 Nội dung và phạm vi đề tài

-Nội dung:

+Tìm hiểu ,tải và cài đặt một website dựa trên mã nguồn mở WordPress+Lựa chọn ngôn ngữ lập trình C,C++ và các công nghệ liên quan để tạo vàxây dựng web như Woocomerce Công nghệ này có sẵn các tính năng vàchức năng tương thích với việc bán hàng trực tuyến ,giúp người bán,chủdoanh nghiệp quản lí đơn hàng,quản lí sản phẩm,thanh toán…

+Lựa chọn giao diện phù hợp với việc trao đổi mua bán mặt hàng thờitrang,thân thiện với khách hàng

+Thiết kế được các chức năng cần thiết như tìm kiếm,hiển thị sảnphẩm,thêm vào giỏ hàng,thanh toán…cho trang web

-Phạm vi:

+ Mã nguồn Wordpress

+ Plugin Woocommerce quản lí bán hàng

+ Web hosting Infinity free

+Elementor xây dung giao diện

CHƯƠNG 2:Ý TƯỞNG XÂY DỰNG WEBSITE BÁN HÀNG2.1 Mục tiêu cần đạt được

-Xây dựng một website bán hàng thời trang với đầy đủ các chức năng thông dụng:

+Trang chủ

+Hiển thị thông tin sản phẩm

+Hiển thị sản phẩm theo danh mục

+Chức năng liên hệ

+Tìm kiếm

+Thêm vào giỏ hàng và thanh toán

+Hiển thị sản phẩm nổi bật

+Đánh giá và liên hệ mua hàng

-Người quản trị có khả năng truy cập ,thêm và thay đổi sản phẩm ,bài viết,quản lí khách hàng

-Người sử dụng có thể truy cập trang web,thực hiện xem và đánh giá nhận xét và mua hàng ,xây dựng được những trải nghiệm thú vị cho người dùng

2.2.Phương pháp thực hiện đề tài:

+Tạo một giao diện người dùng thân thiện: Thiết kế giao diện website sao cho người dùng có trải nghiệm dễ sử dụng và trực quan, giúp họ tìm kiếm sản phẩm và mặt hàng một cách thuận tiện

+Xây dựng danh mục sản phẩm và cung cấp thông tin chi tiết: Tạo danh mục sản phẩm có cấu trúc rõ ràng và dễ hiểu, đảm bảo mô tả sản phẩm và thông tin chi tiết đầy đủ Hình ảnh chất lượng cao cần được cung cấp để làm giàu trải nghiệm mua sắm của khách hàng

+Xây dựng hệ thống thêm vào giỏ hàng và thanh toán: Tích hợp các phương thức thanh toán an toàn và tiện lợi như thẻ tín dụng, chuyển khoản,

và ví điện tử vào hệ thống Điều này giúp tạo điều kiện thuận lợi cho kháchhàng hoàn thành quá trình mua sắm

+Tạo công cụ tìm kiếm: Đảm bảo công cụ tìm kiếm hiển thị sản phẩm khi nhập các từ khóa và nội dung liên quan Điều này giúp tối ưu hóa khả năng tìm kiếm và tăng hiệu suất tiếp cận sản phẩm của khách hàng

+Xây dựng tính năng bảo mật và quyền riêng tư: Phát triển website với tínhbảo mật cao, sử dụng chứng chỉ SSL để đảm bảo an toàn cho dữ liệu trao đổi giữa máy chủ web và trình duyệt người dùng.

+Xây dựng chức năng đánh giá và nhận xét: Cho phép người dùng đánh giá

và để lại nhận xét về các mặt hàng, giúp xây dựng lòng tin từ phía khách hàng và tăng cường tương tác giữa khách hàng và trang web

CHƯƠNG III: THIẾT KẾ HỆ THỐNG WEBSITE

BÁN HÀNG BẰNG WORDPRESS

3.1 Tổng quan về hệ thống wordpress

3.1.1 Giới Thiệu WordPress

WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trình PHP và sử dụng MySQL database(cơ sở dữ liệu MySQL) WordPress là hậu duệ chính thức của b2/cafelog ,được phát triển bởi Michel

Valdrighi Cái tên WordPress được đề xuất bởi Christine Selleck,một ngườibạn của nhà phát triển chính Matt Mullenweg.Mã nguồn WordPress được chia thành các thành phần chính sau:

+Trình cài đặt: Trình cài đặt giúp người dùng cài đặt WordPress trên máy chủ web

+Hệ thống cốt lõi: Hệ thống cốt lõi cung cấp các tính năng cơ bản của WordPress, bao gồm quản lý nội dung, giao diện người dùng, bảo mật, v.v.+Mã nguồn WordPress là một lựa chọn tuyệt vời cho những người muốn xây dựng website một cách nhanh chóng, dễ dàng và miễn phí Mã nguồn này được sử dụng bởi hơn 40% website trên thế giới, là minh chứng cho sự phổ biến và hiệu quả của WordPress.

3.1.2 Lí Do Lựa Chọn WordPress để tạo website bán hàng thời trang

-Dễ sử dụng:

+WordPress có giao diện quản trị thân thiện và dễ sử dụng, giúp người quản trị nội dung có thể quản lý một cách dễ dàng mà không cần kiến thức sâu về lập trình

-Mức độ linh hoạt cao:

+WordPress cung cấp nhiều chủ đề (theme) và plugin để bạn có thể tùy chỉnh trang web theo ý muốn mà không cần kiến thức sâu rộng về lập trình

+Có thể thay đổi giao diện và chức năng dễ dàng để phản ánh đúng hình ảnh và thương hiệu thời trang của cửa hàng.

-Tiện ích tối ưu hóa SEO:

+WordPress được thiết kế trong môi trường SEO tốt, giúp trang web dễ dàng được tìm kiếm và xếp hạng cao trong các công cụ tìm kiếm như Google

-Quản lý nội dung hiệu quả:

+Hệ thống quản lý nội dung của WordPress giúp người quản trị dễ dàng thêm, sửa hoặc xóa nội dung một cách linh hoạt

+Người quản trị có thể tạo ra các trang bài viết để giới thiệu thời trang, cách chăm sóc, để cải thiện các đơn hàng của mình

-Chi phí thấp hơn nhiều so với phát triển tự do:

+So với việc phát triển một trang web từ đầu, việc sử dụng WordPress và các plugin có sẵn thường tiết kiệm chi phí đáng kể

+Có nhiều chủ đề và plugin miễn phí, còn các phiên bản trả phí thì thường

rẻ hơn so với việc phát triển một trang web tùy chỉnh

3.2 Thiết kế website bán hàng thời trang

3.2.1 Giao diện chính

-Giao diện chính là trang đầu tiên mà người dung truy cập thường xem khi truy cập vào một trang web.Đây là trang tóm tắt nhưng thông tin quan trong cho trang web giúp khách hàng hiểu rõ hơn

Giao diện và chức năng cần thiết của website bán hàng thời trang

-Người thiết kế phải đảm bảo các chứng năng cần thiết cho một trang chủ website bán hàng thời trang bao gồm :Sản phẩm, giới thiệu, cam kết, giỏ hàng và thanh toán, yêu thích và khung tìm kiếm

-Ngoài ra rang chủ còn cần có 1 giao diện hấp dẫn và chứa các yếu tố quan trọng để thu hút khách hàng như banner thời trang,danh sách sản phẩm nổi bật …

Danh sách các sản phẩm nổi bật xuất hiện trên trang chủ

3.2.2 Trang sản phẩm

-Trang sản phẩm là một trang trên website bán hàng được sử dụng để hiện thị thông tin chi tiết về một sản phẩm cụ thể Trang này cung cấp cho kháchhàng thông tin quan trọng về sản phẩm ,giúp họ đưa ra quyết định mua hàng

-Người thiết kế giao diện phải đảm bảo trang này có đủ hình ảnh sản phẩm ,mô tả ,giá tiền ,thông tin và các tùy chọn mua hàng như thêm vào giỏ hàng

Hình ảnh minh họa cho trang sản phẩm

Hình ảnh minh họa trang sản phẩm

3.2.3 Trang giỏ hàng

-Trang giỏ hàng là một trang trên website để khách hàng có thể lựa chọn sản phẩm trước khi thanh toán và có thể sử dụng coupon đển giảm giá sản phẩm

-Các yêu cầu cần có của trang giỏ hàng:

+Danh sách các sản phẩm đã được khách hàng thêm vào giỏ

+Hiển thị tổng số lượng sản phẩm và tổng giá trị của các sản phẩm đó +Cập nhật giỏ hàng :Cho phép khách hàng cập nhật số lượng sản phẩm, xóa bỏ sản phẩm

Giao diện chính của một trang giỏ hàng

+Tiến hành thanh toán :Trang giỏ hàng thường có nút “ Thanh toán” để chuyển khách hàng đến trang thanh toán.Nơi họ có thể cung cấp thông tin giao hàng và hoàn thành đơn hàng.

3.2.4 Trang Thanh toán

-Trang thanh toán là trang cuối cùng trong quá trình mua hàng trên website bán hàng ,nơi khách hàng cung cấp thông tin giao hàng ,chọn phương thức thanh toán và hoàn tất quá trình mua hàng Trang thanh toán có vai trò quan trọng trong việc thu thập thông tin và xử lý thanh toán từ khách hàng.-Người quản trị website cần đảm bảo được tính bảo mật thông tin cá nhân

và các phương thức thanh toán an toàn như thẻ tín dụng, trả tiền mặt…-Các yêu cầu cần thiết cho một trang thanh toán bao gồm:

+Thông tin giao hàng

+Phương thức vận chuyển

+Phương thức thanh toán

+Mã giảm giá (nếu có)

Trang Thanh Toán Sản Phẩm Và Khung Nhập Thông Tin

3.2.5 Trang giới thiệu , cam kết và nút hỗ trợ khách hàng

- Trang giới thiệu và cam kết là trang giúp người dùng hiểu rõ hơn về shop

và tạo sự uy tín của shop dành cho khách hàng khi mua sắm trên web

Giao diện trang giới thiệu của shop

Giao diện trang cam kết của shop

-Khung hỗ trợ khách hàng được cung cấp trên messenger giúp khách hàng

có thể tư vấn hỏi đáp những thắc mắc một cách tiện lợi

Hình Ảnh khung chat hỗ trỡ khách hàng

CHƯƠNG IV:TRIỂN KHAI HỆ THỐNG WEBSITE

BÁN HÀNG THỜI TRANG 4.1 Đăng kí hosting và tên miền miễn phí với Infinityfree.com4.1.1 Hosting là gì? Tên miền là gì?

-Hosting là quá trình lưu trữ và đưa các tệp tin,dữ liệu và trang webleen một máy chủ (server)để chúng có thể truy cập và hiển thị trên internet.Khi tạo ra một trang web,chúng ta cần nơi lưu trữ các tệp tin ,hình

ảnh ,video,cơ sở dữ liệu và các thành phần khác Đó chính là vai trò của dịch vụ hosting

-Tên miền (domain name) là một địa chỉ duy nhất trên internet được sử dụng để xác định và truy cập trang web,địa chỉ email và các định danh và phân biệt các trang web và tài khoản email khác nhau trên mạng

4.1.2 Cách cài hosting và tên miền bằng Infinityfree

-Bước 1:Đăng kí tài khoản :

+Chúng ta truy cập vào https://www.infinityfree.com ,nhập email,đăng

kí ,mật khẩu xác thực không phải robot ,tick vào I’ve read and agree the term of service rồi nhấn Sign Up.