Nghiên cứu và xây dựng website tin tức bằng joomla

Nghiên cứu và xây dựng website tin tức bằng joomla

www.athena.edu.vn BÁO CÁO THỰC TẬP ĐỀ TÀI: NGHIÊN CỨU VÀ XÂY DỰNG WEBSITE TIN TỨC BẰNG JOOMLA GVHD : THẦY VÕ ĐỖ THẮNG MSSV : 51004201 TRƯỜNG : ĐẠI HỌC BÁCH KHOA TP.HCM TP.HCM, ngày 20 tháng 12 năm 2013 LỜI CẢM ƠN Thực tập giai đoạn quan trọng cho sinh viên hiểu biết thêm thực tế, gắn kết thực tế với lý thuyết chuyên ngành, tiền đề cho việc thực Luận văn Tốt nghiệp Thực tập Doanh nghiệp, công ty giúp sinh viên ngày hoàn thiện kiến thức chuyên môn kinh nghiệm sống Qua đó, phần giúp sinh viên tự tin hơn, lĩnh Nhờ lòng nhiệt tình tâm huyết ban lãnh đạo nhân viên trung tâm ATHENA truyền đạt kiến thức kinh nghiệm quý báu giúp em có tảng cho nghề nghiệp tương lai Đặc biệt em xin chân thành cám ơn thầy Võ Đỗ Thắng hết lòng giúp đỡ hướng dẫn em suốt thời gian thực tập trung tâm để em hoàn thành báo cáo Em hy vọng với hành trang kiến thức sau năm học tập trường kinh nghiệm thực tiễn thực tập trung tâm ATHENA em tự tin để hoạt động lĩnh vực chuyên môn Công nghệ thông tin Sinh viên thực tập MỤC LỤC I II GIỚI THIỆU TRUNG TÂM ATHENA ……………… NỘI DUNG THỰC TẬP A Giới thiệu Joomla XAMPP……………………… B Giới thiệu website Joomla yêu cầu đề tài………….4 C Cách tiến hành xây dựng website …………………….5 D Nhận xét …………………………………………… 75 E Tài liệu tham khảo ……………………………………76 I GIỚI THIỆU TRUNG TÂM ATHENA Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA thành lập từ năm 2004, tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy động, nhiệt huyết kinh nghiệm lãnh vực CNTT, với tâm huyết góp phần vào công thúc đẩy tiến trình đưa công nghệ thông tin ngành kinh tế mũi nhọn, góp phần phát triển nước nhà Lĩnh vực hoạt động chính: + Trung tâm ATHENA tập trung chủ yếu vào đào tạo chuyên sâu quản trị mạng, an ninh mạng, thương mại điện tử theo tiêu chuẩn quốc tế hãng tiếng Microsoft, Cisco, Oracle, Linux LPI , CEH, Song song đó, trung tâm ATHENA có chương trình đào tạo cao cấp dành riêng theo đơn đặt hàng đơn vị Bộ Quốc Phòng, Bộ Công An , ngân hàng, doanh nghiệp, quan phủ, tổ chức tài + Sau gần 10 năm hoạt động nhiều học viên tốt nghiệp trung tâm ATHENA chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho nhiều ngành cục Công Nghệ Thông Tin – Bộ Quốc Phòng, Bộ Công An, Sở Thông Tin Truyền Thông tỉnh, bưu điện tỉnh + Ngoài chương trình đào tạo, Trung tâm ATHENA có nhiều chương trình hợp tác trao đổi công nghệ với nhiều đại học lớn đại học Bách Khoa Thành Phố Hồ CHính Minh, Học Viện An Ninh Nhân Dân( Thủ Đức), Học Viện Bưu Chính Viễn Thông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự , Đội ngũ giảng viên : + Tất giảng viên trung tâm ATHENA có tốt nghiệp từ trường đại học hàng đầu nước Tất giảng viên ATHENA phải có chứng quốc tế MCSA, MCSE, CCNA, CCNP, Security+, CEH,có sư phạm Quốc tế (Microsoft Certified Trainer).Đây chứng chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy trung tâm ATHENA + Bên cạnh đó,Các giảng viên ATHENA thường tu nghiệp cập nhật kiến thức công nghệ từ nước tiên tiến Mỹ , Pháp, Hà Lan, Singapore, truyền đạt công nghệ chương trình đào tạo trung tâm ATHENA Cơ sở vật chất: + Thiết bị đầy đủ đại + Chương trình cập nhật liên tục, bảo đảm học viên tiếp cận với công nghệ + Phòng máy rộng rãi, thoáng mát Dịch vụ hỗ trợ: + Đảm bảo việc làm cho học viên tốt nghiệp khoá dài hạn + Giới thiệu việc làm cho học viên + Thực tập có lương cho học viên giỏi + Ngoài học thức, học viên thực hành thêm miễn phí, không giới hạn thời gian + Hỗ trợ kỹ thuật không thời hạn tất lĩnh vực liên quan đến máy tính, mạng máy tính, bảo mật mạng + Hỗ trợ thi Chứng Quốc tế Địa Trung tâm ATHENA: Cơ sở 1: 92 Nguyễn Đình Chiểu, phường Đa Kao, Q1 Điện thoại: (08)38244041 - 090 78 79 477-094 323 00 99(Gần ngã tư Đinh Tiên Hoàng - Nguyễn Đình Chiểu) Cơ sở 2: Bis Đinh Tiên Hoàng, phường Đa Kao, Q1 Điện thoại: (08)22103801 - 094 320 00 88(Cạnh sân vận động Hoa Lư - Cách đài truyền hình Tp HTV 50 mét) Website: http://athena.edu.vn - http://athena.com.vn E-mail : support@athena.edu.vn - tuvan@athena.edu.vn II A - NỘI DUNG THỰC TẬP Giới thiệu Joomla XAMPP Joomla Joomla hệ quản trị nội dung mã nguồn mở (Tế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 có đặc tính là: đệ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 hoàn toàn miễn phí cho tất người giới - XAMPP Nếu muốn trang web viết ngôn ngữ PHP chạy máy tính cục máy chủ cần phải có web server Apache, thông dịch ngôn ngữ PHP, ngôn ngữ truy vấn sở liệu mySQL Đây ba thành phần độc lập với tam thiếu Từ nhu cầu mà gói phần mềm tích hợp thành phần đời Có nhiều phần mềm tích hợp thành phần Nhưng nay, gói phần mềm chạy ổn định XAMPP XAMPP tích hợp gói phần mềm: Apache (web server), PHP (Ngôn ngữ lập trình web), mySQL (hệ quản trị sở liệu dành cho PHP Ngoài XAMPP liên kết với gói khác FileZilla, Toomcat, Mercury… XAMPP dùng phổ biến cho hệ điều hành khác : Windows, Linux, Solaris MAC B Giới thiệu website Joomla yêu cầu đề tài • Giới thiệu website Joomla Các website Joomla cho phép dễ dàng ứng dụng phát triển thêm tiện ích mạnh mẽ phục vụ cho khách hàng Dưới số ứng dụng người dùng Joomla quan tâm sử dụng nhiều nhất: - Tạo dựng lên biểu mẫu động (dynamic form) - Room trưng bày hình ảnh đa tiện ích (The image gallery) - Kinh doanh online & công cụ toán, quản lý đơn hàng - Tạo dựng diễn đàn, phần mềm chat - Lịch làm việc tiện ích - Có phần mềm viết blog riêng - Thư điện tử có tin báo cho người dùng - Có công cụ lưu liệu báo cáo phản hồi - Có hệ thống quản lý quảng bá (các hình ảnh từ ngữ) - Có dịch vụ đăng kí nhận thông tin Và lợi ích bạn thiết kế trang web ngôn ngữ Joomla: - Cơ sở liệu quản lý linh động, giúp bạn tách biệt nội dung với việc thiết kế viết mã nguồn Nội dung web cập nhật bạn thiết kế website xong mà ép buộc nội dung & việc thiết kế phải song hành - Các phần nội dung quản lý đầy đủ công cụ mạnh mẽ giúp bạn không cần phải nhà thiết kế web chỉnh sửa nội dung - Nội dung bạn đóng góp tác giả khác dễ dàng với hệ thống phân quyền chuyên nghiệp - Toàn quyền thay đổi giao diện web, vị trí, bố cục mà đụng nhiều đến mã nguồn - Trình duyệt hỗ trợ đầy đủ chức tải hình ảnh, ứng dụng lên thư viện để sử dụng sử dụng từ nguồn tài nguyên khác Như việc thiết kế web với Joomla đầy đủ phương tiện tạo thuận lợi nhanh Nó tảng vững để phát triển tương lai • Yêu cầu đề tài Xây dựng website truyền thông giới thiệu thông tin doanh nghiệp có chức đăng bài, support online, chia trang, chia sẻ tin tức, video giới thiệu, thống kê số lượng truy cập mạng xã hội, facebook, google+… Website có hiệu ứng slideshow, menu danh mục, phóng to ảnh, trình diễn quảng cáó, tính share mạng, cập nhật tin tự động RSS… Đồng thời kiểm tra tăng cường bảo mật Joomla, Backup Restore website…… C Cách tiến hành xây dựng website Sau trình bày sơ lược Joomla, XAMPP, mục đích yêu cầu đề tài ? Bây trình tự bước tiến hành để làm trang website tin tức Joomla Đầu tiên để làm việc localhost, cần có môi trường liên kết giả lập Đó XAMPP, phần mền trì hoạt động website localhost phpMyAdmin Tiếp đến cài đặt gói Joomla cấu hình website localhost Sau hoàn thành bước chúng tiếp tục Backup, Restore đưa website lên host trực tuyến Cuối cùng, cần tên miền địa public để theo dõi website hình thức Chi tiết bước tiến hành sau: Bước 1: Dowload, install, tạo Server localhost với XAMPP 1.7.3 - Vào địa http://www.apachefriends.org http://www.oldapps.com để download XAMPP phiên cho Windows - Sau download XAMPP xong tiến hành cài đặt - Ấn Install chờ trình cài đặt hoàn thành - Xuất cửa sổ chọn y - Chọn y 10 - Vào http://localhost/phpmyadmin/ => chọn vào Database cần Backup, chọn Export Chọn định dạng None => Chọn “Go” File xuất có dạng “athena.sql” Tiếp theo giả sử trang web gặp vấn đề Restore trang web vào webserver khác 67  Đây webserver khác với database hoàn toàn Việc ta cần làm import database mà ta Backup vào - Tạo database tên webbackup 68 - Chọn webbackup => import - Chọn Browse… => đến đường dẫn chứa file Backup  Chọn Go 69  Database import thành công - Sau tiến hành copy toàn source trang web vào thư mục htdocs webserver  Sau copy vào lại trang web thấy thứ giữ nguyên 70 b Đưa website lên host trực tuyến - Trang web đăng kí host free http://byethost.com/ - Click vào Free Host Sign up để đăng kí Điền vào thông tin cần thiết hình nhấn Register 71 Sau đăng kí có mail active từ trang web gửi đến hộp thư bạn - Vào hộp thư - Click vào dòng link active theo hướng dẫn Sau xác thực xong, tài khoản vừa tạo trang byethost active Chúng ta nhận e-mail chứa thông tin host hình - Sau có host tiến hành upload source trang web lên host FileZilla 72 - Chúng ta upload vào thư mục htdocs bên phải giao diện FileZilla Phía bên trái ta chọn chọn tới thư mục chứa source trang web Ctrl + A Click chuột phải chọn upload  Quá trình upload diễn chờ trình upload hoàn tất Sau để tạo Database vào địa http://panel.byethost.com Nhập thông tin username password mà bạn nhận qua e-mail sau đăng ký tài khoản thành công vào 73 Sau truy cập vào host, thấy phần bên trái thông tin chi tiết host Phần bên phải thành phần quản lý, cấu hình host Để tạo database, chọn MySQL Database 74 - Điền Database vào Click Create Database - Sau tạo xong Database Click chọn Admin khung PHPMyAdmin hình - Sau chọn Import chọn tới tệp tin *.sql ta lưu giai đoạn Backup Restore chọn Go hình  Import thành công 75 - Sau Click chuột phải chọn file configuration.php upload FileZilla chọn View/Edit - Chúng ta điền lại thông tin địa hosting vào: var $host = 'sql310.byethost16.com'; var $user = 'b18_13547171'; var $db = 'b16_13547620_athena'; var $password = '123456'; Mục var $host, var $db var $user lấy database vừa tạo bước trên, hình 76 - Sau Save lại vào địa http://www.ksbongdem.byethost12.com để kiểm tra kết nhận Vậy hoàn thành bước thiết kế website 77 78 D Nhận xét • Ưu điểm Joomla - Ưu điểm cần nói tới dễ sử dụng nên Joomla dùng nhiều để xây dựng website từ nhỏ tới lớn vừa - Giao diện Joomla đẹp cung cấp nhiều công ty miễn phí thương mại (Xem danh sách công ty cung cấp template Joomla đây) (Joomlart công ty lớn cung cấp template cho joomla có trả phí anh Hùng người Việt Nam Director Joomlart có 200 ngàn khách hàng từ khắp nơi giới cung cấp template cho Joomla, Drupal, Magento) - Joomla có thư viện ứng dụng (extensions) khổng lồ lập trình lập trình viên khắp nơi, hầu hết miễn phí, giúp bạn có nhiều lựa chọn mở rộng tính cho website minh - Dễ dàng tìm sửa lỗi gặp phải: Vì có lượng người dùng khổng lồ giới bạn gặp vấn đề trục trặc trình sử dụng Joomla search Google, 90% có người gặp phải vấn đề có giải pháp, câu trả lời cho vấn đề… • Nhược điểm Joomla - Mã nguồn Joomla tương đối lớn dẫn tới tốn nhiều tài nguyên hệ thống trình sử dụng - Việc có nhiều extensions lợi đồng thời bất lợi Các extensions viết nhiều lập trình viên khác dẫn tới tiềm ần lỗi bảo mật extensions (tuy nhiên có giải pháp firewall khắc phục nhược điểm này, (có trả phí)) Nếu người dùng bạn bối rối việc chọn lựa extensions cho website - Không chạy tốt máy chủ Windows (IIS) … 79 E Tài liệu tham khảo www.joomla.org http://diendan.joomlaviet.vn/ http://www.joomla.edu.vn/hoc-thiet-ke-web-joomla/ http://athena.edu.vn/forum/threads/3390-Tong-hop-Download-tai-lieu-hoc-quantri-mang-amp-an-ninh-mang-ATHENA http://www.thietkewebtop.com/hoc-joomla.htm 80 [...]... hiển thị website với template mặc định…Chúng ta có thể thay đổi template tùy thích 20 - - Vào đường link http://localhost/athena/administrator để vào trang back-end (trang quản trị) Đăng nhập vào trang quản trị Username: admin Password: athena123456 (password thiết lập khi cài đặt joomla) Chọn Login 21 Bước 3: Cấu hình cho website a Cài đặt ngôn ngữ Tiếng Việt cho Joomla Download 2 gói “vi-VN _Joomla_ 1.5.8_Front-end”... session và category, tạo menu xổ Ở đây chúng ta thưc hiện 2 thư mục trong website là: - Section “Khóa học” có các category là “Thiết kế website Joomla , “Lập trình PHP& MySql”, “Bảo mật ứng dựng web”, “Lập trình di động, lập trình Game” - Section “Khai giảng” có các category “Lịch khai giảng” và “Quy trình đào tạo” Thư mục “Khóa học” Để tạo Section mới, ta vào Content => Section Manager Chọn New 34 Nhập vào... làm tương tự như bước trên thiết lập vị trí cho Main menu ở trên và lựa chọn vị trí đặt module cho thích hợp với yêu cầu website d Tạo Menu-item trong module Main menu, và bật Menu xổ 31 • Tạo Menu-item đơn - Vào Menus -> Main Menu* - Chọn New - Chọn External Link 32 - Nhập thông tin vào: Title: Giới thiệu Link : Bỏ trống Sau đó Save lại và reload http://localhost/athena/ để kiểm tra - Làm tương tự cho... khi đã tạo xong Section ta sẽ tạo thêm các Category - Vào Content => Category Manager 35 - Chọn New Nhập vào các thông số Tittle: Thiết kế website Joomla Section: Khóa học - Chọn Save Làm tương tự với các mục “Lập trình PHP& MySql”, “Bảo mật ứng dựng web”, “Lập trình di động, lập trình Game”  Vào Category Manager để xem kết quả - Sau khi tạo Section và Category xong chúng ta tiến hành bật menu xổ cho... duyệt firefox, gõ vào đường dẫn http://localhost/athena để tiến hành cài đặt - Xuất hiện trang cài đặt như trên, lựa chọn ngôn ngữ English(US) rồi chọn Next - Chọn Next 17 - Chọn Next - Điền vào các thông tin Database Type mặc định sẽ là mysql Host name: localhost Username: root Password: để trống Database Name: athena Điền xong các thông tin, chọn Next 18 - Chọn Next - Điền vào các thông tin Site Name:... Template) Artisteer3 hỗ trợ rất nhiều công cụ giúp người dùng có thể tự thiết kế Template tùy ý - Trong cửa sổ NewProject chúng ta chọn mục Joomla Sau đó có thể thay đổi và chọn Template tùy ý bằng cách Click vào Ideas ->Suggest Design để thay đổi mẫu Template và sau đó thiết kế theo ý muốn của mình 26 - Sau khi thiết kế xong Template chúng ta Export ra file *.zip như hình dưới Khi Export xong chúng... Home, ẩn những mục không cần thiết đi và ẩn module Top menu đi 28 - Để ẩn các mục không cần thiết trong Main menu chúng ta vào trang quản trị chọn Menus -> Main menu - Sau đó chọn những mục muốn ấn và chọn Unpublish - Sau đó quay lại trang hiển thị xem kết quả  Kết quả như hình trên 29 - Tương tự để ẩn module Top menu chúng ta vào Extensions -> Modul manager và chọn Top menu sau đó chọn disable Thực... module đó => Trang hiển thị sau khi ẩn Top menu c Thay đổi vị trí các module - Để xác định vị trí các module trên website chúng ta vào trình duyệt lên và nhập http://localhost/athena/?tp=1 để xác định 30 - Tiếp theo đưa Main menu lên vị trí user3, vào Extensions -> Modul manager - Sau đó Click vào mục Main menu để thiết lập lại vị trí - Trong cửa sổ Details -> Position chọn user3 sau đó Save lại Trở lại... password và Confirm password: athena123456 Sau đó Chọn Install Sample Data phía dưới - Xuất hiện dòng chữ Sample data installed successfully là thành công Chọn Next 19 - => Finish Để hoàn thành quá trình cài đặt ta phải vào đường dẫn “C:\xampp\htdocs\athena” xóa đi hoặc đổi tên folder “installation” Như vậy quá trình cài đặt Joomla đã thành công - Vào đường link http://localhost/athena để vào trang... Chọn thẻ Databases 15 - Nhập tên database muốn tạo vào mục Create new Database, sau đó chọn Create - Cửa số trên xuất hiện như vậy Database đã tạo thành công (Ở đây database có tên là athena) Bước 2: Dowload, cài đặt gói Joomla 16 - Đầu tiên Download gói Joomla_ 1.5.21-Stable-Full_Package.zip” về máy Giải nén gói Joomla_ 1.5.21-Stable-Full_Package.zip” vào trong thư mục athena theo đường dẫn C:\xampp\htdocs\athena ... thiệu website Joomla yêu cầu đề tài • Giới thiệu website Joomla Các website Joomla cho phép dễ dàng ứng dụng phát triển thêm tiện ích mạnh mẽ phục vụ cho khách hàng Dưới số ứng dụng người dùng Joomla. .. tính share mạng, cập nhật tin tự động RSS… Đồng thời kiểm tra tăng cường bảo mật Joomla, Backup Restore website … C Cách tiến hành xây dựng website Sau trình bày sơ lược Joomla, XAMPP, mục đích... trang website tin tức Joomla Đầu tiên để làm việc localhost, cần có môi trường liên kết giả lập Đó XAMPP, phần mền trì hoạt động website localhost phpMyAdmin Tiếp đến cài đặt gói Joomla cấu hình website