<![CDATA[باشگاه کاربران روماک - Ajax]]> https://forum.romaak.ir/ Thu, 04 Jun 2026 18:56:20 +0000 MyBB <![CDATA[Ajax از چه تکنولوژی هایی استفاده می‌کند؟]]> https://forum.romaak.ir/showthread.php?tid=7496 Thu, 07 May 2020 09:55:32 +0000 zari777]]> https://forum.romaak.ir/showthread.php?tid=7496
همینطور به کمک XML داده‌ها را تبادل کرده و با XSLT داده‌ها را مدیریت می‌کنیم. همینطور XMLHttpRequest نقش مهمی در Ajax ایفا می‌کند و اجازه می‌دهد داده‌ها به طور غیرمتقارن جا به جا شوند. همینطور برای یکپارچه‌سازی تکنولوژی‌های بالا از زبان جاوا اسکریپت استفاده می‌کنیم. به خاطر سنگین بودن فرمت XML، برای تبادل داده‌ها بیشتر از JSON به جای XML استفاده می‌شود و حتی امکان استفاده از HTML فرمت بندی شده یا متن ساده نیز وجود دارد. تصویر زیر به شما کمک می‌کند Ajax را درک کنید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
]]>
همینطور به کمک XML داده‌ها را تبادل کرده و با XSLT داده‌ها را مدیریت می‌کنیم. همینطور XMLHttpRequest نقش مهمی در Ajax ایفا می‌کند و اجازه می‌دهد داده‌ها به طور غیرمتقارن جا به جا شوند. همینطور برای یکپارچه‌سازی تکنولوژی‌های بالا از زبان جاوا اسکریپت استفاده می‌کنیم. به خاطر سنگین بودن فرمت XML، برای تبادل داده‌ها بیشتر از JSON به جای XML استفاده می‌شود و حتی امکان استفاده از HTML فرمت بندی شده یا متن ساده نیز وجود دارد. تصویر زیر به شما کمک می‌کند Ajax را درک کنید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
]]> <![CDATA[معرفی AJAX و کاربردهای آن]]> https://forum.romaak.ir/showthread.php?tid=7375 Sun, 29 Mar 2020 06:20:14 +0000 sofi40]]> https://forum.romaak.ir/showthread.php?tid=7375
در ساده ترین نگاه ، تکنولوژی AJAX می تواند کاری کند که هنگام تغییر یک صفحه به جای لود شدن کل آن  فقط بخش تغییر داده شده لود شود.



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

تاریخچه AJAX :

فناوریهایی کهAjax را تشکیل می دهند علیرغم تمام جذابیتها و مزایای خود واقعا جدید نیستند .توانایی برقراری ارتباط با سرور، از طریق یک فریم مخفی و بدون ارسال صفحه اصلی به سرور، از مدتها پیش شناخته شده است. برقراری ارتباط مابین کلاینت و سرور، از زمان معرفی تواناییInternet Explorerبرای اسکریپت نویسی کنترلهایActiveXبر روی مرورگر کلاینت و مولفه هایMSXML (که هر دو آنها به اواخردهه ۱۹۹۰میلادی مربوط می شوند) قابل دسترسی بوده است.

مواردی که قبل از کار با آژاکس باید بدانید :

HTML / XHTML
CSS
JavaScript / DOM
آژاکس چیست :

AJAX مخفف کلمات Asynchronous JavaScript and XML  می باشد و تکنیکی جهت ساخت صفحات پویا و سریع است که می تواند بدون لود شدن کل صفحه  ، بخشی از آن را به روز آوری و آن را به سرور ارسال کند. در صورتیکه در صفحات وب کلاسیک با تغییر بخشی از صفحه ، کل آن بایستی  لود شود.

نمونه سایت هایی که با Ajax طراحی شده اند :



Googel Maps: توانایی مشاهده یک نقشه و بزرگنمایی قسمتهای مختلف آن بدون نیاز به یکPostback واقعاً هیجان انگیز است. این سرویس گوگل با عرضه خود دنیای برنامه نویسی را با یک طوفان مواجه کرد.

Gmail:Google Gmail یک سیستم الکترونیکی مبتنی بر وب است که Google آن را در دسترس کاربران قرار داده است.

Microsoft Hotmail Kahuna update:نسخه ارتقایی Hotmail که تحت عنوانKahuna  شناخته می شود.

Live.com:سرویس local.live.com  مربوط به  مایکروسافت که از چهارچوب Atlas استفاده می کند.

EasySearchComponent: مولفه EasySearchComponent در ASP.NET  امکان پشتیبانی از جستجوی یک سایت مشابه با سرویس Google Suggest را فراهم می کند.

سایر فروشندگان Component: فروشندگان Component نظیر ComponentArt,Dart و سایرین کنترلهایی را فراهم می کنند که یک تجربه کاربری غنی را حتی بدون وجود یکPostback کامل تامین نمایند.

توجه : با قرار دادن عبارت Ajax در وبلاگ ترافیک آن افزایش خواهد یافت .

اجزا تشکیل دهنده آژاکس

  XmlHttpRequest: به مرورگر  امکان می دهد که تا به یک سرور Back-end ارتباط برقرار کند. این آبجکت به مرورگر اجازه می دهد تا بدون نیاز به یکPostback از تمام صفحه وب، با سرور ارتباط برقرار نماید. با Internet Explorer این قابلیت توسطه مولفهMSXML ActiveX فراهم شده است . در مورد Mozilla Firefox و سایر مرورگر های وب، این قابلیت با آبجتکی که XmlHttReques نیز نامیده می شود تامین می گردد. کتابخانه های جاوا اسکریپت سمت کلاینت، تفاوتهای مابین محیطهای مختلف مرورگر را پنهان می کنند. گاهی اوقات این ارتباطات از طریق یکFRAME  یاIFRAME مخفی برقرار می شوند.

جاوا اسکریپت: قابلیتهایی برای برقراری ارتباط با سرور Back-end را تامین می کند. جاوا اسکریپت باید نسخه ۱/۵ یا بالاتر ازآن باشد. با وجود آنکه جاوا اسکریپت بطور اخص الزامی نمی باشد، اما از نظر اینکه  تنها محیط اسکریپ نویسی سمت کلاینت است که تمام مرورگرهای وب مدرن از آن پشتیبانی می کنند، مورد نیاز می باشد. زبانهای اسکریپت نویسی سمت کلاینت دیگری نیز وجود دارند، اما در تمامی مرورگرها پشتیبانی نمی شوند.

پشتیبانی از DHTML/DOM: مرورگر باید از توانایی بروزرسانی دینامیک عناصر فرم پشتیبانی نماید و توانایی انجام اینکار با یک شیوه استاندارد از طریق پشتیبانی از(DOM(Document Object Model فراهم می گردد.



XMLیاJSON: استفاده ازXML توانایی برقراری ارتباط با سرور وب دریک مکانیزم استاندارد را فراهم می کند. شرایطی وجود دارند که درآنها از (JSON (JavaScript Object Notation بجایXMLمستقیم برای نشان گذاری(Notation)ارتباط استفاده می شود.



برای اجرایAjax یک مرورگر وب باید دارای شرایط زیر باشد:


نسبتا مدرن باشد :نرم افزارهای کاربردی Ajaxدر تمام نسخه های مرورگرها قابل دسترسی نخواهند بود. درحالیکه Internet Explorer6،Firefox5،۱ وOpera5،۸ (ونسخه های بالاتر از آنها) امکان پشتیبانی از این نرم افزارهای کاربردی را فراهم می کنند ،نسخه های قدیمی تر آنها می توانند در این زمینه دچار مشکل باشند.اگر از مرورگر Internet Explorer برروی ویندوز استفاده می کنید، و  ActiveXفعال نشده باشد احتمالاً با مشکلاتی مواجه خواهید شد.

نحوه ی کار Ajax :

بعد از اینکه رویدادی اتفاق می افتد، ابتدا یک شی XMLHTTP ساخته شده و در خواست به شکل Httprequest به سرور ارسال می شود.

سرور Httprequest را پردازش کرده پاسخ را ایجاد و داده ها را به مرورگر بازمی گرداند.

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

AJAX بر پایه ی استاندارهای اینترنت بوده و ترکیبی از موارد زیر است :

XMLHttpRequest object (جهت تبادل اطلاعات همزمان با سرور)

JavaScript/DOM (نمایش و تبادل اطلاعات)

CSS جهت قالب بندی داده ها

XML  : اغلب به عنوان فرمتی برای انتقال داده ها استفاده می شود.

AJAX به پیشنهاد گوگل در سال ۲۰۰۵ ایجاد گردید.زمانی که شما در کادر جستجوی گوگل شروع به تایپ می کنید ، جاوا اسکریپت درخواست را به شکل لحظه ای ارسال کرده و سرور لیستی از پیشنهادات را باز می گرداند.

مثال هایی از کدنویسی با Ajax :

[pre]

xmlhttp.open(“GET”,”ajax_info.txt”,true);
xmlhttp.send(); [/pre]

جهت ارسال درخواست به سرور از متدهای بالا استفاده می شود.

جهت دریافت یک پاسخ از سرور از شی XMLHttpRequest  استفاده می شود

[pre]document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;[/pre]

در ادامه مثالی جامع وجود دارد که نحوه ی ارسال درخواست کاربر زمانیکه وی در یک کادر جستجو عبارت خود را تایپ می کند را نشان می دهد :

[pre]

function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById(“txtHint”).innerHTML=””;
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById(“txtHint”).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open(“GET”,”gethint.asp?q=”+str,true);
xmlhttp.send();
}

[/pre]

با وارد شدن عبارت توسط کاربر تابع Showhint فراخوانی می شود و درخواست را به سرور ارسال می کند.

آژاکس می تواند با دیتابیس و فایل های XML  نیز محاوره داشته باشد.

بنابراین به طور کلی مزایای آژاکس به شرح زیر می باشند :

آژاکس(Asynchronous JavaScript and XML) ترکیبی از فناوریهای مختلف ،مورد استفاده برای ساخت رابطهای کاربری سریع و با امکانات گرافیکی بالا می باشد. مزایای استفاده از آژاکس در نرم افزارها عبارتند از:
رندر شدن سریع تر صفحات و پشتیبانی از Update هر بخشی از صفحه وب
رابط های کاربری سریع و غنی از محتوا
کاهش مصرف منابع سرور
ASP.NET Ajax چارچوبی رایگان از مایکروسافت برای طراحی و اجرای نسل بعدی مرورگرهای وب می باشد.
قابلیت آژاکس در  ASP.NET4.0 این امکان را فراهم می سازد تا داده های JSON از سرور با روشی کاملا موثر و قابل مدیریت، به زبان HTML رندر شوند. ASP.NETAjax4.0  با مرورگرهای زیر سازگار است :

Microsoft Inrervet Explorer6,7 and 8RCl
Mozilla Firefox2and3
Orera9.6

با Ajax، برنامه نویسان می تواند نرم افزارهای کاربردی را تولید کنند که مدلPostback سنتی وب را منسوخ کرده و یک اینترفیس کاربری بهبود یافته را برای کاربران فراهم نموده و به برنامه نویسان امکان دهد تا نرم افزارهای کاربردی را توسعه دهند که کاربر پسند و مفید باشند.

مزایای  Ajax برای نرم افزارهای کاربردی کلاسیک مبتنی بر وب، عبارتند از

ناهمزمانی:

Ajaxامکان انجام فراخوانیهای ناهمزمان (Asynchronous)ازیک سرور وب را بوجود می آورد. این وضعیت به مرورگر کلاینت امکان می دهد تا از انتظار برای رسیدن تمام داده ها، پیش از آنکه کاربر بتواند کار دیگری را انجام دهد، اجتناب نماید.
حداقل انتقال داده ها: بخاطر عدم انجام یکPostback کامل و همچنین عدم ارسال تمام داده های فرم به سرور ،استفاده از شبکه به حداقل رسیده و عملیات بطور سریعتری انجام می شوند. درسایتها و محلهایی با مسیرهای محدود شده برای انتقال داده ها، این ویژگی می تواند عملکرد شبکه را بطور چشمگیری بهبود بخشد.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

پردازش محدود بر روی سرور:

با توجه به این واقعیت که تنها داده های ضروری به سرور فرستاده می شوند، سرور نیازی ندارد تا تمام عناصر فرم را پردازش کند. از آنجاییکه فقط داه های ضروری ارسال می شوند، پردازش محدودی بر روی سرور انجام خواهد شد. هیچ نیازی به پردازش تمام عناصر فرم، پردازشViewstate ، برگرداندن تصاویر به کلاینت و یا برگرداندن یک صفحه کامل به کلاینت وجود نخواهد داشت.
سابقه(History): با یک Postback کامل، ممکن است کاربر سابقه جایی که در آن بوده است را از دست بدهد. ممکن است کاربر در حالیکه در پایین یک صفحه قرار دارد بر روی کلید Submit کلیک نماید و در نتیجه به بالای صفحه هدایت شود. باAjax، هیچ Postback کاملی وجود ندارد.
کلیک بر روی کلیدSubmit در یک نرم افزار کاربردی که ازAjaxاستفاده می کند، به کاربر اجازه می دهد تا جلسه  خود را حفظ نماید. وضعیت کاربر نگهداری می شود وکاربر دیگر نیازی نخواهد داشت که تمام صفحه را به پایین بلغزاند تا به موقعیتی که پیش از کلیک بر روی Submit داشته است باز گردد.]]>
در ساده ترین نگاه ، تکنولوژی AJAX می تواند کاری کند که هنگام تغییر یک صفحه به جای لود شدن کل آن  فقط بخش تغییر داده شده لود شود.



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

تاریخچه AJAX :

فناوریهایی کهAjax را تشکیل می دهند علیرغم تمام جذابیتها و مزایای خود واقعا جدید نیستند .توانایی برقراری ارتباط با سرور، از طریق یک فریم مخفی و بدون ارسال صفحه اصلی به سرور، از مدتها پیش شناخته شده است. برقراری ارتباط مابین کلاینت و سرور، از زمان معرفی تواناییInternet Explorerبرای اسکریپت نویسی کنترلهایActiveXبر روی مرورگر کلاینت و مولفه هایMSXML (که هر دو آنها به اواخردهه ۱۹۹۰میلادی مربوط می شوند) قابل دسترسی بوده است.

مواردی که قبل از کار با آژاکس باید بدانید :

HTML / XHTML
CSS
JavaScript / DOM
آژاکس چیست :

AJAX مخفف کلمات Asynchronous JavaScript and XML  می باشد و تکنیکی جهت ساخت صفحات پویا و سریع است که می تواند بدون لود شدن کل صفحه  ، بخشی از آن را به روز آوری و آن را به سرور ارسال کند. در صورتیکه در صفحات وب کلاسیک با تغییر بخشی از صفحه ، کل آن بایستی  لود شود.

نمونه سایت هایی که با Ajax طراحی شده اند :



Googel Maps: توانایی مشاهده یک نقشه و بزرگنمایی قسمتهای مختلف آن بدون نیاز به یکPostback واقعاً هیجان انگیز است. این سرویس گوگل با عرضه خود دنیای برنامه نویسی را با یک طوفان مواجه کرد.

Gmail:Google Gmail یک سیستم الکترونیکی مبتنی بر وب است که Google آن را در دسترس کاربران قرار داده است.

Microsoft Hotmail Kahuna update:نسخه ارتقایی Hotmail که تحت عنوانKahuna  شناخته می شود.

Live.com:سرویس local.live.com  مربوط به  مایکروسافت که از چهارچوب Atlas استفاده می کند.

EasySearchComponent: مولفه EasySearchComponent در ASP.NET  امکان پشتیبانی از جستجوی یک سایت مشابه با سرویس Google Suggest را فراهم می کند.

سایر فروشندگان Component: فروشندگان Component نظیر ComponentArt,Dart و سایرین کنترلهایی را فراهم می کنند که یک تجربه کاربری غنی را حتی بدون وجود یکPostback کامل تامین نمایند.

توجه : با قرار دادن عبارت Ajax در وبلاگ ترافیک آن افزایش خواهد یافت .

اجزا تشکیل دهنده آژاکس

  XmlHttpRequest: به مرورگر  امکان می دهد که تا به یک سرور Back-end ارتباط برقرار کند. این آبجکت به مرورگر اجازه می دهد تا بدون نیاز به یکPostback از تمام صفحه وب، با سرور ارتباط برقرار نماید. با Internet Explorer این قابلیت توسطه مولفهMSXML ActiveX فراهم شده است . در مورد Mozilla Firefox و سایر مرورگر های وب، این قابلیت با آبجتکی که XmlHttReques نیز نامیده می شود تامین می گردد. کتابخانه های جاوا اسکریپت سمت کلاینت، تفاوتهای مابین محیطهای مختلف مرورگر را پنهان می کنند. گاهی اوقات این ارتباطات از طریق یکFRAME  یاIFRAME مخفی برقرار می شوند.

جاوا اسکریپت: قابلیتهایی برای برقراری ارتباط با سرور Back-end را تامین می کند. جاوا اسکریپت باید نسخه ۱/۵ یا بالاتر ازآن باشد. با وجود آنکه جاوا اسکریپت بطور اخص الزامی نمی باشد، اما از نظر اینکه  تنها محیط اسکریپ نویسی سمت کلاینت است که تمام مرورگرهای وب مدرن از آن پشتیبانی می کنند، مورد نیاز می باشد. زبانهای اسکریپت نویسی سمت کلاینت دیگری نیز وجود دارند، اما در تمامی مرورگرها پشتیبانی نمی شوند.

پشتیبانی از DHTML/DOM: مرورگر باید از توانایی بروزرسانی دینامیک عناصر فرم پشتیبانی نماید و توانایی انجام اینکار با یک شیوه استاندارد از طریق پشتیبانی از(DOM(Document Object Model فراهم می گردد.



XMLیاJSON: استفاده ازXML توانایی برقراری ارتباط با سرور وب دریک مکانیزم استاندارد را فراهم می کند. شرایطی وجود دارند که درآنها از (JSON (JavaScript Object Notation بجایXMLمستقیم برای نشان گذاری(Notation)ارتباط استفاده می شود.



برای اجرایAjax یک مرورگر وب باید دارای شرایط زیر باشد:


نسبتا مدرن باشد :نرم افزارهای کاربردی Ajaxدر تمام نسخه های مرورگرها قابل دسترسی نخواهند بود. درحالیکه Internet Explorer6،Firefox5،۱ وOpera5،۸ (ونسخه های بالاتر از آنها) امکان پشتیبانی از این نرم افزارهای کاربردی را فراهم می کنند ،نسخه های قدیمی تر آنها می توانند در این زمینه دچار مشکل باشند.اگر از مرورگر Internet Explorer برروی ویندوز استفاده می کنید، و  ActiveXفعال نشده باشد احتمالاً با مشکلاتی مواجه خواهید شد.

نحوه ی کار Ajax :

بعد از اینکه رویدادی اتفاق می افتد، ابتدا یک شی XMLHTTP ساخته شده و در خواست به شکل Httprequest به سرور ارسال می شود.

سرور Httprequest را پردازش کرده پاسخ را ایجاد و داده ها را به مرورگر بازمی گرداند.

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

AJAX بر پایه ی استاندارهای اینترنت بوده و ترکیبی از موارد زیر است :

XMLHttpRequest object (جهت تبادل اطلاعات همزمان با سرور)

JavaScript/DOM (نمایش و تبادل اطلاعات)

CSS جهت قالب بندی داده ها

XML  : اغلب به عنوان فرمتی برای انتقال داده ها استفاده می شود.

AJAX به پیشنهاد گوگل در سال ۲۰۰۵ ایجاد گردید.زمانی که شما در کادر جستجوی گوگل شروع به تایپ می کنید ، جاوا اسکریپت درخواست را به شکل لحظه ای ارسال کرده و سرور لیستی از پیشنهادات را باز می گرداند.

مثال هایی از کدنویسی با Ajax :

[pre]

xmlhttp.open(“GET”,”ajax_info.txt”,true);
xmlhttp.send(); [/pre]

جهت ارسال درخواست به سرور از متدهای بالا استفاده می شود.

جهت دریافت یک پاسخ از سرور از شی XMLHttpRequest  استفاده می شود

[pre]document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;[/pre]

در ادامه مثالی جامع وجود دارد که نحوه ی ارسال درخواست کاربر زمانیکه وی در یک کادر جستجو عبارت خود را تایپ می کند را نشان می دهد :

[pre]

function showHint(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById(“txtHint”).innerHTML=””;
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById(“txtHint”).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open(“GET”,”gethint.asp?q=”+str,true);
xmlhttp.send();
}

[/pre]

با وارد شدن عبارت توسط کاربر تابع Showhint فراخوانی می شود و درخواست را به سرور ارسال می کند.

آژاکس می تواند با دیتابیس و فایل های XML  نیز محاوره داشته باشد.

بنابراین به طور کلی مزایای آژاکس به شرح زیر می باشند :

آژاکس(Asynchronous JavaScript and XML) ترکیبی از فناوریهای مختلف ،مورد استفاده برای ساخت رابطهای کاربری سریع و با امکانات گرافیکی بالا می باشد. مزایای استفاده از آژاکس در نرم افزارها عبارتند از:
رندر شدن سریع تر صفحات و پشتیبانی از Update هر بخشی از صفحه وب
رابط های کاربری سریع و غنی از محتوا
کاهش مصرف منابع سرور
ASP.NET Ajax چارچوبی رایگان از مایکروسافت برای طراحی و اجرای نسل بعدی مرورگرهای وب می باشد.
قابلیت آژاکس در  ASP.NET4.0 این امکان را فراهم می سازد تا داده های JSON از سرور با روشی کاملا موثر و قابل مدیریت، به زبان HTML رندر شوند. ASP.NETAjax4.0  با مرورگرهای زیر سازگار است :

Microsoft Inrervet Explorer6,7 and 8RCl
Mozilla Firefox2and3
Orera9.6

با Ajax، برنامه نویسان می تواند نرم افزارهای کاربردی را تولید کنند که مدلPostback سنتی وب را منسوخ کرده و یک اینترفیس کاربری بهبود یافته را برای کاربران فراهم نموده و به برنامه نویسان امکان دهد تا نرم افزارهای کاربردی را توسعه دهند که کاربر پسند و مفید باشند.

مزایای  Ajax برای نرم افزارهای کاربردی کلاسیک مبتنی بر وب، عبارتند از

ناهمزمانی:

Ajaxامکان انجام فراخوانیهای ناهمزمان (Asynchronous)ازیک سرور وب را بوجود می آورد. این وضعیت به مرورگر کلاینت امکان می دهد تا از انتظار برای رسیدن تمام داده ها، پیش از آنکه کاربر بتواند کار دیگری را انجام دهد، اجتناب نماید.
حداقل انتقال داده ها: بخاطر عدم انجام یکPostback کامل و همچنین عدم ارسال تمام داده های فرم به سرور ،استفاده از شبکه به حداقل رسیده و عملیات بطور سریعتری انجام می شوند. درسایتها و محلهایی با مسیرهای محدود شده برای انتقال داده ها، این ویژگی می تواند عملکرد شبکه را بطور چشمگیری بهبود بخشد.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

پردازش محدود بر روی سرور:

با توجه به این واقعیت که تنها داده های ضروری به سرور فرستاده می شوند، سرور نیازی ندارد تا تمام عناصر فرم را پردازش کند. از آنجاییکه فقط داه های ضروری ارسال می شوند، پردازش محدودی بر روی سرور انجام خواهد شد. هیچ نیازی به پردازش تمام عناصر فرم، پردازشViewstate ، برگرداندن تصاویر به کلاینت و یا برگرداندن یک صفحه کامل به کلاینت وجود نخواهد داشت.
سابقه(History): با یک Postback کامل، ممکن است کاربر سابقه جایی که در آن بوده است را از دست بدهد. ممکن است کاربر در حالیکه در پایین یک صفحه قرار دارد بر روی کلید Submit کلیک نماید و در نتیجه به بالای صفحه هدایت شود. باAjax، هیچ Postback کاملی وجود ندارد.
کلیک بر روی کلیدSubmit در یک نرم افزار کاربردی که ازAjaxاستفاده می کند، به کاربر اجازه می دهد تا جلسه  خود را حفظ نماید. وضعیت کاربر نگهداری می شود وکاربر دیگر نیازی نخواهد داشت که تمام صفحه را به پایین بلغزاند تا به موقعیتی که پیش از کلیک بر روی Submit داشته است باز گردد.]]> <![CDATA[Ajax چیست؟ + نمونه کد]]> https://forum.romaak.ir/showthread.php?tid=6762 Sun, 20 Oct 2019 10:03:12 +0000 ghazalme7]]> https://forum.romaak.ir/showthread.php?tid=6762
اما بسیاری از این برنامه های کاربردی کند و گاهی خسته کننده هستند. برخی مواقع سریع ترین آنها آنقدر کند هستند که  کاربر می تواند در حین کارکرد با آن چای خود را بنوشد و یا اگر وضعیت بدتر از این شد، به کلی سایت را ترک می کند. شما بر روی یک لینک کلیک می کنید. وب سایت شروع به پردازش اطلاعات می کند و منتظر صفحه ی بعد با تعدادی منو و عکس و غیره هستید تا بتوانید نتیجه کار را ببینید.

Ajax اینجاست تا وضعیت را تغییر دهد
Ajax و یا کامل تر Asynchronous JavaScript and XML نحوه ای از برنامه نویسی است تا شما را از شر گرفتن اطلاعات بوسیله رفتن به یک صفحه ی دیگر خلاص کند. وقتی کاربر یک فرم را تایید می کند، بعلت حجم کم انتقال اطلاعات، زمان بسیار کوتاهی طول می کشد تا نتیجه نمایش داده شود. آن هم بدون انتقال به صفحه ای دیگر! اگر باور کردنش برای شما مشکل است، سری به وب سایت Google Mapsبزنید و با حرکت در قسمت های مختلف نقشه، تغییرات آنی اطلاعات را مشاهده کنید. بدون اینکه صفحه Reload شود. این قدرت Ajax است.

Ajax چیست؟
در واقع Ajax تلفیقی است از:

استاندارد های XHTML و CSS
تعامل با صفحه بوسیله DOM
انتقال اطلاعات بوسیله XML و XSLT
بازیابی اطلاعات بطور غیرهمزمان بوسیله ی XMLHttpRequest
JavaScript تا همه ی این موارد را بهم وصل کند
در روش سنتی انتقال اطلاعات، انتقال اطلاعات بین کاربر و سرور بدین صورت انجام می گرفت:

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

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

بوسیله Ajax، کدهای JavaScript که عملیات های حیاتی از جمله Validation و Manipulation را انجام می دهند، هنگام باز شدن صفحه بطور کامل لود می شوند. و در صورت نیاز کاربر، اطلاعات درخواستی از طریق کد های جاوا انتقال داده می شوند.

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

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


نمونه کد ساده برای راه اندازی AJAX
کد زیر را در یک صفحه مثلا demo.html قرار دهید.

        Simple Ajax Example
    <script language="Javascript">
    function postRequest(strURL) {
var xmlHttp;
          if (window.XMLHttpRequest) { // Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
    }else if (window.ActiveXObject) { // IE
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlHttp.open('POST', strURL, true);
    xmlHttp.setRequestHeader
              ('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
      updatepage(xmlHttp.responseText);
      }
  }
xmlHttp.send(strURL);
        }
    function updatepage(str){
document.getElementById("result").innerHTML =
            "" + str + "";;
        }
  function SayHello(){
var usr=window.document.f1.username.value;
var rnd = Math.random();
var url="sayhello.php?id="+rnd +"&usr="+usr;
postRequest(url);
        }
  </script>
     

Simple Ajax Example


  Enter your name and then press
  "Say Hello Button"

     


Enter your name:
      on‌click='J‌avaScript:SayHello()' name="showdate">

     
   
سپس صفحه ای با نام sayhello.php بسازید و کد های زیر را در آن قرار دهید.

$usr=$_GET["usr"];
?>

Welcome !

Request received on:

print date("l M dS, Y, H:i:s");
?>
سپس صفحه demo.html را اجرا کنید و نتیجه را ببینید. به یاد داشته باشید که در این مثال، سرور شما باید توانایی تجزیه و تحلیل کدهای PHP  را داشته باشد. نمونه کد قابل اجرا را در اینجا ببینید (Demo).

آیا شما نیز از Ajax استفاده می کنید؟ تجربه شما در این زمینه چیست؟]]>
اما بسیاری از این برنامه های کاربردی کند و گاهی خسته کننده هستند. برخی مواقع سریع ترین آنها آنقدر کند هستند که  کاربر می تواند در حین کارکرد با آن چای خود را بنوشد و یا اگر وضعیت بدتر از این شد، به کلی سایت را ترک می کند. شما بر روی یک لینک کلیک می کنید. وب سایت شروع به پردازش اطلاعات می کند و منتظر صفحه ی بعد با تعدادی منو و عکس و غیره هستید تا بتوانید نتیجه کار را ببینید.

Ajax اینجاست تا وضعیت را تغییر دهد
Ajax و یا کامل تر Asynchronous JavaScript and XML نحوه ای از برنامه نویسی است تا شما را از شر گرفتن اطلاعات بوسیله رفتن به یک صفحه ی دیگر خلاص کند. وقتی کاربر یک فرم را تایید می کند، بعلت حجم کم انتقال اطلاعات، زمان بسیار کوتاهی طول می کشد تا نتیجه نمایش داده شود. آن هم بدون انتقال به صفحه ای دیگر! اگر باور کردنش برای شما مشکل است، سری به وب سایت Google Mapsبزنید و با حرکت در قسمت های مختلف نقشه، تغییرات آنی اطلاعات را مشاهده کنید. بدون اینکه صفحه Reload شود. این قدرت Ajax است.

Ajax چیست؟
در واقع Ajax تلفیقی است از:

استاندارد های XHTML و CSS
تعامل با صفحه بوسیله DOM
انتقال اطلاعات بوسیله XML و XSLT
بازیابی اطلاعات بطور غیرهمزمان بوسیله ی XMLHttpRequest
JavaScript تا همه ی این موارد را بهم وصل کند
در روش سنتی انتقال اطلاعات، انتقال اطلاعات بین کاربر و سرور بدین صورت انجام می گرفت:

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

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

بوسیله Ajax، کدهای JavaScript که عملیات های حیاتی از جمله Validation و Manipulation را انجام می دهند، هنگام باز شدن صفحه بطور کامل لود می شوند. و در صورت نیاز کاربر، اطلاعات درخواستی از طریق کد های جاوا انتقال داده می شوند.

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

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


نمونه کد ساده برای راه اندازی AJAX
کد زیر را در یک صفحه مثلا demo.html قرار دهید.

        Simple Ajax Example
    <script language="Javascript">
    function postRequest(strURL) {
var xmlHttp;
          if (window.XMLHttpRequest) { // Mozilla, Safari, ...
var xmlHttp = new XMLHttpRequest();
    }else if (window.ActiveXObject) { // IE
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlHttp.open('POST', strURL, true);
    xmlHttp.setRequestHeader
              ('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
      updatepage(xmlHttp.responseText);
      }
  }
xmlHttp.send(strURL);
        }
    function updatepage(str){
document.getElementById("result").innerHTML =
            "" + str + "";;
        }
  function SayHello(){
var usr=window.document.f1.username.value;
var rnd = Math.random();
var url="sayhello.php?id="+rnd +"&usr="+usr;
postRequest(url);
        }
  </script>
     

Simple Ajax Example


  Enter your name and then press
  "Say Hello Button"

     


Enter your name:
      on‌click='J‌avaScript:SayHello()' name="showdate">

     
   
سپس صفحه ای با نام sayhello.php بسازید و کد های زیر را در آن قرار دهید.

$usr=$_GET["usr"];
?>

Welcome !

Request received on:

print date("l M dS, Y, H:i:s");
?>
سپس صفحه demo.html را اجرا کنید و نتیجه را ببینید. به یاد داشته باشید که در این مثال، سرور شما باید توانایی تجزیه و تحلیل کدهای PHP  را داشته باشد. نمونه کد قابل اجرا را در اینجا ببینید (Demo).

آیا شما نیز از Ajax استفاده می کنید؟ تجربه شما در این زمینه چیست؟]]> <![CDATA[نکاتی درباره استفاده از وب سایت ضروری]]> https://forum.romaak.ir/showthread.php?tid=6573 Sun, 30 Jun 2019 19:59:34 +0000 magbot]]> https://forum.romaak.ir/showthread.php?tid=6573 نکاتی درباره تجربه استفاده از وب سایت ضروری
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

 


دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


UX شامل بسیاری از اصول طراحی از رنگ، خطوط به قرار دادن عنصر. اجازه دهید ما به این ملاحظات نگاه کنیم: 
صفحه اصلی شما

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


برای اطمینان از UX بزرگ، به یاد داشته باشید نه برای قرار دادن همه چیز در صفحه اصلی. مردم از خواندن متن های طولانی متنفر هستند، بنابراین ممکن است کوتاه باشد. صفحه اصلی وب سایت شما باید خوانندگان خود را به آنچه در وب سایت است، هدایت کند. 
در اینجا چند چیز وجود دارد: ·


برای اطمینان از طراحی صفحه اصلی، ممکن است بخواهید زیر را بخوانید: 
جعبه ابزار طراح UX 
نامحدود: 500000 + Wireframe & UX Templates، Kits UI & طراحی دارایی

[تصویر: 0.jpg]


یکی از چیزهایی که کاربران در وب سایت شما دنبال می کنند ناوبری است. این به بسیاری از راه های وب سایت شما کمک می کند: 


یکی از چیزهایی که باید به یاد داشته باشید این است که هنگام طراحی مناطق ناوبری، هرگز نباید یک بازدیدکننده را اشتباه بگیرید. این بدان معنی است که شما همیشه باید در آیکون ها، متن ها و موقعیت های ناوبری خود را روشن کنید.


در اینجا چند راهنمایی دیگر وجود دارد: 
استفاده از معماری اطلاعات

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


[تصویر: 6.jpg]< br>


قرار دادن آیکون یک روش عالی برای اطمینان از ناوبری موثر است. 


به همین دلیل استفاده از آیکون ها در ناوبری نیز توصیه می شود. با این وجود، با وجود این توصیه، شما هنوز هم باید چندین مورد را به یاد داشته باشید: 


برای جزئیات بیشتر در مورد این، سعی کنید به خواندن: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
.
خواندن سایت شما

[تصویر: 12.jpg]


اگر یک چیز مهم باشد که هنگام طراحی وبسایت توجه داشته باشید، این متن بخش مهمی از طراحی است. 


به همین دلیل است که خواندن بیشتر مطالب شما بسیار مهم است. در اینجا چند نکته وجود دارد: 
طرح های سنگین متن No-no
هستند
به یاد داشته باشید که طول خط بهینه برای متون بدن فقط 50-60 کاراکتر در هر خط و نه بیش از 600-650 پیکسل عرض در هر ردیف است. این به این معنی است که هرگز متون طولانی و غیر ضروری را نباید اضافه کنید. فقط به نقطه دست یابید. 
اندازه قلم را به اندازه کافی نگه دارید

من می دانم که این یک نکته کلیدی است، اما شما باید آن را به یاد داشته باشید. فونت ها باید به اندازه کافی بزرگ باشند تا بتوانند آنها را بخوانند حتی بدون زوم کردن صفحه. به خاطر داشته باشید که شما برای انسان ها طراحی کرده اید، نه مورچه ها. 


پیشنهاد میکنم حداقل از دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
در متن های بدن، و به یاد داشته باشید، هیچ اسکریپت و یا فونت دستی نوشته شده در متون بدن! متن زیر 16 پیکسل و متون بدن که دارای دست نوشته یا فونت اسکریپت هستند، به سادگی قابل خواندن نیستند. به عنوان یک طراح وب، می خواهید محتوای خود را بخوانید، درست؟


[تصویر: 18.jpg]
استفاده از Italics مناسب

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
ارائه می شود تاکید خوبی بر روی محتوا است، اما متن خواندن را دشوار می سازد. به همین دلیل است که من پیشنهاد می کنم به جای استفاده از boldface بجنگید زیرا به راحتی متن مورد تاکید را آسان تر می کند. این بهتر است از این ، درست است؟ اگر کلمات لینک نیست را برجسته کنید
بله، تأکید می تواند بر متن شما تأکید داشته باشد، اما بازدید کننده گیج کننده است. در خواندن مقالات در وب، دیدن یک کلمه تحت تأثیر، یک لینک hyperlink را نشان می دهد. احتمالا کاربران بر روی آن کلمات متمرکز کلیک کرده و احساس می کنند که این کار را انجام می دهند چون لینک ها نیستند. شما نمی خواهید این اتفاق بیافتد. 
نتیجه گیری

تجربه کاربر یک چیز واقعا دشوار است که باید در ذهن داشته باشید. اما من فکر می کنم بهترین راه برای درک مفاهیم UX، قرار دادن خود در کفش کاربر معمولی اینترنت است. هنگامی که شما آن را تسلط دادید، دانستن چیزی که می خواهید و چیزی که نمی خواهید، یک تکه کیک است. 


و من می دانم که به زودی به آنجا خواهد رسید. نگه داشتن این نکات در ذهن شما یک راه عالی برای شروع است. موفق باشید!

src = "24.jpg
مقالات مرتبط
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
]]> نکاتی درباره تجربه استفاده از وب سایت ضروری
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

 


دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


UX شامل بسیاری از اصول طراحی از رنگ، خطوط به قرار دادن عنصر. اجازه دهید ما به این ملاحظات نگاه کنیم: 
صفحه اصلی شما

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


برای اطمینان از UX بزرگ، به یاد داشته باشید نه برای قرار دادن همه چیز در صفحه اصلی. مردم از خواندن متن های طولانی متنفر هستند، بنابراین ممکن است کوتاه باشد. صفحه اصلی وب سایت شما باید خوانندگان خود را به آنچه در وب سایت است، هدایت کند. 
در اینجا چند چیز وجود دارد: ·


برای اطمینان از طراحی صفحه اصلی، ممکن است بخواهید زیر را بخوانید: 
جعبه ابزار طراح UX 
نامحدود: 500000 + Wireframe & UX Templates، Kits UI & طراحی دارایی

[تصویر: 0.jpg]


یکی از چیزهایی که کاربران در وب سایت شما دنبال می کنند ناوبری است. این به بسیاری از راه های وب سایت شما کمک می کند: 


یکی از چیزهایی که باید به یاد داشته باشید این است که هنگام طراحی مناطق ناوبری، هرگز نباید یک بازدیدکننده را اشتباه بگیرید. این بدان معنی است که شما همیشه باید در آیکون ها، متن ها و موقعیت های ناوبری خود را روشن کنید.


در اینجا چند راهنمایی دیگر وجود دارد: 
استفاده از معماری اطلاعات

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


[تصویر: 6.jpg]< br>


قرار دادن آیکون یک روش عالی برای اطمینان از ناوبری موثر است. 


به همین دلیل استفاده از آیکون ها در ناوبری نیز توصیه می شود. با این وجود، با وجود این توصیه، شما هنوز هم باید چندین مورد را به یاد داشته باشید: 


برای جزئیات بیشتر در مورد این، سعی کنید به خواندن: دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
.
خواندن سایت شما

[تصویر: 12.jpg]


اگر یک چیز مهم باشد که هنگام طراحی وبسایت توجه داشته باشید، این متن بخش مهمی از طراحی است. 


به همین دلیل است که خواندن بیشتر مطالب شما بسیار مهم است. در اینجا چند نکته وجود دارد: 
طرح های سنگین متن No-no
هستند
به یاد داشته باشید که طول خط بهینه برای متون بدن فقط 50-60 کاراکتر در هر خط و نه بیش از 600-650 پیکسل عرض در هر ردیف است. این به این معنی است که هرگز متون طولانی و غیر ضروری را نباید اضافه کنید. فقط به نقطه دست یابید. 
اندازه قلم را به اندازه کافی نگه دارید

من می دانم که این یک نکته کلیدی است، اما شما باید آن را به یاد داشته باشید. فونت ها باید به اندازه کافی بزرگ باشند تا بتوانند آنها را بخوانند حتی بدون زوم کردن صفحه. به خاطر داشته باشید که شما برای انسان ها طراحی کرده اید، نه مورچه ها. 


پیشنهاد میکنم حداقل از دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
در متن های بدن، و به یاد داشته باشید، هیچ اسکریپت و یا فونت دستی نوشته شده در متون بدن! متن زیر 16 پیکسل و متون بدن که دارای دست نوشته یا فونت اسکریپت هستند، به سادگی قابل خواندن نیستند. به عنوان یک طراح وب، می خواهید محتوای خود را بخوانید، درست؟


[تصویر: 18.jpg]
استفاده از Italics مناسب

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
ارائه می شود تاکید خوبی بر روی محتوا است، اما متن خواندن را دشوار می سازد. به همین دلیل است که من پیشنهاد می کنم به جای استفاده از boldface بجنگید زیرا به راحتی متن مورد تاکید را آسان تر می کند. این بهتر است از این ، درست است؟ اگر کلمات لینک نیست را برجسته کنید
بله، تأکید می تواند بر متن شما تأکید داشته باشد، اما بازدید کننده گیج کننده است. در خواندن مقالات در وب، دیدن یک کلمه تحت تأثیر، یک لینک hyperlink را نشان می دهد. احتمالا کاربران بر روی آن کلمات متمرکز کلیک کرده و احساس می کنند که این کار را انجام می دهند چون لینک ها نیستند. شما نمی خواهید این اتفاق بیافتد. 
نتیجه گیری

تجربه کاربر یک چیز واقعا دشوار است که باید در ذهن داشته باشید. اما من فکر می کنم بهترین راه برای درک مفاهیم UX، قرار دادن خود در کفش کاربر معمولی اینترنت است. هنگامی که شما آن را تسلط دادید، دانستن چیزی که می خواهید و چیزی که نمی خواهید، یک تکه کیک است. 


و من می دانم که به زودی به آنجا خواهد رسید. نگه داشتن این نکات در ذهن شما یک راه عالی برای شروع است. موفق باشید!

src = "24.jpg
مقالات مرتبط
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
]]>