Xây dựng website trường thpt nguyễn thị minh khai bằng joomla

Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Tr-ờng đại học vinh KHOA CễNG NGH THễNG TIN  ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE TRƯỜNG THPT NGUYỄN THỊ MINH KHAI BẰNG JOOMLA Giáo viên hƣớng dẫn : TS Phan Lê Na Sinh viên thực : Lớp Nguyễn Thị Lý : 47E- CNTT Vinh, 2011 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla LỜI MỞ ĐẦU Công nghệ thông tin ngành mũi nhọn đất nước Hàng năm xu phát triển ngành công nghệ thông tin nhằm đáp ứng số lượng lớn yêu cầu xã hội nhiều mặt như: kinh tế, văn hóa, xã hội Do đó, việc ứng dụng rộng rãi ngành công nghệ thông tin xã hội điều tất yếu Từ Internet đời, kéo theo bùng nổ loạt dịch vụ Internet khiến sống người trở nên thú vị hơn, khoảng cách địa lý khơng cịn vấn đề gây khó khăn Những lợi ích mà Internet mang lại lớn Trong Website dịch vụ phổ biến Internet Trước tình hình đó, việc xây dựng Website giới thiệu Trường THPT giải pháp tối ưu đem lại nhiều lợi ích cho nhà trường giáo viên, phụ huynh học sinh Đó lí để em chọn thực đề tài " Xây dựng Website trường THPT Minh Khai Joomla " Đề tài phần mở đầu, kết luận tài liệu tham khảo bao gồm có chương: Chương 1: Tổng quan phần mềm nguồn mở giới thiệu cài đặt Joomla Chương 2: Thiết kế thành phần cho website trường THPT Nguyễn Thị Minh Khai Chương 3: Giới thiệu cách tạo MODULE số giao diện website trường THPT Nguyễn Thị Minh Khai Em xin gửi lời cảm ơn chân thành đến cô giáo TS Phan Lê Na nhiệt tình hướng dẫn em hồn thành đề tài Mặc dù thân em nổ lực để hồn thiện Website khơng thể tránh khỏi thiếu sót Rất mong nhận giúp đỡ góp ý chân thành từ phía thầy, tồn thể bạn Vinh, tháng 05 năm 2011 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla MỤC LỤC LỜI MỞ ĐẦU MỤC LỤC CHƢƠNG I: TỔNG QUAN VỀ PHẦN MỀM NGUỒN MỞ VÀ GIỚI THIỆU CÀI ĐẶT JOOMLA 1.1 Giới thiệu phần mềm mã nguồn mở 1.2 Hệ phần mềm Apache, PHP & MySQL 1.2.1 Apache 1.2.2 PHP (Personnal Home Page) 1.2.3 MySQL 1.3 Giới thiệu cài đặt Appsever 1.3.1 Giới thiệu chung Appsever 1.3.2 Cài đặt Appsever để tạo localhost 1.4 Cài đặt Joomla localhost 11 1.5 Dùng quyền quản trị để quản lý thành viên xây dựng 15 CHƢƠNG II: THIẾT KẾ CÁC THÀNH PHẦN CHÍNH CHO WEBSITE TRƢỜNG THPT NGUYỄN THỊ MINH KHAI 17 2.1 Cài đặt templace 17 2.2 Phân loại quản lý giao diện 18 2.2.1 Tạo mục dùng để phân loại danh mục 18 2.2.2 Tạo thể loại 18 2.3 Tạo menu cho website 19 2.3.1 Tạo trình đơn 19 2.3.2 Hiển thi menu lên website 20 2.4 Tạo viết 20 2.5 Tạo viết để đăng nhập downloat downloat máy 21 2.6 Thay tên cho website 25 2.7 Đổi baner cho website 25 CHƢƠNG III: GIỚI THIỆU CÁCH TẠO CÁC MODULE VÀ MỘT SỐ GIAO DIỆN CỦA WEBSITE TRƢỜNG THPT NGUYỄN THỊ MINH KHAI 27 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla 3.1 Giới thiệu Module 27 3.2 Cài đặt Module 27 3.2.1 Module: Login 27 3.2.2 Module: Footer 28 3.2.3 Module: Calendar (Lịch) 29 3.2.4 Module: Hỗ trợ trực tuyến 31 3.2.5 Module: Album ảnh 32 3.2.6 Module: Tin cập nhật 34 3.2.7 Module: Tìm kiếm 35 3.2.8 Module: Thống kê 36 3.2.9 Module: Nội dung đọc nhiều 37 3.2.10 Module: Thăm dò ý kiến 39 3.3 Một số giao diện website trường THPT 40 3.3.1 Giao diện trang chủ 40 3.3.2 Giao diện Module đăng ký 41 3.3.3 Giao diện trang tìm kiếm 41 3.3.4 Giao diện trang quản trị 42 3.3.5 Giao diện trang quản lý người dùng 42 3.3.6 Giao diện thiết lập ngôn ngữ 42 KẾT LUẬN 43 TÀI LIỆU THAM KHẢO 44 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla CHƢƠNG I TỔNG QUAN VỀ PHẦN MỀM NGUỒN MỞ VÀ GIỚI THIỆU CÀI ĐẶT JOOMLA 1.1 Giới thiệu phần mềm mã nguồn mở Phần mềm nguồn mở (OSS - Open Source Sofware) có lịch sử phát triển qua hàng chục năm Lợi ích phần mềm nguồn mở thấy rõ qua hình thành cộng đồng nguồn mở với sản phẩm có giá trị cao thực tế giá trị đào tạo + Sự đời phát triển phần mềm nguồn mở: Hơn thập kỉ trước, máy tính lần vươn tới mã nguồn trường đại học truyền miễn phí, nhà lập trình cho rằng, trả tiền cho lập chương trình khơng phải thân chương trình Sự việc thay đổi máy tính tiến đến giới thương mại công ty bắt đầu phát triển, cấp phép cho phần mềm dựa tảng thương mại, hạn chế truy cập mã nguồn + Phần mềm nguồn mở, hệ điều hành: - Các hệ điều hành nguồn mở dòng Linux: Red Hat, OpenLinux, Debian, ManDrake, SuSE, TurboLinux, Nirvana, Slackware - Các hệ nguồn mở dòng BSD: FreeBSD, NetBSD, OpenBSD + Phần mềm nguồn mở, hệ quản trị CSDL: Hiện phần lớn DBMS nguồn đóng (Oracle, Informix, Sybase, DB2 v.v) có phiên chạy Linux Unix + Phần mềm nguồn mở, phần mềm cá nhân: - Văn phòng: MS Office, Sun StartOffice, OpenOffice - Trình duyệt Web: MSIE, Netscape Navigator, Mozila, Opera + Phần mềm nguồn mở, phần mềm server: - Web: Apache (61,4 %), MS IIS (28,5%), Sun Iplanet (2%) - Thư điện tử: Cyus IMAP, Sendmail, Quicmail, Fetchmail - Xác thực: Cistron Radius - Cấp địa động: ISC DHCP - Dịch vụ tên miền: ISC Bind + Phần mềm nguồn mở, cơng cụ lập trình: Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla - Trình dịch: Borland Kylix (C++), GNU C++, Sun JDK (Java), PHP -Windows: Microsoft Vsual Studio.Net 1.2 Hệ phần mềm mở Apache, PHP & MySQL 1.2.1 Apache Apache chương trình máy chủ HTTP chương trình dành cho máy chủ đối thoại qua giao thức HTTP Apache chạy hệ điều hành tương tự Unix, Microsoft Windows, Novell Netware hệ điều hành khác Apache đóng vai trị quan trọng q trình phát triển mạng web giới Khi phát hành lần đầu, Apache chương trình máy chủ mã nguồn mở có khả cạnh tranh với chương trình máy chủ tương tự Netscape Communication Corporation Từ đó, Apache không ngừng tiến triển trở thành phần mềm có tính cạnh tranh mạnh so với chương trình máy chủ khác mặt hiệu suất tính phong phú Từ tháng 04/1996, Apache trở thành chương trình máy chủ HTTP thơng dụng Hơn nữa, Apache thường dùng để so sánh với phần mềm khác có chức tương tự Tính đến tháng 01/2007 Apache chiếm đến 60% thị trường chương trình phân phối trang web Apache kiểu mẫu webserver phổ biến Giống Linux, PHP, MySQL dự án nguồn mở Đây nguồn mở nên có khả viết chương trình mở rộng tính Apache PHP hoạt động với tư cách phần mở rộng Apache, module Apache Apache có tính ổn định tốc độ cao Tuy nhiên Apache không hỗ trợ công cụ đồ họa trực quan Apache làm việc tốt Unix, có phiên chạy tốt hệ Windows 1.2.2 PHP (Personal Home Page) PHP phát triển từ sản phẩm có tên PHP/FI Rasmus Lerdorf tạo năm 1995, ban đầu xem tập đơn giản mã kịch Perl để theo dõi tình hình truy cập đến sơ yếu lý lịch ơng mạng Ơng đặt tên cho mã kịch 'Personal Home Page Tools' Khi cần đến chức rộng hơn, ông viết thực thi C lớn để truy vấn đến sở liệu giúp cho người sử dụng phát triển ứng dụng web đơn giản Ơng định cơng bố mã nguồn Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla PHP/FI cho người xem, sử dụng sửa lỗi có đồng thời cải tiến mã nguồn PHP/FI, viết tắt từ: Personal Home Page/Forms Interpreter", bao gồm số chức cho PHP ta biết đến chúng ngày Nó có biến kiểu Perl, tông dịch tự động biến form cú pháp HTML nhúng 1.2.3 MySQL Cơ sở liệu MySQL trở thành sở liệu mã nguồn mở phổ biến giới tốc độ xử lý nhanh, ổn định dễ sử dụng Nó sử dụng nơi nhiều tổ chức lớn giới để tiết kiệm thời gian kinh phí cho website có dung lượng lớn, phần mềm đóng gói như: Yahoo, Google, Nokia.MySQL khơng sở liệu mã nguồn mở phổ biến giới mà sở liệu chọn cho hệ a) Tính linh hoạt Máy chủ sở liệu MySQL cung cấp đặc tính linh hoạt, có sức chứa để xử lý ứng dụng nhúng sâu với dung lượng 1MB để chạy kho liệu lên đến hàng terabytes thông tin Sự linh hoạt flatform đặc tính lớn MySQL với tất phiên linux, Unix Windows hỗ trợ b) Tính thực thi cao Kiến trúc storage-engine cho phép chuyên gia sở liệu cấu hình máy chủ sở liệu MySQL đặc trưng cho ứng dụng đặc thù Dù ứng dụng hệ thống xử lý giao dịch tốc độ cao hay website dung lượng lớn phục vụ hàng triệu ưu cầu ngày, MySQL đáp ứng khả xử lý hệ thống c) Hỗ trợ giao dịch mạnh MySQL đưa số engine giao dịch sở liệu mạnh Các đặc trưng bao gồm hỗ trợ giao dịch ACID hoàn thiện, khóa mức dịng khơng hạn chế, khả giao dịch phân loại, hỗ trợ giao dịch đa dạng mà người đọc không gây trở ngại cho người viết ngược lại Tính trọn vẹn liệu phải bảo đảm suốt trình server có hiệu lực, mức giao dịch độc lập chun mơn hóa Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla d) Lƣu trữ Web Data MySQL nơi cho website trao đổi thường xun có engine xử lý tốc độ cao, khả chèn liệu nhanh, hỗ trợ mạnh cho chức chuyên dụng web tìm kiếm văn nhanh Những tính áp dụng cho môi trường lưu trữ liệu mà MySQL tăng cường đến hàng terabyte cho server đơn e) Chế độ bảo mật liệu cao Vì bảo mật liệu cho công ty công việc quan trọng chuyên gia sở liệu, MySQL đưa tính bảo mật tuyệt đối Trong việc xác nhận truy cập sở liệu, MySQL cung cấp kỹ thuật mà có người sử dụng xác nhận truy nhập vào server sở liệu 1.3 Giới thiệu cài đặt Appsever 1.3.1 Giới thiệu chung Appsever Để xây dựng website Joomla! localhost, cần phải có server ảo máy tính Appsever software (phần mềm) công cụ giả lập sever, hosting PC Ngoài Appsever cịn nhiều trình giả lập khác như: EasyPHP, Xampp, Wamp, VertrigoServ Appsever tích hợp sẵn tính Apache, MySQL, PHP phpMyadmin Appsever chương trình hồn tồn miễn phí, dễ sử dụng, phù hợp với máy cấu hình trung bình, tương thích cao đầy đủ chức để chạy PHP Tải chương trình trang: www.appservnetwork.com 1.3.2 Cài đặt Appsever để tạo localhost a Các bƣớc cài đặt c 1: Chạy tập tin chương trình: appserv-win32-2.5.10 setup c 2: Xuất giao diện chương trình Nhấn Next Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla c 3: Xuất License (giấy phép sử dụng), chọn I Agree Nhấn Next c 4: Chọn đường dẫn cài đặt (mặc định C: AppSev) Nhấn Next c 5: Chọn Components, Ở Appsever tổ hợp cài đặt Apache, MySQL, PhpMyadmin Nhấn Next Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla c 6: Điền thông tin sever SeverName : localhost Email: thienly163@gmail.com (Email quản trị viên) Apache HTTP Port: 80 Nhấn Next c 7: Tên mật MySQL Name: Root (mức ưu tiên cao nhất) Nhập password confirm password Nhấn Next 10 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Chọn phần mở rộng/quản lý modun Để bật lên Chọn new Tiêu đề: Lịch Vitrí: Right Chọn Áp dụng Lƣu Kết thu được: 31 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla 3.2.4 Module: Hỗ trợ trực tuyến cho website + Chọn Phần mở rộng/cài đặt tháo gỡ Chọn đến file chứa tập tin mod_ym tải lên Chọn phần mở rộng/quản lý modun Để bật lên 32 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Chọn New Tiêu đề: Hỗ trợ trực tuyến Vitrí: left Chọn ápdụng Lƣu Kết thu được: 3.2.5 Module: Album ảnh cho website + Chọn Phần mở rộng/cài đặt tháo gỡ Chọn đến file chứa tập tin mod_slideshow tải lên 33 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Chọn phần mở rộng/quản lý modun Để xuất Chọn: Dấu tích (album anh)/Hiệu chỉnh Tiêu đề: Album ảnh vị trí: right Sắp xếp: 2_lịch Chọn áp dụng Lƣu Kết thu 34 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla 3.2.6 Module: Tin cập nhật cho website + Chọn Phần mở rộng/cài đặt tháo gỡ Chọn đến file chứa tập tin: mod_janews tải lên Chọn phần mở rộng/quản lý modun Để xuất Chọn: Dấu tích (Tin cập nhật)/Hiệu chỉnh 35 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Tiêu đề: Tin cập nhật Chọn Áp dụng lƣu Kết thu 3.2.7 Module: Tìm kiếm cho website + Chọn phần mở rộng/quản lý modun Để xuất Chọn: Dấu tích (Tìm kiếm)/Hiệu chỉnh Tiêu đề: Tìm kiếm Vịt trí: left Sắp xếp: 5_Tìm kiếm 36 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Chọn ápdụng Lƣu Kết thu 3.2.8 Module: Thống kê cho website + Chọn Phần mở rộng/cài đặt tháo gỡ Chọn đến file chứa tập tin mod_vviist_counter tải lên Chọn phần mở rộng/quản lý modun Để xuất Chọn: Dấu tích (Tin cập nhật)/Hiệu chỉnh 37 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Tiêu đề: Thống kê; Vị trí: left; Sắp xếp: 4:: Hỗ trợ trực tuyến 1; Today: Hôm nay; This month: Tháng ; All day: Tất Chọn Áp dụng Lƣu Kết thu được: 3.2.9 Module: Nội dung đƣợc đọc nhiều cho website + Chọn phần mở rộng/quản lý modun/Mới 38 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Kết thu được: chọn Tiếp Kết thu được: 39 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Kết thu được: 3.2.10 Module: Thăm dò ý kiến cho website + Chọn Components/thăm dò/Mới Thu được: 40 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Kết thu được: 3.3 Một số giao diện website trƣờng THPT Nguyễn Thị Minh Khai 3.3.1 Giao diện trang chủ Tại người dùng có thể: Đọc viết trong: Danh mục chính; đọc tin mới; đăng nhập để quản lý viết (nếu chưa có tài khoản đăng ký); xem: Album ảnh, Lịch, Thống kê, Tin đọc nhiều nhất, Tin cập nhật, Hỗ trợ trực tuyến, kết tìm kiếm, Thăm dị ý kiến 41 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla 3.3.2 Giao diện MODULE đăng ký Tại người dùng phải điền vào: Tên: tên người dùng, Tên thành viên: tên để sử dụng, Email: mail sử dụng, Mật khẩu: password để sử dụng 3.3.3 Giao diện trang tìm kiếm Tại người dùng có thể: Tìm theo từ khóa: đánh tên cần tìm ->TÌM KIẾM 42 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla 3.3.4 Giao diện trang quản trị Tại người dùng có thể: Sử dụng tên Username Password đặt để đăng nhập, chọn Language: chọn Tiếng Việt sau việt hóa 3.3.5 Giao diện trang quản lý ngƣời dùng Tại người dùng có thể: Tên đăng nhập password đăng ký để vào website 3.3.6 Giao diện thiết lập ngơn ngữ Tại người dùng có thể:Chọn ngơn ngữ: English Viet Nam -> Chọn Mặc định 43 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla KẾT LUẬN Hiện Joomla chương trình hồn tồn miễn phí có xu hướng phát triển tương lai, hệ thống quản trị nội dung mã nguồn mở người dùng ưa chuộng tính cạnh tranh hồn thiện cao Đề tài với mục đích xây dựng website joomla! việc thiết kế website trường THPT theo yêu cầu người dùng cần thiết * Đề tài thu đƣợc số kết quả: - Giới thiệu tổng quan phần mềm mã nguồn mở - Tìm hiểu cài đặt Appsever Joomla - Thiết kế thành phần cho website trường THPT Nguyễn Thị Minh Khai - Việt hoá form liệu, tạo thuận lợi cho người sử dụng - Giới thiệu cách tạo Module số giao diện website trường THPT Nguyễn Thị Minh Khai gồm: giao diện trang chủ, giao diện Module đăng ký, giao diện trang tìm kiếm, giao diện trang quản trị, giao diện trang quản lý người dùng, giao diện thiết lập ngơn ngữ - Hồn thành nội dung yêu cầu đề tài đề ra, tạo trang Website trường THPT Nguyễn Thị Minh Khai đưa vào sử dụng * Hƣớng phát triển đề tài: - Xử lý lỗi chặt chẽ trước đưa vào sử dụng - Tiếp tục phát triển website trường THPT, tạo soạn thảo đại, quản lý chỉnh sửa thư mục host, phát triển site (sơ đồ) đa ngôn ngữ Một lần em xin chân thành cảm ơn cô giáo T.S Phan Lê Na tận tình giúp đỡ để em hoàn thành đề tài này! Em xin gửi lời cảm ơn đến thầy cô giáo khoa Công nghệ Thông tin trường Đại học Vinh tất bạn động viên giúp đỡ em trình hồn thành đề tài Em xin chân thành cảm ơn ! 44 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla TÀI LIỆU THAM KHẢO [1] Nguyễn Thiên Bằng, Xây dựng ứng dụng Web PHP & MySQL, NXB Lao động - xã hơi, 2004 [2] Hồng Hải, Giáo trình tự học thiết kế Web động, NXB Lao động - xã hội, 2007 [3] http://www.joomla.org: Website thức Joomla [4] http://demo.joomla.org: Website trình diễn tính Joomla phiên phát hành m i 45 ... cho website + Chọn phần mở rộng/quản lý modun/Mới 38 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla Kết thu được: chọn Tiếp Kết thu được: 39 Xây dựng Website trường THPT Nguyễn Thị Minh. .. thành viên nhóm làm việc website: 17 Xây dựng Website trường THPT Nguyễn Thị Minh Khai Joomla CHƢƠNG II THIẾT KẾ CÁC THÀNH PHẦN CHÍNH CHO WEBSITE TRƢỜNG THPT NGUYỄN THỊ MINH KHAI 2.1 Cài đặt Templace... Website trường THPT Nguyễn Thị Minh Khai Joomla Kết hiển thị sau: đó: Bấm OK để downloat máy 2.6 Thay tên cho website: Chọn Trang web/cấu hình chung Tên site: Website trường THPT Nguyễn Thị Minh Khai