علیرضا الیادرانی

ساخت نمودارهای برنامه ۹۰ با d3.js

مردی در کارگاه مشغول ساخت نمودارها با پتک - تصویر‌سازیی: فرزان بالکانی

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

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

۲ نظر
ادامه‌ی مطلب را بخوانید
میثم امیدالحق

مشکلات عدم برگزاری جلسات برنامه‌ریزی اسپرینت و اسکرام روزانه

آشوب در بی‌ اسکرامی

همانطور که پیش‌تر اشاره کردیم، هدف اجرای پروژه‌ها در سارینا، خلق ارزش با بهره‌گیری از رویکرد اجایل و متدولوژی اسکرام است. این متدولوژی از سری متدهای رویکرد اجایل است که به عنوان یک چهارچوب برای توسعه‌ی نرم‌افزار شناخته می‌شود. اسکرام با نگرش تکرارپذیری (iterative) و افزایش پیوسته و تدریجی (incremental) موجب بهینه‌سازی و بهبود قدرت پیش‌بینی و کنترل ریسک در فرآیند توسعه‌ی نرم‌افزار می‌شود.

یکی از تاکیدات اسکرام در بخش رویدادها، برگزاری جلسات برنامه‌ریزی اسپرینت و اسکرام روزانه است. در ادامه مشکلات عدم برگزاری این جلسات مهم بررسی می‌شود.

۲ نظر
ادامه‌ی مطلب را بخوانید
ارمغان فائزی

تغییر ظاهر رادیو باتن

یک دکمه‌ی رادیویی که در حال آرایش کردن است

چند وقت پیش به درخواست یکی از مشتریان سارینا، صفحه فرمی را طراحی کردم، به گونه‌ای که کاربر پس از پر کردن تمامی فیلدها، می‌بایست بین دو گزینه (زن هستم) یا (مرد هستم) یکی را انتخاب می‌کرد. برای انتخاب یکی از گزینه‌ها نیاز بود تا از دکمه‌های رادیویی (Radio Button) استفاده کنم که این دکمه‌ها مانند تمام دکمه‌های رادیویی، طراحی رایج خود را داشتند.

۵ نظر
ادامه‌ی مطلب را بخوانید
سینا سیادت

برنامه‌ی روزانه برای دورکاری

یک گربه در حال نگاه کردن به صاحبش در حال کار از خانه

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

۱۱ نظر
ادامه‌ی مطلب را بخوانید
فرزان بالکانی

چطور نمودارها و قرعه‌کشی برنامه‌ی نود را طراحی کردیم؟

designing-charts-for-football-people

در دنیای طراحی وب، طراحی رابط کاربری یک وب‌سایتِ ساده ملاحظات خاص خودش را دارد. از چیدمان و چگونگی شکل نمایش عناصر گرفته تا طراحی واکنش‌گرا برای دستگاه‌های قابل حمل مانند تبلت و موبایل. حال آنکه طراحی یک وب‌اپلیکیشن، پیچیدگی این فرآیند را بیشتر کرده و ما را با چالشی جدید روبرو می‌کند که می‌توان آن را «طراحی برای نامعلوم‌ها» نامید. اینکه ما باید از بیشینه و کمینه‌ی اطلاعات آگاه باشیم (یا در بیشتر موارد حدس بزنیم) و برای چیدمان آنها، ساختاری پویا در نظر بگیریم. برای مثال، نام کاربران می‌تواند دو کاراکتر و یا ۴۰ کاراکتر باشد. با شناخت کلی از روحیات و چگونگی رفتار مخاطبانتان (تجربه کاربری)، می‌توانید تصمیم بگیرید که چطور حجم اطلاعات را کنترل کرده و نمایش دهید. شاید درنظر گرفتن ۲۰ کاراکتر برای نام این دسته‌ی به خصوص از مخاطبان کافی باشد.

۱۲ نظر
ادامه‌ی مطلب را بخوانید
فرزان بالکانی

نمودارها و قرعه‌کشی برنامه‌ی نود، برگزیده‌ی جایزه کاربردپذیری

ششمین همایش کاربردپذیری، روز پنج‌شنبه ۲۱ آبان‌ماه همزمان با روز جهانی کاربردپذیری در پژوهشگاه ارتباطات و فناوری اطلاعات در تهران برگزار شد. در این همایش دوازده سخنران پیرامون کاربردپذیری صحبت کردند و علیرضا الیادرانی با موضوع دسترسی‌پذیری در وب و اهمیت فراموش شده‌ی آن مطالبی را ارائه داد. (برای دانلود پاورپوینت این ارایه، کلیک کنید.)

۴ نظر
ادامه‌ی مطلب را بخوانید