Báo cáo chuyên đề học phần phần mềm mã nguồn mở đề tài xây dựng website bán máy ảnh

Wordpress được xem như là một hệ quản trịnội dung CMS – Content Management System vượt trội để hỗ trợ người dùngtạo ra nhiều thể loại website khác nhau như blog, website tin tức/tạp chí,

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 PHẦN MỀM

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

LỜI MỞ ĐẦU

Xã hội phát triển về nhiều mặt, kèm theo đó là sự bùng nổ mạnh mẽ củacông nghệ thông tin Nhu cầu của con người ngày càng được nâng cao Để đápứng cho nhu cầu con người trong việc mua hàng hóa thông minh thông qua cácwebsite bán hàng.

Chúng ta chỉ cần ở bất kì đâu chỉ cần có kết nối Internet thì có thể muahàng ở bất kì nơi nào với chế độ vận chuyển chuyên nghiệp trên toàn quốc Đểđáp ứng được điều đó thì công nghệ website hiện nay có rất nhiều cách để tạonên một webite bán hàng thông minh Trong đó chúng ta không thể không nóiđến Wordpress Đây là một công cụ rất phổ biến trên thế giới nói chung và ViệtNam nói riêng Trong Wordpress có một Plugin rất nổi tiếng được viết từ cáclập trình viên thực thụ từ Wootheme đó chính là Woocommerce Nó được phảnhồi rất tích cực trong ngành công nghệ website đặc biệt website bán hàng tínhđến thời điểm hiện tại Với sự hỗ trợ đặc biệt của Plugin Woocommerce trongviệc tạo một website bán hàng Em chọn đề tài “Xây dựng website bán tay cầmchơi game”

Mặc dù đã rất nỗ lực để hoàn thành đề tài, bên cạnh đó không thể tránhkhỏi những thiếu sót Mong rằng nhận được sự phản hồi tích cực từ phía thầy cô

và các bạn

Em xin chân thành cảm ơn!

CHƯƠNG 1: TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ

VÀ WORDPRESS

1.1 Tìm hiểu về phần mềm mã nguồn mở

Mã nguồn mở (Open source) là những phần mềm được cung cấp dưới cảdạng mã và nguồn, không chỉ là miễn phí về giá mua mà chủ yếu là miễn phí vềbản quyền: Người dùng có quyền sửa đổi, cải tiến, phát triển, nâng cao theo một

số nguyên tắc chung quy định trong giấy phép Phần mềm nguồn mở (ví dụGeneral Public Licence – GLP) mà không cần xin phép ai

Tiện ích mà Open Source mang lại chính là quyền tự do sử dụng chươngtrình cho mọi mục đích, quyền tự do để nghiên cứu cấu trúc của chương trình,chỉnh sửa phù hợp với nhu cầu, truy cập vào mã nguồn, quyền tự do phân phốilại các phiên bản cho nhiều người, quyền tự do cải tiến chương trình và pháthành những bản cải tiến vì mục đích cộng đồng

1.2 Lợi ích của phần mềm mã nguồn mở

- Phần mềm có thể được sao chép hoàn toàn miễn phí, bạn hoàn toàn antâm khi chia sẻ một chương trình tuyệt vời với bạn bè

- Các định dạng file không hoàn toàn bị kiểm soát bởi một vài nhà cungcấp Điều gì sẽ xảy ra khi dữ liệu nằm trong một phần mềm độc quyền? Việc sửdụng một định dạng file bí ẩn sẽ khiến bạn chỉ dùng chương trình của một công

ty Do yêu cầu và công việc, bạn muốn sử dụng dữ liệu trên cho một ứng dụngkhác nhưng chương trình bản quyền không cho phép Còn nếu như nhà cungcấp chấm dứt hỗ trợ và ngưng việc nâng cấp sản phẩm, chắc chắn rằng dữ liệucủa bạn sẽ phải vứt xó Với phần mềm bản quyền, chỉ có duy nhất nhà cung cấp

có thể giải quyết vấn đề của bạn Nhưng với Open Source bạn có thể gặp rấtnhiều nhà cung cấp làm vừa lòng mình

- Hầu hết các sản phẩm Open Source có khả năng bảo mật tuyệt vời, khimột vết nứt được tìm thấy, nó thường được xử lý nhanh hơn một phần mềm cóbản quyền

- Các hệ thống Open Source, nhất là hệ thống dựa trên UNIX thường linhhoạt đến khó tin nổi Bởi vì chúng được xây dựng từ nhiều khối thống nhất vàđược miêu tả cặn kẽ, rất dễ để bạn thay thế nhiều phần của hệ thống với phần cógiao diện tương tự

- Có một cộng đồng hỗ trợ lớn, không bị phụ thuộc vào một công ty nào

1.3 Tìm hiểu về phần mềm mã nguồn mở Wordpress

- Wordpress là một phần mềm nguồn mở (Open Source Software) đượcviết bằng ngôn ngữ lập trình website PHP (Hypertext Preprocessor) và sử dụng

hệ quản trị cơ sở dữ liệu MySQL Wordpress được ra mắt lần đầu tiên vào ngày27/05/2003 bởi tác giả Matt Mullenweg và Mike Little Hiện nay Wordpressđược sở hữu và phát triển bởi công ty Automatic có trụ sở tại San Francisco,California thuộc hợp chủng quốc Hoa Kỳ

- Wordpress là một mã nguồn mở bằng ngôn ngữ PHP để hỗ trợ tạo Blog

cá nhân và nó được rất nhiều người sử dụng ủng hộ về tính dễ sử dụng, nhiềutính năng hữu ích Qua thời gian, số luọng sử dụng tăng lên, các cộng tác viên lànhững lập trình viên cũng tham gia đông đảo để phát triển mã nguồn Wordpress

có thêm những tính năng tuyệt vời Wordpress được xem như là một hệ quản trịnội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùngtạo ra nhiều thể loại website khác nhau như blog, website tin tức/tạp chí, giớithiệu doanh nghiệp, bán hàng – thương mại điện tử, thậm chí với các loạiwebsite có độ phức tạp cao như đặt phòng khách sạn, thuê xe, đăng dự án bắtđộng sản… Hầu như mọi hình thức website với quy mô nhỏ và vừa đều có thểtriển khai trên nền tảng Wordpress

1.4 Cài đặt localhost trên máy tính với XAMPP

* Hướng dẫn cài đặt localhost:

- Để cài đặt Localhost chúng ta có rất nhiều cách và phần mềm, ở đâychúng ta sử dụng XAMPP để cài đặt localhost vì:

+ XAMPP hoàn toàn miễn phí

Hình: Tải XAMPP từ đường linh

https://www.apachefriends.org/download.html

- Sau khi tải file cài đặt xong cài đặt nó về, khởi động và chọn Next

Hình: Bắt đầu cài đặt XAMPP

- Ở phần chọn đường dẫn, bạn hãy chọn đường dẫn lưu cài đặt củaXAMPP Lưu ý rằng đường dẫn này bạn phải nhớ vì khi cài đặt lên web lênlocalhost bạn phải truy cập vào thư mục này Bạn nên để mặc định là C:\xampp.Tiếp tục bấm “Next”.

Hình: Chọn đường dẫn cài đặt XAMPP

- Sau khi cài xong nhấn nút “Finish” để kết thúc quá trình cài đặt và mởbảng điều khiển của XAMPP Tuy nhiên hay khởi động lại máy sau khi cài đặtxong để trách tình trạng không khởi động được localhost

- Khởi động localhost:

+ Bây giờ bạn hãy vào thư mục C:\Xampp và mở file panel.exe lên để bật bảng điều khiển của XAMPP

xampp-Hình: Bảng điều khiển của XAMPP

- Sau khi khởi động xong, bạn hãy truy cập vào địa chỉ website với địachỉ là: http://localhost/dashboard/ để thấy nó hiển thị ra trang giới thiệu XAMPPnhư hình dưới:

Hình: Cài XAMPP thành công

1.5 Các bước cài Wordpress trên Localhost

* Bước 1: Tải mã nguồn website Wordpress.org

- Trước tiên bạn hãy tải phiên bản mới nhất của mã nguồn mở Wordpresstại địa chỉ: https://wordpress.org/download/

- Sau đó bạn giải nén ra sẽ có được một thư mục mang tên “Wordpress”như hình dưới:

Hình: File Wordpress tải về và giải nén

- Tiếp theo, hãy truy cập vào thư mục wordpress, bạn sẽ thấy có một sốthư mục tên là wp-admin, wp-include, wp-content và một số tệp tin tên làindex.php, wp-config-sample.php,… Tất cả các tập tin và thư mục này, chúng tagọi nó là mã nguồn Wordpress

Hình: File Wordpress

* Bước 2: Copy mã nguồn Wordpress vào localhost

Bây giờ, hãy copy toàn bộ file và thư mục này vào thư mục website củabạn trong localhost (C:\xampp\htdocs\shoptaycam) Nghĩa là bạn chỉ copy cácfile và thư mục mã nguồn vào thư mục shoptaycam

Hình: Copy mã nguồn Wordpress vào Localhost (XAMPP)

* Bước 3: Tạo một database mới

- Để chạy được Wordpress thì localhost của bạn phải có một dạngdatabase dùng MySQL để nó có thể lưu các dữ liệu mền vào đó như bài viết,các thiết lập,… trên web

* Bước 4: Chạy website để cài đặt:

- Sau khi copy xong, hãy mở bảng điều khiển của XAMPP lên và khởiđộng apache và MySQL Sau đó truy cập vào trình duyệt website với đườngdẫn: http://localhost:8888//

- Lúc này, nó sẽ hiện ra bảng chọn ngôn ngữ cần cài đặt cho Wordpress,hãy chọn là English và ấn Continue

Hình: Chọn ngôn ngữ khi cài đặt Wordpress

- Ở bước tiếp theo nó sẽ nhắc nhở bạn là chưa tiến hành đổi file config-sample.php thành wp-config.php và khai báo thông tin database vào đó.Hãy ấn Let’s Go để nó tự làm việc đó cho bạn

wp-Hình: Nhắc nhở trước khi cài đặt

- Nhập thông tin database:

Hình: Nhập thông tin database

- Khi nhập xong thông tin database, hãy nhấn nút Submit để làm bướctiếp theo Nếu bước kế tiếp nó hiện ra như hình dưới thì bạn hãy nhập thông tindatabase chính xác, hãy nhấn nút Run the install để bắt đầu cài đặt.

Hình: Bắt đầu quá trình cài đặt

- Ở bước cài đặt bước này, các bạn cần phải thiết lập các thông tin quantrọng cho webiste, tên tài khoản admin, mật khẩu,… Nhập xong hãy nhấn nútInstall Wordpress

Hinh: Thiết lập các thông tin quan trọng cho website

- Và nếu nó hiện chữ Success! là bạn đã thành công, click vào nút Log In

để đăng nhập vào trang quản trị của Wordpress

Hình: Cài đặt thành công Wordpress

- Và đây là giao diện trang quản trị Wordpress (Localhost)

Hình: Trang quản trị Wordpress (Localhost)

1.6 Chuyển trang web từ Localhost lên Hosting

1.6.1 Thông tin tên miền (Domain)

1.6.2 Thông tin hosting

1.6.3 Deploy trang web

- Đâu tiên, ta nén file cần đẩy lên hosting thành file zip và xuất file sql

- Sau khi export cơ sở dữ liệu và đóng gói file thành file zip, chúng tatruy cập vào đường link ở phần thông tin tài khoản quản lý dịch vụ hosting vàđăng nhập thông tin tài khoản trong gmail mà tenten đã gửi sau khi hoàn tấtmua hosting và tên miền (domain)

- Sau khi đăng nhập xong chúng ta có giao diện

- Tìm phần MySQL Database và tạo database trong đó

- Thực hiện việc upload file xip mà chúng ta vừa đóng gói

- Để website nhận được cơ sở dữ liệu khi deploy lên, ta cần phải thực hiện một bước đó là Add User to Database trong MySQL Database như hình dưới đây:

- Khi thực hiện bước ở trên xong, ta cần phải cấu hình database, usename database và mật khẩu database tại file wp-config.php trong File Manager.

- Cuối cùng thay đổi tên miền lưu lại và chạy trên trinh duyệt với đườngdẫn shopmayanh.space

CHƯƠNG 2: THIẾT KẾ GIAO DIỆN2.1 Giao diện người dùng

2.1.1 Trang chủ

2.1.2 Cửa hàng

2.1.3 Giỏ hàng

2.1.4 Danh sách yêu thích

2.1.5 Thanh toán

2.2 Quản trị hệ thống

2.3 Thông tin phần mềm

2.3.1 Giao diện sử dụng (theme)

2.3.2 Các plugin đang sử dụng

- Giao diện trực quan, dễ sử dụng, cung cấp đầy đủ thông tin tay cầm.Cập nhật tay cầm mới thương xuyên,…

- Đảm bảo quyền sử dụng, quyền riêng tư và tính bảo mật đối với thôngtin của người dùng

2 Hướng phát triển

Vấn đề chính của website là bán tay cầm Từ đó, bạn cạnh việc đăng bántay cầm thì vấn đề cần tập trung thu hút khách hàng và quảng cáo để thêm thunhập Do vây, trong thời gian sau này cần bổ sung các chức năng:

- Tối ưu tốc độ của website

- Quản lý kho tay cầm

- Kiểm tra dữ liệu nhập

- Thay đổi mật mã truy cập của khách hàng cũng như nhà quản trị.Mặc dù đã cố gắng hoàn chỉnh các yêu cầu nhưng bài báo cáo của nhóm

em vẫn còn những thiếu sót nhiều, nhóm em mong nhận được sự chỉ bảo hướngdẫn của các thầy cô để giúp đỡ xem xét, đề xuất cho em thêm các ý kiến cũngnhư bổ sung các vấn đề phục vụ cho việc xây dựng website để nhóm em có thểhoàn chỉnh hơn

Nhóm em xin chân thành cảm ơn thầy cô!