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

Thực tập là giai đoạn quan trọng cho sinh viên hiểu biết thêm về thực tế, gắn kết thực tế với lý thuyết chuyên ngành, là tiền đề cho việc thực hiện Luận văn Tốt nghiệp Thực tập trong Doanh nghiệp, công ty giúp sinh viên ngày càng hoàn thiện mình về kiến thức chuyên môn cũng như kinh nghiệm cuộc sống Qua đó, phần nào giúp sinh viên tự tin hơn, bản lĩnh hơn.

Nhờ lòng nhiệt tình và tâm huyết của ban lãnh đạo và nhân viên trong trung tâm ATHENA đã truyền đạt những kiến thức và kinh nghiệm hết sức quý báu giúp em có được nền tảng cho nghề nghiệp tương lai của mình.

Đặc biệt em xin chân thành cám ơn thầy Võ Đỗ Thắng đã hết lòng giúp đỡ và hướng dẫn em trong suốt thời gian thực tập tại trung tâm để em

có thể hoàn thành bản báo cáo này.

Em hy vọng với hành trang kiến thức sau những năm học tập ở trường và kinh nghiệm thực tiễn khi thực tập ở trung tâm ATHENA em có thể tự tin để hoạt động trong 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 GIỚI THIỆU TRUNG TÂM ATHENA ……… 1

II NỘI DUNG THỰC TẬP

A Giới thiệu Joomla và XAMPP……… 3

B Giới thiệu website Joomla và 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 đượcthành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy năng động,nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm huyết góp phần vào công cuộcthúc đẩy tiến trình đưa công nghệ thông tin là ngành kinh tế mũi nhọn, góp phần pháttriển nước nhà

Lĩnh vực hoạt động chính:

+ Trung tâm ATHENA đã và đang tập trung chủ yếu vào đào tạo chuyên sâuquản trị mạng, an ninh mạng, thương mại điện tử theo các tiêu chuẩn quốc tế của cáchãng nổi tiếng như Microsoft, Cisco, Oracle, Linux LPI , CEH, Song song đó, trungtâm ATHENA còn có những chương trình đào tạo cao cấp dành riêng theo đơn đặt hàngcủa các đơn vị như Bộ Quốc Phòng, Bộ Công An , ngân hàng, doanh nghiệp, các cơ quanchính phủ, tổ chức tài chính

+ Sau gần 10 năm hoạt động nhiều học viên tốt nghiệp trung tâm ATHENA đã là 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 bộ ngành 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 các tỉnh, bưu điện các tỉnh

+ Ngoài chương trình đào tạo, Trung tâm ATHENA còn có nhiều chương trình hợp tác và trao đổi công nghệ với nhiều đại học lớn như đạ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 cả các giảng viên trung tâm ATHENA có đều tốt nghiệp từ các trường đại học hàng đầu trong nước Tất cả giảng viên ATHENA đều phải có các chứng chỉ quốc

tế như MCSA, MCSE, CCNA, CCNP, Security+, CEH,có bằng sư phạm Quốc tế

(Microsoft Certified Trainer).Đây là các chứng chỉ chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA

+ Bên cạnh đó,Các giảng viên ATHENA thường đi tu nghiệp và cập nhật kiến thức công nghệ mới từ các nước tiên tiến như Mỹ , Pháp, Hà Lan, Singapore, và truyền đạt các công nghệ mới này trong các chương trình đào tạo tại trung tâm ATHENA

Cơ sở vật chất:

+ Thiết bị đầy đủ và hiện đại

+ Chương trình cập nhật liên tục, bảo đảm học viên luôn tiếp cận với những công nghệ mới nhất

+ 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 mọi học viên

+ Thực tập có lương cho học viên khá giỏi

+ Ngoài giờ học chính thức, học viên được 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 trong tất cả các 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 chỉ Quốc tế

Địa chỉ 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: 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 NỘI DUNG THỰC TẬP

A Giới thiệu Joomla và XAMPP

Joomla là một hệ quản trị nội dung mã nguồn mở (Tếng Anh : Open Source ContentManagement Systems Joomla được viết bằng ngôn ngữ PHP và kết nối tới cơ sở dữ liệuMySQL , cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lênInternet hoặc Intranet

Joomla có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiểnthị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn,bình chọn, lịch biểu, tìm kiếm trong Site và hỗ trợ đa ngôn ngữ

Joomla được phát âm theo tiếng Swahili như là 'jumla' nghĩa là "đồng tâm hiệp lực".Joomla được sử dụng ở khắp mọi nơi trên thế giới, từ những website cá nhân cho tớinhững hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ vàứng dụng Joomla có thể dễ dàng cài đặt, dễ dàng quản lý và có độ tin cậy cao

Joomla có mã nguồn mở do đó việc sử dụng Joomla là hoàn toàn miễn phí cho tất cả mọi người trên thế giới

Nếu muốn một trang web viết bằng ngôn ngữ PHP có thể chạy được trên máy tính cục bộ và trên máy chủ thì cần phải có một web server là Apache, bộ thông dịch ngôn ngữ PHP, ngôn ngữ truy vấn cơ sở dữ liệu là mySQL Đây là ba thành phần độc lập với nhau nhưng là bộ tam không thể thiếu nhau

Từ nhu cầu đó mà một gói phần mềm tích hợp 3 thành phần trên đã ra đời Có nhiều phần mềm tích hợp 3 thành phần này Nhưng hiện nay, gói phần mềm chạy ổn định nhất

đó là XAMPP

XAMPP tích hợp các gói phần mềm: Apache (web server), PHP (Ngôn ngữ lập trình web), mySQL (hệ quản trị cơ sở dữ liệu dành cho PHP Ngoài ra XAMPP còn có thể liên kết với các gói khác như FileZilla, Toomcat, Mercury…

XAMPP được dùng khá phổ biến cho cả 4 hệ điều hành khác nhau : Windows,

B Giới thiệu website Joomla và yêu cầu đề tài

• Giới thiệu website Joomla

Các website Joomla cho phép chúng ta có thể dễ dàng ứng dụng và phát triển thêmnhững tiện ích mạnh mẽ phục vụ cho khách hàng của mình Dưới đây là một số nhữngứng dụng được người dùng của Joomla quan tâm nhất và sử dụng nhiều nhất:

- Tạo dựng lên các 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ụ thanh toán, quản lý đơn hàng

- Tạo dựng các diễn đàn, phần mềm chat

- Lịch làm việc rất tiện ích

- Có phần mềm viết blog riêng

- Thư điện tử và có tin mới báo cho người dùng

- Có các công cụ lưu dữ liệu và báo cáo phản hồi

- Có hệ thống quản lý quảng bá (các hình ảnh và từ ngữ)

- Có dịch vụ đăng kí nhận thông tin

Và đây là những lợi ích của bạn khi thiết kế các trang web bằng ngôn ngữ Joomla:

- Cơ sở dữ 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ế vàviết mã nguồn Nội dung của web sẽ được cập nhật khi bạn thiết kế website xong màkhông phải ép buộc giữa nội dung & việc thiết kế phải đi song hành

- Các phần nội dung được quản lý đầy đủ bằng những công cụ mạnh mẽ giúp bạnkhông cần phải là một nhà thiết kế web cũng có thể chỉnh sửa được nội dung

- Nội dung của bạn có thể được đóng góp bởi các tác giả khác dễ dàng với 1 hệ thốngphân quyền chuyên nghiệp

- Toàn quyền thay đổi giao diện web, vị trí, bố cục mà không hề phải đụng nhiều đến

• 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ó các chứcnăng như đăng bài, support online, chia trang, chia sẻ tin tức, video giới thiệu, thống

C Cách tiến hành xây dựng website

Sau khi trình bày sơ lược thế nào là Joomla, thế nào là XAMPP, mục đích và yêu cầu

đề tài là gì ? Bây giờ sẽ là trình tự các bước tiến hành để làm một trang website tin tứcJoomla

Đầu tiên để làm việc trên localhost, chúng ta cần có một môi trường liên kết giả lập

Đó là XAMPP, phần mền này sẽ duy trì hoạt động của website trên localhost vàphpMyAdmin

Tiếp đến là cài đặt gói Joomla và cấu hình website trên localhost

Sau khi hoàn thành các bước như trên chúng tiếp tục Backup, Restore và đưa websitelên host trực tuyến

Cuối cùng, chúng ta cần một tên miền như một địa chỉ public để có thể theo dõi đượcwebsite dưới mọi hình thức

Chi tiết các bước tiến hành như sau:

Bước 1: Dowload, install, tạo Server trên localhost với XAMPP 1.7.3

- Vào địa chỉ http://www.apachefriends.org hoặc http://www.oldapps.com để downloadXAMPP phiên bản cho Windows

- Sau khi download XAMPP xong chúng ta tiến hành cài đặt

- Xuất hiện cửa sổ trên chọn y.

- Chọn y

- Ấn enter.

- Ấn enter

- Chọn 1 để khởi động XAMPP.

- Hoặc chọn x để thoát khỏi giao diện dòng lệnh

- Khi khởi động giao diện ban đầu XAMPP Control Panel như bên dưới.

- Tiếp theo để quá trình cài đặt web server trên localhost bởi XAMPP chúng ta start 2 dịch vụ Apache và MySql sao cho chúng đều ở trạng thái “Running”

- Bật trình duyệt web firefox, google chrome, hoặc Internet Explorer gõ vào đường dẫn

http://localhost/ để kiểm tra kết quả.

- Chọn ngôn ngữ English => Xuất hiện giao diện của XAMPP.

- Để tạo một trang web mới, ta phải tạo một database để kết nối với gói XAMPP

- Database sẽ được tạo trong phpMyAdmin.

- Click vào phpMyAdmin.

- 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)

- Đầ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

- Sau khi giải nén xong bật trình 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.

Đ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.

- Chọn Next.

Điền vào các thông tin

Site Name: Trung Tam Athena Your E-mail: duyhoang7234@gmail.com

Admin password và Confirm password: athena123456

- Sau đó Chọn Install Sample Data phía dưới

- => 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 front-end (trang hiển thị)

Đây là trang hiển thị website với template mặc định…Chúng ta có thể thay đổi template tùy thích

- 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

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 VN_Joomla_1.5.8_Front-end” cho trang hiển thị và VN_Joomla_1.5.8_Back-end” cho trang quản trị

“vi-Sau khi download 2 gói trên xong chúng ta tiến hành cài đặt

Các bước thực hiện:

- Vào Extensions => Install/Uninstall.

- Chọn Browse => tìm đến thư mục chứa gói “vi-VN_Joomla_1.5.8_Back-end”

- Chọn Upload File & Install.

 Install thành công.

- Mặc định, khi install xong, gói ngôn ngữ vẫn chưa được active, để active gói ngôn

ngữ của mình ta vào trong mục Extensions => Language Manager.

- Trong Language Manager có 2 thẻ Site và Administrator, vì gói chúng ta install là gói

“back-end” nên chúng ta sẽ vào thẻ Administrator để thay đổi (install gói “front-end”thì vào thẻ site để thay đổi)

- Mặc định ngôn ngữ default sẽ là tiếng Anh, ta chọn vào tiếng Việt, ấn default.

 Kiểm tra thay đổi Trang quản trị đã được cài đặt gói Tiếng Việt

- Để thuận tiện cho quá trình cấu hình sau này ở trang quản trị chúng ta nên đặt mặcđịnh tiếng Anh như ban đầu

- Thao tác tương tự với gói front-end, vào thẻ site để chọn tiếng Việt làm default.

- Sau đó vào trang front-end http://localhost/athena reloadđể xem thay đổi.

 Kết quả như hình trên

b Cài đặt và tùy biến Template

Chúng ta dùng phần mền Artisteer 3 (phần mền hỗ trợ thiết lập 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

- Sau khi thiết kế xong Template chúng ta Export ra file *.zip như hình dưới

Khi Export xong chúng ta tiến hành cài đặt Template Quá trình cài đặt giống nhưcài đặt gói Tiếng Việt đã nêu ở trên

Sau khi cài đặt xong Templae chúng ta tiến hành bật Template lên

- Để thay đổi Template ta vào mục Extensions=>Template Manager.

- Trong thẻ site có sẵn các Template để lựa chọn Lựa chọn Template tùy thích (clickvào Template muốn chọn, ấn default) Chọn Template ITBKpro.

- Sau khi chọn Template xong quay lại trang front-end http://localhost/athena , reloadtrang web để xem thay đổi

 Đây là giao diện trang hiển thị (fron-end) sau khi bật chúng ta đã thiết kế vớiphần mềm Artisteer 3 ở trên

Trong Main menu chúng ta chỉ dữ lại mục Home, ẩn những mục không cần thiết

đi và ẩn module Top menu đi.

- Để ẩ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ả

- 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 hiện tương tự cho các module khác nếu

chúng ta muốn ẩn 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

- 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 trang hiện thị

http://localhost/athena/ reload để kiểm tra kết quả.(Hình bên dưới)

- Nếu chúng ta muốn thay đổi vị trí các module khác chúng ta làm tương tự như bước

• Tạo Menu-item đơn

- Vào Menus -> Main Menu*

- Chọn New

- Chọn External Link

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.

• Tạo thư mục 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ìnhPHP& 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

Nhập vào Tittle: Khóa học

- Sau đó Save.

 Xem kết quả

- Sau khi đã tạo xong Section ta sẽ tạo thêm các Category.

 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 thư mục

Ta tạo tiếp các Menu-item.

- Vào Menus => Main Menu.

- Chọn New.

Nhập vào:

Title: Thiết kế website bằng Joomla

Parent Item chọn “Khóa học”

Parameters (Basic)-> Category chọn “Khóa học/Thiết kế website Joomla”.

 Kết quả

Thư mục “ Khai giảng” làm tương tự như thư mục “ Khóa học”

 Kết quả