ドット

機能紹介(製品マニュアルより抜粋)

FUNCTION

2.1. コントロールの外観

タイムビューコントロールはガントチャート形式の表示構造をしています。
管理する情報は作業や人のプロジェクト管理に限らず、施設予約スケジュール、結婚式などイベントのスケジュール表など様々な用途に利用が可能です。

appearance

縦方向に「アイテム」という作業項目のリストがあり、 横方向に「タイムルーラー」という時間軸があり、 アイテムとタイムルーラーで格子となっている場所に作業の期間やスケジュールといったものを表す「ピース」というバーを表示します。

2.2. UIテーマ対応

2.2.1. jQuery UI テーマ

タイムビュー コントロールは、 jQuery UI のテーマ に対応しています。テーマファイルの入れ替えによって簡単にビジュアルを変更できます。

Pepper Grinder (コショウ挽き)

theme_pepper-grinder

Le Frog (カエル)

theme_le-frog

Eggplant (茄子)

theme_eggplant

2.2.2. Bootstrap テーマ

また、 Bootswatch といった Bootstrap のテーマとも親和性があり、自然にフォントや表示サイズなどのスタイルが連動して対応します。

Blitzer

theme_bootstrap

Sketch

theme_sketch

2.3. タイムルーラー

・大区分、中区分、小区分の最大3段で目盛り表示できます。
・大区分と中区分の目盛りは非表示にすることも可能です。
・各区分毎に、目盛りの単位(年 / 月 / 週 / 日)と表記を設定できます。

大区分:月、中区分:週、小区分:日

timeruler_day

大区分:非表示、中区分:月、小区分:週

timeruler_week

大区分:非表示、中区分:年、小区分:月

timeruler_month

2.4. 特別時間帯

特別時間帯を使用して、一部の日付を任意のカラーで強調表示できます。 例えば、会社のイベントやプロジェクトのマイルストーンとなる日をわかりやすく表せます。
特別時間帯の設定は、いくつもの日付に設定できます。 また、任意のテキストを設定することができ、設定した日付にマウスを移動すると表示させることができます。

specialtime

2.5. ピース、達成率

・「ピース」という単位で1つの作業期間を入力します。
・指定した開始日と終了日を繋いだバー形式で表示します。
・同じアイテム上に複数のピースを入力して、離れた作業期間も表現できます。
・ピースに対して達成率をパーセンテージで設定・表示できます。
・ピースごとに任意のテキストや内部的なキー値などを設定できます。
・ピースに接敵したテキストはツールチップとして表示することができます。

piece

2.6. ユーザーインターフェース

スケジュール データを表示するだけでなく、マウス操作によって直接入力する機能も備えています。
また、マウスによって行った操作に対応するイベント通知も備えているため、プログラムによって操作を受理、拒否を制御できます。

2.6.1. ピース追加

アイテム上で希望の開始日から終了日へマウスをドラッグすることで追加できます。

ui_pieceadd

2.6.2. ピース選択

ピースをクリックして選択できます。ピース選択機能の有効・無効も設定できます。

ui_pieceadd

2.6.3. 達成率変更

ピースを選択すると表示される達成率移動ポイントをドラッグして変更できます。

ui_pieceadd

2.6.4. ピース期間変更

ピースを選択すると両端に表示される期間変更ポイントをドラッグして変更できます。
また、ピースの真ん中付近を押下してドラッグすることでピース全体を移動できます。

ui_pieceadd

2.7. 複数列とセル

・列を複数作成して表示できます。
・列の追加によってより多くの情報を表示させることが可能になります。
・列ごとに任意の表示テキストと列幅を設定できます。

cell

2.8. アイテムの階層化

・アイテムは階層レベルを設定できます。
・レベルに応じたインデント(字下げ)表示によって階層を表示します。
・下位レベルのアイテムを持つアイテムには[-]または[+]記号が表示されます。これをクリックすることで下位レベルのアイテムを非表示にしたり、再表示できます。

階層を展開

itemlevel_open

階層を閉じる

itemlevel_close

2.9. 印刷

専用の印刷向けの表示機能を使用して、タイム ビュー コントロールのみを複数ページに印刷することができます。
1ページあたりのアイテム行数および時間範囲の指定や、ヘッダやフッタ領域に出力するテキストの指定が可能です。

印刷出力

print_output

2.10. 2つのプログラミング インターフェース

タイムビュー for Web には、ASP.NET WebForms のサーバーサイド開発に適した ASP.NET サーバー コントロール、および クライアントサイドのみで完結できる jQuery UI コントロールのプログラミング インターフェースを提供しています。

2.10.1. ASP.NET サーバーコントロール

ASP.NET WebForms プロジェクトでの開発に用いることができます。

code_aspnet

code_aspnet_view

2.10.2. jQuery UI コントロール

ASP.NET MVC や ASP.NET Core MVC のみならず、Django や Laravel などさまざまな Web アプリケーション開発環境のクライアント サイド コンポーネントとして利用することができます。

code_jqueryui

code_jqueryui_view

CONTACT US

お問い合わせ

Knowlboの技術で貴社の課題を解決します。

ナルボ製品の資料請求、デモやお見積りのご依頼、ご質問など、
お気軽にお問い合わせください。