TRUNG TAÂM TIN HOÏC - ÑAÏI HOÏC KHOA HOÏC TÖÏ NHIEÂN TP. HCM
227 Nguyeãn Vaên Cöø – Quaän 5 – Tp. Hoà Chí Minh
Tel: 8351056 – Fax 8324466 – Email: ttth@hcmuns.edu.vn
Maõ taøi lieäu: DT_NCM_CD_BT_LTWCSJ
Phieân baûn
1
.0
–
Thaùng 0
3
/20
10
BÀI TẬP
CHUYÊN ĐỀ
LẬP TRÌNH WEB NÂNG
CAO VỚI JOOMLA
Bài tập
Lập trình Web chuyên sâu với Joomla Trang 1/15
BÀI 1: TỔNG QUAN VỀ JOOMLA
1. Tạo các trang web đơn
- Tạo các trang web đơn cho website. Ví dụ: trang chủ, giới thiệu công ty, liên hệ, thông tin
tuyển dụng, …
- Tạo menu link tới các trang web trên
2. Tạo các mục tin tức (Section)
Thế giới
Thể thao
Kinh doanh
Khoa học
- Tạo menu để hiển thị các Section trên (Loại Menu Item là Section Blog Layout)
3. Tạo các loại tin tức (Category)
- Tạo các category cho các Section của bài 1.2:
Section Category
Thế giới Thế giới muôn màu
Chiều thứ 7
Thể thao Bóng đá
Tennis
Kinh doanh Chứng khoán
Bất động sản
Khoa học Môi trường
Thiên nhiên
- Tạo menu để hiển thị các Category trên (Loại Menu Item là Category Blog Layout)
4. Tạo nội dung cho các bài viết
+ Vào trang http://tuoitre.vn hoặc http:/ / vnexpress.net để lấy nội dung cho các bài viết.
+ Sửa lại link các hình ảnh trong bài viết để chúng thuộc về website của chúng ta.
+ Cấu hình các Section, Category để hiển thị nội dung bài viết như sau:
o 1 bài viết mới nhất sẽ nằm trên cùng và chiếm hết chiều ngang (leading)
o Các bài viết dạng giới thiệu sẽ chia làm 2 cột hiển thị (columns)
o Số bài viết dạng giới thiệu là 8 (intro)
o Số bài viết dạng link là 5 (links)
+ Cấu hình cho phép người dùng click vào tiêu đề bài viết để xem chi tiết thông tin bài viết và ẩn
đi link Read More.
Bài tập
Lập trình Web chuyên sâu với Joomla Trang 2/15
BÀI 2: TEMPLATES
1. Bổ sung position cho template
Thêm 2 position user5 và user6 ở đầu template beez. Đặt các module Latest News và Popular
vào 2 position này.
v Hướng dẫn:
• Vào thư mục chứa source của template beez (joomla\ templates\beez).
• Mở file templateDetails.xml và định nghĩa thêm 2 position user5 và user6.
• Mở file index.php và dùng thẻ <jdoc:include type= ”modules”> để định nghĩa 2 position user5
và user6.
2. Tạo template cho website quản lý bán sách.
Template có layout và các postions như sau:
header
top
left
right
User1
component
Bài tập
Lập trình Web chuyên sâu với Joomla Trang 3/15
BÀI 3: COMPONENT Ở FRONT END
1. Tạo component Tính ti
ề
n th
ưở
ng cu
ố
i n
ă
m (com_tien_thuong).
Trang web tính tiền thưởng cuối năm dựa trên Ti
ề
n l
ươ
ng hàng tháng và X
ế
p lo
ạ
i cuối năm.
Khi click vào nút Tính, thực hiện:
+ Tính Ti
ề
n th
ưở
ng, biết rằng:
Tiền thưởng = (Tiền lương * hệ số thưởng), trong đó:
Hệ số thưởng được tính như sau:
§ Nếu X
ế
p lo
ạ
i là ”Lọai A”: 2
§ Nếu X
ế
p lo
ạ
i là ”Lọai B”: 1.8
§ Nếu X
ế
p lo
ạ
i là ”Lọai C”: 1.2
§ Nếu X
ế
p lo
ạ
i là ”Lọai D”: 0.8
+ Xuất Tiền thưởng ra màn hình
v Hướng dẫn:
+ Tạo thư mục com_tien_thuong trong thư mục joomla/components
+ Trong thư mục com_tien_thuong, tạo file tien_thuong.php và thực hiện trang web tính tiền
thưởng trong file này.
2. Tạo component hiển thị danh sách Sách dạng table (com_dssach)
Bài tập
Lập trình Web chuyên sâu với Joomla Trang 4/15
3. Tạo component hiển thị danh sách Sách dạng list (com_sach).
4. Tạo link cho tên sách và xử lý hiển thị thong tin chi tiết sách khi người dùng click vào
tên sách