یادداشت‌ها

»

نوار زمان (timeline) ، کاربردها و مثال ها

نمودار، یکی از روش‌های نمایش یک یا چند داده، حسب تغییرات یک متغیر (مثلا زمان) است.
اگر متغیر ما «زمان» باشد، به نمودار فوق اصطلاحا timeline یا نمودار تسلسل زمانی گفته می‌شود. تایم‌لاین در علوم مختلف کاربرد دارد. کاربرد اصلی آن، نمایش وقایع یک بازه زمانی معین یا واقعه (فیزیکی یا تاریخی یا ...) خاص است. مثلا اگر دایرةالمعارف چندرسانه‌ای encarta (تولید شرکت مایکروسافت) را نصب کرده باشید، بخش تایم‌لاین آن برای نمایش وقایع مهم قرون گذشته برای شما جالب توجه خواهد بود؛ نوار افقی سال‌ها را نمایش می‌دهد و می‌توان روی یک بازه خاص (مثلا سال 1955 تا 1957) زوم کرد و وقایع آن سال‌ها را با جزئیات بیشتری دید.

روش‌های پیاده سازی تایم لاین

برای پیاده سازی تایم‌لاین، روش منطقی این است که دیتا توسط سرور به صورت آرایه json برای کلاینت ارسال شود و کار نمایش آن روی صفحه کاربر و همچنین کنترل رویدادها به جاوا اسکریپت سپرده شود. مثلا اگر کاربر بر روی رویدادی کلیک کرد یا بازه زمانی را تغییر داد، جاوا اسکریپت درخواست ای‌جکسی به سرور ارسال کند تا اطلاعات جدید از پایگاه داده فراخوانی و ارسال شود و توسط js نمایش داده شود.
این پیاده سازی تاکنون توسط افراد و گروه‌های زیادی انجام شده چرا که تایم‌لاین با سبک نمایش خاص خود، موجب انتقال داده زمانی بیشتر در مدتی کمتر می‌گردد که در مطالعات و تحقیقات تاریخی نقش مهمی دارد.
در ادامه به چند نمونه از پروژه‌های تایم لاین پیاده شده، اشاره شده است:

• Google Timeline
  تایم لاین ساده‌ی گوگل که تقریبا هیچ امکاناتی ندارد!
• B1nj Timeline و myTimeline
  دو تایم لاین بسیار ساده و سبک روی خط زمان عمودی که به عنوان پلاگین جی کوئری عرضه شده است.
  Timeliner.js نیز نسخه بهتر و پرقابلیت‌تری از تایم لاین عمودی است که پیش نمایش آن را می‌توانید ببینید.
  اگر دنبال نسخه حرفه‌ای‌تر (و طبعا با حجم سنگین‌تر) از تایم لاین عمودی هستید در اینجا می‌توانید ببینید. این مورد نیز یک مورد ساده است که به صورت خط افقی است.
• Timeline
  یک پروژه نسبتا خوب تایم لاین. این اسکریپت امکان ویرایش عنوان، تغییر بازه و حذف یک مورد را دارد و با چرخش موس هم می‌توان Zoom In و Zoom Out کرد.
  ده‌ها مثال از کاربردهای این برنامه در لینک فوق قابل مشاهده است.
• time Glider
  جزو پروژه‌های نسبتا کامل تایم لاین است که البته رایگان نیست و فقط با پرداخت هزینه می‌توانید از آن استفاده کنید. (دمو)
• SIMILE Timeline
  یک تایم لاین معمولی اما نه چندان جذاب که توسط دانشگاه mit توسعه یافته است.
• Knight Lab Timeline
  یک تایم لاین آنلاین خوب اما سنگین، بدون قابلیت زوم با اسکرول و با داشتن قابلیت واکشی اطلاعات مدیای یک آیتم از منابع مختلف و شبکه‌های اجتماعی و ...
  برای استفاده از این timeline لازم است یک فایل اکسل (شبیه این تمپلت) بسازید و سپس این سایت پس از دریافت آن و سایر تنظیمات، به شما کدی را می‌دهد که با قرار دادن آن کد در سایت‌تان، تایم لاین بر اساس اطلاعات فایل اکسل شما به نمایش در خواهد آمد.
• responsive css timeline
  یک تایم لاین بسیار ساده که فقط با css3 طراحی شده است.
• Timeline Portfolio و Life
  این 2 تایم لاین ساده و تمام صفحه، برای تهیه پروفایل شخصی یا گروهی کارها و فعالیت‌ها طراحی شده هرچند کاربردهای دیگری هم می‌تواند داشته باشند.
• simple_timeline
  یک تایم لاین ساده با قابلیت تنظیم میزان اطلاعات نمایش داده شونده و نمایش کامل در صورت کلیک بر آن. (پیش نمایش)
• Timesheet.js
  این پروژه را نمی‌توان تایم‌لاین نامید بلکه یک کتابخانه js است که با کمک آن می‌توان تایم‌لاین ساده اما چندرنگ، حسب دیتای داده شده ایجاد کرد.
• vis.js
  این پلاگین قابلیت‌های زیادی دارد. علاوه بر timeline، انواع نمودارهای 2 و 3 بعدی و شبکه‌ای را با کمک آن می‌توانید رسم کنید.

---

یادداشت‌های مرتبط

1. بازی با زمان!