Thiết kế trang web với mã nguồn mở đào văn phương

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc MÔ TẢ SÁNG KIẾN Mã số: Tên sáng kiến: Thiết kế trang web với mã nguồn mở Lĩnh vực áp dụng: Công nghệ thông tin Mô tả chất sáng kiến 3.1 Tình trạng giải pháp biết Với Joomla người thiết kế web không cần phải có kiến thức sâu ngôn ngữ lập trình Web ASP, PHP, ASP.NET … Mà cần có kỹ thiết kế trang web mà thôi, mã nguồn có sẳn đóng vai trò thiết kế lại theo tiêu chí website giáo dục phù hợp với điều kiện đơn vị Với yêu cầu cần biết thiết kế bố cục trang web, nên với giáo viên tin học trường làm trang web Upload lên mạng giới thiệu với cộng đồng mạng trường Việc tự thiết kế giảm chi phí thuê lập trình web, mặt khác việc tự thiết kế giúp chọn lựa bố cục đề mục phù hợp với điều kiện thực tế trường Ưu điểm: - Mã nguồn mở nên miễn phí mua quyền - Sử dụng ngôn ngữ lập trình Web miễn phí PHP - Sử dụng hệ sở liệu miễn phí My SQL - Có nhiều người phát triển hợp thành cộng đồng rộng lớn Internet - Dễ dàng tiếp cận thiết kế, chỉnh sửa mã nguồn Khuyết điểm: Mẫu Website phát triển chung cho nhiều lĩnh vực nên dư thừa đoạn code ứng dụng vào lĩnh vực, cụ thể giáo dục có mục không dùng 3.2 Nội dung giải pháp đề nghị công nhận sáng kiến a Mục đích giải pháp - Trong khoảng thời gian từ năm gần trăn trở tìm hiểu, học hỏi để có Website vừa vừa đẹp, vừa tiện sử dụng phù hợp với điều kiện thực tế Ngành Sau nhiều lần tìm kiến mạng phát mã nguồn mở Joomla chuyên dùng để thiết kế trang web cộng đồng người dùng mạng phát triển Nên định sử dụng Joomla để làm trang web cho Ngành, xem trang web Phòng Giáo dục Đào tạo Mỏ Cày Nam với mã nguồn mở Joomla địa chỉ: www.mocaynam.edu.vn Joomla mã nguồn dễ sử dụng phát triển rộng rải, để làm chủ cần phải có thời gian công sức đầu tư cho Chứ nói bắt tay vào làm ngay, với tinh thần “không có không thể” tin giáo viên tin học chịu khó làm Website với mã nguồn mở Joomla - “Thiết kế trang web với mã nguồn mở” xác định mục tiêu sau nghiên cứu xong tự thiết kế Website cho trường học không phần chuyên nghiệp so với bỏ số tiền lớn để thuê công ty thiết kế web viết Phải tự làm trang web hoàn chỉnh localhost (máy nhà), sau Upload lên Hosting cấu hình cho website chạy bạn chặng đường vinh quang Sau phải phân quyền bảo mật cho website công việc đòi hỏi thời gian công sức nhiều b Chuẩn bị Chúng ta cần hoàn chỉnh nội dung giao diện Website localhost trước xuất trang Web internet Để cài đặt Joomla máy, chúng cần chuẩn bị số thứ sau: - Wamp chương trình tạo máy dịch vụ Web (Web Sever) máy cá nhân Địa Download sau: http://www.wampserver.com/en/ WampServer thường xuyên cập nhật phiên Apache, MySQL, PHP, PHPMyAdmin, Zend… đồng thời hỗ trợ từ Windows XP Windows 8.1, có 32 bit + 64 bit Đặc biệt có tính Switch online/offline giúp bạn public website bạn lên mạng internet để chia sẻ với người Các tính bật  Manage your Apache and MySQL services  Switch online/offline (give access to everyone or only localhost)  Install and switch Apache, MySQL and PHP releases  Manage your servers settings  Access your logs  Access your settings files  Create alias - Gói mã nguồn mở Joomla phiên thức địa chỉ: http://www.joomla.org/ http://www.joomla.org/download.html c Tạo sở liệu cho Website Sau download xong vào nơi lưu trữ để cài đặt, chạy tập tin WampServer2.1e-x32.exe làm theo hướng dẫn ta có máy cá nhân chạy Joomla - Database sở liệu tạo để sử dụng cho trang web động, chứa thông tin nội dung người sử dụng ứng dụng web tạo Các Web Site động truy xuất liệu Database để hiển thị lên trang web yêu cầu Đường dẫn tạo database http://localhost/phpmyadmin/ Lưu ý: Khi cài đặt WampServer2.1e-x32.exe chọn ỗ đĩa lưu Wamp Ở c:\Wamp - Tới việc chuyển bị cho máy chủ cá nhân xong, cần cài đặt Joomla bắt đầu chỉnh sửa thiết kế Website d Cài đặt Joomla 2.5.4 máy cá nhân - Để cài đặt Joomla vào nơi download tìm phiên joomla cần cài đặt Ở ta chọn phiên 2.5.4, copy vào thư mục joomla đĩa c:\Wamp\www giải nén Xong tiến hành cài đặt joomla Ví dụ: Giải nén với tên: mocaynam, địa cài đặt: http://localhost/mocaynam Các bước cài đặt Joomla Localhost - Bạn mở trình duyệt bất kì, truy cập địa chỉ: localhost/mocaynam Giao diện cài đặt joomla lên Bạn chọn Tiếp theo 2 – Bước kiểm tra trước cài đặt, Joomla tự động kiểm tra thành phần hỗ trợ webserver cho Joomla Chọn Tiếp theo – Bước Giấy phép GNU General Public để tham khảo thêm giấy phép hoạt động Joomla Tiếp theo 4 – Bước Cấu hình sở liệu Database Configuration, tham số sở liệu yêu cầu User MySQL administrator làm thứ hệ thống MySQL Các tham số nhập mẫu đây: Host Name: localhost User Name: root Password: để trống Database Name: Tên mà bạn tạo Localhost/Phpmyadmin - FTP Configuration (cấu hình FTP) FTP giao thức truyền file sử dụng để upload quản lí file Joomla! Tuy nhiên, chức không cần thiết Joomla! cài đặt máy tính nhân với XAMPP Nhưng Joomla cài đặt server từ nhà cung cấp, ta nhập vào liệu mà nhà cung cấp gửi cho phần cấu hình FTP Chọn Tiếp theo 6- Configuration (cấu hình) Tên trang: điền gì, ví dụ: Trường THCS Thi Trấn Địa hòm thư điện thử: điền địa hòm thư quản trị (email), ví dụ: thcsthitran@gmail.com Tên đăng nhập quản trị: đặt tên đăng nhập để truy cập trang quản trị joomla, thông thường website trình xây dựng, bạn để mặc định admin Mật quản trị: chọn mật để đăng nhập trang quản trị, với website trình xây dựng, nghĩ bạn nên đặt mật đơn giản Về sau sau hoàn tất website, bạn đổi lại mật phức tạp Xác nhận mật quản trị: xác nhận mật Ở phần liệu mẫu: Nếu bạn chưa biết Joomla bạn nên nhấn vào Cài đặt liệu mẫu Và Chọn Tiếp Theo 7- Completion (hoàn thành) Đây bước cài đặt cuối Click Remove installation folder để tiếp tục để kết thúc trình thực d Việt hóa Website - Sau cài đặt xong vào trình duyệt web gõ http://localhost/mocaynam trang web xuất hiệu với giao diện tiếng Anh Việc phải việt hóa cho trang web Có hai phần front-end (phần tiền sảnh) back-end (phần quản trị) tương ứng với hai tập tin: joomla-1.5_vi-VN_front-end.zip joomla-1.5_viVN_back-end.zip download mạng - Tiến hành việt hóa: Có hai cách việt hóa tự việt hóa sử dụng hai tập tin làm sẳn, ta tiến hành theo cách thứ hai - Đăng nhập trang quản trị, sau tới Extensions -> Language Manager - Click vào nút Installed Languages list ngôn ngữ đây: - Nhập vài kí tự vào ô Filter (ví dụ: vie) nhấn enter - Click hình để cài đặt chờ khoảng đến 10 giây để hoàn tất Đến bạn việc vào phần quản lý ngôn ngữ, đặt ngôn ngữ vừa cài đặt làm mặc định Mỗi có cập nhật Ngôn ngữ có thông báo trang quản trị, bạn việc nhấn nút update trình xãy hoàn toàn tự động - e Chỉnh sửa menu nội dung trang web - Trước tiến hành thiết kế Website cho trường cần hình dung xem thử trang web trường cần có mục gì, cần có menu gì, cần truyền tải nội dung gì? Chúng ta tham khảo số mẫu website sau trước tiến hành thiết kế Banner Logo Menu Top (Danh mục trên) Menu (Danh mục chính) Tin tức cập nhật Chúng ta quan sát trang chủ Joomla dễ nhận thấy rằng, module, component bố trí sau: Tùy vào điều kiện trường mà thiết kế giao diện danh mục cho phù hợp, trường học nên xin đề nghị mẫu dạng web cho giáo dục, danh mục dùng chung cho trường học (đây mang tính chất gợi ý) f Quản lý danh danh mục (Các viết) 2.5 Chuyên mục (Category) phần quản lý phân loại viết joomla! Kể từ phiên joomla! 1.6.x Joomla! cho phép tạo chuyên mục nhiều cấp không giới hạn, tính giúp cho việc sử dụng quản lý viết Joomla! thuận tiện dễ dàng Tạo danh mục Joomla! 2.5 (Các viết) Trong phần quản lý danh mục Joomla! nhấn vào nút Thêm công cụ (Toolbar) để tạo Các thông tin thiết lập quản lý thể loại Tiêu đề: Tiêu đề thể loại, hiển thị hay không tùy theo thiết lập bạn Alias: Đây tên khác chuyên mục, dùng để quản lý sử dụng SEO/SEF Thông thường bạn để trống mục này, Joomla! tự động nhập vào Lớp cha: Chọn cấp độ cho chuyên mục, chọn No parent có nghĩa chuyên mục Trạng thái: Chọn đăng hay không đăng chuyên mục này, chọn không đăng (Unbuplished) viết chuyên mục không hiển thị Truy cập: Chọn cấp độ cho phép truy cập Có lựa chọn sau: - Public: Tất người truy cập - Registered: Chỉ thành viên đăng ký đăng nhập truy cập - Special: Chỉ thành viên cấp cao truy cập Quyền: Thiết lập quyền hạn cho thành viên chuyên mục Ngôn ngữ: Lựa chọn ngôn ngữ, dùng có thiết lập chế độ đa ngôn ngữ, mặc định chọn Tất Mô tả: Phân mô tả, giới thiệu chuyên mục, để trống Sau thực xong bạn nhấn vào nút công cụ sau: Lưu: Lưu thông tin giữ nguyên hình Lưu & thoát: Lưu quay lại hình quản lý chuyên mục Lưu & thêm mới: lưu tạo chuyên mục với nội dung có Tạo menu: Menu Items Click mục Menu Items để danh sách Menu Item nhóm menu Rồi click nút Thêm để tạo Menu Item Nhập thông tin cho menu item Chọn loại Kiểu mục Menu Item Ví dụ: Categopy Blog g.Tạo viết Joomla! 2.5 Trong phần quản lý Joomla! (Administrator), bạn truy cập vào phần quản lý chuyên viết (Article Manager) sau nhấn vào nút Thêm công cụ (Toolbar) để tạo viết Các thông tin thiết lập viết Tiêu đề: Têu đề viết, hiển thị hay không tùy theo thiết lập bạn Alias: Đây tên khác viết, dùng để quản lý sử dụng SEO/SEF Thông thường bạn để trống mục này, Joomla! tự động nhập vào Thể loại: Chọn chuyên mục chứa viết Trạng thái: Chọn đăng hay không đăng viết này, chọn không đăng Quyền: Thiết lập quyền hạn cho thành viên viết Ngôn ngữ: Lựa chọn ngôn ngữ, dùng có thiết lập chế độ đa ngôn ngữ, mặc định chọn Tất Soạn thảo nội dung viết: Phần nhập nội dung viết Bài viết chứa văn thông thường, hình ảnh, phim, bạn chèn ngôn ngữ HTML muốn Sau thực xong bạn nhấn vào nút công cụ sau: Lưu: Lưu thông tin giữ nguyên hình Lưu & Thoát: Lưu quay lại hình quản lý chuyên mục Lưu & thêm mới: lưu tạo chuyên mục với nội dung có 3.3 Khả áp dụng giải pháp - Sáng kiến kinh ngiệm áp dụng toàn tỉnh - Sáng kiến kinh nghiệm triển khai với trường trực thuộc THCS đạt chuẩn quốc gia ngành giáo dục huyện Mỏ Cày Nam 3.4 Hiệu quả, lợi ích thu dự kiến thu áp dụng giải pháp : Qua năm năm triển khai sử dụng trang Website Phòng Giáo dục Đào tạo, văn đạo Ngành phát hành tải lên mạng Internet Các đơn vị trực thuộc nắm văn đạo Ngành, Ủy ban nhân dân huyện, Sở Giáo dục Đào tạo quan ban Ngành huyện kịp thời Đồng thời giảm thời gian kinh phí photocopy loại công văn 3.5 Tài liệu kèm theo gồm - Các viết Joomla diễn đàn http://joomla.net.vn/ - Các viêt Joomla diễn đàn http://www.jomlaviet.org Bến Tre, ngày 20 tháng năm 2015 ... với tinh thần “không có không thể” tin giáo viên tin học chịu khó làm Website với mã nguồn mở Joomla - Thiết kế trang web với mã nguồn mở xác định mục tiêu sau nghiên cứu xong tự thiết kế Website... Nên định sử dụng Joomla để làm trang web cho Ngành, xem trang web Phòng Giáo dục Đào tạo Mỏ Cày Nam với mã nguồn mở Joomla địa chỉ: www.mocaynam.edu.vn Joomla mã nguồn dễ sử dụng phát triển rộng... tục để kết thúc trình thực d Việt hóa Website - Sau cài đặt xong vào trình duyệt web gõ http://localhost/mocaynam trang web xuất hiệu với giao diện tiếng Anh Việc phải việt hóa cho trang web Có