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ênInternet 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ựctuyến theo chuẩn thế giới.

Tổng thời gian gồm 36 giờ chia làm 12 buổi1. Ngày 01: Tổng quan Joomla, thiết kế web bằng Photoshop2. Ngày 02: CSS, HTML và tự tạo templates Joomla3. Ngày 03: Cài đặt, cấu hình Joomla, Templates4. Ngày 04: Section, Catelogue, Menu, Article, Editor5. Ngày 05: Cài đặt Module, Catelogue, Plugin và các ứng dụng6. Ngày 06: Cài đặt Com download, Com Photos, Com e-book7. Ngày 07: Thương mại điện tử e-Commerce 018. Ngày 07: Thương mại điện tử e-Commerce 029. Ngày 08: Quản lý người dùng, K2, Facebook, Forum10. Ngày 09: Chuyển web từ local lên Internet, URL Friendly11. Ngày 10: Web for Mobile và hướng dẫn đồ án Joomla12. 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

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ếtcode HTML. Bởi vì bạn có thể chỉnh sửa nội ung đó từ bất cứ mộtmáy tính có kết nối Internet nào trên thế giới, bạn không cần phảidự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ọngtrong 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úpcho 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 AddonModules, Templates rất linh họat. Nói đơn giãn web rất ít nộidung/tính năng/giao diện ban đầu và dễ dàng cho bạn mở rộngcho 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

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ônngữ PHP và kết nối tới cơ sở dữ liệu MySQL , cho phép người sử dụngcó 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ăngtố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à "đồngtâ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ạpcao, 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ễnphí cho tất cả mọi người trên thế giới.

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ấtSau đâ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 ...

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 feeds8. Thống kê/Theo dõi (Statistics/tracking) 9. Download10. Thay đổi giao diện (templates) dễ dàng11. Tùy biến dữ liệu (extra-field)12. Tích hợp giữa web và mobile web13. …

1. Tạo website từ Photoshop2. Rã website sang CSS + HTML3. Copy folder vừa tạo vào folder templates4. Rename HTML => index.php5. 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

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