báo cáo - website bán hàng giày dép sử dụng wordpress

Báo cáo

TRƯỜNG ĐHSPKT VINH CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

KHOA CNTT ĐỘC LẬP –TỰ DO –HẠNH PHÚC

BÁO CÁO THỰC TẬP TỐT NGHIỆP

ĐỀ TÀI:BÁN HÀNG TRỰC TUYẾN SỬ DỤNG ỨNG DỤNG

Lớp: CĐ Tin K37 Cao đẳng Công Nghệ Thông Tin Khóa 37

Ngày giao đề tài: 01/04/2014 Ngày hoàn thành: 26/04/2014

Tên đề tài: BÁN HÀNG TRỰC TUYẾN SỬ DỤNG ỨNG DỤNG

WORDPRESS.

2 Yêu cầu:

Xây dựng môt website bán hàng trực tuyến sử dụng ứng dụng phần mềm

WORRDPRESS.

Ngày kiểm tra Tiến độ công việc Nhận xét của GVHD Chứ ký của GVHD

3.1, Đồng ý cho bảo vệ hay không đồng ý:

Giáo viên hướng dẫn

(Ký ghi rõ họ tên )

5 Nhận xét của giáo viên chấm

………

………

………

………

Vinh, Ngày tháng năm Giáo viên chấm

(kí và ghi rõ họ tên)

Ngày nay chúng ta đang sống trong kỷ nguyên của khoa học công nghệ, đặc biệt làcông nghệ thông tin Trong thời đại bùng nổ thông tin và có rất nhiều phương thứctruyền đạt thông tin thì phương thức truyền thông tin bằng công nghệ số là nhanh vàphổ biến nhất, được nhiều người tiếp cận nhất Công nghệ thông tin không chỉ dừng lại

ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống, chính trị, kinh tế,

xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho con người, đặc biệt tronglĩnh vực kinh tế, công nghệ thông tin đã thực sự có nhiều đóng góp quan trọng trongcông việc quản lý, quảng cáo sản phẩm, hoàng hóa của các công ty, xí nghiệp, doanhnghiệp lớn nhỏ Những ứng dụng của công nghệ thông tin đã mang lại nhiều lợi íchkhông nhỏ, đạt hiệu quả kinh tế cho những công ty, xí nghiệp đó Muốn bán và đưacác sản phẩm cho mọi người biết một cách rộng rãi và nhanh chóng thì cần phải quảngcáo Vì vậy, xây dựng một website quảng cáo và bán các sản phẩm là điều tối cần thiếtđối với mọi công ty, doanh nghiệp để tồn tại và phát triển trong nền kinh tế thị trườngcạnh tranh khốc liệt ngày nay

Thực tế các website bán hàng trực tuyến đều được xây dựng dựa trên các mã nguồnxây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp có thể đưa gian hàng của mìnhlên thị trường Internet

Chính vì vậy,em đã chọn đề tài “Thiết kế website bán hàng trực tuyến bằng mã nguồn mở Wordpress”

Với kiến thực hạn hẹp,thời gian nghiên cứu không dài, tài liệu tham khảo có chưanhiều, do vậy đồ án không tránh khỏi những sai sót Mong quý thầy cô cùng các bạnchia sẻ, góp ý để đồ án được hoàn thiện

MỤC LỤC

Trang

LỜI NÓI ĐẦU 1

Chương I: GIỚI THIỆU VỀ WORDPRESS 1

1.1 Khái niệm Wordpress 1

1.2 Lịch sử phát triển 2

1.3 Các đặc tính nổi bật của CMS Wordpress 2

Chương II: KHẢO SÁT, PHÂN TÍCH VÀ XÂY DỰNG WEBSITE BÁN HÀNG 4

2.1 Mục tiêu và yêu cầu xây dựng hệ thống 4

2.1.1 Mục tiêu 4

2.2.1 Yêu cầu hệ thống 4

2.1 Khảo sát hiện trạng của trang web bán hàng online 5

2.2.1 Hiện trạng của trang web bán hàng online 5

2.2.2 Yêu cầu đặt ra để phát triển trang web 6

2.3 Phân tích hệ thống 6

2.3.1 Yêu cầu chi tiết về Website 6

2.3.2 Đối với người truy cập là người dùng 6

2.3.3 Đối với Admin 7

2.4 Các chức năng cụ thể 7

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

2.4.2 Phân tích chức năng 7

2.5 Cài đặt Wordpress trên Localhost 8

2.5.1 Cài đặt Wordpress với Xampp 8

2.5.2 Cài đặt Wordpress 9

2.5.3 Việt hóa Wordpress 12

2.6 Cài đặt plugin và Themes cho Wordpress 13

2.6.1 Cài đặt plugin 13

2.6.2 Cài đặt Themes 14

Chương III: THIẾT KẾ WEBSITE BÁN HÀNG 17

3.1.Giao diện trang chủ 17

3.2 Giao diện trang giới thiệu 25

3.5 Giao diện trang đăng ký 30

KẾT LUẬN 31

i Kết quả đạt được của đề tài 31

ii Hạn chế của đề tài 31

iii Hướng khắc phục và phát triển 31

TÀI LIỆU THAM KHẢO 32

CHƯƠNG I GIỚI THIỆU VỀ WORDPRESS

Wordpress là một mã nguồn web mở để quản trị nội dung (CMS - ContentManagament System ) và cũng là một nền tảng Blog (Blog Platform) được viết trênngôn ngữ PHP sử dụng hệ quản trị cơ sở dữ liệu MYSQL được phát hành đầu tiên vàongày 27/5/2003 bởi Matt Mullenweg và Mike Little

Thực ra Wordpress lúc đầu mới công bố ra nó không được xem như là mộtCMS vì sức mạnh của nó cũng có giới hạn ít nhiều nên lúc đó cộng đồng xemWordpress chỉ là một mã nguồn được lựa chọn để phát triển blog cá nhân bình thườngvới các tính năng rất cơ bản là hỗ trợ tạo trang tĩnh, tạo bài viết có nhúng tính năngbình luận bài viết để thành viên có thể tương tác

Tuy vậy, so với công nghệ lúc bấy giờ thì Wordpress cũng đã có những bướctiến vượt bậc so với những đối thủ khác mà cái quan trọng nhất là tính tương tác hoàntoàn đơn giản để có thể gần gũi với người sử dụng không chuyên Vì vậy lúc đóWordpress đã bắt đầu trở thành một mã nguồn mở được nhiều người chú ý đến vànhận đóng góp từ những người sử dụng để có thể phát triển được tốt hơn

Theo một số Webmaster có kinh nghiệm thì Wordpress hoạt động nhẹ nhàng,ít tốn tàinguyên Wordpress dễ sử dụng nhất trong 3 CMS, nó giúp bạn có một Blog trong vàiphút Hơn nữa các plugin của wordpress có rất nhiều và 99% là miễn phí và bạn có thểcài đặt và nâng cấp các plugin này ngay trong phần quản lý của Wordpress mà khôngcần phải download

Wordpress được chính thức phát hành vào năm 2003, nhưng thực tế thì tiềnthân của nó đã có mặt vào năm 2011 Lúc đó thì sự phát triển của Internet ở Việt Namchưa cao, con số người sử dụng các dịch vụ blog miễn phí là khá lớn, chủ yếu là dựavào dịch vụ blog miễn phí của Yahoo Đối với cộng đồng người dùng Wordpress trongthời điểm này cũng còn hạn chế bởi những phiên bản đầu tiên của Wordpress chưa thậtsự thu hút người dùng như bây giờ Và sau thời gian hơn 10 năm hình thành và pháttriển, cho tới thời điểm hiện tại thì Wordpress được sử dụng trên hàng nghìn blog lớnnhỏ và có tới hơn 10 triệu lượt truuy cập vào trang chủ của Wordpress mỗi ngày

cộng đồng và phục vụ cho lợi ích của cộng đồng ,nó được phát triển bởi hàng trăm tìnhnguyện viên trên thế giới và rất rất nhiều lập trình viên khác đã đóng góp vào đây Và

để sử dụng Wordpress thì bạn không cần phải trả bất kỳ chi phí nào cho bộ mã nguồnnày

1.2 Lịch sử phát triển

B2/cafelog thường được biết đến với cái tên đơn giản là B2 hay cafelog là tiềnthân của wordpress B2/cafelog theo ước lượng đã sử dụng 2000 blog trong tháng 5năm 2003 Nó đã được viết bằng ngôn ngữ lập trình PHP sử dụng với MySQL bởiMichel Valdrighi, người đã trở thành nhà phát triển chính của Wordpress hiện nay.Mặc dù Wordpress là hậu duệ chính thức nhưng một dự án khác, b2evolution, cũngđang được song song phát triển

Năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh Movable type bịthay đổi bởi Six Apart, nhiều người dùng chuyển sang sử dụng Wordpress, tạo nênmột bước ngoặt lớn trong sự phất triển và phổ biến của Wordpress

Năm 2007 Wordpress giành giải thưởng Packt Open Source CMS , năm 2009,Wordpress dẫn đầu về mã nguồn mở CMS tốt nhất

Năm 2011, số người sử dụng Wordpress đã lên đến con số 50 triệu site

 Hệ thống Plugin phong phú và cập nhật liên tục,bạn cũng có thể tự viết plugincho mình

 Hỗ trợ nhiều ngôn ngữ (bao gồm cả Tiếng Việt)

 Được cập nhật, vá lỗi và hỗ trợ liên tục

 Có rất nhiều Themes miễn phí, chuyên nghiệp và SEO rất tốt

 Dễ dàng quản lý và thao tác, việc quản lý blog, bài viết giống như các phầnmềm thiết kế web chuyên nghiệp

 Tích hợp sẵn Latex- công cụ soạn thảo công thức toán học, bạn có thể viết côngthức toán học ngay trong bài viết

 Upload và quản lý hình ảnh một cách dễ dàng, đặc biệt là chức năng tạothumbnail rất hay.

 Có một hệ thống Widget đa dạng ( ứng dụng tạo thêm ) như Thống kê số ngườitruy cập, Danh sách các bài viết mới, các bài viết nổi bật, được xem nhiều, đượccomment nhiều, Liệt kê các chuyên mục , Liệt kê các trang, Bài viết theo ngàytháng, có đến trên 23 Widget để bạn tha hồ lựa chọn

 Thống kê số truy cập từng ngày đối với mỗi bài viết của blog Trên cơ sở đóbạn có thể định hướng viết gì tiếp theo

 Hệ thống quản lý và duyệt Comment rất hay, có thể chặn spam theo IP

 Hệ thống phân quyền với nhiều cấp độ khác nhau như : Administraor, Author,Edittor, Contributer, Subcriber Mỗi phân quyền sẽ có các quyền hạn khác nhau nhưđược phép đăng bài viết, sửa bài viết, xóa bài viết, duyệt comment

 Sao lưu dữ liệu một cách dễ dàng để backup hoặc chuyển nhà sang một nơikhác

 Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger,LiveJournal…

 Wordpress hỗ trợ 3G để lưu hình ảnh và văn bản

 Hằng ngày Wordpress sẽ thống kê 100 bài viết trên các blog Tiếng Việt đượcnhiều người đọc nhất Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễnra

 Và đặc biệt mới đây nhất Wordpress hỗ trợ việc quản lý blog qua mobile rấtthuận tiện và dễ dàng

CHƯƠNG II KHẢO SÁT, PHÂN TÍCH VÀ XÂY DỰNG WEBSITE BÁN HÀNG

 Máy tính làm web server

 Hệ điều hành Windown 8

 Phầm mềm appsevr tích hợp PHP và MySQL, Wordpress 3.8.2

 Yêu cầu về Website:

Website chia làm hai phần:

 Phần dành cho khách hàng

 Phần dành cho nhà quản trị

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

 Chức năng quản trị viên

Để truy cập vào chức năng hệ thống, quản trị viên cần có một tài khoản để đăng nhập,sau khi đăng nhập quản trị viên có thể thực hiện các chức năng sau:

- Đăng nhập: Quản trị viên đăng nhập vào hệ thống để quản lý toàn bộ hệ thống

- Quản lý danh mục sản phẩm: Bao gồm các công việc thêm , sửa, xóa các thôngtin về sản phẩm

- Quản lý sản phẩm: Bao gồm các công việc thêm sửa,xóa thông tin về sản phẩm,cập nhật số lượng còn hay hết.

- Quản lý đơn hàng: Xử lý các đơn hàng của khách hàng, thanh toán và giao hàngtới khách hàng

- Quản lý danh sách khách hàng và ý kiến của khách hàng

- Thống kê danh sách và doanh thu

- Sau khi tìm kiếm khách hàng có thể xem thông tin chi tiết về sản phẩm

- Khách hàng có thể cho sản phẩm vào giỏ hàng bằng cách đặt mua và xem thôngtin về những sản phẩm khác

- Sau khi chọn được giỏ hàng có thể đặt mua thông qua website

- Khách hàng có thể quản lý đơn hàng mà mình đã mua

- Ngoài ra khách hàng có thể gửi ý kiến phản hồi

- Yêu cầu về giao diện

Website cần được trình bày dễ hiểu, giao diện gần gũi, khách hàng dễ nhìn thấythông tin họ cần tìm, cung cấp cho khách hàng những sản phẩm bán chạy, sản phẩmmới cập nhật

2.2.1 Hiện trạng của trang web bán hàng online

Qua tìm hiểu và nghiên cứu các Website bán hàng online như:

Em đã rút ra được một số vấn đề như sau:

Các trang Web đều cung cấp các sản phẩm đa dạng : quần áo, giày dép, các phụkiện

Các thông tin sản phẩm mới được cập nhật liên tục, mẫu mã đa dạng, phù hợpvới mọi lứa tuổi

Cung cấp cho người dùng nhiều chức năng đơn giản như đăng ký tài khoản trêntrang web, tìm kiếm sản phẩm nhanh chóng, nhận thông tin từ web thông qua email

Liên kết với các trang mạng xã hội để người dùng dễ dàng nhận thông tin khi cócập nhật mới

2.2.2 Yêu cầu đặt ra để phát triển trang web

Giao diện thân thiện, dễ nhìn, dễ sử dụng

Nguồn thông tin sản phẩm đa dạng

Thông tin sản phẩm cập nhật thường xuyên

Các chức năng tìm kiếm, thêm vào giỏ hàng, cách thức liên hệ, liên kết với cáctrang mạng xã hội

Chức năng cập nhật, sửa, xóa

Sơ đồ chỉ đường

Đối với người dùng :

Cho phép đăng ký thành viên

Cho phép tìm kiếm, góp ý

Đối với Admin:

Quản lý người dùng: thêm, sửa, xóa người dùng và Admin

Cập nhật thường xuyên thông tin các sản phẩm

Hiển thị thông tin nhóm tin, danh mục

2.3.1 Yêu cầu chi tiết về Website

Hiện thị các danh mục sản phẩm

Hiển thị chi tiết về sản phẩm có trong danh mục

Hiển thị kết quả của việc tìm kiếm, đăng ký, đăng nhập trên hệ thống.

Hiển thị các sản phẩm mới cập nhật

2.3.2 Đối với người truy cập là người dùng

Cho phép đăng ký thành viên

Cho phép xem tin tức, thông tin sản phẩm

Cho phép thêm vào giỏ hàng và mua hàng trực tuyến

2.3.3 Đối với Admin

Quản lý người dùng: thêm, sửa, xóa người dùng

Cập nhật các thông tin liên quan, sửa thông tin, xóa thông tin sản phẩm

Kiểm tra thông tin sản phẩm trước khi đăn bài

Hiện thông tin sản phẩm theo nhóm tin,danh mục

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

Đầu vào : Quản lý thông tin

Cập nhật thông tin ( sửa, xóa,thêm mới)

Nhập thông tin và quản lý thông tin sản phẩm theo khuôn có sẵn

Đầu ra: Hiện thị thông tin sản phẩm

Hiển thị thông tin sản phẩm theo danh mục

Hiển thị thông tin tìm kiếm sản phẩm

2.4.2 Phân tích chức năng

Khuôn thông tin sản phẩm:

Mã sản phẩm: Là số ký tự, đảm bảo tính duy nhất của thông tin

Tên sản phẩm: thể hiện nội dung sản phẩm

Thông tin sản phẩm: hiển thị thông tin chi tiết của sản phẩm

Hình ảnh: thể hiện hình ảnh minh họa cho sản phẩm

Nhập nội dung sản phẩm:

Thiết kế nhập: mã thông tin sản phẩm phải nhập bằng tay, đưa ra cảnh báonếu trùng thứ tự

Nội dung sản phẩm: ghi rõ thông tin của sản phẩm

Hình ảnh của sản phẩm: có thông báo nếu không có ảnh

Cập nhật thông tin sản phẩm: Cho phép chỉnh sửa, xóa hoặc thêm các sản phẩmmới

Xóa thông tin: Có thể xóa theo mục hay xóa từng sản phẩm

Liên hệ: Khách hàng phản hồi qua Website, gửi nội dung vào Email của Admin.Cho phép người dùng nhập các thông tin cá nhân để khẳng định chính xác là người đó.Chức năng tìm kiếm: Cho phép khách hàng tìm kiếm sản phẩm theo tên sản phẩm

2.5.1 Cài đặt Wordpress với AppServ

Tạo Localhost trên Windown với AppServ

Bình thường để chạy các website sử dụng mã nguồn như Wordpress, Joomla,NukeViet, Drupal, Tomatocart…và các mã nguồn khác thì bạn phải upload lên hostinghay server Nếu chỉ để test website thì việc uploat lên hosting rất hạn chế, nếu sử dụnghosting free thì nó còn không hỗ trợ một số hàm cần thiết cho mã nguồn do vậy việctest là không đầy đủ

- Điền vào thông tin của server :

- Nhập vào mật khẩu của user 'root' (ghi nhớ mật khẩu này để có thể vào MySQL hay

PHPMyAdmin) :

- Nhấp chọn Install > Finish

Truy cập vào địa chỉ mặc định của chương trình http://localhost hoặchttp://127.0.0.1/, xem mục Status, nếu như hình dưới là chương trình đã hoạt độngchính xác, và bạn đã có thể bắt đầu để chạy web

Cấu hình của AppServ sau khi cài đặt thành công:

Để quản lý Database truy cập vào http://loaclhost/phpmyadmin/.

Mặc định username là root, không có passwword,hostname là localhost

Để tạo mới Database chọn tab Database, trong phần Create database gõ têndatabase mà bạn muốn tạo vào, ô bên cạnh chọn utf8_unicode_ci click vào Create đểhoàn tất tạo mới database Các database hiện có sẽ hiển thị ở cột bên trái

2.5.2 Cài đặt Wordpress

Trước tiên bạn vào website http://wordpress.org/ để download bản mới nhất về,

và giải nén mà nguồn vào thư mục gốc của web server Mình dùng Xampp thì sẽ làhtdocs

Tiếp theo bạn gõ vào trình duyệt địa chỉ: http;//localhost/phpmyadmin/ để vàophp admin tạo cho mình một cơ sở dữ liệu tên tùy ý với điều kiện bạn phải nhớ tênnày Cơ sở dữ liệu này sẽ được wordpress insert dữ liệu khi bạn cài đặt wordpress.Tiếp đến bạn vào thư mục gốc của file wordpress vừa giải nén tìm đến file wp-config-sample.php File này là file cấu hình cho wordpress bạn đổi tên lại thành wp-config.php và sửa các thông tin sau:

//** MySQL settings – You can get this info from your web host**//

/** The name of the database for Wordpress */

Define(‘DB_NAME’,’wordpress’); Tên cơ sở dữ liệu vừa tạo( Tên cơ sở dữ liệu vừa

tạo là wordpress)

/** MySQL database username */

Define (‘DB_USER’,’root’);//Username của cơ sở dữ liệu ( Đối với localhost sẽ mặc định là root)

/**MySQL database passwword*/

Define(‘DB_PASSWORD’,”);// Pass của cơ sở dữ liệu (Bạn để trống ô này).

Bạn chỉ cần chú ý đến 3 thông tin đó và điền vào cho đúng Save lại và mở mộttrình duyệt nào bất kỳ gõ địa chỉ :http://locahost/site-name, với site-name là tên thưmục bạn giải nén ra mặc định là wordpress

Bạn điền đầy đủ thông tin site title ( tên website), username( tên đăng nhậpquản trị), password, twice( mật khẩu cho username tạo ở trên), your email( địa chỉemail của bạn), privacy:bạn tick vào đây để chấp nhận website của bạn xuất hiện ởtrên các công cụ tìm kiếm( đối với các localhost thì không có cũng được) Sau khi điềnđầy đủ thông tin bạn nhấn vào nút Install Wordpress để bắt đầu cài đặt.

Khi cài đặt xong hiện ra giao diện như sau thì bạn đã cài đặt thành công:

Sau khi cài đặt thành công Wordpress thì chúng ta sẽ được cấu hình Wordpressnhư hình Đây là nơi thực hiện các cài đặt cho website bán hàng

2.5.3 Việt hóa Wordpress

Để dễ sử dụng chúng ta nên việt hóa Wordpress cũng như các plugin

Đầu tiên bạn cần tải file wp-vi.zip về máy Sau nó giải nén ra sẽ được một số file như

thế này

Sau đó bạn dùng FileZilla vào host thông qua FTP, vào thư mục wp-content và tạo thêm thư mục với tên là Languages.

Tiếp đó, bạn upload tất cả các file Việt hóa ở dưới máy lên thư mục languages

vừa tạo Tức là khi upload xong ,bạn vào thư mục languages sẽ thấy các file Việt hóabên trong

Bây giờ hãy quay lại thư mục public_html trên host, tìm file wp-config.php rồi tải về máy Sau đó mở ra bằng Notepad++ tìm đoạn define(‘WPLANG’, ‘ ‘); sửa thành define(‘WPLANG’,’vi’);