2. Mục đích:
• Tự tạo website kết hợp tất cả các môn mà
đã từng học trước đó gồm PHP, Flash,
Photoshop, Video, SQL, PHP, HTML, CSS…
• Tự phát triển website thương mại điện tử
như giao dịch mua bán, thanh toán trực tuyến
Kết quả:
• Tạo được website 2.0 có hệ thống quản trị nội dung (CMS)
• Website không chỉ chạy từ local mà phải là website thực tế chạy trên
Internet với nhiều dạng web dành cho doanh nghiệp, shop bán hàng,
web tin tức….
• Dựng web mà có thể giao dịch mua bán hàng hóa và thanh toán trực
tuyến theo chuẩn thế giới.

3. Tổng thời gian gồm 36 giờ chia làm 12 buổi
1. Ngày 01: Tổng quan Joomla, thiết kế web bằng Photoshop
2. Ngày 02: CSS, HTML và tự tạo templates Joomla
3. Ngày 03: Cài đặt, cấu hình Joomla, Templates
4. Ngày 04: Section, Catelogue, Menu, Article, Editor
5. Ngày 05: Cài đặt Module, Catelogue, Plugin và các ứng dụng
6. Ngày 06: Cài đặt Com download, Com Photos, Com e-book
7. Ngày 07: Thương mại điện tử e-Commerce 01
8. Ngày 07: Thương mại điện tử e-Commerce 02
9. Ngày 08: Quản lý người dùng, K2, Facebook, Forum
10. Ngày 09: Chuyển web từ local lên Internet, URL Friendly
11. Ngày 10: Web for Mobile và hướng dẫn đồ án Joomla
12. Ngày 12: Tổng kế và hướng dẫn đồ án Joomla
Templates Joomla Project
Giai đoạn 01 Giai đoạn 02 Giai đoạn 03

4. 1. CMS là hệ thống cho phép bạn tạo, quản lý, lưu trữ và chỉnh sửa số
lượng lớn các nội dung mà không cần khả năng lập trình hay viết
code HTML. Bởi vì bạn có thể chỉnh sửa nội ung đó từ bất cứ một
máy tính có kết nối Internet nào trên thế giới, bạn không cần phải
dựa dẫm vào các nhà phát triển web hay bên công ty quản lý
website của các bạn.
2. CMS gồm Giao diện (Templates), Nội dung (Content) và Meta data.
Hơi khó hiểu, nhưng đại loại ba yếu tố này đóng vai trò quang trọng
trong CMS: Giao diện (Templates) là đồ họa cho website, Nội dung
(Content) là quản lý tất cả nội dung của website, Meta data giúp
cho việc tối ưu hóa công cụ tìm kiếm (SEO)
3. CMS ngoài tính năng chuẩn thì CMS Joomla cho phép bạn Addon
Modules, Templates rất linh họat. Nói đơn giãn web rất ít nội
dung/tính năng/giao diện ban đầu và dễ dàng cho bạn mở rộng
cho phù hợp theo yêu cầu của web theo thời gian.
4. CMS dễ dàng update version mới nhất theo phiên bản phát hành

5. 1. Joomla là một hệ quản trị nội dung mã nguồn mở (Tếng Anh: Open
Source Content Management Systems . Joomla được viết bằng ngôn
ngữ PHP và kết nối tới cơ sở dữ liệu MySQL , 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ên Internet hoặc Intranet.
2. Joomla có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng
tốc độ hiển thị, 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ữ.
3. Joomla được phát âm theo tiếng Swahili như là 'jumla' nghĩa là "đồng
tâm hiệp lực".
4. 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ới nhữ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.
5. 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.

6. Ngoài các vấn đề là mã nguồn mở miễn phí, khả năng bảo mật cao, dễ dàng sử
dụng, còn điều gì tuyệt vời hơn đằng sau khiến cho Joomla phát triển mạnh và được
nhiều người yêu thích như vậy với Joomla việc lập trình, hiệu chỉnh thêm các thành
phần, module, các chức năng cho nó là một việc rất dễ dàng đối với các lập trình
viên, do đó Joomla có rất rất nhiều các chức năng mở rộng được viết bởi các nhà
lập trình trên khắp thế giới, và hầu hết tất cả các ứng dụng, thành phần này đều
được chia sẻ miễn phí, đó chính là điều tuyệt vời nhất
Sau đây là một vài ví dụ về các ứng dụng được viết thêm hoặc được tích hợp:
• Tạo các form linh hoạt, dễ dàng và tự động
• Tạo các thư mục về thương mại
• Hệ thống quản lý tài liệu
• Thư viện hình ảnh và âm thanh
• Cửa hàng ảo trực tuyến
• Diễn đàn thảo luận
• Tạo Blogging
• Tin tức qua Email (Email newsletters)
• Hệ thống quản lý banner
• Và hàng ngàn các ứng dụng khác ...

7. 1. Tích hợp E-commerce
2. Diễn đàn thảo luận (Discussion forums)
3. Thư viện ảnh (Photo galleries)
4. Quản lý Video (Video management)
5. Liên kết mạng xã hội như Facebook, Youtube…
6. Hỗ trợ đa ngôn ngữ (Multi-language support)
7. Lấy tin tự động, RSS feeds
8. Thống kê/Theo dõi (Statistics/tracking)
9. Download
10. Thay đổi giao diện (templates) dễ dàng
11. Tùy biến dữ liệu (extra-field)
12. Tích hợp giữa web và mobile web
13. …

8. 1. Tạo website từ Photoshop
2. Rã website sang CSS + HTML
3. Copy folder vừa tạo vào folder templates
4. Rename HTML => index.php
5. Mở file index.php mẫu từ ja_purity
• Copy đoạn đầu đến </head>
• Thay đổi file CSS
6. Mở file Word xem vị trí
• Copy thay đoạn code nội dung dưới tab <div id="top_menu">
<jdoc:include type="modules" name=" top_menu " /> </div>
• Thay hết toàn bộ vị trí các <div>
7. Đến vị trí nội dung chính #content thành
<jdoc:include type="component" />
8. Kết thúc và lưu dưới dạng index.php

9. 1. Copy file templateDetails.xml từ bộ ja_purity làm mẫu
2. Tìm đoạn position => sửa lại vị trí đã dựng layout
3. Tạo ảnh thumbnail size 200x150px
4. Xem thử vào fix lỗi