Tìm hiểu CMS Joomla và ứng dụng xây dựng website bán máy tính qua mạng

Transcription

1 GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 1

2 ĐẠI HỌC ĐÀ NẴNG TRƢỜNG ĐẠI HỌC SƢ PHẠM KHOA TIN Đề tài: Tìm hiểu CMS Joomla và ứng dụng xây dựng website bán máy tính qua mạng. KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN KHOA HỌC GVHD : Nguyễn Thanh Tuấn SVTH : Nguyễn Văn Nam Đà Nẵng năm:2012 GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 2

3 LỜI CẢM ƠN Lời đầu tiên em xin gởi đến quý thầy cô giáo đang công tác tại trƣờng Đại học Sƣ Phạm Đại học Đà Nẵng lời chúc sức khỏe, chúc quý thầy cô gặt hái đƣợc nhiều thành công trong công tác giảng dạy của mình. Sau những năm học tập tại trƣờng, em đã tiếp thu đƣợc rất nhiều kiến thức về chuyên môn và kiến thức xã hội bổ ích. Và để có đƣợc nhƣ ngày hôm nay em xin chân thành cảm ơn: Tất cả các thầy cô trong Trƣờng Đại học Sƣ Phạm - Đại học Đà Nẵng đã truyền đạt những kiến thức quý báu cho em trong các năm học qua. Cô giáo chủ nhiệm Lê Thị Bích Hồng, ngƣời đã dìu dắt em từ khi mới bƣớc vào trƣờng cho đến nay. Thầy giáo Nguyễn Thanh Tuấn đã tận tình giúp đỡ và hƣớng dẫn em hoàn thành đề tài tốt nghiệp này. Mặc dù đã cố gắng hết sức nhƣng với năng lực của bản thân và thời gian có hạn nên chắc chắn không tránh khỏi những thiếu sót, kính mong quý thầy cô bỏ qua và em mong nhận đƣợc nhiều đóng góp ý kiến của thầy cô để em hoàn thiện hơn đồ án tốt nghiệp trong thời gian tới. Một lần nữa em chân thành cảm ơn. Đà Nẵng, ngày 12 tháng 05 năm 2012 Sinh viên thực hiện Nguyễn Văn Nam GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 3

4 LỜI CAM ĐOAN Em xin cam đoan: 1. Những nội dung trong luận văn này là do em thực hiện dƣới sự hƣớng dẫn trực tiếp của của thầy giáo Nguyễn Thanh Tuấn. 2. Mọi tham khảo dùng trong luận văn đều đƣợc trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bố. 3. Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo em xin chịu hoàn toàn trách nhiệm trƣớc Hội đồng bảo vệ. Sinh viên thực hiện Nguyễn Văn Nam GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 4

5 MỤC LỤC LỜI CẢM ƠN... 2 LỜI CAM ĐOAN... 4 MỤC LỤC... 5 DANH MỤC HÌNH... 8 MỞ ĐẦU Lý do chọn đề tài Mục đích nghiên cứu Đối tƣợng và phạm vi nghiên cứu Phƣơng pháp nghiên cứu Ý nghĩa thực tiễn của đề tài Ý nghĩa đối với ngƣời sử dụng hệ thống Ý nghĩa đối với cá nhân sinh viên Cấu trúc của luận văn CHƢƠNG 1: CƠ SỞ LÝ THUYẾT Tổng quan về CMS Khái niệm CMS Đặc điểm cơ bản của CMS Phân loại CMS Mô hình MVC (Model-View-Controller) Giới thiệu về Joomla Khái niệm Joomla Vài nét về lịch sử phát triển Joomla Các phiên bản của Joomla Kiến trúc của Joomla Đối với ngƣời sử dụng cuối Đặc tính cơ bản của Joomla Ƣu điểm của Joomla Nhƣợc điểm của Joomla Ứng dụng của Joomla GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 5

6 1.3. Một số thành phần trong Joomla Quản lý cấu hình chung (Global Configuration) Quản lý ngƣời dùng (User Manager) Quản lý Media (Media Manager) Quản lý ngôn ngữ (Language Manager) Quản lý nội dung (Content Manager) Quản lý giao diện (Template Manager) Quản lý Menu (Menus Manager) Quản lý các Components (Components Manager) Quản lý Module (Module Manager) Quản lý plugin (Plugin Manager) Tổng quan VirtueMart Giới thiệu VirtueMart Các thành phần của VirtueMart Các tính năng của Virtuemart Tối ƣu hóa và bảo mật webiste Joomla Tối ƣu hóa website Joomla Bảo mật website Joomla CHƢƠNG 2: PHÂN TÍCH HỆ THỐNG WEBSITE Yêu cầu của hệ thống Chức năng cơ bản của hệ thống Lƣợc đồ Lƣợc đồ UseCase Khách hàng Lƣợc đồ UseCase Admin Một số lƣợc đồ hoạt động Lƣợc đồ Đăng kí thành viên Lƣợc đồ Thành viên đăng nhập Lƣợc đồ Tìm kiếm sản phẩm Lƣợc đồ xử lý mua hàng CHƢƠNG 3: XÂY DỰNG WEBSITE BÁN MÁY TÍNH QUA MẠNG GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 6

7 3.1. Môi trƣờng và công cụ để phát triển ứng dụng Cài đặt Joomla Cài đặt máy chủ ảo Cài đặt Joomla Quản trị trong Joomla Cài đặt extension (Thành phần mở rộng) Cài đặt ngôn ngữ mặc định cho site/admin Thiết lập giao diện mặc định Thêm một bài viết Thêm một liên hệ Tạo Menu liên kết Thêm một File Media Tạo Module Quản lý bán hàng trong VirtueMart Giao diện website bán máy tính qua mạng Trang chủ Trang giới thiệu Trang tin tức Trang sản phẩm Trang liên hệ Trang bảo hành KẾT LUẬN Kết quả thu đƣợc Nhận xét Ƣu điểm Nhƣợc điểm Hƣớng phát triển DANH MỤC TÀI LIỆU THAM KHẢO GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 7

8 DANH MỤC HÌNH Hình 2.1: Lƣợc đồ UseCase Khách hàng Hình 2.2: Lƣợc đồ UesCase Admin Hình 2.3: Lƣợc đồ hoạt động đăng kí thành viên Hình 2.4: Lƣợc đồ hoạt động thành viên đăng nhập Hình 2.5: Lƣợc đồ hoạt động tìm kiếm sản phẩm Hình 2.6: Lƣợc đồ hoạt động xử lý mua hàng Hình 3.1: Màn hình chào mừng cài đặt AppServ Hình 3.2: Chọn thƣ mục chứa AppServ Hình 3.3: Chọn các chức năng AppServ Package Hình 3.4: Khai báo thông tin Apache HTTP Server Hình 3.5: Cấu hình MySQL Server Hình 3.6: Đang tiến hành xử lý cài đặt AppServ Hình 3.7: Kết thúc cài đặt AppServ Hình 3.8: Kiểm tra cài đặt AppServ Hình 3.9: Tạo cơ sở dữ liệu Hình 3.10: Cài đặt ngôn ngữ Hình 3.11: Kiểm tra hệ thống Hình 3.12: Thiết lập cấu hình cơ sở dữ liệu Hình 3.13: Thiết lập các thông số FTP Hình 3.14: Thiết lập thông tin site Joomla Hình 3.15: Cài đặt thành công Hình 3.16: Chọn chức năng Install/Unistall Hình 3.17: Chọn extension cần cài đặt Hình 3.18: Cài đặt ngôn ngữ phần Site Hình 3.19: Cài đặt ngôn ngữ phần Administrator Hình 3.20: Chọn giao diện mặc định phần Site Hình 3.21: Chọn giao diện mặc định phần Administrator Hình 3.22: Chức năng Quản lý section Hình 3.23: Thêm mới một section Hình 3.24: Chức năng Quản lý Category Hình 3.25: Thêm mới một Category GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 8

9 Hình 3.26: Chọn chức năng Quản lý bài viết Hình 3.27: Thêm một bài viết mới Hình 3.28: Thêm liên hệ mới Hình 3.29: Chọn chức năng quản lý menu Hình 3.30: Thêm một menu mới Hình 3.31: Nút lệnh thay đổi kiểu liên kết Hình 3.32: Danh sách các loại liên kết Hình 3.33: Các thông số cho menu Hình 3.34: Chọn Menu Trash Hình 3.35: Tạo thƣ mục chứa file media Hình 3.36: Tải file media Hình 3.37: Các vị trí modules Hình 3.38: Chọn quản lý module Hình 3.39: Tạo mới module Hình 3.40: Chọn Custom HTML Hình 3.41: Cài đặt thông tin chung cho module Hình 3.42: Khung tạo nội dung module Hình 3.43: Giao diện quản lý VirtueMart Hình 3.44: Quản lý ngƣời dùng Hình 3.45: Quản lý danh mục sản phẩm Hình 3.46: Quản lý sản phẩm Hình 3.47: Quản lý đơn hàng Hình 3.48: Quản lý hình thức thanh toán Hình 3.49: Giao diện trang chủ Hình 3.50: Giao diện trang giới thiệu Hình 3.51: Giao diện trang tin tức Hình 3.52: Giao diện trang danh sách sản phẩm Hình 3.53: Giao diện trang liên hệ Hình 3.54: Giao diện trang bảo hành GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 9

10 MỞ ĐẦU 1. Lý do chọn đề tài Hiện nay ở Việt Nam, công nghệ thông tin đang đƣợc áp dụng rộng rãi và hiệu quả trong nhiều lĩnh vực hoạt động của xã hội. Theo đó, thƣơng mại điện tử cũng ngày một phát triển mạnh mẽ ở Việt Nam nói riêng và trên thế giới nói chung, nó đóng một vai trò không nhỏ trong viêc quyết định sự thành công hay thất bại của một doanh nghiệp. Phần lớn các doanh nghiệp hiện nay đều có một trang web riêng của mình trên mạng nhằm giới thiệu tới ngƣời tiêu dùng về doanh nghiệp của mình, cũng nhƣ về những mặt hàng mà mình kinh doanh. Điều này sẽ giúp tăng doanh thu, tăng khách hàng và đặc biệt là dễ dàng tìm các đối tác kinh doanh tạo thuận lợi cho việc giao thƣơng, buôn bán giữa các doanh nghiệp với nhau, giữa doanh nghiệp với khách hàng. Về phía khách hàng, với những thao tác đơn giản trên máy tính có nối mạng Internet có thể thoải mái chọn lựa các mặt hàng mình thích, các thông tin sản phẩm mình cần ngay tại chỗ với hình thức thanh toán nhanh gọn, tiết kiệm, an toàn mà không cần phải tới các cửa hàng gây mất thời gian nhƣ trƣớc đây. Với mong muốn hiểu biết nhiều hơn về việc phân tích thiết kế, xây dựng một hệ thống bán hàng trên mạng Internet có nhiều tiện ích nhƣ giới thiệu, em đã chọn đề tài nghiên cứu Tìm hiểu CMS Joomla và ứng dụng xây dựng website bán máy tính qua mạng để thực hiện làm đồ án tốt nghiệp cuối khóa này. 2. Mục đích nghiên cứu - Tìm hiểu về CMS Joomla và những tính năng của nó. - Xây dựng một website Bán máy tính qua mạng hoàn thiện, phục vụ một cách có hiệu quả cho ngƣời dùng dựa trên nền tảng CMS Joomla. 3. Đối tƣợng và phạm vi nghiên cứu Đối tƣợng nghiên cứu: - Cá nhân, công ty, cửa hàng vừa và nhỏ, - Nhà quản trị website - Sinh viên nghiên cứu về thiết kế web dựa trên CMS Joomla. Phạm vi nghiên cứu: Website đƣợc xây dựng nhằm hỗ trợ cho các cá nhân, công ty, GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 10

11 cơ quan, có nhu cầu quản bá sản phẩm, cũng nhƣ quản lý trong việc bán sản phẩm. 4. Phƣơng pháp nghiên cứu - Nghiên cứu một số tài liệu về CMS Joomla và một số kiến thức liên quan tới vấn đề cần giải quyết. - Tham khảo các website về thƣơng mại. - Thực hiện đề tài dƣới sự giúp đỡ của thầy giáo hƣớng dẫn. 5. Ý nghĩa thực tiễn của đề tài 5.1. Ý nghĩa đối với ngƣời sử dụng hệ thống Về phía Amin: Có thể tra cứu, cập nhật, thống kê, báo cáo sản phẩm, nhà sản xuất, thông tin khách hàng, hóa đơn, thuế, Về phía Khách hàng: Mua sản phẩm dễ dàng, ít tốn kém, hàng hóa chất lƣợng, phục vụ tận tình từ nhân viên website Ý nghĩa đối với cá nhân sinh viên Hoàn thành báo cáo đề tài luận văn, qua đó nâng cao kiến thức cho bản thân. Tạo một website thân thiện, hiệu quả trong việc giới thiệu sản phẩm hay bán sản phẩm nhanh chóng hơn. 6. Cấu trúc của luận văn Luận văn gồm có: Mở đầu Chƣơng 1: Cơ sở lý thuyết Chƣơng 2: Phân tích hệ thống website Chƣơng 3: Xây dựng website bán máy tính qua mạng Kết luận Danh mục tài liệu tham khảo GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 11

12 CHƢƠNG 1: CƠ SỞ LÝ THUYẾT 1.1. Tổng quan về CMS Khái niệm CMS CMS đƣợc viết tắt từ cụm từ Content Management System (CMS) - là hệ thống quản trị nội dung của một website. CMS giống nhƣ một thƣ viện, nó cung cấp những hàm, lớp cơ bản để những ngƣời phát triển web khác có thể sử dụng, tùy biến, chỉnh sửa để CMS thành một trang web phục vụ đúng nhu cầu của mình Đặc điểm cơ bản của CMS Các đặc điểm cơ bản của CMS bao gồm: - Phê chuẩn việc tạo hoặc thay đổi nội dung trực tuyến - Chế độ Soạn thảo "Nhìn là biết" WYSIWYG - Quản lý ngƣời dùng - Tìm kiếm và lập chỉ mục - Lƣu trữ - Tùy biến giao diện - Quản lý ảnh và các liên kết (URL) Phân loại CMS Có nhiều kiểu CMS: - W-CMS (Web CMS) - E-CMS (Enterprise CMS) - T-CMS (Transactional CMS): Hỗ trợ việc quản lý các giao dịch thƣơng mại điện tử. - P-CMS (Publications CMS): Hỗ trợ việc quản lý các loại ấn phẩm trực tuyến (sổ tay, sách, trợ giúp, tham khảo...). - L-CMS/LCMS (Learning CMS): Hỗ trợ việc quản lý đào tạo dựa trên nền Web. - BCMS (Billing CMS): Hỗ trợ việc quản lý Thu chi dựa trên nền Web. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 12

13 Mô hình MVC (Model-View-Controller) Kiến trúc MVC là việc chia tất cả mục của một ứng dụng ra làm ba thành phần (component) khác nhau Model, View và Controller. Các thành phần của kiến trúc MVC chịu một trách nhiệm duy nhất và không phụ thuộc vào các thành phần khác. Những sự thay đổi trong một thành phần sẽ không có hoặc là có rất ít ảnh hƣởng đến các thành phần khác. Các trách nhiệm của mỗi thành phần: - Model: Model đƣợc giao nhiệm vụ cung cấp dữ liệu cho cơ sở dữ liệu và lƣu dữ liệu vào các kho chứa dữ liệu. Tất cả các nghiệp vụ logic đƣợc thực thi ở Model. Dữ liệu vào từ ngƣời dùng sẽ thông qua View đƣợc kiểm tra ở Model trƣớc khi lƣu vào cơ sở dữ liệu. Việc truy xuất, xác nhận, và lƣu dữ liệu là một phần của Model. - View: View hiển thị các thông tin cho ngƣời dùng của ứng dụng và đƣợc giao nhiệm vụ cho việc nhận các dữ liệu vào từ ngƣời dùng, gửi đi các yêu cầu đến bộ điều khiển, sau đó là nhận lại các phản hồi từ bộ điều khiển và hiển kết quả cho ngƣời dùng. Các trang HTML, JSP, các thƣ viện thể và các file nguồn là một phần của thành phần View. - Controller: Controller là tầng trung gian giữa Model và View. Controller đƣợc giao nhiệm vụ nhận các yêu cầu từ phía máy khách. Một yêu cầu đƣợc nhận từ máy khách đƣợc thực hiện bởi một chức năng logic thích hợp từ thành phần Model và sau đó sinh ra các kết quả cho ngƣời dùng và đƣợc thành phần View hiển thị. ActionServlet, Action, ActionForm và strutsconfig.xml là các phần của Controller. Với cơ sở là kiến trúc MVC, ta có thể xây dựng các ứng dụng của mình, tránh đƣợc rất nhiều những vất vả khi bảo trì, thay đổi. Những thay đổi ở mỗi thành phần thƣờng rất ít khi ảnh hƣởng đến các thành phần khác Giới thiệu về Joomla Khái niệm Joomla Joomla! là một hệ quản trị nội dung mã nguồn mở (Content Management System - CMS). Joomla! đƣợc viết bằng ngôn ngữ PHP và kết nối tới cơ sở dữ liệu GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 13

14 MySQL, cho phép ngƣời sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet hoặc Intranet. Joomla có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm trong site và hỗ trợ đa ngôn ngữ. Joomla là sản phẩm mã nguồn mở do đó việc sử dụng Joomla là hoàn toàn miễn phí cho tất cả mọi ngƣời trên thế giới Vài nét về lịch sử phát triển Joomla Joomla là "sản phẩm anh em" với Mambo của tập đoàn Miro Software Solutions - Úc (hãng đang nắm giữ Mambo) với những ngƣời phát triển nòng cốt. Ban đầu công ty Miro đã phát triển Mambo theo dạng ứng dụng mã nguồn đóng. Đến tháng 4 năm 2001, công ty đã thông qua một chính sách bản quyền kép, nghĩa là phát hành Mambo theo cả giấy phép GPL. Đến ngày 17 tháng 8 năm 2005, do sự tranh chấp về mặt pháp lý cũng nhƣ mong muốn vào sự phát triển của Mambo dựa trên quỹ tài trợ và sự hỗ trợ của cộng đồng nên toàn bộ đội phát triển nòng cốt của Mambo đã rời khỏi dự án trong khi đang làm việc với phiên bản Nhờ sự trợ giúp của Trung tâm Luật Tự do Phần mềm (Software Freedom Law Center - SFLC), 20 thành viên nòng cốt cũ của Mambo đã thành lập một tổ chức phi lợi nhuận khác lấy tên là Open Source Matters, để hỗ trợ về mặt tổ chức, pháp lý và kinh phí cho dự án mã nguồn mở còn chƣa đƣợc đặt tên của họ. Ngay ngày hôm sau, 1000 ngƣời đã gia nhập diễn đàn OpenSourceMatters, hầu hết các bài viết cho diễn đàn đều khuyến khích và đồng tình với hành động của Nhóm Phát triển. Tin trên đã nhanh chóng đƣợc đăng tải trên các tạp chí newsforge.com, eweek.com và ZDnet.com. Trong một thông báo của Eddie (ngƣời đứng đầu dự án) 2 tuần sau đó, các nhóm đã đƣợc tổ chức lại và cộng đồng Joomla tiếp tục tăng trƣởng. Tới ngày 1 tháng 9 năm 2005 tên mới của dự án đã đƣợc thông báo cho khoảng 3000 ngƣời theo dõi đội Phát triển và đến ngày 16 tháng 9 thì họ cho ra đời Joomla 1.0. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 14

15 Các phiên bản của Joomla Joomla 1.0.x: Phiên bản thế hệ 1 (ổn định): Điểm mạnh của Joomla 1.0.x: Có một số lƣợng rất lớn các thành phần mở rộng (module/component); thành phần nhúng (mambot); giao diện (template). - Phiên bản phát hành đầu tiên: Joomla (ngày 15 tháng 9 năm 2005): Là phiên bản đầu tiên của có nguồn gốc từ Mambo (đã bao gồm thêm nhiều bản vá bảo mật và sửa lỗi). - Phiên bản phát hành mới nhất: Joomla (ngày 22 tháng 2 năm 2008) Joomla 1.5.x: Phiên bản thế hệ 2 (ổn định): Phiên bản Joomla 1.5 là phiên bản cải tiến từ Joomla 1.0.x. Điểm mạnh của Joomla 1.5.x là phần quản trị Website có sử dụng công nghệ Web Các phiên bản cũ (giai đoạn phát triển): Joomla 1.5 beta, Joomla 1.5 RC1, Joomla 1.5 RC2, Joomla 1.5 RC3, Joomla 1.5 RC4. - Các phiên bản phát hành: Joomla (ngày 03 tháng 06 năm 2009), Joomla , Joomla , Joomla , Với bƣớc tiến phát triển rất nhanh của mã nguồn mở, Joomla Team đã nghiên cứu và tích hợp nhiều tính năng mới mang tính đột phá và sự ra đời liên tiếp của Joomla 1.6 rồi 1.7 và hiện tại là 2.5 beta và đang hoàn thiện phiên bản này Kiến trúc của Joomla Joomla gồm có 3 tầng hệ thống: - Tầng dƣới cùng là mức nền tảng, chứa các thƣ viện và các plugin. - Tầng thứ hai là mức ứng dụng và chứa lớp JApplication. Hiện tại tầng này gồm 3 lớp con: JInstallation, JAdministrator và JSite. - Tầng thứ ba là mức mở rộng. Tại tầng này có các thành phần (component), mô đun (module) và giao diện (template) đƣợc thực thi và thể hiện Đối với ngƣời sử dụng cuối Việc cài đặt Joomla! khá dễ dàng và nhanh chóng, thậm chí cả đối với những lập trình viên nghiệp dƣ. Joomla có một cộng đồng ngƣời sử dụng và phát triển rất GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 15

16 lớn và tăng trƣởng không ngừng. Các thành viên và các lập trình viên rất nhiệt tình và sẵn sàng tƣ vấn, giúp đỡ khi ngƣời sử dụng gặp khó khăn. Joomla cung cấp giao diện web trực quan do vậy khá dễ dàng để thêm một nội dung mới hay một mục mới, quản lý các phòng ban, danh mục nghề nghiệp, ảnh các sản phẩm...và tạo không giới hạn số phần, mục, chuyên mục cũng nhƣ các nội dung của Website Đặc tính cơ bản của Joomla - Tùy biến cấu trúc site - Xuất bản, chỉnh sửa thông tin, nội dung - Hỗ trợ quản lý thƣ viện media - Tìm kiếm thông tin trong site - Hỗ trợ đa ngôn ngữ - Bộ đệm trang giúp tăng tốc độ hiển thị Ƣu điểm của Joomla - Dễ dàng cài đặt và sử dụng: Sau khi cài đặt, ngƣời sử dụng có thể dễ dàng thay đổi nội dung, hình ảnh và kể cả cấu trúc website. - Cơ sở dữ liệu quản lý linh động, giúp bạn tách biệt nội dung với việc thiết kế và viết mã nguồn. Nội dung của web sẽ đƣợc cập nhật khi bạn thiết kế website xong mà không phải ép buộc giữa nội dung & việc thiết kế phải đi song hành. - Các phần nội dung đƣợc quản lý đầy đủ bằng những công cụ mạnh mẽ giúp bạn không cần phải là một nhà thiết kế web cũng có thể chỉnh sửa đƣợc nội dung. Nội dung đƣợc phân cấp, chia danh mục dễ dàng. Nội dung của bạn có thể đƣợc đóng góp bởi các tác giả khác dễ dàng với 1 hệ thống phân quyền chuyên nghiệp. Thứ tự, nội dung bài viết dễ dàng thay đổi khi cần. - Mỗi một thông tin đều có chức năng gửi cho bạn, in ấn hay xuất ra file PDF. - Hỗ trợ website từ đơn giản đến phức tạp GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 16

17 - Cộng đồng phát triển mạnh và tăng trƣởng không ngừng đóng góp cho cộng đồng ngƣời dùng Joomla! một lƣợng lớn các gói cài đặt miễn phí hỗ trợ đa dạng các tính năng cho trang web, cung cấp lƣợng lớn giao diện đẹp, nhiều chủng loại và hoàn toàn miễn phí. - Nhiều diễn đàn chia sẻ, thảo luận và giải đáp thắc mắc khi ngƣời sử dụng gặp khó khăn Nhƣợc điểm của Joomla - Mã nguồn của Joomla tƣơng đối lớn dẫn tới tốn nhiều tài nguyên hệ thống trong quá trình sử dụng. - Việc có nhiều extensions là một lợi thế đồng thời nó cũng là một bất lợi. Các extensions đƣợc viết bởi rất nhiều lập trình viên khác nhau dẫn tới tiềm ẩn các lỗi bảo mật trong các extensions đó. - Joomla! tồn tại một số lỗ hỏng về bảo mật, tuy nhiên đã đƣợc cộng đồng phát hiện và đƣa ra các hƣớng khắc phục Ứng dụng của Joomla Joomla! đã đƣợc ứng dụng vào xây dựng các website từ đơn giản nhƣ website cá nhân tới các ứng dụng website phức tạp. Sau đây là 1 số ứng dụng có thể đƣợc xây dựng bằng Joomla đƣợc ngƣời dùng của Joomla quan tâm nhất và sử dụng nhiều nhất: - Cổng thông tin điện tử - Thƣơng mại điện tử - Báo điện tử - Website doanh nghiệp - Website trƣờng học - Blog cá nhân - Diễn đàn GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 17

18 1.3. Một số thành phần trong Joomla Quản lý cấu hình chung (Global Configuration) Là trung tâm cấu hình chính của Joomla, bao gồm 3 phần: Trang web (Site), Hệ thống (System) và Máy chủ (Server). Những thay đổi thực hiện tại đây sẽ đƣợc cập nhật vào file configuration.php Quản lý ngƣời dùng (User Manager) Joomla hỗ trợ hệ thống phân quyền ngƣời dùng mạnh mẽ với các cấp độ: Ở phần tiền sảnh (front-end), Joomla! chia làm 5 nhóm ngƣời dùng tƣơng ứng với 5 mức truy cập khác nhau: - Guest (Khách): Là những ngƣời truy cập, sử dụng website nói chung, họ không sở hữu tài khoản nào trên hệ thống Joomla! - Registered (Thành viên): Là khách sau khi đăng ký vào của hệ thống Joomla! và trở thành thành viên chính thức của hệ thống. - Author (Tác giả): Là thành viên có quyền đăng bài hoặc đăng một vài thứ khác mà hệ thống cho phép (chẳng hạn nhƣ weblink) - Editor (Ngƣời biên soạn): Là thành viên có quyền đăng, kiểm duyệt và chỉnh sửa tất cả các bài viết (thậm chí cả những bài viết không phải của họ) - Publisher (Ngƣời xuất bản): Là ngƣời biên soạn, ngoài ra có thêm quyền quyết định việc phát hành các bài viết (chính thức xuất bản lên Website hay không). Ở phần hậu sảnh, Joomla! chia làm 3 nhóm tài khoản với 3 mức độ quyền hạn khác nhau: - Manager (Ngƣời quản lý): Là tài khoản có quyền thực hiện các thao tác quản lý cơ bản (quản lý menu, quản lý bài viết...). - Administrator (Quản trị viên): Là tài khoản có quyền thực hiện mọi thao tác, trừ việc quản lý thông tin cấu hình hệ thống, quản lý giao diện, quản lý ngôn ngữ, quản lý các tài khoản siêu quản trị. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 18

19 - Super Administrator (Siêu quản trị): Là tài khoản có đặc quyền cao nhất, có thể thực hiện mọi hành động Quản lý Media (Media Manager) Media (đa phƣơng tiện) là những loại dữ liệu thuộc dạng âm thanh, hình ảnh và flash. Trang quản lý này cho phép bạn thực hiện 3 nhiệm vụ cơ bản: - Tạo hoặc xóa những thƣ mục chứa các file media - Tải lên nội dung media vào bất kỳ thƣ mục mào, hoặc xóa những file media đã có. - Lấy những code (dòng địa chỉ url đầy đủ) cần dùng media trong site của bạn Quản lý ngôn ngữ (Language Manager) Ngƣời quản trị (Admin) có thể tùy chọn ngôn ngữ hiển thị đầu tiên cho website, có thể thay đổi vị trí hay xóa đi một ngôn ngữ. Joomla hỗ trợ hàng chục ngôn ngữ khác nhau, mặc nhiên sau khi cài đặt Joomla sẽ hiển thị ngôn ngữ tiếng Anh. Có thể bổ sung, thay đổi ngôn ngữ cho Joomla bằng cách tải và cài đặt thêm các gói ngôn ngữ khác Quản lý nội dung (Content Manager) Joomla! tổ chức các bài viết theo một hệ thống 3 tầng: Section Category Category 2 Section Category Category Content Content 2 - Section là các mục, các lĩnh vực, các dòng sản phẩm, dịch vụ... mà Website muốn đề cập tới. - Category là các chuyên mục, loại sản phẩm, loại dịch vụ... đƣợc đề cập một cách cụ thể hơn, chi tiết hơn.. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 19

20 - Content: Toàn bộ nội dung của một bài viết. Một section có một hoặc nhiều category. Một category chỉ phụ thuộc vào một section duy nhất Một bài viết có thể phụ thuộc vào một section và một category nào đó hoặc dạng bài viết không phân loại Quản lý giao diện (Template Manager) Template Manager cung cấp một nơi làm việc để cài đặt và điều khiển các template. Các Administrator và Manager với quyền cấp phép đặc biệt cho Template Manager có thể chỉnh sửa, quản lý toàn bộ giao diện hiển thị bên ngoài và bên trong của website bằng các công cụ chọn, xóa, sửa vị trí template hoặc có thể trực tiếp can thiệp vào source code để thiết kế giao diện tùy ý. Joomla Template là một gói bao gồm các file PHP, HTML, CSS, JS và các hình ảnh, biểu tƣợng, video, flash kèm theo tạo nên giao diện (bố cục và hình hài) của Website Joomla. Một gói cài đặt template Joomla gồm các file bắt buộc sau: - index.php: File này là trung tâm xử lý của template, bao gồm cả việc hiển thị các module và component. Ngoài ra, mọi client-side JavaScript cũng đƣợc khai báo tại đây - templatedetails.xml: File này bao gồm các thẻ meta khai báo thông tin về template, đƣợc sử dụng bởi giao diện quản trị của joomla nhằm mục đích khai báo thông tin cho việc cài đặt và bảo trì. Những thiết lập đƣợc lƣu trong file bao gồm một danh sách của mọi file tạo ra template, tác giả và thông tin công bố, và các thông số sẵn có cho ngƣời sử dụng sửa đổi thông qua admincp. - template_thumbnail.png: Ảnh thumbnail demo của template, ảnh này thƣờng có độ rộng là 140px và chiều cao là 90px, và đƣợc hệ thống joomla sử dụng làm ảnh demo cho template trong admincp. - /css: Nơi lƣu trữ các file CSS đƣợc sử dụng bởi template. Thông thƣờng, file template.css đặt ở đây. - /images: Nơi lƣu trữ hầu hết các file hình ảnh đƣợc sử dụng bởi template. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 20

21 - params.ini: Sử dụng các thông số param đƣợc khai báo trong file templatedetails.xml để xây dựng các chọn lựa thông số trong admincp, tác động thay đổi trực tiếp đến template thông qua các thuộc tính của css bằng cách sử dụng phƣơng thức $this -> params -> get('thông số name của param') để gọi ra sự thay đổi của thuộc tính nằm trong layout template Quản lý Menu (Menus Manager) Menus là thành phần quan trọng cấu thành nên bộ khung sƣờn của mỗi website, quyết định bố cục hiển thị của mỗi trang dựa vào từng Menu Item type. Điều hƣớng và truy cập nội dung trong site đƣợc cung cấp thông qua các menu. Menus trong Joomla là nhóm những liên kết đến các Section, category, content item, component hay những trang bên ngoài. Những liên kết này đƣợc gọi là Menu Items. Mỗi menu phải có một tên xác định dùng duy nhất trong nội bộ Joomla. Một menu chỉ trở nên thấy đƣợc trên site nếu nó có một module mod_mainmenu đƣợc publish (xuất bản) mà tham chiếu đến nó. Trình quản lý menu của Joomla cho phép tạo không giới hạn số menu và số mục menu, có thể tổ chức menu của theo kiểu phân cấp mà hoàn toàn độc lập với cấu trúc nội dung và có thể đặt một menu ở nhiều nơi với nhiều kiểu dáng khác nhau Quản lý các Components (Components Manager) Các component là những thành phần nội dung đặc biệt hay những ứng dụng. Joomla bao gồm một số nhân component và hỗ trợ khả năng tự tăng cƣờng tính năng với component của các hãng thứ ba. Một component đƣợc hiển thị ở phần trung tâm hay phần chính của Website. Trong phiên bản Joomla 1.5 có tất cả 11 component mặc định đƣợc cung cấp kèm theo và đƣợc đặt trong thƣ mục [Joomla]/Component, gồm: - com_banners: Quản lý bảng quảng cáo (banner) - com_contact: Quản lý các đầu mối liên hệ (contact), cho phép ta tạo thông tin liên hệ của website, ta có thể thêm tên, địa chỉ, số điện thoại, fax, - com_content: Quản lý và hiển thị bài viết GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 21

22 - com_mailto: Quản lý chức năng gửi/nhận - com_media: Quản lý các tệp đa phƣơng tiện (video, flash, mp3, hình) - com_newsfeeds: Quản lý việc lấy tin từ website khác, theo đó cho phép ta thêm những feed lấy từ website khác về trên website của mình - com_poll: Cung cấp chức năng bình chọn, cho phép ta tạo những bản thăm dò cho ngƣời dùng website bình chọn - com_search: Cung cấp chức năng tìm kiếm - com_user: Quản lý thành viên - com_weblinks: Quản lý và hiển thị danh mục các website liên kết - com_wrapper: Cho phép nhúng một website khác trong cửa sổ của website Joomla Quản lý Module (Module Manager) Joomla Module là một trong các thành phần mở rộng của Joomla, nó là một ứng dụng nhỏ đƣợc sử dụng chủ yếu để lấy dữ liệu và hiển thị thông tin. Module thƣờng đƣợc dùng kết hợp kèm với các component nhằm mở rộng, cũng nhƣ thể hiện rõ ràng hơn các chức năng của component. Một Module sẽ gồm có 2 file chính là.php (chƣơng trình) và file.xml (thông số cài đặt), có thể có thêm thƣ mục ảnh, Java Script... hỗ trợ cho Module. Trong phiên bản Joomla 1.5 có tất cả 20 module mặc định đƣợc cung cấp kèm theo. Các module này đƣợc đặt trong thƣ mục [Joomla]/modules, gồm: - mod_archive: Module hiển thị các bài viết đã đƣợc đánh dấu "lƣu trữ" - mod_banners: Module hiển thị các quảng cáo - mod_breadcrumbs: Module hiển thị thanh điều hƣớng - mod_custom: Module hiển thị một đoạn mã HTML bất kỳ - mod_feed: Module hiển thị tin lấy từ các website khác - mod_footer: Module hiển thị dòng bản quyền ở cuối Website - mod_latestnews: Module hiển thị các bài viết mới nhất - mod_login: Module hiển thị form đăng nhập - mod_mainmenu: Module hiển thị menu điều khiển GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 22

23 - mod_mostread: Moudle hiển thị các bài viết đƣợc đọc nhiều nhất - mod_newsflash: Module hiển thị tin vắn / tin nhanh - mod_poll: Module hiển thị bình chọn - mod_random_image: Module hiển thị ảnh ngẫu nhiên - mod_related_items: Module hiển thị các bài viết liên quan - mod_search: Module hiển thị form tìm kiếm - mod_sections: Module hiển thị danh sách các mục của Website - mod_stats: Module hiển thị các thông số thống kê của Website - mod_syndicate: Module cấp tin cho các website khác - mod_whoisonline: Module hiện danh tính và số ngƣời trực tuyến - mod_wrapper: Hiển thị 1 trang web bất kỳ đƣợc nhúng vào website Joomla Quản lý plugin (Plugin Manager) Plugin là một trong các thành phần mở rộng của Joomla! nhằm giúp hỗ trợ thực hiện một cách tự động những hoạt động, công việc cụ thể của Joomla. Chúng có nhiều mục đích và những chức năng khác nhau và đƣợc nhóm lại để quản lý dễ dàng hơn. Trong phiên bản Joomla 1.5 có tất cả 32 plugin mặc định đƣợc cung cấp kèm theo, đƣợc phân thành 8 loại khác nhau và đặt trong các thƣ mục con tƣơng ứng của thƣ mục [Joomla]/plugins, gồm: - authentication: Các plugin chứng thực quyền hạn - content: Các plugin nội dung (bài viết) - editors: Các plugin về trình soạn thảo - editors-xtd: Các plugin hỗ trợ, mở rộng tính năng cho trình soạn thảo - search: Các plugin về tìm kiếm - system: Các plugin của hệ thống - user: Các plugin về ngƣời dùng - xmlrpc: Các plugin cho phép quản trị Joomla!, viết bài từ các hệ thống khác. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 23

24 1.4. Tổng quan VirtueMart Giới thiệu VirtueMart VirtueMart là thành phần mở rộng của Joomla, đƣợc viết bằng ngôn ngữ PHP và kết nối đến cơ sở dữ liệu MySQL; phát triển trên nền tảng Joomla cho phép mở rộng ứng dụng website bán hàng trực tuyến Các thành phần của VirtueMart Một gói VirtueMart bao gồm: - 1 Component (com_virtuemart_1.1.x.zip) - 1 Module chính của virtuemart (mod_virtuemart_1.1.x.zip) Các Module của VirtueMart: - mod_product_catelogries: hiển thị nhóm sản phẩm - mod_productscroller: hiển thị các sản phẩm bằng hiệu ứng cuộn - mod_virtuemart_cart: hiển thị trạng thái của giỏ hàng - mod_virtuemart_manufactures: hiển thị danh sách các hãng sản xuất cho khách hàng lựa chọn - mod_virtuemart_search: công cụ hỗ trợ tìm kiếm sản phẩm - mod_virtuemart_featuredprod: hiển thị các sản phẩm nổi bật, đặc biệt - mod_virtuemart_lastedprod: hiển thị sản phẩm mới nhất - mod_virtuemart_randomprod: hiển thị các sản phẩm ngẫu nhiên - mod_virtuemart_topten: hiển thị các sản phẩm bán chạy nhất - mod_virtuemart_allinone: hiển thị 4 Module (lastedprod, featuredprod, topten, randomprod) thành một Module dƣới dạng Tab Các tính năng của Virtuemart - Quản lý số lƣợng sản phẩm và danh mục không giới hạn, với số lƣợng lớn. - Bán hàng qua mạng nên có thể dùng nhƣ một cửa hàng trên mạng. - Tìm kiếm thông tin sản phẩm, danh mục hay nhà cung cấp một cách nhanh chóng. Có thể sắp xếp theo từng thuộc tính của sản phẩm nếu muốn. - Đánh dấu ghi nhận là sản phẩm Đặc biệt để thể hiện nổi bật sản phẩm riêng biệt của từng cửa hàng. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 24

25 - Thông báo số lƣợng sản phẩm còn tồn tại trong kho cho khách hàng khi lựa chọn sản phẩm. - Hỗ trợ thanh toán trực tuyến: Ngƣời quản trị có thể nhập các hình thức thanh toán cho các loại thẻ (nhƣ authorize.net, PayPal, 2Checkout, eway, Worldpay, PayMate và NoChex,Visa..) - Khách hàng có thể thực hiện thanh toán qua hình thức mà họ muốn (trực tuyến, tiền mặt). - Cung cấp đầy đủ các hình thức vận chuyển hàng và giá cho từng loại vận dựa trên hình thức vận chuyển và trọng lƣợng của từng loại sản phâm. - Quản lý toàn vẹn quy trình bán hàng: từ lúc đặt hàng cho đến khi đơn hàng hòan tất. - An toàn, bảo mật, đã đƣợc kiểm chứng qua nhiều dự án triển khai thành công Tối ƣu hóa và bảo mật webiste Joomla Tối ƣu hóa website Joomla - Tạo đƣờng dẫn thân thiện với các công cụ tìm kiếm: cấu hình trong Global Configuration - Bật tính năng nén website bằng Gzip trong Global Configuration - Bật Cache website trong Global Configuration - Tối ƣu giao diện website: Giao diện càng nhẹ càng tốt, xóa bỏ tất cả các lỗi CSS, Javascript. - Tối ƣu hình ảnh flash của website Bảo mật website Joomla - Sao lƣu toàn bộ website theo định kỳ: Đây là công việc cần phải làm thƣờng xuyên, việc sao lƣu sẽ bao gồm toàn bộ các File của Website và các dữ liệu trong Database. Trong trƣờng hợp Website bị tấn công và ngƣng hoạt động thì chỉ cần phục hồi lại (Restore) các File và dữ liệu đã đƣợc sao lƣu là Website có thể hoạt động lại. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 25

26 - Nâng cấp khi Joomla có phiên bản phát hành ổn định mới nhất - Trong quá trình xây dựng hoặc chỉnh sửa website chúng ta cần kiểm tra kỹ các thành phần mở rộng (module, component, plugin, template) trƣớc khi tiến hành cài đặt sử dụng. - Xóa tất cả các template, module, component, plugin không sử dụng - Quyền hạn đối với các thƣ mục: Sau khi cài đặt các thành phần mở rộng, bạn cần thiết lập quyền hạn đối với các thƣ mục sang chế độ CHMOD Quyền hạn đối với các tệp: Thiết lập quyền hạn đối với tất cả các tệp của bạn sang chế độ CHMOD Quyền hạn đối với tệp configuration.php: Thiết lập quyền hạn cho tệp "configuration.php" sang CHMOD Bảo mật với.htaccess: Bản phát hành mới nhất của Joomla bao gồm cả phiên bản cập nhật cho tệp ".htaccess" để làm giảm thiểu nguy cơ tấn công từ các hacker. Do vậy bạn cần phải truyền tệp.htaccess này tới server của bạn và đổi quyền hạn sang CHMOD Joomla! Register Globals Emulation: Bạn cần phải chắc chắn rằng biến "register global emulation" đƣợc thiết lập thành OFF. Hãy mở tệp "global.php", tìm dòng define('rg_emulation', 1) và đổi nó thành define('rg_emulation', 0) - Register Globals: Đảm bảo rằng Register Globals đƣợc thiết lập thành OFF. Nếu không hãy liên hệ với Server của bạn để đổi nó thành OFF hoặc mở tệp.htaccess và thêm vào đoạn mã sau php_flag register_globals off. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 26

27 CHƢƠNG 2: PHÂN TÍCH HỆ THỐNG WEBSITE 2.1. Yêu cầu của hệ thống - Trƣng bày sản phẩm lên website để giới thiệu với khách hàng. - Cho phép theo dõi, quản lý các đơn đặt hàng của khách hàng mỗi khi khách hàng mua sản phẩm. - Khi khách hàng vào mua hàng, hệ thống sẽ cung cấp cho mỗi khách hàng một giỏ hàng để chứa mặt hàng cần mua. Khách hàng có thể bỏ mặt hàng đã chọn hay thêm một mặt hàng mới vào giỏ hàng. Khi khách hàng hoàn tất việc lựa chọn sản phẩm, hệ thống sẽ tiến hành tính tiền cho khách hàng và tiến hành quá trình thanh toán khi khách hàng yêu cầu. - Website phải đảm nhận nhiệm vụ đăng tải các tin tức, các chƣơng trình khuyến mại của cửa hàng đến với khách hàng Chức năng cơ bản của hệ thống Đối với khách hàng: - Đăng ký thành viên: Khách hàng phải nhập đầy đủ thông tin để có thể đăng ký thành viên để có thể trở thành thành viên của cửa hàng. - Xem thông tin hàng hóa: Ngƣời dùng có thể xem hàng hóa và thông tin chi tiết của bất kỳ hàng hóa nào hay các mặt hàng cùng loại và có thể mua hàng trực tiếp trên thông tin hàng hóa bằng cách chọn liên kết nút Thêm vào giỏ hàng. - Tìm kiếm sản phẩm: Khách hàng có thể tìm kiếm nhanh hàng hóa mà họ cần thông qua chức năng tìm sản phẩm. - Xem Giỏ hàng, mua sản phẩm: Khách hàng có thể mua hàng bằng cách nhấp nút Thêm vào giỏ hàng, hàng hóa sẽ đƣợc đƣa vào giỏ hàng. Khách hàng có thể tiếp tục mua hoặc nếu không thích có thể xoá sản phẩm đó trong giỏ hàng của mình. - Thanh toán: Khách hàng có thể trả bằng tiền mặt hoặc chuyển khoản và sẽ đƣợc giao hàng bằng nhiều hình thức khác nhau theo thỏa thuận. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 27

28 - Xem các tin tức khuyến mãi của cửa hàng và các tin tức mới về công nghệ. - Liên hệ, góp ý, gửi ý kiến phản hồi cho cửa hàng. Đối với ngƣời quản trị: - Quản lý tài khoản thành viên: Đăng nhập, đổi mật khẩu, sửa thông tin khách hàng. - Quản lý sản phẩm: Quản lý danh mục sản phẩm, quản lý chi tiết sản phẩm, có thể tiến hành cập nhập, sửa, xóa thông tin đối với bất kỳ một sản phẩm nào. - Quản lý đơn đặt hàng: Quản lý các thông tin về các hóa đơn mua hàng của khách hàng, xem danh sách đơn hàng, xóa đơn hàng. - Quản lý bài viết: Thêm, sửa, xóa các tin tức về công nghệ, các chƣơng trình khuyến mại. - Quản lý các thông tin liên hệ từ khách hàng Lƣợc đồ Lƣợc đồ UseCase Khách hàng Hình 2.1: Lƣợc đồ UseCase Khách hàng GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 28

29 Khách hàng có thể truy cập vào website để đọc tin tức hay tìm kiếm thông tin các sản phẩm cần mua. Đồng thời, khách hàng cũng có thể gửi thông tin liên hệ tới công ty về những thắc mắc của mình hay bình luận, đánh giá một sản phẩm nào đó. Mỗi khách hàng đƣợc cung cấp một giỏ mua hàng tƣơng ứng. Khách hàng thêm những sản phẩm mình muốn mua vào giỏ mua hàng của mình và xem giỏ hàng. Khách hàng có thể thêm sản phẩm vào giỏ hàng và xóa các sản phẩm không mua ra khỏi giỏ hàng của mình. Khi khách hàng quyết định mua sản phẩm thì vào giỏ hàng, chọn thanh toán lập tức Website sẽ yêu cầu đăng nhập thông tin khách hàng gồm Usename và Password (Nếu khách hàng chƣa đăng nhập). Nếu khách hàng chƣa có Usename thì phải đăng kí đầy đủ thông tin theo mẫu, sau đó đăng nhập để tiếp tục thanh toán. Khi xác nhận thanh toán, hệ thống sẽ xuất cho khách hàng một hóa đơn theo mẫu quy định chứa những thông tin mà khách hàng cung cấp cũng nhƣ số sản phẩm, giá, hình thức thanh toán, Lƣợc đồ UseCase Admin Hình 2.2: Lƣợc đồ UesCase Admin GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 29

30 - Quản lý cấu hình chung (QL Cấu hình chung) gồm có: Quản lý User: Quản lý các user khách hàng, user quản trị có quyền thấp hơn Super Administrator. Quản lý cài đặt Website: Thiết lập những thông tin trong Website, cài đặt cấu hình hiển thị, ngôn ngữ, menu, giao diện - Quản lý sản phẩm ( QL Sản phẩm): Cập nhật sản phẩm tồn kho, nhập mới sản phẩm. Thƣờng xuyên cập nhật thông tin sản phẩm lên trang hiển thị nhằm thông tin đầy đủ cho khách hàng. - Quản lý nhà sản xuất (QL Nhà sản xuất): Quản lý danh mục nhà sản xuất theo từng sản phẩm con, cập nhật thông tin của nhà sản xuất. - Quản lý nhà cung cấp (QL Nhà cung cấp): Quản lý các nhà cung cấp sản phẩm - Quản lý bài viết (QL Bài viết): Cập nhật, tạo các bài viết mới. - Quản lý khách hàng (QL Khách hàng): Quản lý quyền hạn của của user; Quản lý danh sách khách hàng; Xác nhận thông tin và trả lời thắc mắc của khách hàng... - Quản lý Thuế (QL Thuế): Đặt chế độ thuế theo từng mặt hàng. - Quản lý thanh toán (QL Thanh toán): Quản lý các hình thức thanh toán, các loại thẻ tín dụng. - Quản lý đơn hàng (QL Đơn hàng): Quản lý quá trình nhập xuất đơn hàng, các đơn đặt hàng. - Quản lý vận chuyển (QL Vận chuyển): Quản lý các hình thức vận chuyển Một số lƣợc đồ hoạt động Lƣợc đồ Đăng kí thành viên - Ngƣời dùng truy cập vào trang đăng ký để điền thông tin đăng ký - Hệ thống xử lý và kiểm tra thông tin - Nếu hợp lệ thì cho phép đăng ký và kết thúc GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 30

31 - Nếu không hợp lệ thì quay lại bƣớc nhập thông tin đăng ký Hình 2.3: Lƣợc đồ hoạt động đăng kí thành viên Lƣợc đồ Thành viên đăng nhập - Ngƣời dùng nhập username & password rồi chọn đăng nhập - Hệ thống kiểm tra và so sánh với CSDL - Nếu đúng thì thông báo đăng nhập thành công - Nếu sai thì thông báo thất bại và quay về bƣớc nhập lại username & password. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 31

32 Hình 2.4: Lƣợc đồ hoạt động thành viên đăng nhập Lƣợc đồ Tìm kiếm sản phẩm - Ngƣời dùng nhập tên sản phẩm cần tìm kiếm - Hệ thống truy vấn vào CSDL - Tìm thấy thì hiển thị kết quả và cho phép tiếp tục tìm kiếm - Không tìm thấy thì hiện thông báo và cho phép tìm kiếm lại. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 32

33 Hình 2.5: Lƣợc đồ hoạt động tìm kiếm sản phẩm Lƣợc đồ xử lý mua hàng - Sau khi xem thông tin sản phẩm, khách hàng có thể thêm sản phẩm vào giỏ hàng bằng cách nhấp nút Thêm vào giỏ hàng - Hệ thống kiểm kê sản phẩm, cho phép ngƣời dùng thêm hoặc xóa bớt sản phẩm - Ngƣời dùng có thể quay lại tiếp tục mua sản phẩm hoặc chuyển sang thanh toán - Muốn thanh toán phải đăng nhập tài khoản: Đối với khách hàng đã có tài khoản tại website thì đăng nhập tài khoản để tiếp tục thanh toán. Đối với những khách hàng mới ghé thăm cửa hàng lần đầu tiên cần đăng ký tài khoản mới. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 33

34 - Sau khi đăng ký tài thành viên, tiếp tục thực hiện quá trình thanh toán. Hình 2.6: Lƣợc đồ hoạt động xử lý mua hàng GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 34

35 CHƢƠNG 3: XÂY DỰNG WEBSITE BÁN MÁY TÍNH QUA MẠNG 3.1. Môi trƣờng và công cụ để phát triển ứng dụng Joomla Là một hệ quản trị nội dung mã nguồn mở đƣợc viết trên ngôn ngữ PHP kết nối với cơ sở dữ liệu MySQL do đó để xây dựng và phát triển ứng dụng này ta cần phải cài đặt môi trƣờng máy chủ ảo và một số công cụ cần thiết: - PHP Script Language - MySQL Database - phpmyadmin Database Manager - Phiên bản mã nguồn mở Joomla ổn định - Phần mở rộng Joomla: VirtueMart phiên bản tƣơng thích với phiên bản Joomla sẽ cài đặt Cài đặt Joomla Cài đặt máy chủ ảo Cài đặt AppServ : - Bƣớc 1: Chạy file appserv-win exe để tiến hành cài đặt. Cửa sổ Welcome của màn hình Setup hiện ra. Nhấp Next để tiếp tục Hình 3.1: Màn hình chào mừng cài đặt AppServ GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 35

36 - Bƣớc 2: Chọn thƣ mục cài đặt: Giữ nguyên mặc định và nhấp Next để tiếp tục Hình 3.2: Chọn thƣ mục chứa AppServ - Bƣớc 3: Chọn các thành phần cài đặt. Chọn hết các chức năng và nhấp Next để tiếp tục Hình 3.3: Chọn các chức năng AppServ Package - Bƣớc 4: Khai báo cho quá trình cài đặt Apache Server: Khai báo Server name, Administrator s address, HTTP Port. o Server name: localhost; GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 36

37 o Administrator s address: admin@localhost.com o HTTP Port: 80 Sau đó nhấp Next để tiếp tục Hình 3.4: Khai báo thông tin Apache HTTP Server - Bƣớc 5: Khai báo cho quá trình cài đặt MySQL Password: Ta có thể cho tùy ý và Charset: Chọn utf-8 Unicode. Nhấp Next để tiếp tục Hình 3.5: Cấu hình MySQL Server GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 37

38 Quá trình cài đặt đang diễn ra Hình 3.6: Đang tiến hành xử lý cài đặt AppServ - Bƣớc 6: Hoàn thành cài đặt và khởi động chƣơng trình: Nhấp Finish để kết thúc quá trình cài đặt và khởi động Apache & MySQL Hình 3.7: Kết thúc cài đặt AppServ - Bƣớc 7: Kiểm tra kết quả: Mở trình duyệt, gõ địa chỉ: nếu thấy trang web nhƣ hình dƣới tức là ta đã cài thành công AppServ. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 38

39 Hình 3.8: Kiểm tra cài đặt AppServ Cài đặt Joomla Trên thanh địa chỉ của trình duyệt web, gõ địa chỉ sau để vào trang quản lý cơ sở dữ liệu mysql: Tại giao diện phpmyadmin, chúng ta sẽ bắt đầu tạo database cho Joomla Hình 3.9: Tạo cơ sở dữ liệu Tạo một database mới có tên là pcnguyennam và để hiển thị tốt tiếng việt trên trình duyệt, chọn charset cho database của mình là utf8_general_ci. Tiếp tục nhấp [Create], chờ thông báo về việc tạo cơ sở dữ liệu Đã tạo thành công một cơ sở dữ liệu để dùng cho việc tạo website. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 39

40 Giải nén gói cài đặt Joomla vào thƣ mục gốc của web server (C:\AppServ\www) và đổi tên thƣ mục source thành pcnguyennam Giải nén xong, mở trình duyệt gõ địa chỉ sau: để tiến hành cài đặt website. - Bƣớc 1: Chọn ngôn ngữ cài đặt Joomla hỗ trợ nhiều ngôn ngữ cài đặt. Ta có thể chọn ngôn ngữ tiếng anh mặc định hoặc chọn ngôn ngữ quốc gia khác để thực hiện việc cài đặt. Nhấp Next để qua bƣớc 2 Hình 3.10: Cài đặt ngôn ngữ - Bƣớc 2: Kiểm tra hệ thống (Pre-installation Check). Joomla sẽ kiểm tra điều kiện hosting có đủ yêu cầu để cài đặt hay không, nếu nhận đƣợc nhiều kết quả màu xanh lá thì có thể để tiếp tục cài đặt. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 40

41 Nhấp Next để tiếp tục Hình 3.11: Kiểm tra hệ thống - Bƣớc 3: Thông tin về bản quyền Joomla (Licence) có thể nhấp Next để chuyển sang bƣớc tiếp theo. - Bƣớc 4: Thiết lập các thông số để kết nối tới cơ sở dữ liệu (Database). Nhập thông tin vào các mục: Database Type : Chọn mặc định mysql Host name: localhost User name: Tên tài khoản có quyền đối với cơ sở dữ liệu chứa jooml Password: Mật khẩu của tài khoản trên. Database Name: Tên cơ sở dữ liệu vừa tạo pcnguyennam GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 41

42 Hình 3.12: Thiết lập cấu hình cơ sở dữ liệu Sau khi thiết lập cơ bản xong, Nhấp next để tiếp tục - Bƣớc 5: Thiết lập các thông số FTP (FTP Configuration) Bƣớc này có thể bỏ qua vì đang cài localhost, nếu cài trực tiếp lên host, hãy điền đầy đủ thông số đƣợc yêu cầu. Để mặc định là No, sau đó nhấp Next để bỏ qua thiết lập. Hình 3.13: Thiết lập các thông số FTP GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 42

43 - Bƣớc 6: Thiết lập cấu hình site joomla (Configuration) Site name: Tên trang web. Your Hộp thƣ dành cho ngƣời quản trị trang web. Admin Password: Mật khẩu quản trị trang web Install Sample Data: Cài đặt dữ liệu mẫu cho website để bạn dễ dàng làm việc với một website mới bắt đầu xây dựng. Nhấp Install Sample data Thống báo Sample data installed successfully (Thông báo Mẫu dữ liệu đã cài đặt hoàn tất ). Hình 3.14: Thiết lập thông tin site Joomla Nhấp Next để tiếp tục - Bƣớc 7: Kết thúc (Finish): Đã hoàn tất các bƣớc trong việc cài đặt Joomla, xoá bỏ thƣ mục Installation trƣớc khi vào trang web. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 43

44 Hình 3.15: Cài đặt thành công Thông báo Usename là : admin. Nhấp Nút site để xem Trang Web vừa cài đặt thành công. Nhấp Nút Admin để xem quyền quản lý của bạn Quản trị trong Joomla Cài đặt extension (Thành phần mở rộng) Extension ở đây có thể là Components, Modules, Plugins, Languages, Templates, Để cài đặt một thành phần mở rộng ta có nhiều cách. Sau đây là hƣớng dẫn cách cài đặt thông qua file nén (ZIP), ta thực hiện các bƣớc sau: - Mở menu [Extensions] Chọn [Install/Unistall] Hình 3.16: Chọn chức năng Install/Unistall GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 44

45 - Trong ô Upload Package File nhấp nút [Browse...] và chọn file nén chứa extension (đƣợc đóng gói trong một file zip hoặg gz). Hình 3.17: Chọn extension cần cài đặt - Nhấn nút [Upload file and Install] - Chờ hệ thống thông báo kết quả cài đặt Cài đặt ngôn ngữ mặc định cho site/admin - Chọn Menu [Extensions] [Language Manager] - Chọn [Site] Chọn Tiếng Việt (Vietnamese) Nhấn [Default] Hình 3.18: Cài đặt ngôn ngữ phần Site - Tiếp tục chọn [Administrator]: Để mặc định là ngôn ngữ English. Hình 3.19: Cài đặt ngôn ngữ phần Administrator GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 45

46 Thiết lập giao diện mặc định - Mở menu [Extensions] Chọn [Template Manager] Chọn phần [Site] Chọn giao diện muốn mặc định cho site rồi nhấp nút [Default]. Hình 3.20: Chọn giao diện mặc định phần Site Tiếp tục tiến hành cài đặt giao diện cho phần Administrator Hình 3.21: Chọn giao diện mặc định phần Administrator Thêm một bài viết Để tạo một bài viết ta cần qua tối đa 3 bƣớc và tối thiểu là 1 bƣớc nếu đã có Section và Category: Bƣớc 1. Tạo Section (phần/mục). Bƣớc 2: Tạo Category (chuyên mục). Bƣớc 3: Tạo Content (bài viết). GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 46

47 Tạo một chủ đề mới (Section) - Mở menu [Content] Chọn [Section Manager] Hình 3.22: Chức năng Quản lý section - Trên thành công cụ, Nhấp [New] để tạo chủ đề mới. - Điền đầy đủ các thông tin cần thiết nhƣ: Title: Tiêu đề của section, đây là phần hiển thị trên trang Web. Alias: Tên đƣợc gán cho tiêu đề giúp tạo các tiêu đề động hay dùng trong kỹ thuật SEF để tạo liên kết. Published: Cho phép sử dụng section này hay không. Access Level: Cấp độ cho phép ngƣời dùng truy cập vào chuyên mục. Image: Chọn hình ảnh thể hiện của section trên trang Web. Image Position: Vị trí hình ảnh của section Description: Dùng mô tả về ý nghĩa của section sẽ đƣợc tạo. Hình 3.23: Thêm mới một section GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 47

48 - Nhấp nút [Save] để lƣu lại. Tạo một chuyên mục mới (Category) - Mở menu [Content Chọn [Category Manager] Hình 3.24: Chức năng Quản lý Category - Nhấp [New] để thêm chuyên mục mới - Lựa chọn Section của Category và điền các thông tin cần thiết. Hình 3.25: Thêm mới một Category - Nhấp [Save] để kết thúc việc tạo chuyên mục. Tạo mới một bài viết (Content Item) - Mở menu [Content] chọn [Article Manager] GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 48

49 Hình 3.26: Chọn chức năng Quản lý bài viết - Nhấp [New] để tạo bài viết mới - Điền các thông tin bài viết. Hình 3.27: Thêm một bài viết mới Chú ý khi chọn loại bài viết: Nếu bài viết là loại thuộc 1 category nào đó thì phải chọn section trƣớc rồi mới chọn caegory. Nếu bài viết không có section và category, chúng ta sẽ chọn Section và Category là Uncategorised - Nhấp nút [Save] để lƣu lại bài viết. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 49

50 Thêm một liên hệ - Mở menu [Component] chọn[contacts] chọn [Contacts] - Nhấp [New] để tạo một liên hệ mới Hình 3.28: Thêm liên hệ mới - Điền tên, chọn chuyên mục (category) và điền các thông tin khác - Tùy chỉnh các tham số ở mục [Parameters] bên phải - Nhấn nút [Save] để lƣu lại Tạo Menu liên kết Mở menu [Menus] chọn [Menu Manager] Hình 3.29: Chọn chức năng quản lý menu GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 50

51 Tạo mới menu Vào menu [Menus] chọn [Menu Manager]. Trên thanh công cụ, chọn [New] Hình 3.30: Thêm một menu mới Trong đó: - Unique Name: Là tên duy nhất cho menu chúng ta sẽ tạo ra. Tên này không đƣợc giống với bất kỳ tên menu đã tạo ra trƣớc đó. - Title: Là tiêu đề của menu sẽ đƣợc hiển thị trên trang web. - Description: Mô tả ngắn gọn cho menu sẽ tạo. - Module Title: Joomla sẽ tạo thêm 1 module có tên khai báo trong ô này. Nhờ module mà bạn có thể thay đổi vị trí đặt menu và thực hiện một vài cấu hình menu. Tạo một menu liên kết - Mở menu [Menus] chọn [mainmenu]. Chọn một menu muốn tạo liên kết - Sau đó chọn nút lệnh [Change Type] trong ô Menu Item Type Hình 3.31: Nút lệnh thay đổi kiểu liên kết GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 51

52 - Sau khi chọn menu liên kết tới kiểu liên kết nào đó, ví dụ nhƣ virtuemart, Joomla sẽ đƣa bạn trở lại trang trƣớc đó. Hình 3.32: Danh sách các loại liên kết - Thiết lập thông số căn bản cho menu trong thẻ Parameters (Basic), Parameters (Component), Parameters (System). - Nhấp [Save] để lƣu lại. Hình 3.33: Các thông số cho menu GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 52

53 Menu Trash - Các Menu Item bị xóa sẽ đƣợc lƣu trữ trong Menu Trash. Trong phần quản lý Menu. - Trash Manager, chọn Menu Item và nhấn Restore nếu muốn phục hồi lại hoặc nhấn Delete để xóa Thêm một File Media Hình 3.34: Chọn Menu Trash Vào trang quản lý media: Mở menu [Site] Chọn [Media Manager] Hình 3.35: Tạo thƣ mục chứa file media Tạo một thƣ mục mới - Trong hộp text Create Directory, nhập một tên cho thƣ mục mới - Nhấp [Create Folder] trên thanh công cụ. Thƣ mục sẽ đƣợc tạo và sẵn sàng để bạn lƣu các file của mình. Tải lên một file Hình 3.36: Tải file media Nhấp [Browse ] tìm file muốn upload. Chọn thƣ mục muốn upload file vào. Nhấp [Start Upload] để tiến hành việc tải lên. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 53

54 Tạo Module Một trong những tính năng quan trọng của Joomla là cho phép thay đổi vị trí của các module. Mỗi template đều định nghĩa sẵn một số vị trí nhất định. Để xem nhanh các vị trí module mà template hỗ trợ chỉ cần thêm?tp=1 vào phía sau địa chỉ Website của bạn: Hình 3.37: Các vị trí modules GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 54

55 Tạo mới một module rỗng Mở mục quản lý module: - Mở menu [Extensions] Chọn [Module Manager] Hình 3.38: Chọn quản lý module Admin có thể dễ dàng thêm, xóa, sửa các module, cấu hình hiển thị vị trí của module ra ngoài website. Việc tạo mới một module rỗng đƣợc sử dụng cho những trƣờng hợp nhƣ tạo thông báo, tạo số điện thoại liên hệ, - Chọn [New] trên thanh công cụ Hình 3.39: Tạo mới module Hình 3.40: Chọn Custom HTML GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 55

56 Trong trang mới, bên trái trang, điền những thông tin sau: Hình 3.41: Cài đặt thông tin chung cho module Title: Tiêu đề, dùng hiển thị trên trang Show Title: Cho phép hay không cho phép tiêu đề module đƣợc hiển thị Enabled: Cho phép sử dụng module. Position: Vị trí cần đặt trên trang. Order: Thứ tự trên một vị trí Access Level: Mức độ sử dụng. Viết nội dung cho module Tạo nội dung cho module nhƣ chèn hình, viết thông báo, trong ô soạn thảo có sẵn của trang web. Hình 3.42: Khung tạo nội dung module GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 56

57 Quản lý bán hàng trong VirtueMart Giao diện ngƣời quản trị cung cấp đầy đủ các tiện ích cần thiết trong việc quản lý 1 cửa hàng trên mạng nhƣ: thiết kế logic, đầu đủ tính năng quản lý sản phẩm, danh mục sản phẩm, đơn hàng, nhà cung cấp, thông tin tài khoản của khách hàng, các hình thức thanh toán, dịch vụ vận chuyển cho ngƣời sử dụng. Mở menu [Component] Chọn [Virtuemart] để chuyển đến trang quản lý của VirtueMart. Hình 3.43: Giao diện quản lý VirtueMart Từ menu chính, ngƣời quản trị (Admin) có thể thực hiện các công việc sau : Quản lý ngƣời dùng Hình 3.44: Quản lý ngƣời dùng - Configuration (Cấu hình chung) - Users (Ngƣời dùng), User Groups (Quản lý nhóm ngƣời dùng): quản lý thông tin về quyền truy cập từng khách hàng. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 57

58 - List Countries (Danh sách quốc gia): quản lý thông tin về thành phố dùng trong dịch vụ vận chuyển, thông tin khách hàng,... - List Currencies (Danh sách tiền tệ): thông tin loại tiền tệ mà website bán hàng quản lý. Quản lý danh mục sản phẩm - Mở menu [Product] chọn [List Catelogries] - Chọn danh mục sản phẩm có sẵn để Publish/Unpublish (Kích hoạt/tắt), Remove (Xoá) hoặc chọn New để thêm danh mục sản phẩm mới. Hình 3.45: Quản lý danh mục sản phẩm Quản lý sản phẩm - Mở menu [Product] chọn [List Products] - Admin có thể thêm mới, xóa, sửa hay kích hoạt sản phẩm bằng các nút lệnh trên thanh công cụ. Hình 3.46: Quản lý sản phẩm GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 58

59 Quản lý các đơn hàng Mở menu [Order] chọn [List Order] để xem thông tin các đơn hàng của khách và xử lý đơn hàng đó. Hình 3.47: Quản lý đơn hàng Quản lý danh sách các đơn đặt hàng của khách hàng, bao gồm thông tin nhƣ: số hóa đơn, tên khách hàng, trạng thái của hóa đơn (mới đặt, đã chuyển, hủy, thành công ), ngày tạo hóa đơn và tổng tiền của hóa đơn. Quản lý hình thức thanh toán Hình 3.48: Quản lý hình thức thanh toán - List Payment Menthods (Các phƣơng thức thanh toán): nhập mới, thêm sửa, xóa danh sách các hình thức thanh toán của khách hàng. - Credit Cart List (Danh sách các thẻ tín dụng): quản lý các loại thẻ mà khách hàng dùng trong việc thanh toán hóa đơn. GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 59

60 3.4. Giao diện website bán máy tính qua mạng Trang chủ Hình 3.49: Giao diện trang chủ GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 60

61 Trang giới thiệu Hình 3.50: Giao diện trang giới thiệu GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 61

62 Trang tin tức Hình 3.51: Giao diện trang tin tức GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 62

63 Trang sản phẩm Hình 3.52: Giao diện trang danh sách sản phẩm GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 63

64 Trang liên hệ Hình 3.53: Giao diện trang liên hệ GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 64

65 Trang bảo hành Hình 3.54: Giao diện trang bảo hành GVHD: ThS. Nguyễn Thanh Tuấn SVTH: Nguyễn Văn Nam Trang 65