Phụ lục Sáng kiến kinh nghiệm NV Tưởng 2011

PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 1: Cách cài chương trình Server Wamp5 Cách cài đặt như sau: Chạy chương trình cài đặt WampServer2.1e-x32.exe, khi xuất hiện bảng Welcome to the Wamp5 Setup Wizard, nhấn Next. Trong License Agrement chọn I accept the Agreement, nhấn Next. Trong Select Destination Location, chọn nơi cài đặt Wamp5. Lưu ý ở bước này nên chọn ổ dĩa khác với ổ dĩa cài Windows để sau này dễ cài đặt cấu hình cho Wamp5. Chọn đường dẫn là D:\wamp (cài trên thư mục wamp của ỗ dĩa D), nhấn Next. Trong Select Start Menu Folder, nhấn Next, sau đó nhấn Install để cài đặt. Điền thông tin như sau: Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 32 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Nhấn Next, rồi nhấn Finish. Vào trình duyệt Web như Internet Explore gõ vào thanh địa chỉ localhost màn hình hiện ra như sau là đã cài thành công. Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 33 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Lưu ý: Sau mỗi lần khởi động lại máy thì phải khởi động lại chương trình máy chủ Wamp5 bằng cách vào thư mục D:\wamp và chạy tập tin wampmanager.exe Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 34 Click đúp vào đây để khởi động Web Server PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 2: Cách tạo Database bằng phpMyAdmin trên localhost Sau đây là các bước cơ bản để tạo Database bằng phpMyAdmin trên Localhost Wamp5 và Xampp ta làm như sau: Khởi động chương trình Web Server Wamp5 hoặc Xampp. Mở chương trình duyệt web (Internet Explorer, Firefox ) và nhập http://localhost/phpmyadmin/ vào dòng địa chỉ để mở phpMyAdmin. Đối với Wamp5 có thể nhấn chuột trái vào biểu tượng Wamp5 (nằm ở góc dưới trên phải màn hình) và chọn phpMyAdmin. Trong phpMyAdmin chọn MySQL connection collation là utf8_unicode_ci, trong Create new database đặt tên cho Database, có thể đặt bất cứ tên gì nhưng không được có khoảng trống giữa các ký tự, và chọn Collation ở bên dưới là utf8_general_ci để hỗ trợ tiếng Việt (Font Unicode), sau khi chọn xong nhấn Create. Sẽ có một Database được tạo ra với tên vừa đặt (ở đây tôi sẽ đặt là joomla), các thông số của Database này như sau (thông tin này rất quan trọng vì bạn sẽ phải cần đến nó để khai báo khi muốn kết nối với Database): Server: localhost (đây là tên mặc định) Database: truongchinh_database (hoặc tên do bạn đặt) User: root (đây là tên mặc định) Password: (mặc định không có, để trống phần này) Có thể tạo thêm nhiều Database khác theo các bước như trên. Backup (sao lưu) các bảng dữ liệu của Database: Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 35 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Chọn Database -> chọn bảng dữ liệu muốn Backup hoặc chọn Check All (nằm phía dưới) sau đó chọn Export (nằm phía trên). Đánh dấu vào Save as file, nếu muốn nén dữ liệu thì chọn "zipped" hoặc "gzipped" trong Compression. Nhấn Go để Backup. Chọn Save và đặt tên cho File Backup khi xuất hiện bảng thông báo. Restore (phục hồi) các bảng dữ liệu của Database: Chọn Database -> chọn Import (nằm phía trên) -> nhấn Browse -> chọn Fie Backup và nhấn Go. Xóa Database: Chọn Database muốn xóa -> nhấn Drop Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 36 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Xuất hiện bảng cảnh báo -> nhấn Ok để đồng ý. Xóa các bảng dữ liệu trong Database: Chọn Database muốn xóa -> Nhấn vào biểu tượng X (màu đỏ) tương ứng với bảng dữ liệu để xóa bảng đó. Nếu muốn xóa hết các bảng dữ liệu thì chọn Check All (nằm phía dưới) sau đó chọn Drop trong With Selected. Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 37 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 3: Cài Đặt Jomla 1.5 Bước 1: Chọn ngôn ngữ cài đặt Mở trình duyệt và gõ vào địa chỉ Website của chúng ta. VD: http://localhost/ (nếu cài trên máy của bạn) Nếu bạn giải nén bộ cài đặt vào thư mục joomla (thư mục con của thư mục gốc) thì gõ: http://yoursite/joomla/ VD: http://localhost/joomla/ (nếu cài trên máy của bạn) Màn hình cài đặt xuất hiện và bạn có thể chọn một ngôn ngữ bất kỳ được hỗ trợ: Bước 2: Kiểm tra cấu hình hệ thống Để có thể cài đặt và sử dụng Joomla!, máy chủ của bạn phải đáp ứng một số yêu cầu. Joomla! sẽ kiểm tra các giá trị này. Nếu chúng có màu xanh thì OK. Còn nếu các giá trị kiểm tra có màu đỏ thì bạn cần yêu cầu bộ phận Hỗ trợ kỹ thuật của Server giúp đỡ. Tất nhiên, bạn vẫn có thể tiếp tục cài đặt nhưng có thể một số chức năng sẽ không hoạt động. Bước 3: Thông tin bản quyền Bạn nên dành một chút thời gian để đọc các thông tin này. Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 38 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bước 4: Thiết lập các thông số để kết nối tới Cơ sở dữ liệu Trước khi thực hiện bước này bạn cần có một database để chứa dữ liệu Joomla!. Hostname: Thường là giá trị "localhost" (chỉ điền giá trị khác nếu như Database Server và Web Server nằm ở 2 nơi khác nhau, hoặc Hosting của bạn cung cấp như vậy) User name: Tên tài khoản gắn với database chứa Joomla của bạn. (Nếu làm trên localhost bạn có thể dùng tài khoản có tên là root). Password: Mật khẩu của tài khoản trên. (Nếu dùng tài khoản root, bạn có thể để trống ô này) Availbe Collations (nếu có): Bạn nên chọn là "utf8_general_ci" Database Name: Tên cơ sở dữ liệu sẽ chứa Joomla của bạn Chú ý mục "Table Prefix", để tránh bị tấn công "SQL Injection" bạn nên thay tiền tố "jos_" bằng một chuỗi ký tự khác, chẳng hạn "tc_" Bước 5: Thiết lập các thông số FTP - Nếu đang cài đặt trên LOCALHOST, bạn có thể bỏ qua bước này - Nếu Host của bạn không hỗ trợ, bạn cũng không cần quan tâm - Nếu Host của bạn hỗ trợ, bạn cần chú ý các thông số sau: FTP User: Tên tài khoản FTP - tài khoản dùng để quản lý các thư mục và file trên Host Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 39 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC FTP Password: Mật khẩu tương ứng. Auto Find Path: Tự động tìm đường dẫn tới nơi chứa Web của bạn FTP Host: Địa chỉ HOST chứa website Joomla, bạn có thể sử dụng địa chỉ IP của HOST FTP Port: Cổng của dịch vụ FTP, theo mặc định là 21 Nên dùng chính tài khoản mà bạn đã sử dụng để Upload bộ cài đặt Joomla lên HOST Bước 6: Thiết lập cấu hình site Joomla của bạn Site name: tên site của bạn. VD: Trường THPT Trường Chinh, Your Email: địa chỉ email của bạn VD: tomhdb@yahoo.com Admin Password: Mật khẩu để quản trị Joomla Các thông số trên sau này đều có thể thay đổi dễ dàng nên bạn không cần bận tâm lắm. Chỉ cần nhớ mật khẩu là đủ. Install Defaul Sample Data: Cài đặt dữ liệu mẫu. Bạn nên nhấn nút này để Joomla tạo mẫu cho bạn một trang web đơn giản. Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 40 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bước 7: Kết thúc Vì lý do an toàn và để hoàn tất quá trình cài đặt bạn cần xóa thư mục có tên "installation" - Lưu ý: tài khoản truy nhập hệ thống là: admin; mật khẩu: mật khẩu mà bạn đã gõ ở bước 6. - Để xem Website của bạn: Nhấn vào nút Site - Để quản trị Website: Nhấn vào nút Admin. Đường dẫn sẽ có dạng như sau: http://localhost/administrator/ (nếu cài trực tiếp trên máy của bạn). Khi website đã upload lên mạng rồi thì để vào phần quản trị phải địa chỉ: http://www.tên website/administrator. Bài 4: Cách tạo các chủ đề và chủ đề con Có thể xóa các Section, Category và các Content Item mẫu có sẵn trong Joomla! hoặc đổi tên để sử dụng lại. Tạo Section: Vào Control panel -> Section Manager để tạo các phần chính cho Web Site, có thể sửa lại các các Section có sẵn hoặc tạo thêm cái mới. Chọn New để tạo các Section SKKN, TIN TỨC, BÀI GIẢNG Tạo Category: Chọn Content -> Category Manager để tạo các mục phụ cho Web Site, có thể sửa lại các các Category có sẵn hoặc tạo thêm cái mới. Chọn New để tạo các Category SKKN-TIN HỌC, SKKN-HÓA HỌC trong phần (Section) SKKN, TIN TỨC, Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 41 [...]...PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 5: Cách tạo Main Menu(Danh mục chính) Menu Item là những mục Menu dùng để truy cập vào các chuyên mục của trang web Mỗi menu được hiển thị trên trang web thông qua Module của nó Joomla! cho phép tạo ra nhiều Menu và mỗi Menu có thể chứa nhiều Menu Item giống hoặc khác nhau Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 42 PHỤ LỤC:... để lưu lại tham số Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 47 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 6: Quản lí bài viết trong jomla Các bài viết(Content) trong joomla được tổ chức vào các Nhóm tin(Session hay Chủ đề) và các Chủ đề con(category) Việc bố trí và sắp xếp các bài viết vào các đơn vị trên phụ thuộc vào cấu trúc nội dung của từng website Chúng ta nên tổ... ta click vào nút chức năng New trong giao diện quản trị bài viết Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 52 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Các trường thông tin cơ bản: - Title(Tiêu đề): tiêu đề bài viết - Alias: tiêu đề bài viết(viết không dấu - phục vụ SEO) - Published(Đã được bật): không/có - Front Page(Trang chủ): có/không - Section(Chủ đề): Chủ đề(session,... Văn Tưởng 54 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC + Dimensions: kích thước ảnh + Vertical space: khoảng cách trên và dưới của hình ảnh so với đoạn văn + Horizontal space: Khoảng cách 2 bên trái và phải của hình ảnh so với đoạn văn bản - Chèn Link vào bài viết:  Click vào nút HTML ta sẽ nhận được một cửa sổ để gõ mã lệnh HTML Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng. .. tiêu đề của cửa sổ trình duyệt Nếu Bạn chọn No tại hàng Show Page Title thì tiêu đề bài viết sẽ chỉ hiển thị trên thanh tiêu đề của cửa sổ trình duyệt Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 46 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Sau khi thiết lập xong các thông số cần thiết, bạn có thể nhấn Save trên thanh công cụ để lưu và thoát khỏi trang cấu hình cho menu Liên... viết mở ra Article Layout: Liên kết menu với một bài viết cụ thể nào đó Category Blog Layout: liên kết bài viết theo dạng trích đoạn giới thiệu và hiển Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 43 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC thị mục Xem tiếp hoặc Read more để xem hết nội dung bài viết trong một Category nào đó Category List Layout: Liên kết menu tới danh sách... lý Session(nhóm tin - chủ đề) - Chúng ta đăng nhập vào phần quản trị-> vào Content / Quản lý nhóm tin (Session Manager) để vào trang quản trị Session Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 48 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC - Chúng ta sẽ nhìn thấy danh sách các Session có trước đó(nếu có) Chúng ta có thể tiến hành tạo mới, sửa, xóa, coppy, bật, tắt các session... cần tích chọn và chọn và các nút chức năng phía trên là được - Để thêm mới 1 session, bạn click vào nút New để chuyển sang giao diện thêm mới 1 session Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 49 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Nhập thông tin cho các trường thông tin + Title(Tiêu đề): tên session + Alias: tên không dấu của sesion + Published(Đã được bật): có/không... category - Chúng ta sẽ nhận được danh sách các category đã có trước đó(nếu có) Chúng ta có thể tiến hành tạo mới, sửa, xóa, coppy, bật, tắt các category Ở Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 50 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC đây xin hướng dẫn thao tác cơ bản nhất -Thêm mới - các thao tác khác tương tự hoặc đơn giản, chỉ cần tích chọn và chọn và các nút chức năng... thông tin khác giống như trên * Quản lý bài viết(content) - Đăng nhập vào phần quản trị chọn Content / Article Manager để vào trang quản trị bài viết: Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 51 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC - Chúng ta sẽ nhận được danh sách tất cả các bài viết đã có từ trước đó: Ở giao diện này chúng ta có thể tiến hành thêm mới, xóa, sửa, bật, . Install để cài đặt. Điền thông tin như sau: Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 32 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Nhấn Next, rồi nhấn Finish. Vào. màn hình hiện ra như sau là đã cài thành công. Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 33 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Lưu ý: Sau mỗi lần khởi động. tin wampmanager.exe Trường PT DTNT Tỉnh Kon Tum - GV: Nguyễn Văn Tưởng 34 Click đúp vào đây để khởi động Web Server PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 2: Cách