• پایان فعالیت بخشهای انجمن: امکان ایجاد موضوع یا نوشته جدید برای عموم کاربران غیرفعال شده است

انقلاب وبلاگی با javascript

azizaa

مدیر بازنشسته
تاریخ عضویت
16 نوامبر 2004
نوشته‌ها
422
لایک‌ها
0
یکی از مباحثی که در دنیا در زمینه طراحی وب خیلی مطرحه بحث usability است که البته کمتر طراحی رو تو ایران دیدم که به usability کارهای خودش توجه کنه. معمولا ما تازه وارد فاز compatibility در طراحی وب شدیم و طراح ها (تازه از نوع خوب و باسوادشان) بیشتر تلاش می کنن صفحاتی رو طراحی کنن که در تمامی Brower ها به درستی نمایش داده بشه. هر چند که در این زمینه هم وضع خیلی خرابه و بسیاری از وب سایت های بزرگ مثل خبرگزاری ها هنور با همین قدم اول مشکل دارند.
از بحث اصلی دور نشم. یکی از مشکلات ذاتی وبلاگ ها در زمینه usability در commenting یا نظرخواهی نمود پیدا میکند. اونجا که هر وقت کاربری بخواد برای یک نوشته که در صفحه اول وبلاگ شما میبینه نظری بده لاجرم باید به یک صفحه جداگانه بره و یا یک صفحه نظر سنجی رو به صورت popup باز کنه! اون هم برای چی تنها برای نمایش دوباره همون نوشته و یک فرم ساده که به راحتی می شه با Javascript اونو به صورت on the fly ساخت و نیازی به فرستادن کاربر به یک صفحه جدید نیست. وقتی دقیق تر به مساله نگاه می کنی می بینی که مشکل فقط در نمایش یک صفحه جدید خلاصه نمیشود بلکه کاربر بعد از load شدن صفحه جدید تازه باید صفحه را Scroll کند و به دنبال فرم نظر خواهی بگردد بعد هم با Pointer ماوس روی فیلد آن کلیک کند تا focus را به آن فیلد منتقل کند و تازه کار تایپ را شروع کند. به این می گویند drama! یا به عبارتی usability, fucked up!
کاری که می شود تنها با یک کلیک کرد به صورت کاملا ملانصرالدینی و چرخاندن لقمه پنج دور، دور کره زمین انجام میشود.
در وبلاگ بالی برای پرواز تمام این کار با یک تابع کوچک 100 خطی JS انجام میشود. چه نظر دادن و چه دیدن نظرات دیگران در زیر همان نوشته و در کسری از هزارم ثانیه! ممکن شده است. جادوی جاوا اسکریپت! علاوه بر این کاربردهای دیگری هم از JS در طراحی این وبلاگ به کار رفته. چرخی بزنید و سیاحتی بکنید و javascript رو همواره به عنوان یک ابزار قدرتمند برای افزایش usability کارهای خودتون بیاد داشته باشید. ولی متاسفانه آنقدر کج فهمی و بد فهمی در مورد این زبان بوجود آمده که خود من هر وقت نام javascript رو میشنوم شاید اولین چیزی که به ذهنم می آد اون نوشته های آزار دهنده ایه که به دنبال Pointer ماوس به این ور و آنور می دوند یا اون ساعتهای عقربه ای بزرگ و بی ریخت که گوشه بعضی از این وبلاگ های جواد(!) دیده می شه.

اصل هفتم مهندسی صنایع: به چیزی فکر کن که مردم به آن فکر نمی کنند. چرا که چیزی که مردم به آن فکر میکنند، تو باید خیلی وقت پیش به آن فکر میکردی!
 

mohsenmx

Registered User
تاریخ عضویت
21 ژانویه 2004
نوشته‌ها
993
لایک‌ها
1
سن
41
محل سکونت
يه جاى خوب
مطلب جالبی گفتی :) اون کاری هم که با جاوااسکریپت انجام دادی واقعا جالب و تر تمیز بود .
 

majnoon

کاربر تازه وارد
تاریخ عضویت
7 دسامبر 2003
نوشته‌ها
266
لایک‌ها
0
خوب عزيز خان اين رو فقط گفتي كه دل بقيه رو آب كني؟!!
:eek:
كو راهنما ؟
 

ei_baba_bi_khial

Registered User
تاریخ عضویت
25 اکتبر 2003
نوشته‌ها
702
لایک‌ها
20
محل سکونت
Esfahan
برای فرم نظرخواهی کار خیلی مناسب و به جا و قشنگیه..چون فرم هم مرتب تکرار نمیشه و حجم صفحه زیاد نمیشه...
ولی اومدیم و همه مطالب تعداد کامنتاشون یه رقمی نبود! و تعداد کامنت ها زیاد بید!...
خواننده باید زحمت منتظر موندن برای اون همه کامنت که شاید اصلا نمیخواد بخونه و همینطور کامنت های مربوط به مطالب قبلی که حتما نمیخواد بخونه! رو بکشه؟! :rolleyes: :blink:
 

sohrab

کاربر تازه وارد
تاریخ عضویت
20 دسامبر 2002
نوشته‌ها
92
لایک‌ها
0
محل سکونت
این سر دنیا
من اين چيزي كه توضيح دادي را در وبلاگت ديدم و خيلي هم پسند كردم.
به نظرم كار بسيار قشنگ و تر و تميزي هست.
خسته نباشي
 

Azemati

کاربر فعال
کاربر قدیمی پرشین تولز
تاریخ عضویت
18 فوریه 2003
نوشته‌ها
3,366
لایک‌ها
4
محل سکونت
wp-config.php

Azemati

کاربر فعال
کاربر قدیمی پرشین تولز
تاریخ عضویت
18 فوریه 2003
نوشته‌ها
3,366
لایک‌ها
4
محل سکونت
wp-config.php
عزيز جان من همين كار شما رو چند وقت پيش در قسمت نظر‌خواهي اينجا انجام دادم.
http://www.topiranian.com/topnews/archives/002394.html

البته با يك كليك همش باز مي‌شه كه اون رو هم مي‌شه جدا كرد و هر كدومش ( فرم و نظر‌ها ) با يك لينك جدا باز بشن.
كلش هم با يه اسكريپت چند خطي بوده.

من هنوز درست متوجه انقلاب شما نشدم. چيز خاص ديگه‌اي داره؟
 

azizaa

مدیر بازنشسته
تاریخ عضویت
16 نوامبر 2004
نوشته‌ها
422
لایک‌ها
0
به نقل از ei_baba_bi_khial :
برای فرم نظرخواهی کار خیلی مناسب و به جا و قشنگیه..چون فرم هم مرتب تکرار نمیشه و حجم صفحه زیاد نمیشه...
ولی اومدیم و همه مطالب تعداد کامنتاشون یه رقمی نبود! و تعداد کامنت ها زیاد بید!...
خواننده باید زحمت منتظر موندن برای اون همه کامنت که شاید اصلا نمیخواد بخونه و همینطور کامنت های مربوط به مطالب قبلی که حتما نمیخواد بخونه! رو بکشه؟! :rolleyes: :blink:

درست، اگه نوشته هاي زيادي رو تو index نشون بدین و نظرات زیادی هم داشته باشین حجم صفحه بی دلیل زیاد میشه (که راه حل اونم استفاده از تکنیک JS-RS است) ولی برای این که فعلا زیاد مشکل ایجاد نکنه تعداد مطالب کمی رو نشون میدم و برای نظرات هم تنها 15 نظر آخر رو نشون میدم.
 

babakweb

Registered User
تاریخ عضویت
29 اکتبر 2003
نوشته‌ها
1,759
لایک‌ها
36
محل سکونت
Tehran
به نقل از azizaa :
یکی از مباحثی که در دنیا در زمینه طراحی وب خیلی مطرحه بحث usability است که البته کمتر طراحی رو تو ایران دیدم که به usability کارهای خودش توجه کنه. معمولا ما تازه وارد فاز compatibility در طراحی وب شدیم و طراح ها (تازه از نوع خوب و باسوادشان) بیشتر تلاش می کنن صفحاتی رو طراحی کنن که در تمامی Brower ها به درستی نمایش داده بشه. هر چند که در این زمینه هم وضع خیلی خرابه و بسیاری از وب سایت های بزرگ مثل خبرگزاری ها هنور با همین قدم اول مشکل دارند.
از بحث اصلی دور نشم. یکی از مشکلات ذاتی وبلاگ ها در زمینه usability در commenting یا نظرخواهی نمود پیدا میکند. اونجا که هر وقت کاربری بخواد برای یک نوشته که در صفحه اول وبلاگ شما میبینه نظری بده لاجرم باید به یک صفحه جداگانه بره و یا یک صفحه نظر سنجی رو به صورت popup باز کنه! اون هم برای چی تنها برای نمایش دوباره همون نوشته و یک فرم ساده که به راحتی می شه با Javascript اونو به صورت on the fly ساخت و نیازی به فرستادن کاربر به یک صفحه جدید نیست. وقتی دقیق تر به مساله نگاه می کنی می بینی که مشکل فقط در نمایش یک صفحه جدید خلاصه نمیشود بلکه کاربر بعد از load شدن صفحه جدید تازه باید صفحه را Scroll کند و به دنبال فرم نظر خواهی بگردد بعد هم با Pointer ماوس روی فیلد آن کلیک کند تا focus را به آن فیلد منتقل کند و تازه کار تایپ را شروع کند. به این می گویند drama! یا به عبارتی usability, fucked up!
کاری که می شود تنها با یک کلیک کرد به صورت کاملا ملانصرالدینی و چرخاندن لقمه پنج دور، دور کره زمین انجام میشود.
در وبلاگ بالی برای پرواز تمام این کار با یک تابع کوچک 100 خطی JS انجام میشود. چه نظر دادن و چه دیدن نظرات دیگران در زیر همان نوشته و در کسری از هزارم ثانیه! ممکن شده است. جادوی جاوا اسکریپت! علاوه بر این کاربردهای دیگری هم از JS در طراحی این وبلاگ به کار رفته. چرخی بزنید و سیاحتی بکنید و javascript رو همواره به عنوان یک ابزار قدرتمند برای افزایش usability کارهای خودتون بیاد داشته باشید. ولی متاسفانه آنقدر کج فهمی و بد فهمی در مورد این زبان بوجود آمده که خود من هر وقت نام javascript رو میشنوم شاید اولین چیزی که به ذهنم می آد اون نوشته های آزار دهنده ایه که به دنبال Pointer ماوس به این ور و آنور می دوند یا اون ساعتهای عقربه ای بزرگ و بی ریخت که گوشه بعضی از این وبلاگ های جواد(!) دیده می شه.

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

babakweb

Registered User
تاریخ عضویت
29 اکتبر 2003
نوشته‌ها
1,759
لایک‌ها
36
محل سکونت
Tehran
در همين بحث usability مي‌شه يك كار ديگه هم كرد: وقتي طرف نظر رو پست مي‌كنه ديگه جايي نره...! همون بخشي كه با جاوااسكريپت باز شده بسته بشه و يك پيغام زير مطلب بياد: نظر شما ارسال شد!
 

rouhollah

کاربر تازه وارد
تاریخ عضویت
7 دسامبر 2003
نوشته‌ها
77
لایک‌ها
0
محل سکونت
تهران
منم با نظر عزیز کاملا موافقم و این شیوه کامنت گذاشتن رو قبلا توی چند تا از كارها که طراحی کردم قرار دادم ولی به نظر من کار جالب تر و بهینه تری که میشه انجام داد اینه که بیاییم ارورها رو با استفاده از جاوا اسکپریپت بنویسیم یعنی دیگه لازم نباشه برای اینکه مثلا کامنت طرف ایمیل نداره یه صفحه جداگانه باز بشه و یه ارور ساده رو نشون بده ، با جاوا اسکریپت میشه به راحتی و بدون هیچ اتلاف وقتی یک ارور به شخص نشون داد .
منظورم همون نحوه ارور گیری (پیغام خطا) معروف توی فرمهاست که اگر بشه این خطاهای ام تی رو مثلا ترجمه و اینطوری نمایش داد کار جالبی خواهد بود و به usability بهتری میرسیم .
 

rouhollah

کاربر تازه وارد
تاریخ عضویت
7 دسامبر 2003
نوشته‌ها
77
لایک‌ها
0
محل سکونت
تهران
به نقل از babakweb :
در همين بحث usability مي‌شه يك كار ديگه هم كرد: وقتي طرف نظر رو پست مي‌كنه ديگه جايي نره...! همون بخشي كه با جاوااسكريپت باز شده بسته بشه و يك پيغام زير مطلب بياد: نظر شما ارسال شد!
آخه بابک جان مگه میشه ؟ طرف اگر جایی نره پس چطوری پستش ارسال بشه ؟؟؟؟؟؟؟ اینطوری دیگه usability کار زیادیش میکنه ;)
 

babakweb

Registered User
تاریخ عضویت
29 اکتبر 2003
نوشته‌ها
1,759
لایک‌ها
36
محل سکونت
Tehran
آها. مثلا اگه يك صفحه پاپ آپ باز شه و بعد از ارسال كامنت بسته بشه خودش...!
 

Azemati

کاربر فعال
کاربر قدیمی پرشین تولز
تاریخ عضویت
18 فوریه 2003
نوشته‌ها
3,366
لایک‌ها
4
محل سکونت
wp-config.php
به نقل از rouhollah :
آخه بابک جان مگه میشه ؟ طرف اگر جایی نره پس چطوری پستش ارسال بشه ؟؟؟؟؟؟؟ اینطوری دیگه usability کار زیادیش میکنه ;)
فك كنم منظورش اينه كه فقط همون پنجره مربوط به كامنت دوباره لود بشه و نه همه صفحه! خيلي كار تميزي مي‌شه. يه چيز تو مايه‌هاي جي‌ميل
 

babakweb

Registered User
تاریخ عضویت
29 اکتبر 2003
نوشته‌ها
1,759
لایک‌ها
36
محل سکونت
Tehran
به نقل از azemati :
فك كنم منظورش اينه كه فقط همون پنجره مربوط به كامنت دوباره لود بشه و نه همه صفحه! خيلي كار تميزي مي‌شه. يه چيز تو مايه‌هاي جي‌ميل
آره منظورم همينه.
 

azizaa

مدیر بازنشسته
تاریخ عضویت
16 نوامبر 2004
نوشته‌ها
422
لایک‌ها
0
به نقل از azemati :
عزيز جان من همين كار شما رو چند وقت پيش در قسمت نظر‌خواهي اينجا انجام دادم.
http://www.topiranian.com/topnews/archives/002394.html

البته با يك كليك همش باز مي‌شه كه اون رو هم مي‌شه جدا كرد و هر كدومش ( فرم و نظر‌ها ) با يك لينك جدا باز بشن.
كلش هم با يه اسكريپت چند خطي بوده.

من هنوز درست متوجه انقلاب شما نشدم. چيز خاص ديگه‌اي داره؟

نه امیر جان انگار موضوع رو نگرفتی!
ببین کاری که شما کردی اینه که تو آرشیو تکی فرم و نظرها رو مخفی کردی که با یک کلیک display اونا رو هی
تغییر میدی و Switch می کنی.
ولی کاری که یه انقلاب به حساب می آد یه حرکت دو قدمیه. در قدم اول تمام فرم های نظر خواهی رو حذف می
کنی و هر وقت لازم بود اونو با JS می سازی و نمایش میدی دومین قدم هم اینه که نظرات رو وقتی که کاربر
می خواد ببینه از سرور می گیری و نمایش می دی بدون اینکه اونو به صفحه ی دیگه ای بفرستی. حالا تو پست
های بعدی بیشتر توضیح میدم.
 

azizaa

مدیر بازنشسته
تاریخ عضویت
16 نوامبر 2004
نوشته‌ها
422
لایک‌ها
0
به نقل از babakweb :
آها. مثلا اگه يك صفحه پاپ آپ باز شه و بعد از ارسال كامنت بسته بشه خودش...!

Popup در فرهنگ لغت طراحان وب از فحش خواهر و مادر هم بدتر است پس این یکی رو جون من فراموش کن!
 

azizaa

مدیر بازنشسته
تاریخ عضویت
16 نوامبر 2004
نوشته‌ها
422
لایک‌ها
0
به نقل از azemati :
فك كنم منظورش اينه كه فقط همون پنجره مربوط به كامنت دوباره لود بشه و نه همه صفحه! خيلي كار تميزي مي‌شه. يه چيز تو مايه‌هاي جي‌ميل

احسنت این دفعه دقیقا زدی تو خال!
Gmail هم از تکنولوژی AjaX استفاده می کنه! یعنی دقیقا همون کاری که ما می خوایم بکنیم اگه در مورد
AjaX چیزی نمیدونین باید بگم که این روز ها بحث داغ وب بازهای امریکاییست. google سرمایه گذاری زیادی
روش کرده و بیشتر طرحهای جدید گوگل از این تکنولوژی استفاده می کنن. مثل همون Gmail یا Google Maps.
فعلا برای آشنایی اینو بخونید تا بگم چجوری به کار ما میآد
http://www.adaptivepath.com/publications/essays/archives/000385.php
 
بالا