Giáo trình xây dựng web thương mại điện tử bằng joomla (nghề công nghệ thông tin cao đẳng)

ỦY BAN NHÂN DÂN TỈNH ĐỒNG THÁP TRƯỜNG CAO ĐẲNG CỘNG ĐỒNG ĐỒNG THÁP GIÁO TRÌNH MƠN HỌC: XÂY DỰNG WEB TMĐT BẰNG JOOMLA NGÀNH, NGHỀ:CƠNG NGHỆ THƠNG TIN TRÌNH ĐỘ: CAO ĐẲNG (Ban hành kèm theo Quyết định số /QĐ-CĐCĐ ngày tháng năm 20… Hiệu trưởng trường Cao đẳng Cộng đồng Đồng Tháp) Đồng Tháp, năm 2018 TUYÊN BỐ BẢN QUYỀN Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng nguyên trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm LỜI GIỚI THIỆU Giáo trình Xây dựng web TMĐT Joomla biên soạn dùng cho sinh viên ngành Công nghệ thơng tin bậc Cao đẳng trường mục đích giảng giúp đỡ người học thiết kế trang web bán hàng đơn giản - tiện lợi nhanh chóng Giáo trình bao gồm chương: Chương 1: Giới thiệu – cài đặt cấu hình Joomla Chương 2: Quản lý nội dung Chương 3: Quản lý thành phần mở rộng Joomla Chương 4: Đóng gói đưa website lên Server Giáo trình chỉnh sửa lại theo đề cương hành, q trình biên soạn chỉnh sửa khơng tránh khỏi thiếu sót, kính mong bạn đọc q đồng nghiệp góp ý, phê bình để Giáo trình hồn thiện tốt TPCL, ngày 01 tháng 07 năm 2017 GV biên soạn Võ Thị Tố Hoàng i MỤC LỤC CHƯƠNG GIỚI THIỆU - CÀI ĐẶT VÀ CẤU HÌNH JOOMLA 1.1 Giới thiệu Joomla 1.1.1 Joomla gì? 1.1.2 Tại lại chọn Joomla? 1.1.3 Joomla sử dụng lãnh vực nào? 1.1.4 Xây dựng Web với Joomla nào? 1.2 Cài đặt Joomla 1.2.1 Cài Web server (máy chủ Web) 1.2.2 Cài đặt Joomla 10 1.3 Cài đặt ngôn ngữ tiếng việt 15 1.4 Cấu hình joomla 17 1.4.1 Cấu hình Site 18 1.4.2 Cấu hình System 19 1.4.3 Cấu hình Server 20 1.4.4 Cấu hình permission 22 1.4.5 Cấu hình Text Filters 22 BÀI TẬP THỰC HÀNH CHƯƠNG 24 CHƯƠNG QUẢN LÝ NỘI DUNG 25 2.1 Quản lý Template: 25 2.1.1 Xem danh mục style 25 2.1.2 Quản lý Style 25 2.1.3 Chỉnh sửa Style: 26 2.1.4 Phần quản lý Templates 27 2.1.5 Xem vị trí template 28 2.1.6 Cài đặt TEMPLATE 30 2.2 Quản lý Media 35 2.2.1 Xem Danh Mục Các File Media 36 2.2.2 Tạo thư mục 37 2.2.3 Xóa thư mục 37 2.2.4 Xem nội dung thư mục 38 2.2.5 Upload file media 38 2.2.6 Thêm loại file media để upload .39 2.2.7 Upload nhiều file media .39 2.2.8 Xóa bỏ file media 40 2.3 Quản lý Category – Article 41 2.3.1 Quản lý Category 42 2.3.1.1 Xem danh mục chuyên đề viết .42 2.3.1.2 Tạo mới/hiệu chỉnh Category 43 2.3.2 Quản lý Article .44 2.3.2.1 Xem danh mục viết 45 2.3.2.2 Tạo mới/hiệu chỉnh viết: .46 2.3.2.3 Các thao tác viết 50 2.3.3 Quản lý viết đặc trưng(Featured Articles) .59 2.3.3.1 Xem danh mục viết đặc trưng 59 2.3.3.2 Tạo / hiệu chỉnh viết đặc trưng 61 2.4 Quản lý menu 62 2.4.1 Xem danh mục menu .63 2.4.2 Tạo mới/ hiệu chỉnh nhóm menu 63 2.4.3 Gán nhóm menu vừa tạo với module 64 2.4.4 Tạo menu item (menu tạo liên kết) 66 2.5 Quản lý User 68 2.5.1 Xem danh mục usergroup 68 2.5.2 Xem danh mục cấp truy xuất 69 2.5.3 Xem danh mục user 70 BÀI TẬP THỰC HÀNH CHƯƠNG 73 CHƯƠNG QUẢN LÝ CÁC THÀNH PHẦN MỞ RỘNG TRONG JOOMLA 75 3.1 Quản lý cài đặt module .75 3.1.1 Xem danh mục module 75 3.1.2 Tạo / hiệu chỉnh module 76 3.1.3 Một số module thông dụng: 79 3.1.3.1 Module Menu .79 3.1.3.2 Tạo menu 82 3.1.3.3 Module Login 89 3.1.3.4 Module Breadcrumbs 91 3.1.3.5 Module Random Image 93 3.1.3.6 Module Archieved Articles 96 3.1.3.7 Module Latest News 99 3.1.3.8 Module Search 100 3.1.3.9 Module Who's Online 102 3.1.3.10 Module Statistics 103 3.1.3.11 Module Custom HTML 105 3.1.3.12 Module Wrapper 108 3.1.3.13 Module Random Image Extended 110 3.2 Quản lý cài đặt Component 114 3.2.1 Component Redirect 115 3.2.2 Component Messaging 117 3.2.3 Component Banner 119 3.2.4 Component Contact 124 3.2.5 Component Weblink 129 3.2.6 Component Newsfeeds 132 3.3 Quản lý cài đặt Plugin 137 3.3.1 Plugin Jplayer 138 3.3.2 Plugin Allvideos 143 3.3.3 Plugin Simple Picture Slideshow 146 3.3.4 Uninstall Extension 149 BÀI TẬP THỰC HÀNH CHƯƠNG 151 CHƯƠNG ĐÓNG GÓI VÀ ĐƯA WEBSITE LÊN SERVER 152 4.1 Đóng gói Website 152 4.2 Đưa website lên server 158 BÀI TẬP THỰC HÀNH CHƯƠNG 176 GIÁO TRÌNH MƠN HỌC/MƠ ĐUN Tên môn học/mô đun: Xây dựng Web thương mại điện tử Joomla Mã mơn học, mơ đun: CCN454 Vị trí, tính chất mơn học: − Vị trí: Mơn học Xây dựng Web thương mại điện tử Joomla thuộc nhóm mơn học chun ngành bắt buộc, bố trí giảng dạy sau học xong học phần chung − Tính chất: Là mơn học chun ngành bắt buộc ngành cao đẳng Công nghệ thông tin, cung cấp cho người học kiến thức thiết kế trang web bán hàng Mục tiêu môn học: − Về kiến thức:  Hiểu khái niệm website cá nhân, thương mại điện tử, …  Trình bày Module, Plugin, … Joomla − Về kỹ năng:  Quản lý template  Quản lý nội dung webiste  Quản lý thành phần mở rộng (Module, Plugin…)  Đóng gói liệu cho webiste  Đăng ký host đưa website lên server − Về lực tự chủ trách nhiệm  Hình thành ý thức tự học, có trách nhiệm sáng tạo cơng việc Nội dung môn học: CHƯƠNG GIỚI THIỆU - CÀI ĐẶT VÀ CẤU HÌNH JOOMLA 1.1 Giới thiệu Joomla 1.1.1 Joomla gì? Joomla! hệ quản trị nội dung mã nguồn mở (tiếng Anh: Open Source Content Management Systems) Joomla! viết ngôn ngữ PHP kết nối tới sở liệu MySQL , cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Intranet Joomla phần mềm cho phép tạo quản lý website Trên website ta chỉnh sửa: Nội dung website chữ, hình ảnh, videos, Giao diện website cách dùng template (Joomla Templates) Chức website cách dùng extension (Joomla Extensions) Hệ thống website Joomla! gồm hai phần : − Front-end (Phần mặt trước) mà người xem họ truy cập website Thông thường mẫu thiết kế bao gồm mục logo, (menu bar), cột bên trái, cột bên phải (side column) khối văn − Back-end (Phần mặt sau) vùng quản trị - Nơi dùng để điều chỉnh website Những thành viên có quyền Administrator truy cập vào thông qua trang đăng nhập đặc biệt 1.1.2 Tại lại chọn Joomla? − Vì Joomla Hệ quản trị nội dung (CMS) giành giải thưởng ứng dụng mã nguồn mở tốt giới Nó cho phép bạn xây dựng trang Web ứng dụng trực tuyến mạnh mẽ dễ dàng Ưu điểm Joomla dễ sử dụng mở rộng Điều giúp cho Joomla trở thành phần mềm thiết kế Web phổ biến với người dùng, từ bình dân chuyên nghiệp − Joomla thiết kế để cài đặt thiết lập dễ dàng, ta người dùng cao cấp Chỉ với vài cú bấm chuột, ta thiết lập xong trang web hoạt động Với Joomla, không cần phải chuyên gia thiết kế hay chuyên viên lập trình Web, ta xây dựng trang Web dành cho khách hàng cách nhanh chóng Nếu khách hàng cần tính chun biệt, Joomla cịn có hàng nghìn phần mở rộng (extensions), hầu hết miễn phí 1.1.3 Joomla sử dụng lãnh vực nào? Joomla sử dụng khắp giới nhiều lĩnh vực, từ Cổng thông tin điện tử, Thương mại điện tử trực tuyến, Báo điện tử, tạp chí điện tử, Website doanh nghiệp vừa nhỏ, Website quan, tổ chức phi phủ, trường học thơng dụng Website gia đình hay cá nhân Một số trang web tiếng dùng Joomla Đại học Havard: http://gsas.harvard.edu Tạp chí Outdoor Photographer: http://www.outdoorphotographer.com Mạng xã hội MTV: http://www.quizilla.com Chuỗi nhà hàng IHOP: http://www.ihop.com Unesco Việt Nam: http://www.unesco-cep.org.vn/ Thời trang Châu Á:http://www.thoitrangchaua.com/ Ngân Hàng Đông Nam Á:http://www.seabank.com.vn/ Trường Đại học Tôn Đức Thắng :http://www.tdt.edu.vn/ Tin tức Việt Báo: http://vietbao.vn/ 1.1.4 Xây dựng Web với Joomla nào? − Muốn xem nội dung trang web viết Joomla!, ta phải đưa vào Web Server đó, chổ hay Internet Web Server cần hỗ trợ ngôn ngữ PHP sở liệu MySQL để Joomla hoạt động − Web Server (máy phục vụ Web):Là máy tính mà cài đặt phần mềm phục vụ Web, người ta gọi phần mềm Web Server − Có hai cách để thực việc này, cách thứ đăng ký Web Server Internet, tiến hành xây dựng thử nghiệm trang web Joomla Cách phức tạp, tốc độ thường chậm, địi hỏi bạn phải ln có kết nối Internet lúc xây dựng thử nghiệm − Cách thứ hai đơn giản hơn, phù hợp với người bắt đầu sử dụng Joomla, cài đặt Web Server chổ máy tính 1.2 Cài đặt Joomla − − − − − 1.2.1 Cài Web server (máy chủ Web) 1.2.1.1 Giới thiệu XAMPP: XAMPP ứng dụng phần mềm tiếng thường hay lập trình viên sử dụng để xây dựng phát triển dự án website ngôn ngữ PHP XAMPP cài đặt chạy trực tiếp môi trường Windows XAMPP Ngoài việc hỗ trợ thành phần như: Apache – PHP – MySQL – phpMyAdmin Xamp hỗ trợ thành phần khác mà số webserver khác khơng có Webmail – FTP – SSL – Perl Cách sử dụng Xampp dễ dàng Hỗ trợ đầy đủ thư viện mở rộng PHP 1.2.1.2 Cài đặt XAMPP Tìm download phiên Xampp 5.6.30 for win − Thực upload website  Panel bên trái Local Site  Panel bên phải Remote Site  Ở panel bên trái: Ctrl + A để chọn toàn  Rồi click phải chọn lệnh Upload, Hoặc kéo thả sang Panel bên phải 163 Lưu ý: ► Để upload nhanh ta thực hiện:  Nén tất thành file.ZIP nhiều file.ZIP  Upload file nén lên Host  Tạo databse import database từ localhost − Bước 1: Trích xuất sở liệu chứa máy chủ:  Mở phần mềm web server XAMPP 164  Màn hình phpmyadmin xuất  Chọn sở liệu cần trích xuất Ví dụ: db_mobile 165  Chọn Export  Chọn định dạng SQL sau nhấn Go 166  Chọn đường dẫn lưu liệu chọn Save − Bước 2: Sử dụng Cpanel để đưa sở liệu trích xuất vào máy chủ Byethost  Mở trình duyệt web, nhập http://185.27.134.3/ http://panel.byethost.com/  Nhập tên User name Password đăng ký 167  Màn hình CPanel sau: ► Ở vùng bên trái hiển thị thông tin  Thông tin chung (General Infomation)  Thông tin tài khoản  Thông tin server ► Ở vùng bên phải Control Panel − Bước 3: Tạo Database  Ở phần Databases\ Click chọn MySQL Databases 168  Xuất hình đặt tên sở liệu  Chọn Create Database  Ghi lại thông tin vừa tạo:  Click chọn Admin  Màn hình php MyAdmin \ chọn Import database 169  Chọn đường dẫn đến sở liệu trích xuất\ chọn Go  Dữ liệu import xong Chỉnh lại file cấu hình Configuration.php  Ở phần File\ Click dòng Online File Manager 170  Ở hình Online File Manager, click chọn thư mục htdocs  Giải nén tập tin upload  Sửa nội dung file Configuration.php: Chọn file Configuration.php Rồi click nút Edit  Sửa lại thông số phần Database setting file cấu hình 171  Thơng tin sửa đổi: //Database setting public $dbtype = 'mysql'; public $host = 'sql100.byethost16.com'; public $user = 'b16_16423379'; public $password = '1234567890'; public $db = 'b16_16423379_db_mobile'; public $dbprefix = 'fsk3o_';  Cuối lưu file  Đổi tên file htaccess.txt hình Online File Manager  Chọn file htaccess.txt 172  Click nút Rename đổi tên htaccess  Click chọn biểu tượng  để lưu lại Truy cập website trang Frontend trang Backend  truy cập trang Frontend: Vào trình duyệt web, gõ địa chỉ: http://www.tohoang.byethost16.com/ Trang Frontend xuất 173  Truy cập trang Backend: ► Vào trình duyệt web, gõ địa chỉ: http://www.tohoang.byethost16.com/administrator Trang Backend xuất  Nhập username password Ta có trang quản trị  Chỉnh cấu hình sever:  Vào Site\ Global Configuration  Chọn trang Server\ xóa đường dẫn cịn lại /tmp 174  Chọn trang System\ xóa đường dẫn lại /logs  Click Save để lưu lại 175 BÀI TẬP THỰC HÀNH CHƯƠNG Thực đóng gói website tạo lưu thành file Quickstart.zip Thực đăng ký web host miễn phí upload website tạo lên web host đăng ký 176 TÀI LIỆU THAM KHẢO Bài giảng xây dựng Web Joomla - Trường CĐCĐ Bình Thuận http://joomlaviet.org http://joomla.org http://webnhanhgon.com/joomla/index.html 177 ... 1.1.3 Joomla sử dụng lãnh vực nào? Joomla sử dụng khắp giới nhiều lĩnh vực, từ Cổng thông tin điện tử, Thương mại điện tử trực tuyến, Báo điện tử, tạp chí điện tử, Website doanh nghiệp vừa nhỏ, Website... ĐUN Tên môn học/mô đun: Xây dựng Web thương mại điện tử Joomla Mã môn học, mô đun: CCN454 Vị trí, tính chất mơn học: − Vị trí: Mơn học Xây dựng Web thương mại điện tử Joomla thuộc nhóm mơn học... ngành cao đẳng Công nghệ thông tin, cung cấp cho người học kiến thức thiết kế trang web bán hàng Mục tiêu môn học: − Về kiến thức:  Hiểu khái niệm website cá nhân, thương mại điện tử, …  Trình