ガントチャートライブラリを使用したタスク管理画面の製作①

まだ、仕掛かり状態ですが、初期表示ができる状態になったので公開してみました。

タスクが管理できるかもしれないシステム
http://task.imo-tikuwa.com/

今回、ガントチャートを実装するにあたってdhtmlxGanttというライブラリを使用してみました。JavaScriptで実装するガントチャートライブラリの中ではかなり高機能みたいです。APIリファレンスは全部英語ですが、サンプルが充実してるので意外となんとかなりそうです。

ちなみにガントチャートって言葉は一昨日くらいに知りました。ライブラリ探すときにカレンダーを横長にしたみたいな認識で「カレンダー 横長 ライブラリ」とか検索してたから、なかなか見つからなくて苦労しました;;

仕様

  • 1月辺りの情報を表示する
  • 画面遷移無しでタスクの登録/更新/削除を行う
  • 土曜日は青、日曜日と祝日は赤色の背景色

タスク同士をリンクする機能と、タスクの親子関係を実装する機能は難しそうだったので避けてます(^^;
コメントを必要以上に書くようにしてるので、ソースはかなり読みにくいと思います。一通りの機能を作り終わったら整理します。
あと、公式サイトではPHP+SQLの連携について書かれていますが、PHPは苦手なのでJavaで作りました。

今後の課題

  • タスク変更のイベント発生時にAjax通信でDB更新
  • コンテキストメニューを追加(新タスク追加、CSVエクスポート、画像出力など)
  • プロジェクトの登録/更新/削除機能
  • タスクのCSVインポート/エクスポート
  • タスクの画像出力、pdf出力
  • アカウントごとの権限をなんちゃら

などなど

スポンサーリンク
GoogleAdsense



GoogleAdsense



シェアする