ابزاری که وب را ساده تر کرد

معرفی ابزاری که از HTML۵ استفاده بهینه کرد

HTML۵ ازچند سال پیش در دسترس است و دیگر پدیده عجیب و پیچیده‌ای نیست. به لطف این پدیده ارزشمند، در کنار نوآوری‌های به‌وجود آمده در جاوااسکریپت و CSS، منطق تعاملی نیز به یک استراتژی استاندارد برای برنامه‌نویسی تحت وب بدل شد و برنامه‌های کاربردی تکامل‌یافته وب همه‌جا را فرا گرفت. در اینجا نگاهی به چگونگی پیاده‌سازی HTML۵ توسط چند برنامه کاربردی محبوب انداخته‌ایم.

● زوهو

حداقل ۳۳ برنامه کاربردی در مجموعه نرم‌افزارهای زوهو وجود دارد. برخی از آنها برنامه‌های کاربردی ابتدایی و پایه‌ای مانند یک برنامه پردازش متن و برخی دیگر مانند برنامه Zoho CRM (مدیریت ارتباط با مشتری زوهو)، بیشتر وابسته به پایگاه‌های داده ساخت‌یافته برای ذخیره‌سازی اطلاعات مشتریان، کاربران و مخاطبان است. زوهو به‌طور هوشمندانه مسیری برای کار با Google Apps پیدا کرد؛ بنابراین می‌توانید از بین هر یک از آنها بهترین را انتخاب و استفاده کنید.

ابزار زوهو بر بسیاری از ویژگی‌های HTML۵ تکیه کرده، ولی ممکن است این میزان کمتر از حد انتظار کاربران باشد. ابزار ویرایش، بیشتر کارهای طرح‌بندی را بااستفاده از قوانین CSS که بادقت طراحی شده است، انجام می‌دهد. منطق ویرایش توسط کد زوهو کنترل می‌شود و می‌توانید تگ‌های جدید HTML۵ را در تمام اسناد آن پیدا کنید. در صورت انجام ندادن ویرایش توسط مرورگر، این مجموعه قابلیت‌ها که تاحدودی پیچیده است، کمی ساده‌تر می‌شود.

برنامه‌های مختلف زوهو با استفاده از توابع ذخیره محلی یا ذخیره فصلی، پایگاه‌های داده را باز می‌کند. آنها می‌توانند جفت کلید ـ مقدار را برای استفاده‌های بعدی نگهداری کنند. دیگر بخش‌های مجموعه ابزار HTML۵ مشخص است؛ به‌عنوان مثال سازنده فرم به شما امکان می‌دهد عناصر را در جایی که می‌خواهید قرار دهید.

● گوگل داکز

ابتدای کار شاید کمی ساده به‌نظر می‌رسید ولی گوگل داکز و گوگل درایو درحال حاضر تقریبا هرکاری را که نیاز داریم، انجام می‌دهد. مثلا می‌توانید براحتی و همزمان با شخص دیگری که در گوشه دیگری از جهان قرار دارد، روی یک سند کار کنید. شاید قابلیت‌هایی که گوگل داکز ارائه می‌کند به‌اندازه مایکروسافت آفیس نباشد، ولی یکپارچگی آن با جیمیل باعث می‌شود یادگیری کار کردن با آفیس آنلاین گوگل در لحظه‌ای اتفاق بیفتد.

به‌نظر می‌رسد اغلب این برنامه‌های کاربردی از HTML اولیه برای انجام کارهای خود استفاده می‌کند. جداول، متن‌ها و تصاویر به‌وسیله HTML قرار داده شده است و فعالیت‌ها به‌وسیله کلیک‌های ماوس انجام می‌شود. با این‌که منبع ذخیره‌سازی محلی اختصاص داده شده است، ولی پس از یک استفاده طولانی نمی‌توانید جفت‌های کلید ـ مقدار زیادی در پایگاه داده محلی پیدا کنید. گوگل اعلام کرد که بسیاری ابزار برپایه وب خود را به‌وسیله جعبه‌ابزار وب گوگل (Google Web Toolkit) که مکانیسمی برپایه جاواست و جاوا را به جاوااسکریپت ترجمه می‌کند، ساخته است. به‌‌همین علت می‌توان براحتی از آنها در بیشتر مرورگرها حتی نسل‌های گذشته نیز استفاده کرد.

● برنامه‌های نمایش اسلاید HTML۵

بیش از یک دوجین کتابخانه HTML۵ برای ساخت و نمایش اسلاید در HTML وجود دارد که می‌توان از آنها به‌جای پاورپوینت استفاده کرد؛ کتابخانه‌هایی نظیر Presentation.js، Impress.js ،Fathom.js ،reveal.js و CSSS (نمایش اسلاید برپایه CSS). تصاویر و متن‌هایی که در صفحه حرکت می‌کند، اسلایدهای عادی پاورپوینت را خسته‌کننده و قدیمی به‌نظر می‌رساند.

هسته اصلی این برنامه‌ها از HTML پایه‌ای برای قرار دادن اسلایدها در مختصات مطلقی که به آن داده‌‌اید، استفاده می‌کند. هنگامی که یک صفحه را در برنامه خود قرار می‌دهید، این صفحه از تبدیلات Webkit به‌وسیله به‌هم پیوستن عناصر، پیچاندن، انحراف یا حتی چرخش آنها به‌صورت سه‌بعدی برای تغییر مکان اشیای خود استفاده می‌کند. تمام افزونه‌های جدید HTML۵ برای موتور طرح‌بندی CSS و اشیای رسم‌شده هم‌اکنون برای استفاده در طراحی اسلایدهایتان در دسترس است.

رویکرد HTML۵ این است کارهایی را که بسیار سخت به‌نظر می‌رسد، ساده می‌کند. اگر بتوانید پیغام خود را در HTML و با استفاده از فونت‌ها و تگ‌های استاندارد آن کدنویسی کنید، جاوااسکریپت بقیه کارها را انجام می‌دهد.

● آویاری (Aviary)

تولید یک ویرایشگر متن خوب در جاوااسکریپت و HTML یک چالش واقعی است، ولی ایجاد یک ویرایشگر تصویر حتی سخت‌تر از آن خواهد بود. بسیاری از ابزار مهم اعمال تغییرات در تصاویر به‌صورت دکمه در برنامه‌های کاربردی که در مرورگرتان اجرا می‌شود، قرار دارد. فتوشاپ چندصد دلار قیمت دارد ولی آویاری بیشتر کارهایی را که اغلب افراد انتظار دارند، بدون دریافت هزینه انجام می‌دهد.

آویاری از شیء Canvas مربوط به HTML۵ استفاده می‌کند که یک افزونه کاملا پیچیده برای HTML است. حالت استاندارد آن روش‌های پایه‌ای برای رسم خطوط یا متن ارائه می‌کند که تعدادی از برنامه‌های تحت وب این قابلیت‌ها را برای رسم گراف‌ها مورد استفاده قرار می‌دهد. ولی در زیر این پوسته یک مجموعه عظیم از ابزار برای کار کردن با تک‌تک پیکسل‌ها وجود دارد. این چیزی است که آویاری برای اعمال برخی تغییرات ظریف‌تر استفاده می‌کند.

● اسکریبد (Scribd)

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

دو قابلیت اصلی که به اسکریبد توانایی دوچندان کردن امکانات خود با HTML۵ را داد، فونت‌های وب و کانواس بود. پیشرفت فونت‌های وب به اسکریبد امکان دریافت بهتر فونت‌هایی را داد که در اسناد استفاده می‌شد. درحال حاضر بیشتر مرورگرها تنها به چند نمونه پایه‌ای فونت‌های serif، sans serif یا فونت‌های فضای محدود (فونت‌هایی که برای تمام حروف و علائم خود یک فضای ثابت درنظر می‌گیرد) دسترسی دارد.

کانواس پیشرفته HTML۵ این اجازه را به اسکریبد می‌دهد که این حروف و نقشه‌های بیتی را در موقعیت‌های دلخواه در صفحه رسم کند. نسخه HTML۵ اسکریبد اکنون ساده‌تر شده، زیرا ناسازگاری‌هایی که به‌خاطر استفاده از افزونه فلش به‌وجود می‌آمد از بین رفته است. قابلیت‌های دیگر مرورگر نیز می‌تواند با اسناد کار کند؛ قابلیت‌هایی که به‌دلیل افزونه فلش انجام نمی‌شد. به‌عنوان مثال می‌توانید جملات یا کلمات را مستقیما با کلیک‌های ماوس انتخاب کنید.

● هوت‌سوئیت (HootSuite)

هنگامی که گروه هوت‌سوئیت زمینه‌ای را برای یکی کردن تمام شبکه‌های اجتماعی آغاز کرد، متوجه شد HTML۵ زمینه‌ای مناسب و طبیعی است. هوت‌سوئیت از وب برای جمع کردن وب استفاده کرد. ابزار نهایی به شما اجازه می‌دهد تمام شبکه‌های اجتماعی خود را در یک وب‌سایت مرکزی مشاهده کنید؛ قابلیتی که به‌صورت رایگان به کاربران معمولی ارائه می‌شد و کاربران سازمانی و شرکتی با پرداخت هزینه از آن بهره‌مند می‌شدند.

سرورهای هوت‌سوئیت تمام اطلاعات شبکه‌های اجتماعی شما را بعد از استفاده از روش تعیین اعتبار OAuth برای اتصال به حساب‌های اجتماعی‌تان جمع‌آوری می‌کند. این سرورها اطلاعات به‌دست آمده را ازطریق فراخوانی‌های AJAX به مرورگر می‌فرستد و طرح‌بندی مرورگر بقیه کارها را انجام می‌دهد.

این برنامه تحت وب از پایگاه داده محلی کلید ـ مقدار برای نگهداری موقت اطلاعات و محدود کردن میزان ترافیک وب استفاده می‌کند. این موضوع برای کاربران موبایل کاربرد بیشتری دارد.

محمدحسین کردونی