27/2/15

Libreboard – Sử dụng kanban không bao giờ đơn giản hơn thế

Có thể nói kanban là một trong những cách quản lý task đơn giản và hiệu quả hiện nay. Cột sẽ hiển thị các task, ứng với các trạng thái như chưa start, đang làm, kết thúc, backlog... thì task cũng sẽ được hiển thị ở những vị trí tương ứng khác nhau. Cho nên việc quản lý task rất đơn giản và trực quan.
Lần này mình xin giới thiệu về một chương trình như vậy là Libreboard. Mọi người có thể vào đăng ký sử dụng ngay lập tức nên hãy cùng trải nghiệm nhé.

Cách sử dụng Libreboard


Màn hình top, đăng ký user.
Màn hình top, đăng ký user.
Màn hình khởi tạo, có thể quản lý nhiều kanban.
Màn hình khởi tạo, có thể quản lý nhiều kanban.
Đây là status của các kanban. Có thể đặt tên tự do.
Đây là status của các kanban. Có thể đặt tên tự do.
Có thể thêm task nhanh chóng.
Có thể thêm task nhanh chóng.
Di chuyển task bằng kéo thả.
Di chuyển task bằng kéo thả.
Khi ẩn menu thì có thể sử dụng được toàn màn hình.
Khi ẩn menu thì có thể sử dụng được toàn màn hình.

Tuy Libreboard chưa có đầy đủ các chức năng của một chương trình quản lý task hoàn chình, nhưng việc quản lý xem có bao nhiêu task cần làm và những task đang tồn động thì chương trình này đáp ứng đủ nhu cầu đó. Qua đó có thể nâng cao năng suất làm việc và quản lý công việc.


Libreboard là chương trình viết bằng node/JavaScript, mã nguồn cung cấp sử dụng giấy phép MIT License.

Liên kết:
Libreboard
libreboard/libreboard

CSS3 Countdown - Đếm ngược bằng CSS3/JavaScript

Thường thì người ta thường sử dụng đếm ngược cho ngày ra mắt sản phẩm, dịch vụ mới. Sau bao nhiều ngày, giờ, phút, giây nữa thì sản phẩm se ra mắt, việc này làm cho mọi người tò mò và ít nhiều thu hút được sự chú ý trong cộng đồng.
Về countdown thì có nhiều phương pháp, lần này mình sẽ giới thiệu phương pháp sử dụng CSS3 Countdown, sử dụng CSS3 kết hợp với JavaScript để cho ra kết quả khá đẹp.

Cách sử dụng CSS3 Countdown


Demo CSS3 Countdown. Hiển thị theo kiểu flip.
Demo CSS3 Countdown. Hiển thị theo kiểu flip.
Đơn vị nhỏ nhất được đếm ngược bằng giây, đơn vị lớn nhất là ngày (không phải là năm).
Về coding thì tương tự như sau:
<div id="CDT"></div> <script> // Set countdown limit var tl = new Date('2020/01/01 00:00:00'); // You can add time's up message here var timer = new CountdownTimer('CDT',tl,'<span class="number-wrapper"><div class="line"></div><span class="number end">Time is up!</span></span>'); timer.countDown(); </script>
CSS3 Countdown là chương trình viết bằng JavaScript/CSS3, mã nguồn được cung cấp không rõ giấy phép.

Liên kết:
CSS3 Countdown
sanographix/css3-countdown

TouchstoneJS – UI Framework dành cho phát triển Hybrid Apps

Xu hướng sử dụng framework để tạo giao diện kiểu native bằng trình duyệt Web trong những năm gần đầy đã có nhiều thay đổi, cũng có những framework sử dụng themes để thay đổi giao diện theo xu hướng design mới, nhưng theo ý kiến của mình thì xu hướng sắp tới sẽ là HTML5/JavaScript/CSS3.
TouchstoneJS là UI Framework mới ra gần đây, được đánh giá là một trong những framework tốt nhất để phát triển ứng dụng hybrid. Nếu các bạn có ý định phát triển ứng dụng hybrid thì hãy thử trải nghiệm nhé.

Cách sử dụng TouchstoneJS

TouchstoneJS hiện tại đang trong giai đoạn hoàn thiện, nên vẫn chưa có đầy đủ chức năng. Mình chỉ xin giới thiệu những chức năng đã cung cấp tại thời điểm hiện tại.

Danh sách dạng grid.
Danh sách dạng grid.
Thay đổi màu header bar.
Thay đổi màu header bar.
Danh sách kèm tìm kiếm.
Danh sách kèm tìm kiếm.
Alert bar.
Alert bar.
Footer bar.
Footer bar.



Danh sách đơn giản.
Danh sách đơn giản.
Xem chi tiết.
Xem chi tiết.
Danh sách kèm thumbnail.
Danh sách kèm thumbnail.



Toggle.
Toggle.



Form.
Form.
Nhập mật khẩu.
Nhập mật khẩu.



Có thể hiển thị mật khẩu đã nhập.
Có thể hiển thị mật khẩu đã nhập.
Có sẵn các hiệu ứng như fade, hiển thị từ trái phải.
Có sẵn các hiệu ứng như fade, hiển thị từ trái phải.
Ngoài ra, TouchstoneJS dự định sẽ thêm các chức năng như scroll position, Pull to reload, nest view, cross platform themes, mode ngang màn hình... Các chức năng hiện tại hoạt động khá nhanh và mượt mà nên rất phù hợp cho phát triển ứng dụng Hybrid. Về JavaScript thì đang sử dụng ReactJS nhé.

TouchstoneJS là chương trình viết bằng HTML5/JavaScript, mã nguồn cung cấp sử dụng giấy phép MIT License.

Liên kết:
TouchstoneJS • ReactJS powered UI framework for developing beautiful hybrid mobile apps
JedWatson/touchstonejs

26/2/15

Tuleap – Quản lý dự án hỗ trợ Agile/Waterflow

Có rất nhiều chương trình hỗ trợ quản lý dự án với các chức năng và giao diện khác nhau. Trào lưu của những năm gần đây là phát triển dự án theo mô hình agile, scrum sử dụng backlog, kanban.
Tuleap là chương trình quản lý dự án hỗ trợ cả 2 mô hình phát triền là Agile và Waterflow đang được sử dụng cho cả các dự án nhỏ cũng như enterprise.

Cách sử dụng Tuleap


Dashboard.
Dashboard.
Trang Top của project. Hiển thị thông tin tổng thể của project.
Trang Top của project. Hiển thị thông tin tổng thể của project.


Báo cáo được hiển thị bằng biểu đồ gant.
Báo cáo được hiển thị bằng biểu đồ gant.


Task, có thể quản lý những task liên quan.
Task, có thể quản lý những task liên quan.


Xem repository (quản lý version). Hỗ trợ Git/Subversion.
Xem repository (quản lý version). Hỗ trợ Git/Subversion.


Trường hợp dùng Subversion.
Trường hợp dùng Subversion.


List file, folder.
List file, folder.


Wiki.
Wiki.


Mailing list.
Mailing list.


Message.
Message.


Form.
Form.


Báo cáo.
Báo cáo.

Vì có nhiều chức năng, nên để thử hết các chức năng của Tuleap thì có mất nhiều thời gian. Tuy nhiên, vì chức năng phong phú cho nên trong quản lý dự án thì chỉ cần Tuleap là sẽ đáp ứng được hết nhu cầu trong công việc quản lý dự án.


Tuleap là chương trình viết bằng PHP, mã nguồn cung cấp theo giấy phép GPL

Liên kết:
Tuleap
Personal Page for Phillippe Eboni (Philippe) - Tuleap

25/2/15

FlappySwift - FlappyBird bằng ngôn ngữ Swift

Sự kiện đáng chú ý của Apple trong năm 2014 ảnh hưởng đến dân lập trình phải kể đến là Apple cho ra ngôn ngữ lập trình mới mang tên Swift. Việc học ngôn ngữ mới thì chúng ta phải đọc sách, từ điển... Nhưng với dân lập trình như bọn mình thì việc học bằng cách đọc code của chương trình đã hoạt động thực tế sẽ dễ hiểu và nhanh hơn nhiều có phải không các bạn.
Vì vậy mình muốn giới thiệu cùng mọi người FlappySwift, là game clone của FlappyBird được viết bằng ngôn ngữ Swift.

Hình ảnh chương trình.

Mặc dù chương trình không hoàn thiện như game FlappyBird, tuy nhiên khi chúng ta tab thì chym bay như thật.

Có các file như AppDelegate.swift, và tổng cộng có khoảng 5 file Swift. Về việc nắm bắt hoạt động của chương trình thì có vẽ không khó lắm.
Thường thì khi code chúng ta nghĩ là chương trình sẽ chạy rất ngon lành, nhưng đời thì lại không như chúng ta mong đợi. Cho nên, học bằng cách xem source của chương trình đã chạy thực tế cũng là cách hay phải không các bạn.

FlappySwift là chương trình viết cho iOS, mã nguồn cung cấp sử dụng giấy phép MIT License

Liên kết:
gscalzo/FlappySwift

Server Monitoring Dashboard - Bootstrap template dùng cho quản lý server

Mặc dù thiết kế giao diện không quyết định chất lượng của hệ thống web, nhưng nếu tổng thể giao diện của hệ thống được thiết kế chuyên nghiệp và bài bản thì khi sử dụng sẽ tạo cảm giác an tâm hơn. Đối với các hệ thống quản lý cũng như vậy.
Thông thường vì hệ thống quản lý chỉ được sử dụng giới hạn cho admin, nên giao diện thường không được chỉnh chu lắm. Nhưng với DevOOPS thì chúng ta sẽ khắc phục được việc này với ít công sức và chi phí.

Cách sử dụng DevOOPS

Dashboard
Dashboard
Hỗ trợ nhiều loại biểu đồ.
Hỗ trợ nhiều loại biểu đồ.
Flot Charts。
Flot Charts。
Google Charts。
Google Charts
Morris Charts。
Morris Charts
AmCharts。
AmCharts
Chartist。
Chartist
CoinDesk realtime。
CoinDesk realtime
Table đơn giản.
Table đơn giản.
Table có thumbnail
Table có thumbnail
Table có thể thao tác bằng bàn phím.
Table có thể thao tác bằng bàn phím.
Grid.
Grid.
Form
Form
Giao diện dễ nhìn với thiết kế đồng nhất.
Giao diện dễ nhìn với thiết kế đồng nhất.
Có cả upload file.
Có cả upload file.
Grid
Grid
Buttons
Buttons
Progress bar.
Progress bar.
Có thể kết hợp với jQuery UI
Có thể kết hợp với jQuery UI.
Icons.
Icons.
Cả template như thế này cũng có sẵn.
Cả template như thế này cũng có sẵn.
Phong cách feed.
Phong cách feed.
Message.
Message.
Contact.
Contact.
Danh mục sản phẩm.
Danh mục sản phẩm.
Mẫu hóa đơn.
Mẫu hóa đơn.
Bản đồ.
Bản đồ.
 Bản đồ kiểu phóng to.
Bản đồ kiểu phóng to.
Galary đơn giản.
Galary đơn giản.
Flickr galary.
Flickr galary.
Typography.
Typography.
Lịch (Calendar)
Lịch (Calendar)
DevOOPS thiết kế sẵn khá nhiều loại template, nếu chúng ta kết hợp chúng lại với nhau thì sẽ tạo được nhiều màn hình quản lý ưng ý. Template được tạo dựa theo Bootstrap cho nên việc customize cũng không gặp nhiều khó khăn.

DevOOPS là chương trình viết bằng HTML5/JavaScript, mã nguồn cung cấp sử dụng giấy phép GPL v3.

Liên kết:
devoopsme/devoops

Nhận Tin

Đăng ký nhận tin

© 2015 @IT . All rights reserved.
Designed by SpicyTricks