Báo cáo lập trình web bằng CMS

Báo cáo Lập trình web CMS LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Contents I GIỚI THIỆU ĐỀ TÀI 1.1 Tên đề tài 1.2 Nội dung 1.3 Đối tượng phục vụ II CHUẨN BỊ DỰ ÁN 2.1 Lập kế hoạch dự án 2.2 Phân công công việc cho thành viên nhóm, điều phối cơng việc 2.3 Môi trường làm việc III KHẢO SÁT XÁC ĐỊNH MỤC TIÊU, PHÂN TÍCH HỆ THỐNG 3.1 Mục tiêu 3.2 Mục tiêu tổng quát 3.3 Khảo Sát Hiện Trạng Của Trang Web IV GIỚI THIỆU CÔNG CỤ VÀ CÔNG NGHỆ PHÁT TRIỂN WEB 4.1 Joomla – Mã nguồn mở 4.1.4 Phần mở rộng 4.2 Chương trình tạo máy chủ ảo XAMPP 12 V PHÂN TÍCH HỆ THỐNG 14 Yêu cầu chi tiết website 14 Đối với người truy cập website 14 Đối với người quản trị 14 Chức cụ thể: 14 Đầu ra: 15 Đầu vào 15 VI THIẾT KẾ CHI TIẾT 18 VII TỔNG KẾT VÀ ĐÁNH GIÁ 19 VIII TÀI LIỆU THAM KHẢO 20 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com I 1.1 GIỚI THIỆU ĐỀ TÀI Tên đề tài Xây dựng trang web cho phịng thí nghiệm CMS 1.2 Nội dung Trang web mang thơng tin phịng thí nghiệm tới với người đọc.Cập nhật thơng tin phịng thí nghiệm vể nghiên cứu,đào tạo thành viên kết thi mô học 1.3 Đối tượng phục vụ Tất người muốn tìm hiểu thơng tin phịng thí nghiệm II CHUẨN BỊ DỰ ÁN 2.1 Lập kế hoạch dự án Sau nhóm tiến hành thảo luận cuối thống xây dựng trang Web có tên lab để nhằm cập nhật tin tức hàng ngày cho người truy cập Web phòng LAB, đồng thời lập kế hoạch cho dự án sau: Khảo sát tình hình thực tế, tham khảo thơng tin từ trang có sẵn trường viết joomla Nhóm thống sử dụng cơng cụ thiết kế Web Joomla vesion 3.0, server ảo chạy phần mềm XAMPP Các công cụ miễn phí nên tìm kiếm download mạng Riêng gói cài đặt Joomla truy cập vào trang chủ Joomla joomla.org để download Vì cần phải tìm kiếm, download tài liệu Joomla, cài đặt Joomla 3.0, cài đặt server ảo XAMPP, gói cài đặt cơng cụ ứng dụng Joomla template (giao diện), plugin (công cụ bổ trợ), component (các LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com gói thành phần), Việt hóa để tiến hành xây dựng trang Web Các gói cơng cụ tìm kiếm download mạng, miễn phí trả phí dịch vụ Epay nạp tiền qua tin nhắn điện thoại! Công việc dự án sau thu thập đủ liệu cần thiết là: Cài đặt server ảo XAMPP để chạy localhost, tạo sở liệu cho trang Web, cài đặt Joomla, thiết kế giao diện, đăng viết, chạy thử, upload lên host, quản trị trang Web Các cơng việc tiến hành theo trình tự 2.2 Phân công công việc cho thành viên nhóm, điều phối cơng việc Thành viên Đinh Văn Nhâm Nguyễn Quang Sơn Lê Văn Nhạc Nguyễn Văn Sang Nhiệm vụ - Tìm kiếm tài liệu XAMPP,cài đặt XAMPP - Tìm kiếm tài liệu JOOMLA,cài đặ JOOMLA - Thiết kế giao diện,menu trang web - Tìm kiếm gói cơng cụ bổ trợ,cài đặt template - Thiết kế menu phụ - Tìm kiếm viết - Cài đặt CSDL - Cài đặt đa phương tiện - Ghi lại bước cài đặt - Thiết kế lập báo cáo LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 2.3 Môi trường làm việc Công cụ thiết kế trang Web Joomla, gói Joomla sử dụng gói Joomla version 1.5.23 có dung lượng 14.7 MB, server ảo sử dụng phần mềm XAMPP version 1.7.3 có dung lượng 51 MB dung lượng gói cài đặt 282 MB Vì phần mềm XAMPP có dung lượng lớn, địi hỏi cấu hình máy cao, nên cấu hình máy tối thiểu CPU Duo Core, RAM 1Gb, dung lượng ổ đĩa trống tổi thiểu Gb Đồng thời sử dụng hệ điều hành Windows Microsoft ( Windows XP, Windows 7) để chạy chương trình Bởi Hệ điều hành Windows hệ điều hành phổ biến, giao diện cửa sổ dễ sử dụng, lại dễ cài đặt khởi chạy nhiều chương trình phần mềm III KHẢO SÁT XÁC ĐỊNH MỤC TIÊU, PHÂN TÍCH HỆ THỐNG 3.1 Mục tiêu Xây dựng trang web    3.2 Cập nhật thông tin,tin tức hoạt động phịng thí nghiệm Đăng tải tài liệu môn học cho sinh viên Đăng tải kết thi Mục tiêu tổng quát Xây dựng trang web:    3.3 phân chia tin tức thành menu giúp người truy cập biết thông tin,tin tức danh mục Luôn cập nhật thông tin cách nhanh chóng Cho phép tìm kiếm thơng tin,bài viết trang web Khảo Sát Hiện Trạng Của Trang Web Một số trang web lớn sử dụng mã nguồn Joomla : IHOP (chuỗi nhà hàng) - http://www.ihop.com Đại học Harvard (Giáo dục) - http://gsas.harvard.edu LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Các Maven Green (Eco-nguồn lực) - http://www.greenmaven.com Website tổ chức,đơn vị lớn Bệnh Viên Bạch Mai(http://bachmai.gov.vn/ Trường Đại Học Ngoại Thương(http://www1.ftu.edu.vn/),Trường THPT Nguyễn Bỉnh Khiêm(http://nbk.edu.vn/) Vv Cũng phát triển mã nguồn Joomla IV GIỚI THIỆU CÔNG CỤ VÀ CÔNG NGHỆ PHÁT TRIỂN WEB 4.1 Joomla – Mã nguồn mở 4.1.1 Mã nguồn mở ? Mã nguồn mở thuật ngữ sản phẩm phần mềm công khai (source code) Người dùng khơng phải trả chi phí nào, họ có quyền xem , sửa đổi, cải tiến nâng cấp theo số nguyên tắc định giấy phép phần mềm mã nguồn mở General Public Licence –GPL 4.1.2 Giới thiệu CMS CMS (Content Management System) hệ thống dùng để tạo ra, thay đổi, lưu trữ, xóa thơng tin, tài ngun dựa hệ thống lưu trữ tổ chức tốt Ngoài cịn bao gồm cơng cụ giúp cho việc quản lý phiên phát hành thông tin, định dạng thơng tin cách nhanh chóng dễ dàng Thơng tin thơng tin có cấu trúc (được lưu CSDL) hoắc thông tin không cấu trúc file media, file văn Các tờ báo điện tử, shop bán hàng hay cổng thơng tin điện tử phủ CMS Có nhiều hệ thống CMS giới, số dạng phổ thơng đơn giản kể : Joomla, Nuke, Mambo Phức tạp Typo3, Ezpublish CMS xu hướng chung tất website ngày nay.CMS tương lai tích hợp vào hệ thống ERP doanh nghiệp Các liệu doanh nghiệp publish trực tiếp lên website mà không cần phải tốn nhiều công sức Ví dụ nhà máy vừa sản xuất sản phẩm , sản phẩm xuất LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com trang website thương mại điện tử nhà máy đó, thơng tin sản phẩm lấy từ liệu phóng kĩ thuật, giá lấy từ phịng kinh doanh, hình thức khuyến lấy từ phòng maketing 4.1.1 Joomla CMS Joomla hệ quản trị nội dung mã nguồn mở (Open Source Content Management Systems) Joomla viết ngôn ngữ PHP kết nối tới sở liệu My SQL, cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Intranet Joomla! có đặc tính là: boộ đệm trang (page caching) để tăng tốc độ hiển thị, lập mục, đọc tin RSS (RSS feeds), trang dùng để in, tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm site hỗ trợ đa ngôn ngữ Joomla! phát âm theo tiếng Swahili jumla nghĩa "đồng tâm hiệp lực" Joomla! sử dụng khắp nơi giới, từ Website cá nhân hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ ứng dụng Joomla! dễ dàng cài đặt, dễ dàng quản lý có độ tin cậy cao Joomla! có mã nguồn mở việc sử dụng Joomla! hồn tồn miễn phí cho tất người giới Joomla! "sản phẩm anh em" với Mambo tập đoàn Miro Úc (hãng nắm giữ Mambo), với phần đông người phát triển nịng cốt Ban đầu cơng ty Miro Úc (Miro Software Solutions) phát triển Mambo theo dạng ứng dụng mã nguồn đóng Đến tháng năm 2001, cơng ty thơng qua sách quyền kép, nghĩa phát hành Mambo theo giấy phép GPL 4.1.3 Tại lại chọn Joomla? Joomla! có mã nguồn mở việc sử dụng Joomla! hồn tồn miễn phí cho tất người giới Joomla hệ thống quản trị nội dung mã nguồn mở số giới Linh hoạt, đơn giản, nhãm tính tùy biến ca cự kì mạnh mẽ, Được sử dụng tồn giới từ trang web đơn giản trang web phức tạp Việc cài đặt Joomla đễ dàng, đơn giản việc quản lý đáng tin cậy Các phiên : LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hiện Joomla có dịng phiên  Joomla 1.0.x phiên phát hành  Joomla 1.5.x phiên tiếp sau  Joomla 2.5.x  Joomla 3.0.x phiên Trong báo cáo sử dụng phiên Joomla 3.0 Những điểm joomla 3.0  Tích hợp Twitter Bootstrap vào gói media package  Giao diện thân thiện người dùng, chạy thiết bị di động  Template phần site “front end” –Protostar  Cập nhật template Beez3  Cài đặt đơn giản với bước  Joomla 3.0 chạy PostgreSQL database  PHP Memcached Driver  Sử dụng JFeed cho hệ thống quản trị feed thay SimplePie  Cài đặt gói ngơn ngữ trực tiếp từ phần extension manager  Guest user group đặt mặc định  Cho phép lưu viết trống  Module thống kê dành cho quản trị viên  Cập nhật TinyMCE lên phiên version 3.5.6  Dọn dẹp, tối ưu code, file, bảng liệu (bản ghi) không sử dụng đến  Nâng cấp Smart Search (tìm kiếm thơng minh)  Nâng cấp tiêu chuẩn hóa code  Unit testing in the CMS (kiểm thử đơn vị cho mã nguồn lõi - nhằm đảm bảo chất lượng mã nguồn lõi)  Updated system tests in the CMS (cập nhật kiểm thử hệ thống cho mã nguồn đảm bảo chất lượng toàn hệ thống mã nguồn) LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com  Custom active menu item for menu module  Cho phép SEF plug-in thêm canonical url vào phần head 4.1.4 Phần mở rộng Sau cài đặt Joomla, ta có website với nhiều tính Tuy nhiên , muốn tùy biến bổ sung tính cho website bạn cài đặt thêm thành phần mở rộng (extension) như: Gói ngơn ngữ (Language package), giao diện (template), component, mô-đun (module), mambot/plugin Những thành phần mở rộng đánh dấu biêu tượng để dễ phân biệt Tuy nhiên chúng đơn vị độc lập gói gồm component, module, mabot/plugin hỗ trợ lẫn Các bước cài đặt thành phần mở rộng Bước 1: Download thành phần mở rộng  Truy cập vào website http://extensions.joomla.org/  Sử dụng cơng cụ tìm kiếm dựa theo danh mục liệt kê chức để tìm extension thỏa mãn yêu cầu bạn  Xác định thành phần mở rộng loại gì? Gói ngơn ngữ (language package), giao diện (teamplate), componet, mô-đun(module), mambot/plugin gói(gồm component, module mambot/plugin)  Đọc hướng dẫn cài đặt kèm theo  Download thành phần mở rộng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Bước 2: Cài đặt extension Để cài đặt thành phần mở rộng bạn có lựa chọn:  Cài đặt thông qua file nén(ZIP)  Cài đặt thông quan danh sách file upload lên server  Cài đặt từ địa URL Cài đặt thông qua file nén (ZIP)  Mở trang quản trị (VD: http://localhost/jommla/administrator/)  Chọn menu “Extension ”  Chọn mục “Install/Uninstall”  Trong ô “Upload Package File” nhấn nút “Browse ” chọn file chứa extension  Nhấn nút “Upload file and install ”  Chờ Joomla thông báo kết cài đặt LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Lưu ý: Thông thường thành phần mở rộng (extension ) đóng gói file nén (ZIP) có dạng sau: Trong file xml nằm thữ mục file chứa thơng số cho q trình cài đặt cấu hình Cài đặt thơng qua danh sách file Nên áp dụng cách server bạn không hỗ trợ việc giải nến file ZIP gói cài đặt bạn lớn  Giải nén extension mà bạn download  Upload file lên thư mục server mà Joomla truy cập  Mở trang quản trị (VD: http://localhost/jommla/administrator/)  Chọn menu “Extension ”  Chọn mục “Install/Uninstall”  Trong ô “Install from directory ” nhập vào đường dẫn mà bạn giải nén extension  Nhấn nút “install ” 10 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com  Chờ Joomla thông báo kết cài đặt  Cài đặt thông qua địa URL trỏ tới gói cài đặt  Cách thơng dụng Hướng dẫn install/uninstall • Bước Mở trang quản trị VD: http//localhost/administator/ • Bước Cài đặt Component, Module, Template, Language, Plugin • Mở menu "Extensions" > chọn "Install/Unistall" • Trong mục "Upload Package File", nhấn nút [Browser] chọn Component (thường đóng gói file Zip) • Nhấn nút [Upload File & Install] để cài đặt • Joomla thơng báo kết cài đặt • Sao chọn ngơn ngữ hiển thị website tiếng Việt Hướng dẫn thay đổi template, language Joomla • Bước Mở trang quản trị VD: http//localhost/administator/ • Bước Vào phần cài Template, Language Manager 11 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com • Bạn thấy tất Template bạn có, bạn check vào Template bạn muốn đổi chọn Default (Mặc định) • Mở website để xem kết 4.2 Chương trình tạo máy chủ ảo XAMPP XAMPP phần mềm ứng dụng phát triển Apache friends, chương trình tạo máy chủ Web (Web servser) tích hợp sẵn Apache, PHP, My SQL, FTP Server, Mail Servervà công cụ phpMyadmin Không Appserv, Xampp có chương trình quản lý tiện lợi, cho phép chủ động bật tắt khởi động lại dịch vụ máy chủ lúc Chương trình phát hành theo điều khoản GNU General Public (Giấy phép công cộng GNU) License hoạt động máy chủ web miễn phí có khả phục vụ trang động XAMPP có sẵn cho Microsoft Windows, Linus, Solaris , Mac OS X , sử dụng chủ yếu cho dự án phát triển web Phần mềm hữu ích bạn 12 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com tạo trang web động cách sử dụng ngơn ngữ lập trình PHP, JSP, Servlets, cơng cụ thiết kế Web Joomla XAMPP địi hỏi có tập tin zip , rar , 7z , exe tải chạy XAMPP cập nhật thường xuyên để kết hợp phiên Apache / My SQL / PHP Perl Nó kèm với số module khác bao gồm OpenSSL phpMyadmin Cài đặt XAMPP tốn thời gian so với việc cài đặt thành phần cách riêng biệt Khép kín, nhiều trường hợp XAMPP tồn máy tính nhất, trường hợp chép từ máy sang máy khác Nó cung cấp hai phiên đầy đủ tiêu chuẩn, phiên nhỏ XAMPP bao gồm: 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 MySQL: hệ quản trị CSDL mã nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh.Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet MySQL miễn phí hồn tồn bạn tải MySQL từ trang chủ Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS MySQL ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho việc bổ trợ PHP, Perl nhiều ngôn ngữ khác, làm nơi lưu trữ thơng tin trang web viết PHP hay Perl, PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với Web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm 13 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc, công ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp Perl: (viết tắt Practical Extraction and Report Language - ngôn ngữ kết xuất báo cáo thực dụng) Larry Wall xây dựng từ năm 1987, với mục đích tạo ngơn ngữ lập trình có khả chắt lọc lượng lớn liệu cho phép xử lí liệu nhằm thu kết cần tìm Perl ngơn ngữ thông dụng lĩnh vực quản trị hệ thống xử lí trang Web có ưu điểm sau:  Có thao tác quản lí tập tin, xử lí thơng tin thuận tiện  Thao tác với chuỗi kí tự tốt  Đã có thư viện mã lệnh lớn cộng đồng sử dụng Perl đóng góp (CPAN) Cú pháp lệnh Perl giống với C, từ kí hiệu đến tên hàm, đó, nhiều người (đã có kinh nghiệm với C) thấy Perl dễ học Perl linh hoạt cho phép người sử dụng giải với vấn đề đặt theo nhiều cách khác V PHÂN TÍCH HỆ THỐNG 5.1 Yêu cầu chi tiết website     5.2 Hiển thị danh mục tin tức menu Hiển thị chi tiết viết mục Hiển thị kết việc tìm kiếm,đăng kí,đăng nhập Cập nhật thơng tin,sự kiện Đối với người truy cập website   5.3 Cho phép xem tin tức tìm kiếm thồng tin Cho phép download tệp tin Đối với người quản trị Cập nhật thơng tin liên quan,sửa xóa đăng 5.4 Chức cụ thể: Mô tả chức 14 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Danh sách chức yêu cầu Website Đầu ra: Hiển thị thơng tin,tin tức phịng thí nghiệm Hiển thị thơng tin tìm kiếm Đầu vào Cập nhật thơng tin,bài viết (them mới,chỉnh sửa,xóa bỏ) Guest => Đăng kí => User => Đăng Nhập => Điểm danh => làm thi => kết => CSDL => Web Phân tích Sơ đồ tổng quát chung Phần mềm tạo xử lý ảnh 3D web Sinh viên Phần mềm hỗ trợ thi chấm điểm trắc nghiệm Chức Admin quản lý CSDL web : Cập nhập thông tin sinh viên, cập nhập kết điểm danh từ Phần mềm tạo xử lý ảnh 3D, cập nhập kết điểm thi trắc nghiệm Sinh viên: Đăng nhập, search mssv, xem kết 15 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 16 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 17 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com VI THIẾT KẾ CHI TIẾT Giao diện trang chủ Giao diện quản trị viên: 18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Giao diện thêm viết VII TỔNG KẾT VÀ ĐÁNH GIÁ Ưu điểm  Chương trình có nhiều giao diện, thiết kế thuận tiện cho người sử dụng  Có nhiều chức phù hợp với thực tế việc tìm kiếm thơng tin, trao đổi thông tin  Dễ dàng sử dụng quản lý  Đề tài có tính thực tiễn cao Khuyết điểm  Website có tính chun nghiệp chưa cao  Chưa thể giải việc nảy sinh trình quản lý  Chương trình có tính thẩm mỹ chưa cao  Phụ thuộc nhiều vào yếu tố ngoại lệ đường truyền Internet, cở sở hạ tầng 19 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com VIII TÀI LIỆU THAM KHẢO http://vi.wikipedia.org http://www.youtube.com http://tailieu.vn http://joomlaviet.vn 20 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... chọn Default (Mặc định) • Mở website để xem kết 4.2 Chương trình tạo máy chủ ảo XAMPP XAMPP phần mềm ứng dụng phát triển Apache friends, chương trình tạo máy chủ Web (Web servser) tích hợp sẵn Apache,... diện,menu trang web - Tìm kiếm gói cơng cụ bổ trợ,cài đặt template - Thiết kế menu phụ - Tìm kiếm viết - Cài đặt CSDL - Cài đặt đa phương tiện - Ghi lại bước cài đặt - Thiết kế lập báo cáo LUAN VAN... văn Các tờ báo điện tử, shop bán hàng hay cổng thông tin điện tử phủ CMS Có nhiều hệ thống CMS giới, số dạng phổ thông đơn giản kể : Joomla, Nuke, Mambo Phức tạp Typo3, Ezpublish CMS xu hướng