Tạo album ảnh flash cực đẹp bằng EmageView

Giới thiệu

EmageView là 1 source bằng flash dùng để tạo album ảnh trên web. Tác giả của nó là Nam Kennic. Mới đầu khi tạo ra project này, tác giả đã share demo trên blog của mình và nó đã thu hút được rất nhiều sự quan tâm của nhiều người (có thể thấy qua 160 comment tại trang giới thiệu EmageView trên blog Nam Kennic). Có lẽ vì nó rất đẹp, thiết kế bắt mắt, tương tác hấp dẫn và có nhiều hiệu ứng ảnh sinh động.

Tuy chỉ share bản demo (bao gồm 1 file flash và file xml lưu database), nhưng nhiều người dùng khác vì cảm thấy yêu thích source này nên đã viết phần quản trị cho nó, trong đó Lê Bằng là 1 người khá nổi. Tuy nhiên, không hiểu vì lí do gì, các chia sẻ này đều đã bị xóa đi, các link download cũng không còn hoạt động. Cho nên việc tìm hiểu mã nguồn phần quản trị của Lê Bằng cũng không thực hiện được.

Hôm trước, anh nlfb có đề nghị tôi làm nốt phần quản trị cho EmageView, để khỏi phải mất công tự tạo thumbnails và file xml database bằng tay. Đến hôm nay thì hoàn thành nên chia sẻ cùng với các bạn đọc của Hỗn tạp.

Phần quản trị tôi viết rất đơn giản, nó chỉ làm 2 nhiệm vụ:
- tự động sinh ra thumbnails tương ứng với từng ảnh
- tự động update lại file database.xml

Demo and Download

Các bạn có thể coi qua demo của EmageView, và truy cập vào phần quản trị với username và password như sau:

username: admin
password: admin

Do phiên bản EmageView tôi dùng là khá cũ (bản demo đầu tiên), nên nó yêu cầu Flash 9 (bây giờ đã có Flash 10 rồi). Nếu bạn cài Flash 10 cho trình duyệt rồi thì hãy nhấn chuột phải và chọn Play để chạy demo.

Mã nguồn của toàn bộ script này, các bạn có thể download tại đây.

Hướng dẫn sử dụng

Sau khi download về, giải nén và upload lên host, bạn chỉnh sửa trong file config.php các thông số như sau:

<?php
define('IMAGES_PATH', 'images'); // path to images directory
define('THUMBNAILS_PATH', 'thumbnails'); // path to thumbnails directory

// thumbnails size
define('THUMBNAILS_WIDTH', 120);
define('THUMBNAILS_HEIGHT', 90);
define('THUMBNAILS_SAVE_RATIO', true);

define('XML_FILE', 'database.xml'); // you don't need to change this ;)

// admin login
define('USERNAME', 'admin');
define('PASSWORD', 'admin');
?>

Trong đó:
- 2 thông số đầu là cấu hình đường dẫn đến thư mục chứa ảnh và chứa thumbnails, bạn có thể để mặc định.
- 3 thông số tiếp theo là cấu hình kích thước thumbnails. Thông số thứ 3 chỉ rõ có lưu giữ tỉ lệ hỉnh hay không, nếu bạn thiết lập là true thì chỉ cần điền thông số THUMBNAIL_WIDTH là được, THUMBNAIL_HEIGHT sẽ được tự động tính toán.
- 2 thông số cuối cùng là tên và password của khu vực quản trị, bạn đặt tùy ý mình.

Riêng thông số về file database, bạn không được sửa, vì nó là nơi mà flash sẽ đọc để lấy dữ liệu ảnh.

Sau khi tùy biến xong, bạn hãy tạo các thư mục con trong thư mục images (mỗi thư mục sẽ là 1 album), và upload hình vào đó. Nhớ là phải upload hình vào 1 album nào đó, không được upload ra ngoài. Cũng lưu ý là các album không được lồng nhau.

Cuối cùng là truy cập vào khu vực quản trị qua trình duyệt, bạn sẽ thấy hình sau:

Nhấn vào link Rebuild thumbnails and database file để cập nhật lại thumbnails và file database là xong! Bây giờ bạn có thể truy cập lại vào trang web của mình để tận hưởng thành quả.

Một vài hạn chế của EmageView

Do bản demo tôi dùng là bản cũ, nên nó có nhiều điểm không được tốt lắm:
- Yêu cầu flash 9, mặc dù có thể chạy với flash 10, nhưng phải nhấn chuột phải, chọn Play.
- Không hiển thị thumbnail cho các ảnh có định dạng khác jpg, thậm chí nếu có định dạng jpg mà không viết thường (VD như A.JPG) thì cũng không hiển thị thumbnail. Tuy vậy, khi nhấn vào đó thì hình chính vẫn hiển thị bình thường.

Nếu bạn nào có nhã hứng tìm hiểu file flash này để khắc phục những nhược điểm trên thì tuyệt quá. Lúc ấy, xin hãy cho tôi biết nhé.

Ngoài ra, còn có những hạn chế mà phần quản trị do tôi viết mà tôi rất sẵn lòng lắng nghe các bạn góp ý.

Hy vọng rằng EmageView này sẽ mang lại cho các bạn 1 niềm vui nho nhỏ.