時間を確認できるタイムライン。 美しいタイムラインを作成するためのサービスのレビュー：機能と動作原理 ロシア人民の発展の道筋

情報化が普及した時代にたまたま学校で勉強していなかった人も、紙に年表を描いたことがあるかもしれません。 この記事の著者も同様の実験の参加者でした。ノートの正方形のシートを数枚、2 コペック分接着してリボンを形成しました。 以下に水平方向のタイムラインが描画されました あ私はスケール、10個の細胞、つまり1世紀です。 重要な出来事ごとに垂直線が引かれ、その上に出来事の名前と日付が記されたり、出来事を象徴するアイコンが描かれたりしました。 この活動は興味深いだけでなく、非常に有益だったと言わざるを得ません。 欠点は、他の描画を配置するために一部の描画を消去する必要があることと、個々のフラグメントを何度もやり直す必要があることでした。

学校でコンピュータにアクセスできる人は、何らかのグラフィック エディタで同様のタスクを完了したかもしれません。 パソコンでは時間に沿ったスクロールを簡単に設定できます ○番目のスケール。 一時的 あスケールは線形にすることができ、拡張されたイベントを歪みなく比較できます。 同時代の人々に関連するイベントの数は、過去数世紀よりも最近の方が常に多いため、イベントを対数スケールで表示する方が便利な場合があります。 図に示すように、スケールを拡大縮小することもできます。 1.

米。 1. スケーラブルなスケール図

赤い線が動くと、表示される年数が双曲則に従って変化します。つまり、スクロールする代わりに時間の変化が得られます。 ○画面に表示される期間。

現在、学童、学生、そして一連の歴史的出来事をタイムラインの形で提示したいすべての人々のために、専門ツールの大規模な武器であるタイムライン ソフトウェアが提供されています。 この記事では、主に時間を視覚化することを目的としたプロジェクトについて説明します。 s x 履歴プロセス、および程度は低いですが、ビジネス タスクと時間の関連付けを自動化するツール ○番目のスケール。 このトピックはタイムラインとして分類できますが、他のアクセントがあるため、個別に議論する価値があります。

タイムラインを作成するツールは、オフラインとオンライン、つまりインターネット上で直接プロジェクトを開発できるツールに分類できます。 最近では、タイムラインの作成に関する広範なリソースや、独自のプロジェクトを作成する際に役立つ興味深い情報を収集できる既製のプロジェクトに関する広範なリソースがインターネット上に登場しています。 この記事では、タイムライン プロジェクトの開発に最適なツールを選択する方法と、インターネット上の情報をどこで見つけるかについて説明します。

オフラインタイムラインツール

タイムラインメーカープロフェッショナル

OS:ウィンドウズ

このプログラムには、Timeline Maker Professional ($195) と軽量の Timeline Maker Student ($49.95) の 2 つのエディションがあり、無料試用版も利用できます。 このアプリケーションを使用すると、タイムラインを自動的に構築し、個人の希望に応じてカスタマイズできます。 ユーザーは、生データを Microsoft Excel テーブル (図 2) に似たテーブルに入力するか、他のアプリケーションからインポートする必要があります。その後、マウスをクリックするだけでタイムラインが自動的に生成されます。 この場合、背景をカスタマイズし、イベントの 1 つまたは別のプレゼンテーションを選択できます (図 3 および 4)。

米。 2. Timeline Maker Professional プログラムのインターフェイス

米。 3. イベント（期間）をフラグとして表示する

米。 4. イベント（期間）をバーで表示する

Bee Docs のタイムライン

について子：マックOS

このプログラムは、Mac OS 上でのみ動作し、イベントの 3 次元表示を提供すると考えられる唯一のプログラムです (図 5)。 確かに、基本バージョン (ユーザーの価格は 40 ドル) はフラットなタイムラインを構築します (図 6) が、3 次元にするためにはフォークアウトする必要があります。このバージョンの価格は 65 ドルです。無料の試用版もあります。

米。 5. 3D タイムラインが奥行きを加える
歴史回顧展

米。 6. おなじみの 2D ビュー

すべてのオプションで、歴史的なイベントを複数のレイヤーに整理して表示できます。 ユーザーはマウスをダブルクリックすることでイベントを編集できます。 タイムライン上のイベントは、ハイパーテキスト リンクによってユーザーのコンピュータ上のローカル ファイルまたはインターネット上のリソースにリンクできます。

スマートドロー

OC:ウィンドウズ

SmartDraw は 197 ドルのビジネス グラフィックス スイートで、ガントチャートやフローチャート、マインド マッピング、タイムライン ツールなどのさまざまなグラフ作成機能を提供します (図 7)。 無料の試用版が利用可能です。

米。 7. SmartDraw プログラム インターフェイス

タイムラインクリエイター

OS：Windows、Mac OS 9、X（JavaとFlashPlayerが必要）

Timeline Creator は、マルチメディア開発ツールに慣れていない教師や学生がインタラクティブなタイムラインを作成するのに役立つ無料のツールです (図 8)。 このツールを使用して取得したタイムラインは、インターネット上で公開できます。 プログラム インターフェイスを使用すると、最大 6 つの並行タイムラインを同時に表示できるため、イベントを比較できます。 イベントにはテキストによる解説が提供され、写真、音声、またはビデオの形式でマルチメディアの伴奏を付けることもできます。

米。 8. Timeline Creatorで取得したタイムラインの例

リソースのユーザーは、開発者の Web サイトで timeline.xml ファイルを交換する機会があります。 これにより、他の教師の仕事を利用し、継続することができます。

タイムライナーXE

OS: Windows (すべてのバージョン)

Timeliner XE (図 9) は、タイムラインとコンセプト マップを作成するためのツールを提供する非常に高度な製品 ($99) です。つまり、時系列に関連するだけでなく、原因と原因に従って関連するオブジェクトを表示できます。効果原理。 したがって、このプログラムを使用すると、直線的な時系列フィードに加えて、オブジェクトのチェーンや、オブジェクトで構成される閉じたサイクルを作成することもできます。

米。 9. Timeliner XE プログラム インターフェイス

テンプレートのおかげでプロジェクトを作成するときに迅速に開始できるため、複雑なマルチメディア作成ツールにアクセスできないユーザーの間でこの製品の需要が高まっています。 インターネット上の情報を検索するための内蔵 Web ブラウザを使用すると、プロジェクトを離れることなく必要なオブジェクトを見つけることができます。

エクセル

OS:ウィンドウズ

ご存知のとおり、Excel はタイムラインの作成に特化したツールではありませんが、このツールは非常に高度なので、適切なスキルがあれば、この目的に適応させることができます。 Microsoft の Web サイトでは、Excel を使用したタイムラインの作成に関する多数の記事を見つけることができます。 たとえば、http://www.microsoft.com/education/createtimeline.mspx には、図 1 に示すようなタイムラインの作成方法が段階的に説明されています。 10.

米。 10. タイムラインの作成例
Excelを使用（非線形スケール）

図の場合 図 10 のタイムラインには非線形スケールがありますが、より複雑な方法 (図 11) を使用すると、線形スケールを持つ本格的なタイムラインを作成できます。 このようなタイムラインの作成例は、http://www.vertex42.com/ExcelArticles/create-a-timeline.html のレッスンで説明されています。 方法論の説明に慣れる準備ができていない人は、同じ Web ページにあるタイムライン テンプレートをダウンロードするだけで済みます。

米。 11. Excelで取得したタイムラインの例
(リニアスケール)

同時代人

OS：ウィンドウズ

「同時代人」は、年表の形で編成された歴史参考書でもあります（世界史とロシアの歴史を 1 つの年表に約 700 人掲載）。 ○スケール）、エディタ（フィードに図やイベントを追加できます）、歴史の方向性を示すためのゲームのセット（図12）。

米。 12.「Contemporaries」プロジェクトの「タイムライン」モード

このプログラムは、「デジタル教育リソースの統合コレクション」プロジェクトの枠組みの中で開発され、非営利目的で自由に配布されています。 歴史の研究だけでなく、世界の芸術文化や文学などの人道的主題にも使用できます。 プログラムの構成の核となるのは時間の概念です。 「ロシア」と「世界」の 2 つのモードを使用すると、歴史的プロセスの同期に取り組み、世界史と国内史のコース間の断絶を克服できます。

このプロジェクトは、大量の歴史情報、表示モードを選択して組み合わせる機能が特徴で、さまざまな歴史上の人物や出来事に関する情報を組み合わせることで、さまざまな科目の教育プロセスを組織することが可能になります。 プログラムの時系列のタスクは、生徒が時間内に自信を持って方向付けできるスキルを開発することを目的としています。 固有の興奮を伴うゲーム モードは、生徒の科目学習へのモチベーションと分野への関心を高めることができます。 「人物－時代の出来事」、「国史の姿－世界史の姿」、「祖先－子孫」といった縦横のさまざまな関係を築くことができます。

歴史的時代を特徴づけるために選択された出来事とその概略的なイメージの分析は、「時代のイメージ」についての議論の基礎となり、学生が既存のサンプルから選択し、抽出し、出来事の選択を正当化することによって創造的な作品を作成します。特定の時代を特徴付けるもの。

タイムライン上の新しい要素を編集および追加できる機能 (図 13) により、教師は特定のレッスンのイラストとしてタイムラインを作成できます。

米。 13. Contemporaries プログラムを使用すると、
そして新しい要素を追加します

NEO クロノライナー

OS：ウィンドウズ

このプログラムは、「デジタル教育リソースの統合コレクション」プロジェクトの枠組みの中で作成され、非営利目的で自由に配布されています。 「ChronoLiner」は、さまざまな情報ソースを時系列に基づいて統合できるツールです。 収集した情報を視覚化、分析、印刷するためのツールが含まれています。

OS3 ChronoLiner 1.0 ソフトウェア パッケージのメイン モジュールを使用すると、OS3 ChronoLiner 1.0 で用意されたタイムラインを操作できます。 エディタ」では、マルチメディア オブジェクトをタイムラインに統合できます。

このプログラムは、タイムラインの構造と内容を印刷します。 さらに、さまざまなタイプのスケール、本、年表の形式で、その表現を印刷することもできます。 単一のタイムラインとそれらのさまざまな組み合わせの両方を時間で同期して印刷できます。 ○番目のスケール。 また、印刷されたシートに特別な番号を付け、隣接するページの位置合わせ線を示す「基準」点を使用して、壁掛けポスターを作成できます。 教科のニーズに応じて、教師は OS3 ChronoLiner 1.0 に含まれるセットからタイムラインを選択するか、新しいタイムラインを作成できます。

タイムラインはさまざまな形式で表示できます。詳細なイベント カード (図 14)、イベント名の短いカード (図 15)、および各イベントが機能するドットで画面上にマークされるコンパクトな形式です。マウスをその上に置くと、ツールチップ付きのボタンとして表示されます (図 16)。

米。 14. 詳細なイベントカードを示すタイムライン

米。 15. イベントの簡単な情報を表示するモード

米。 16.「OSZ ChronoLiner」の「コンパクト」モード

このプログラムの特徴は、教師が独自のタイムライン コンテンツ ファイルを作成する機会を提供することです。 表にリストされているものを含め、多数のトピックがすでに 1 つのコレクションで提供されています。

このリソースでは、歴史だけでなく、他の主題に関するトピックも提供します。 たとえば、図では 図 17 は、「地質年代学 - 地質時代と時代」の年表を示しています。これは、生徒が始生代から新生代までの地球の歴史における主な地質時代についての考えを発展させるのに役立ちます。 この資料には、地球の生物圏の発展にとって最も重要な自然現象と地質学的プロセスの説明、およびさまざまな時代の動植物の典型的な代表の画像が含まれています。 この資料は自然地理の授業で学習します。

米。 17. 年表「地質年代学 - 地質時代と時代」

オンラインタイムラインツール

このセクションでは、インターネット上でタイムラインを作成できるリソースについて説明します。 このようなツールはシンプルな開発ツールを提供し、独自のプロジェクトを作成し、作成者のみまたはすべてのインターネット訪問者がアクセスできるようにすることができます。

タイムライン.thinkport

このサービスは、教師、生徒、保護者向けのプラットフォームとして考案された thinkport 教育環境内で利用できます。 サイトのセクションの 1 つは、タイムラインを作成するための簡単なリソースを提供します。 登録後、インターネット上に直接自分のタイムラインを作成する機会が得られます。 このプログラムではタイムラインのアイコンを検索でき、作成したプロジェクトはタイムラインを広範囲に拡大縮小して表示できます。 タイムラインはオンラインに保存されますが、プロジェクトに戻って作業を続けることができます。

テンプレートの存在により、タイムラインの作成プロセスが簡素化されます (図 18)。ただし、誤解しないでください。このプログラムを使用すると、非常に単純なプロジェクトしか作成できません。

米。 18. アシスタントが作成のすべての段階をガイドします。
Timeline.thinkport のタイムライン

ニーモグラフ

Mnemograph は、タイムラインに基づいて情報を整理および管理できる Web アプリケーションです。 情報は作成者または周囲の人のみが利用できるようにすることができます。 特定の日付に関連付けられたポイント イベントと拡張されたポイント イベントの両方を作成できます (図 19)。 追加されたイベントにはハイパーリンクを設定でき、タイムライン ユーザーをインターネット上ですでに公開されているそのイベントに関する情報に誘導できます。 複数の並行タイムラインを作成し、過去のイベントだけでなく、将来に予定されているイベントも追加できます。 Mnemograph は編集者であると同時にビューアでもあります。 この記事の執筆時点では、Mnemograph リソースはベータ テスト中です。

米。 19. ニーモグラフリソースインターフェース

類似のタイムライン

プログラマーや Web デザイナーにとっては、Simile タイムライン リソースが役立ちます。このリソースでは、方法論が説明され、図 1 に示したものと同様のタイムラインのオンライン実装を取得できるコードが提供されています。 20.

米。 20. 直喩タイムラインの外観

既製のタイムライン プロジェクト

上記の製品を使用すると、非常に簡単なタイムテープを作成できます。 複雑なインタラクティブなプロジェクトを計画している場合は、何らかのマルチメディア作成ツールを使用する必要がありますが、そのレビューはこの記事の範囲外です。 ここでは、特定のタイムライン プロジェクトがすでに実装されているリソースの概要を説明する方が便利です。 これらを読むことで、資料を提示するためのアイデアを得ることができ、歴史的なデータを見つけることができます。

ハイパーヒストリー

明確さと歴史的な内容を提供する優れたリソース。 一時的 s歴史上の人物のテープ (図 21)、時代と出来事 (図 22 と 23) に加えて、歴史的な地図とテキストが収録されており、理想的な歴史教科書となっています。

このプロジェクトは、デザインとグラフィックの改良に関して非常に禁欲的に実施されましたが、必要なものはすべて機能しました。

米。 21.「People」モードでは個性が表示されます

米。 22. 履歴モードでは期間が表示されます

米。 23. 「イベント」モードではイベントを年ごとに表示します

主要なトレンドと出来事の年表 (1750 ～ 2100 年)

過去の分析により将来の予測を可能にするユニークなリソースです。 非常に控えめな実装で、このプロジェクトはその明快さと情報コンテンツに驚かされます。

タイムライン (図 24) には、次の要素を表示する多くのスケールが含まれています。

米。 24. 主要な傾向と出来事の年表 (1750-2100)

• 環境 - 人口レベルやその他のパラメータなど。
• 社会的 - 犯罪率、社会的気分（多幸感、不安の期間など）。
• 技術 - 特に、最も重要な技術の出現時期 (図 25)。

米。 25. 起源の時代を示すタイムテープの断片
最も重要なテクノロジーの成熟度（予測を含む）

• 経済 - 市場における不況、恐慌、パニックの時期。
• 政治的 - 戦争および武力紛争（図 26）、暴動、反乱など。

米。 26. 最も重要な戦争が記録されているタイムラインの断片

(このタイムラインの完全版は PDF 形式で CD に収録されています。)

BBCタイムライン

Flash がどのようなインタラクティブ性と美しさを提供するかを示すために、英国の歴史に関する年表 (図 27) を提供し、それに基づいてこのプロジェクトが実行されます。 タイムラインには膨大な量の歴史的資料が含まれていますが、スクロールは非常に速くて便利です。 光るテキスト、完璧なデザイン、しかしおそらくこのプロジェクトの利点はここで終わります。 リソースについては、イベント モードが選択され、ツールチップ付きのボタンで表示されます。これは、傾向を追跡することができないため、情報を表示する方法としては失敗しています。 イベント ボタンを補完するアイコンやシンボルがないため、プロジェクトの情報コンテンツが大幅に減少します。 その結果、ユーザーは高品質のデザインと豊富な素材を受け取りますが、プレゼンテーションの明瞭さは最小限です。

米。 27. 英国の歴史年表インターフェイス

タイムライン プロジェクトのコレクション

古代から現代までのタイムテープのプロジェクトが集められた壮大なサイト。 ここでは、新しいプロジェクトを作成するための多くのアイデアを得ることができます。

この記事の著者はかつて、時間の経過に伴う各国の地域の変化を示すタイムラインを作成するというアイデアを思いつきました。 残念ながら、この記事を書いているときに発見されたのですが、これは新しいものではないことが判明しました。 このアイデアが実装されるタイムラインを図に示します。 28 にあり、http://www.math.yorku.ca/SCS/Gallery/images/timelines/hammond1_1200x825.jpg にあります。 時間スケールは上から下に進みます。

米。 28. 各国の地域の変化を示す年表
時間とともに

この図は、第一次世界大戦後、ドイツの領土が減少し、40年代半ばに増加し、1945年以降に再び減少したことを示しています。 同じテープには、イギリスの植民地制度の崩壊、米国地域の成長、オーストリアの 2 つの「袖」への分割がはっきりと示されています。このアイデアは完璧に実行されました。 残念ながら、このリソースは紙の原稿をスキャンして縮小した JPG ファイルとしてのみ存在しており、完全なオンライン バージョンはありません。 これは、Flash などをベースとした、本格的なオンライン プロジェクトの 1 つに実装されるのをまだ待っているアイデアです。

大陸の面積は時間に依存しない量であるため、近隣諸国のグループにおける面積の割合の時間の経過に伴う変化を表示するタイムラインを構築することができます。 ちなみにこちらのサイトでも紹介されています。

ロシア民族の発展の方法

もう 1 つの開発は、「デジタル教育リソースの統合コレクション」の Web サイトで無料で利用できます (図 29)。 このタイムラインには、9 世紀から 16 世紀までのロシアの人々の発展の軌跡が表示され、インタラクティブなタスクが含まれています。 図からわかるように。 30、テストモードでは、学生は中世に現代ロシアの領土に存在した州の名前をタイムテープに記録する必要があります。

米。 29. タイムライン「ロシア人民の発展の道筋」

米。 30. タイムライン上のインタラクティブなタスク

結論

タイムラインを作成するためのツールはたくさんあります。基本的にタイムライン上にイベントを示すフラグを自動的に配置する最も単純なものから、学習を目的としており、エディターに加えてかなりの量の情報コンテンツを備えた非常に複雑なものまであります。 さらに、分析が示すように、製品のコストはその品質だけでなく、その製品が誰によって、どのプロジェクト内で作成されたかによっても大きく左右されます。 営利企業が配布する小規模なエディタには多額の費用がかかる場合がありますが、教育プロジェクト「教育デジタル リソースの統合コレクション」など、大学のチームが数十年にわたって開発した数メガバイトのコンテンツを含む大規模プロジェクトは無料で提供されます。 ちなみに、この記事で取り上げた製品のうち、教育用語として最も興味深い 2 つである「Contemporaries」と「OSZ ChronoLiner」を含む 3 つがこのポータルに掲載されています。 Timeline Creator プロジェクトはオンライン教育コミュニティによってもサポートされており、完全に無料で配布されています。

この記事の著者は、多かれ少なかれ複雑なタイムラインを作成できるオンライン エディタを見つけませんでした。 どうやら、誰もが自分の経歴や親戚全員の経歴をタイムライン上に表示できる、本格的な Web 2.0 プロジェクトがまだ準備中であるようです。 私たちがテストできたオンライン フィードを開発するためのリソースはまだベータ テスト中であり、開発が不十分です。

インターネット上で閲覧できる既製のタイムラインを分析すると、このトピックがさまざまな方向で提示されており、ほとんどが英語ですが、素晴らしいリソースがあることがわかります。 プロジェクトの可視性は、プロジェクトが実装されているテクノロジー プラットフォームの機能と必ずしも一致するとは限らないことに注意してください。 プロジェクトの成功には、パネルやフォントのエンジンや優れたデザインだけでなく、明快さ、興味深いアイデア、そしてそれらのグラフィック解釈も含まれます。 タイムラインを作成するには、タイムラインに沿ってイベントの名前を配置するだけでなく、スペースを最小限に抑え、イベントに正確に関連付けられるように、各イベントのアイコンを選択する必要もあります。 インターネット上にはタイムラインの実装が数多くありますが、これは新しい開発者に何も残されていないという意味ではありません...歴史は生きた科学です。新しい事実が現れ、古い事実が再考されます。そのため、新しい興味深いタイムラインが今後も出現し続けるでしょう。 この記事が新しい興味深いプロジェクトの開発に役立つことを願っています。

タイムラインを使用すると、時間の経過に伴うオブジェクトの管理を整理でき、オブジェクトが相互に続く順序を視覚的に表示することもできます。

タイムライン内のオブジェクトとシーン エディタ内のオブジェクトの間には直接的な関係があります。 したがって、たとえば、タイムラインでオブジェクトが選択されると、そのオブジェクトはエディタでも選択され、タイムラインからオブジェクトが削除されると、エディタからも削除され、その逆も同様です。 基本的に、これは同じオブジェクトですが、シーン エディタでは空間的に表示され、タイムラインでは時間的に表示されます。

タイムラインを使用すると、シーン上でのオブジェクトの表示の開始時間とその継続時間を変更できます。 カーソルを使用してエディターで現在時刻を設定すると、シーン全体が現在時刻に従って再描画されます。 エディターの現在時刻がステータス バーに表示され、作業領域範囲の開始時刻と終了時刻もそこに表示されます。

マウスの右ボタンをクリックすると表示されるメニューを使用してオブジェクトを管理できます。 オブジェクトの削除、クリップボードへのコピー、クリップボードからのオブジェクトの切り取りまたは貼り付けを行うことができます。 メニューで適切な項目を選択して、オブジェクトの順序を変更することもできます。 「カーソルを開始/終了に移動」項目を使用すると、現在の時間を変更し、オブジェクトが表示される時間または非表示になる時間に設定することができます。 「プロパティ」メニュー項目を選択すると、オブジェクトのプロパティを含むウィンドウが表示されます。

タイムラインでオブジェクトを選択すると、このオブジェクトの名前を示す追加のタブが表示されます。 それをクリックすると、このオブジェクトの編集に進み、他のオブジェクトや効果を追加できるようになります。 この場合、タイムラインには現在の編集オブジェクトの内容が表示されます。 シーンの編集に戻るには、シーンの名前を含むタブを選択する必要があります (常に最初のタブです)。 タイムライン内のオブジェクト名をダブルクリックして、オブジェクト編集モードに切り替えることもできます。

シーンまたはスプライトを編集するとき、タイムライン内のオブジェクトの順序が逆になることに注意してください。 タイムラインの最初のオブジェクトは、エディターの最後に (他のすべてのオブジェクトの上に) 表示されます。 同時に、エフェクトの順序は直接的であり、フィルタがオブジェクトに適用される順序を示します。

タイムライン内のいずれかのブロックをダブルクリックすると、その出現時間と継続時間に従って作業領域が選択されます。 対応するツールバー (以下を参照) を使用して作業領域を設定することも、タイムラインのタイム ルーラーをクリックしてボタンを押したままにし、必要な範囲を選択して放すことによっても作業領域を設定することができます。 ワークスペースを操作するもう 1 つの方法は、そのポインターを直接操作することです。 作業領域の開始ポインタまたは終了ポインタをドラッグすると、時間内の位置を変更できます。

ツールバー「 ズームツール”

このツールバーを使用すると、タイムラインの時間スケールを変更できます。 これには、ズームイン、ズームアウト、最小ズーム、スムーズなズーム スライダーの要素が含まれています。 作業領域に合わせてスケールを設定することもできます。 これを行うには、タイムラインで範囲を選択し、ツールバーの対応するボタンをクリックします。

ツールバー「 管理ツール”

次の要素が含まれます: 時間/フレーム表示モードの切り替え、選択したオブジェクトの先頭、前の 2 番目、前のフレーム、次のフレーム、次の 2 秒、および選択したオブジェクトの終わりへのカーソルの移動。 ここでは、作業領域の開始と終了を設定したり、作業領域の開始または終了をカーソル位置に揃えたりすることができます。

ツールバー「 ブロック管理”

このツールバーはタイムライン上のブロック（オブジェクト）を管理するためのもので、カーソルに合​​わせてブロックを整列させることができ、オブジェクトが出現し始めた時点から消滅するまでの整列が可能です。 ここでは、選択したブロックを互いに位置合わせして、一方のブロックがもう一方のブロックのすぐ後に続くように、または特定のオフセットを置いて配置できます。 これは、あるオブジェクトが別のオブジェクトを順番に、または一定期間にわたって置き換えるシーンを作成する必要がある場合に使用できます。

このような情報の提示が適切となるのはどのような場合ですか?

• あなたの資料は本質的に伝記的であり、特定の現象の歴史について語っています。
• 複雑なプロセスの年表を復元し、それを構成するイベントの発展のロジックを示す必要があります。

タイムラインのおかげで、選択したトピックや問題に関してさまざまな時期に公開された、リソース上ですでに利用可能な情報や分析メッセージをリンクすることができます。 これにより、一方では読者の新たな関心が集まり、他方では、訪問者の注意をさらにページに留めることができます。

グラフィック エディタから一般的な CMS 用のプラグインまで、さまざまなツールを使用して作成できます。 最も人気のあるオンライン サービスを見ていきます。

タイムライン作成サービスのリーダーは タイムラインJS。 人気の秘訣はシンプルです。無料で非常にシンプルかつ普遍的です。つまり、結果をあらゆる Web サイトのページに埋め込むことができます。

使用例はサービスのトップページで直接見ることができるほか、英語の公式ビデオチュートリアルもあります。

まず、「タイムラインの作成」画面の中央にある緑色のボタンをクリックします。 自動的に英語のタイムライン作成手順に移ります。

ビデオによる説明

データを入力するには、Google ドライブ上のテーブルが必要です。 Timeline JS に必要なすべての列を含めるには、情報を入力するだけで済みます。ここで「スプレッドシート テンプレートを取得」ボタンをクリックして、必要なテンプレートを取得します。

開いた Google ドライブ ウィンドウで、左上隅にある [このテンプレートを使用する] をクリックすると、テンプレートのコピーがアカウントに表示されます。 すべてがうまくいくように、開発者は既存の列を削除したり、見出しの名前を変更したりしないようにお願いしています。 ヘッダーのみで、残りは逆に、データに置き換える必要があるデモ コンテンツであることに注意してください。

テーブル内の列の目的を簡単に見てみましょう。

まず、イベントの日付を入力する必要があります。最初の 4 つの列は、この目的のために予約されています (年、月、日、正確な時刻)。 何らかの期間がある場合は、同じ形式で終了時刻を示すこともできます。 次の列は、前の列に対応しない特別な形式で日付を示すためのものです (例: 「1 月 - 2 月」)。

見出しは、特定の日付にリンクしたイベントのタイトルです。 テキスト – 簡単な説明。 ここでは HTML 形式で、たとえば、Web サイトですでに公開されている資料へのリンクを挿入できます。

メディア - イラストへのリンク: 写真、ビデオ、Google マップ上のポイント、または Twitter の投稿。 さらに、メディアは単なるリンクとしてではなく、組み込みのマルチメディア埋め込み要素として完全に機能するマテリアルとして表示されます。 Сredit – ソース、caption – 署名。

これらのフィールドに入力するだけで十分です。 次に、テーブルをタイムラインに変える必要があります。 まず、これを行うには、通常のGoogleスプレッドシートメニューの「ファイル」-「インターネットで公開」を通じて公開する必要があります。 ただし、この後に表示されるリンクをコピーする必要はありません。「インターネットに公開」ウィンドウを閉じて、代わりにブラウザのアドレス バーからリンクを取得します。 それが私たちに必要なことなのです。

説明用のイラスト

次に、サービス Web サイトに戻り、手順のステップ 3「タイムラインを生成する」に進みます。 [Google スプレッドシート URL] フィールドに、表へのリンクを挿入します。 その右側では、作成するタイムラインの希望の幅と高さを指定でき、「オプション設定」という見出しの下にいくつかの追加設定を指定できます。

SutoriはTimeline JSで作れる形式のタイムラインを作成するためのリソースとは言い難いです。 ここでは、テキストからビデオ、ディスカッションまで、さまざまなタイプのコンテンツを、読者が移動する垂直軸に単純に並べます。 ここでは時間の参照は必要ありません。 ただし、視覚的には、プロジェクトは年表に基づいたものとまったく同じように見えます。

専門家：情報技術および教育ビデオの博士号

タイムラインとは何ですか?

タイムラインは時系列に沿って教材を作成するツールです。

タイムラインは、レッスンを多様化する魅力的なストーリーに変えることができます。 また、プロジェクト作業としてこのようなサービスを利用することは、生徒の認知的関心、批判的思考、分析、教材の分類などの能力の発達に貢献します。

教育におけるタイムラインは次のような場合に役立ちます。:

1. 教材とは、特定の現象、事実、出来事の歴史です。
2.プロセス技術を実証する必要がある。
3. 教材の特定の要素間の関係を示す必要があります。
4. 教材のプレゼンテーションを視覚化します。
5. 学生向けのプロジェクト作業を企画します。

タイムラインを作成するサービス

タイムラインは、電子教科書デザイナー (iSpring Kinetics (Visuals) の「タイムライン」など) に組み込むことも、独立したオンライン サービス (サイト) にすることもできます。 タイムラインを作成するための同様の無料サイトをいくつか見てみましょう。

タイムラインJS

タイムラインJS– さまざまな教育課題の解決に適したユニバーサルサービス。

Timeline JS のタイムラインの例

特徴:

1. Google ドライブドキュメントの操作に基づいています。 つまり、タイムラインを作成するには Google アカウントが必要です。
2. 最後のクロニクルはサイズが大きく、モダンなデザインになっています。
3. このサービスは多数のメディア形式をサポートしています。
4. コラボレーションに使用できます。
5.完全に無料。

欠点:

2. ビジュアルエディターはありません。

使い方？

サイトにアクセスしたら、ボタンをクリックする必要があります タイムラインを作成する、 さらに遠く - スプレッドシート テンプレートを取得する例を含むスプレッドシートをダウンロードしてください。 既存の列の名前を削除したり名前を変更したりすることはできません。データを置き換える必要があるだけです。

写真1。

テーブル内の既存の列について簡単に説明しましょう。 最後の列の 1 つから始めましょう タイプ。 Title 値を選択した場合、イベントの開始時刻と終了時刻を厳密に指定する必要はありません。 一方、Era (元号) では最初の 8 列を埋めることが厳密に要求されます。 つまり、タイムラインのタイプと目的はタイプによって異なります。 「タイトル」や「時代」の意味 一度選択したプロジェクト全体に対して。

図2。
図3.

最後の列 - 背景– 背景色 6 桁の形式。 すべての色や色合いについてこの形式を知る必要はありません。 ブラウザに検索クエリ「カラー テーブル」を入力し、任意の色のコードを示す最初のソースを開くだけです。

図4.

タイムラインでの作業が終了したら、コマンドを選択する必要があります "ファイル"– Google スプレッドシートで「オンラインで公開」。 表示されるリンクをコピーして、Timeline JS Web サイトに戻りましょう。 項目 3 を選択します – 「タイムラインを生成するには、スプレッドシートの URL を下のボックスにコピー/貼り付けます。 (スプレッドシートを公開していることを確認してください。)」 – つまり この領域にタイムラインへのリンクを挿入します。

図5.

https://youtu.be/P7EgqakdzNA

すとり

Sutori は教育向けに特別に作成されたインタラクティブなタイムラインです。

Sutoriのタイムラインデザイン

特徴:

1. テキストや画像に加えて、テスト（2種類）、フォーラムなどのインタラクティブな要素が利用可能です。
2. 大量のテキスト (1 ページ以上) を挿入できます。
3. イベントは小さなグループに分類できます。
4. 共同プロジェクトをサポートします。
5. 無料プランあり。

欠点:

1. ロシア語はサポートされていません。
2. 無料プランでは、2つのグループのみ作成できます。
3. 教師はテスト結果を見ていません。

どのように動作します？

登録と承認後、グループまたはストーリーを作成するように求められます (物語を作る)、つまり タイムライン。 ストーリーには独自のバナー (ページ上部の 1536 x 400 ピクセルの画像) を含めることができます。 バナーを追加するには、「バナーを追加」ボタンをクリックし、コンピュータから画像を適切なフィールドにドラッグするか、インターネットから画像へのリンクを貼り付けます。

図6.

次に、タイムラインのタイトル (タイトルを挿入) と短い説明 (白い短い説明...) を指定します。 タイムライン要素を追加するには、大きなプラスのボタンをクリックします。 次の要素が利用可能になります。

図7。

画像と同様に、ビデオとオーディオはコンピュータからダウンロードすることも、インターネット上の適切なアイテムへのリンクに貼り付けることもできます。

見出し(文字通り – 「見出し」) この場合、任意の基準に従って教育要素を組み合わせることができます。

たとえば、「大祖国戦争の主な戦闘」タイムラインには、次の 2 つの見出しが含まれる場合があります。
1. 「モスクワの戦い」、「セバストポリの戦い」、「レニングラード包囲戦」などの要素を含む「戦争前半の戦い」;
2.「スターリングラード」「クルスクバルジ」「ワルシャワ解放」などの要素を含む「戦争後半の戦い」

上にも書きましたが、このタイムラインのフォーラムはSuotri上で作成したグループ内でしか利用できず、あまり便利ではありません。 ただし、全員を対象としたテストを作成することはできます。 利用できるテスト タスクは 2 種類あります。 1 つ目は、正解を 1 つ選択するタスク (複数選択) です。

図8。

2 つ目は、正しい一致を確立するタスク (一致クイズ) です。

図9。

テストは次の目的で使用されます セルフテスト– 教師は生徒のテスト結果を見ることができません。

https://youtu.be/P7EgqakdzNA

乾杯タイム

Timetoast は、有料または無料のアカウントを選択できる古典的なタイムラインです。

Timetoast でのタイムラインのデザイン

特徴:

1. 無料プランがあります。
2. イベントは期間ごとに組み合わせることができます。
3. クロニクルのプレゼンテーションには 2 つのタイプがあります。

欠点:

1. ロシア語はサポートされていません。
2. 無料プランでは、埋め込みコードを取得する方法はありません。
3. 無料プランには広告が含まれます。

どのように動作します？

このサイトに登録して承認した後、ボタンをクリックします 「タイムラインを追加+」履歴を追加します。 次のページで、タイトル（Title）を書き留め、ステータス（公開ステータス）に値「パブリック」-パブリックアクセス（ドラフト-ドラフト-無料アカウントでは利用できません）を示し、カテゴリ（Category）を選択してアップロードしますボタンをクリックして写真 (写真) をアップロードします。 最後に、「タイムラインの作成」をクリックします。

この年代記の作業ロジックでは、まず期間 (タイムスパン) を作成する必要があり、その中にいくつかのイベント (イベント) が存在します。 たとえば、「リューリック王朝」は時代、「リューリック」、「イーゴリ」、「スヴャトスラフ」は出来事です。

期間を作成するには、「タイムスパンを追加」ボタンをクリックします。 タイトル、説明を書き留め、イベントの開始日と終了日 (開始データ、終了データ) を示します。 最後に、「タイムスパンの作成」ボタンをクリックします。 [説明] フィールドは 500 文字に制限されているため、比較的大量の情報を追加できます。

図10。

イベントを追加するには、対応するボタンをクリックします (イベント追加)指定されたフィールドに入力します: タイトル、説明、日付、画像をアップロードします (写真 – アップロード)。 最後に「イベントの作成」ボタンをクリックします。

図11。

タイムラインを作成したら、 ボタンをクリックします。 もっと– 自分のタイムラインを表示するには、このタイムラインを表示します。

図12。

表示モードでは、クラシックな水平 (タイムライン) と垂直 (リスト) の 2 つのオプションが利用可能です。 この記録へのリンクを取得するには、作成したプロジェクトのページの下部にあるボタンをクリックし、表示されたハイパーリンクをコピーします。

図13。

詳細についてはビデオキャストをご覧ください:

https://youtu.be/P7EgqakdzNA

トライン

Tline – カラフルなリボンの形のタイムライン。

Tline のカラフルなライン

特徴:

1. Chronicle は、Education 2.0 の精神に基づいたウィジェットです。
2. あらゆるコンテンツのハイパーリンクの公開に基づきます。
3. 無料。
4. アンケートを挿入することが可能です。
5. このサービスは、効果的なブロックの形で教材へのリンク集を作成したり、ウェビナーや今後のイベントなどを公開したりするのに便利です。

欠点:

1. ロシア語はサポートされていません。
2. これは、本格的なタイムラインというよりは、リンクのコレクションです。
3. 公開されるイベントの規模は比較的小さい。

どのように動作します？

図14。

ロゴと画像は、コンピュータからダウンロードすることも、インターネット リンクからコピーすることもできます。 以下にさらに多くのフィールドを示します。

• スクロール ボタンを表示 – スクロール ボタンを表示します
• 逆ソート日付 – イベントの逆ソート
• 記事の日付を非表示 – 投稿の日付を非表示にします
• 記事の時間を非表示 – 投稿の時間を非表示にします
• クレジット – 著者
• メインカラー - 背景色

図15。

最初のオプションを選択した場合は、さらに多くのフィールドに入力し、(インターネットまたはコンピュータから) 画像をアップロードする必要があります。

図16。

前のステップで「コンピューターから画像をアップロード」オプションを選択した場合は、イベントにいくつかの情報を追加する必要もあります。

図17。

• 授業のプレゼンテーション

Timeline JS チームの発案です。 Google マップにリンクされたイベント フィードを作成できます。 機能性とシンプルさの点では、賞賛の余地はありません。 このサービスは伝統的にインタラクティブな地図を作成するためのツールとみなされていますが、ポスターの作成や英雄の伝記の提示にも使用できます。

タイムライン作成サービスの世界における私の個人的な愛。 写真、ビデオ、オーディオを使用したり、リンクを貼り付けたりできるため、タイムラインは大容量でボリュームのあるものになります。

ここでは、リーダーが時系列的に画面の奥深くに移動するときにモードを 2D から 3D に切り替え、テープ全体と個々の時点の外観をカスタマイズできます。 無料版ではすべての機能を利用できますが、制限が 1 つあります。作成できるタイムラインは 1 つだけであり、Web サイトやブログに埋め込むための埋め込みコードを取得することはできません。 有料プランを購入するのに十分なお金がない場合は、無制限の数のメールを登録できます。確認も必要ありません。

Sutori サービスのタイムラインは、通常の水平方向のタイムラインとは異なります。 ここでは、読者が上から下に移動する垂直軸にさまざまなタイプのコンテンツを並べます。 これには、説明付きのテキスト、写真、ビデオ、音声のほか、興味深い事実、アンケート、テスト、ディスカッションなども含まれます。 時間間隔はカスタマイズ可能で、プラス ボタンを押した垂直軸の位置によって異なります。 このツールを使用すると、さまざまなメディア ストーリーを伝えることができますが、視覚的にはプロジェクトが年表に基づいているように見えます。

このサービスでは、学生は無料で最大 3 つのタイムラインを作成できますが、登録時に成績表は必要ありません。 インターフェイスは昔ながらの受信機として様式化されており、素材の特徴に変えることができます。 イベントの重要性はユーザーによって設定され、フォント サイズのスケールで表示されます。 読者は興味のある時点をクリックすると、さらに詳しく知ることができます。 イラストが上部に平行スケールで表示されるのは珍しいですね。 ビデオまたはオーディオのフラグメントを追加することはできません。 結果は、埋め込みコードを使用して Web サイトまたはブログに埋め込まれます。

このサービスは実際には RuNet では使用されません。

このサービスはテキストに基づいて時間グラフを作成します。 写真やその他のマルチメディアをイベントに追加することはできません。

このサービスは StoryMap JS に似ています。また、ジオタグに関連するタイムラインも構築し、イベントの日時だけでなく、イベントが発生した場所もマークできるようにします。 その結果、時系列に沿ったプレゼンテーションが作成されます。

完成したストーリーは、自動再生付きの埋め込みコードを使用して Web サイトやブログに埋め込むことができます (ユーザーは 15 秒間隔でポイントからポイントへ移動します)。 データを CSV テーブルとして保存することができます。このテーブルには、場所、時刻、イベントの説明に関するテキスト データのみが含まれます。 KML 形式 (プレゼンテーションをダウンロードして、Google マップや他の地図サービスで表示できる) または PDF 形式で保存できます。 このサービスは習得が簡単で、無料で、よくロシア語化されています。