لطفا قبل از دانلود حتما در سایت عضو شوید. راهنمایی بیشتر در مورد خرید از سایت در لینک زیر :

https://rastchin.com/about

1

بررسی مشکل بروزرسانی جوملا + راه حل

همانطور که می دانید امروز نسخه 3.5.1 جوملا بصورت رسمی منتشر شده است و شما باید CMS خود را به این نسخه ارتقا دهید. برای اینکار کافیست بعد از ورود به پنل مدیریت جوملا و مشاهده پیغام مشابه تصویر 1، روی کلید بروزرسانی (update now) کلیک کنید. در صفحه بعد نیز علاوه بر لینک فایلی که دانلود خواهد شد (باعنوان Update package URL) کلید آبی رنگ install the update وجود دارد. (تصویر2)

 

اگر این کلید را فشار دهید باید در صفحه بعدی شاهد دانلود این لینک، نصب فایل دانلود شده و پیغام موفقیت آمیز نصب باشید. اما گاهی کار به این سادگی نخواهد بود! زیرا CMS جوملا برای بروزرسانی همیشه از سرور اصلی استفاده نمی کند و نزدیک ترین سرور به آی پی شما را انتخاب کرده و دانلود را از آنجا شروع می کند. گاهی سرور انتخابی جوملا فیلتر است و یا بعلت مشکل اینترنت، فایل ناقص دانلود شده و پیغامی مشابه تصویر 3 رویت می گردد.
The archive file is corrupt, truncated or archive parts are missing

 

راه حل چیست؟


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

1)    به صفحه اصلی پنل مدیریت جوملا بازگردید و مجدد روی پیغام بروزرسانی (Update now) کلیک کنید (تصویر1)
2)    در صفحه جدید روی لینک آبی رنگ ( Update package URL ) کلیک و فایل را خودتان دانلود کنید! (تصویر 4)
3)    سپس فایل دانلود شده را باید در فولدر tmp  که در ابتدای فولدر  اصلی جوملا وجود دارد کپی کنید.
4)    به صفحه ردیف 2 (که لینک دانلود در آن قرار داشت ) باز گردید و حالا روی کلید آبی رنگ کلیک کنید. نصب شروع خواهد شد (تصویر5)

 

چند نکته قابل توجه :

  • ممکن است زمانی که می خواهید بصورت دستی بسته بروزرسانی را که روی آدرس amazonaws.com قرار دارد دانلود کنید دچار مشکل شوید. در این حالت از می توانید از vpn استفاده نمایید
  • زمانی که می خواهید فایل دانلود شده را در فولدر tmp کپی کنید ممکن است فایلی به همان نام در این مسیر قرار داشته باشد که فایل دانلود شده ناقص است. پس می توانید به خیال راحت فایل جدید را با این فایل جایگزین کنید
  • اگر سایت شما روی اینترنت است برای انتقال به سرور می توانید از نرم افزار filezilla و پروتکل FTP استفاده کنید
  • توجه داشته باشید اگر سایت را قبلا به مسیری جدید منتقل کرده اید، آپدیت شما انجام نخواهد شد زیرا مسیر فولدر tmp که در تنظیمات عمومی سایت (global configuration) بصورت مطلق یا اصطلاحا absolute تعریف شده بوده باید مجدد ویرایش شود. بدین منظور به تنظیمات عمومی رفته و در سربرگ سرور (server)، مسیر فولدر tmp را بروز کنید (Path to Temp Folder) فراموش نکنید مسیر فولدر لاگ در سرچسب سیستم (system) نیز باید بصورت مطلق باشید و بروز گردد

 

نظرات (0) کلیک: 772

تفاوت طراحی UX و UI به زبان ساده

شاید در مقالات یا صحبت های دیگران شنیده باشید که می گویند فلان محصول طراحی UX خوبی داره یا فلان سایت طراحی UI افتضاحی داره! آیا این یک زبان مخصوص است که ما ازش سر در نمی یاریم!؟ یا این آدما فقط از این اصطلاحات استفاده میکنن که به نظر خاص بیان!!؟
در این مقاله معنی این 2 اصطلاح رو توضیح خواهیم داد و می پردازیم به اینکه کدام مورد درآمد بیشتری داره. در اواسط مقاله هم یک کلیپ کوتاه با زیر نویس فارسی وجود داره که توضیحات تکمیلی رو در اختیارتون قرار میده.


orange توضیح کلمات اختصاری
کسانی که حرف هاشون رو شنیدید در حقیقت در مورد دو حرفه صحبت می کنند که چند دهه است باب شده اما تئوری اش به چند قرن پیش بر می گردد و در دنیای تکنولوژی بهشون UX و UI گفته میشه. UX  خلاصه شده طراحی مبتنی بر تجربه کاربر (user experience) و UI خلاصه شده عبارت طراحی بر مبنای رابط کاربری (user interface) است. هر دو مهم هستند و در ارتباط با یکدیگر، اما کاری که انجام میدهند با هم متفاوت است و مربوط میشه به بخش های مختلف طراحی. طراحی UX بیشتر تحلیلی است و به حیطه تکنیکی کار مربوط میشه و طراحی UI بیشتر به ظاهر می پردازه.

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

نیاز به توضیح بیشتری دارید؟! خوبه بدونید راحول وارش نی یکی از پایه گذاران سایت foster.fm میگه :

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

تجربه ما در استفاده از یک محصول ابتدا با UX شروع میشه و  سپس با UI ادامه پیدا می کنه.در ادامه قصد داریم این 2 اصطلاح رو دقیق تر توضیح بدهیم

 

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

دن نرمن، یکی از موسسان Nielsen Norman Group Design Consultancy ، کسی هست که ابداع این اصطلاح رو در اواخر 1990 به او نسبت می دهند. به عقیده نرمن : تجربه کاربری (UX) همه جنبه های رابطه متقابل کاربر با سرویس های شرکت و محصولات رو پوشش میده.یعنی فارغ از اینکه واسط (UI) چه نوعی باشه میتونه روی همه چیز حتی چراغ های خیابان، ماشین و ... اجرا بشه. در طراحی UX از ابزارهای کمکی مثل تحلیل ساختار، آنالیز و بهینه سازی تجربه کاربر از محصولات استفاده میشه.

اگر تا به حال روند طراحی UX رو مشاهده نکردین در رزومه خود از این لغت استفاده نکنید! چون تصور اینکه چه مراحلی طی میشه با دانستن فقط تعریف کلمه کار سختیه و توصیه ما این است که در موارد زیر اطلاعات خود را تکمیل کنید :
•    استراتژی: آنالیز رقبا / آنالیز مشتری / ساختار/ استراتژی محصول / تولید محتوا
•    مدل اولیه (و راهنمای تصویری ساخت ) : وایرفریم / مدل اولیه / آزمون و تکرار / نقشه توسعه
•    اجرا و تحلیل : هماهنگی با طراح (های) UI / هماهنگی با توسعه دهنده ها / تکرار آنالیز

به زبان ساده طراح UX  کمی بازاریاب، کمی طراح و کمی مدیر پروژه است. نقش طراح UX پیچیده و چند بعدیست. اگر دقت کنید می بینید که واژه " آنالیز" دوبار تکرار شده. علت این است که با استفاده از روش آزمون و بهبود، اهداف تجاری و مالی شرکت را به نیازهای کاربر مرتبط کنیم تا در نهایت هر دو طرف رابطه، منتفع و راضی گردند.
پس طراحی UX ، مراحل بهبود کیفیت تعامل بین کاربر و شرکت  است و طراحی UX مسئول مستقیم تست تحقیقات، توسعه، محتوا و ساخت مدل اولیه است.اگرچه طراحی UX در تئوری یک کار غیر دیجیتال است اما بیشتر از هر صنعت دیگری در این صنعت استفاده شده.اگر به جامعه شناسی و علوم شناخت مردم علاقه دارید، UX زمینه خوبی برای فعالیت شماست اما اگر تمایل به جذابیت های بصری دارید طراحی UI رو امتحان کنید!


 

طراحی UI ؟
همانطور که دیدید طراحی UX ترکیبی از وظیفه هایی است که بر بهبود یک محصول و استفاده موثر و لذت بخش از اون محصول لازمه و طراحی UI تکمیل کننده این قضیه است. بیشترِ کار با ظاهر، حس و نحوه ارائه محصول است. جالبه بدونید گاهی شرکت ها طراح UI استخدام می کنند و وظایف کاملا متفاوت رو اشتباها به طراح می دهند. حتی اگر به آگهی های استخدامی طراح UI نگاهی بیاندازید می بینید که بیشتر از این تخصص تفسیر به طراحی گرافیک و برند شده!

مثل طراحی UX، طراحی UI نیز چند جنبه داره و کار ساده ای نیست. طراح واسط کاربری مسئول تبدیل نتیجه ی توسعه محصول یا محتوا به یک تجربه جذاب، ساده و منعطف برای مشتری است.
تعریف واژه واسط کاربری در علوم رایانه: ابزاری که بوسیله آن کاربر و کامپیوتر با هم ارتباط بر قرار می کنند.
لازم به ذکر است ما در سایت راستچین بیشتر روی این جنبه طراحی تمرکز می کنیم و آموزش ها در راستای طراحی واسط کاربری (UI) داده خواهد شد. آنچه که شما باید بدانید تا مهارت طراحی واسط کاربری خود را ارتقا بخشید شامل موارد زیر خواهد بود :
•    ظاهر و حس: آنالیز مشتری / تحقیقات طراحی / توسعه برند و گرافیک / راهنما کاربر
•    پاسخگو بودن و تعامل: طرح اولیه UI / طراحی دینامیک / طراحی  ریسپانسیو / پیاده سازی همگام با توسعه دهنده

در مورد "پیاده سازی همگام با توسعه دهنده" باید بدانید که این مورد مربوط میشه به گذشته و این مرز ها کم کم محو میشوند. چون طراح وب (طراح UI که قابلیت کد نویسی هم دارد) به تدریج جای طراحان رابط کاربری معمولی را خواهد گرفت.طراح رابط کاربری مسئول نشان دادن قدرت برند و ویژگی های بصری کالاست و در نتیجه طراحی رابط کاربری به کارهایی گفته میشود که بصورت ویژوال به کاربر برای استفاده از محصول کمک می کند.

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

 

orange مثالی رایج از تفاوت طراحی UI و UX در طراحی سس گوجه فرنگی هینز
به عنوان مثالی دیگر بهتر است از بسته بندی یک سس معروف صحبت کنیم که در فروشگاه های ایران نیز وجود دارد. شرکت هینز آمریکا بیش از 140 سال سابقه فعالیت دارد. بسته بندی سس این شرکت در ابتدا به شکل تصویر سمت راست بود و در سال 2003 به به تصویر سمت چپ تغییر کرد :

heinz ketchup bottle

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


کدام یک از این دو سبک طراحی مهم تر است؟
اگه مطالب بالا را با دقت مطالعه کرده باشید جواب را می دانید اما اجازه بدهید از قول هلگا مورنو طراح و متخصص که مقاله فاصله بین طراحUI  و UX را نوشته است نقل کنیم :
اگر می گوییم که " زیباست ولی کار با آن سخت است ". این یک مثال از طراحی خوب UI و طراحی ضعیف UX است و برعکس مواردی هست که می گوییم " کاربردی است اما طراحی اش افتضاح است! " این یک مثال از طراحی خوب UX و طراحی ضعیف UI است.
پس متوجه شدید که هر دو نقش مهمی دارند و تصور کنید چه میشد اگر هر دو قسمت خوب طراحی می شدند. پس اگر می خواهید وارد یکی از این دو زمینه طراحی بشوید انتخاب شما باید بر مبنای این باشد که کدام برای شما جذاب ترست.

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

نظرات (1) کلیک: 1433

استفاده از WAMP در شبکه محلی (LAN)

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


اجازه بدهید مثالی بیاوریم :
فرض کنید در حال طراحی یک قالب هستید و تصمیم دارید واکنشگرا (responsive) باشد. مسلما شما می خواهید از دستگاه های دیگر نظیر موبایل، تبلت و حتی مانیتورهایی با سایز متفاوت نیز سایت را چک کنید و اگر این امکان قبل از بردن سایت روی اینترنت ممکن شود بسیار لذتبخش خواهد بود!
تمام آنچه شما نیاز دارید یک مودم وایرلس است که هم کامپیوتری که ومپ روی آن نصب است و هم دستگاه دوم (مثلا گوشی موبایل) هر2 به آن مودم متصل شده باشند. با وارد کردن آی پی کامپیوتر در مرورگر گوشی موبایل باید بتوانید قالب در دست طراحی خود را ببینید به شرطی که مراحل زیر را طی کنید.

orange ما از هر مرحله یک عکس نیز گرفته ایم تا آسان تر متوجه شیوه کار شوید.  لازم به ذکر است در این مثال ما از یک کامپیوتر دیگر (آی پی 117) تست را انجام داده ایم و کامپیوتری که روی آن ومپ نصب است آی پی 113 دارد :

  1. ابتدا با دستور ping چک می کنیم اتصال 2 دستگاه با هم برقرار باشد. با فرض اینکه آی پی سیستمی که ومپ روی آن نصب است 192.168.0.113 می باشد، دستور زیر را در CMS ویندوز وارد می کنیم : Ping 192.168.0.113
  2. حال مرورگر سیستم 117 (فایرفاکس) را باز کرده و همین آدرس آی پی را در مرورگر وارد می کنیم.
  3. باتوجه به اینکه در سیستم 113 فایروال نصب است پیغامی مبنی بر اجازه ارتباط آپاچی با سیستم درخواست کننده (117) مشاهده می شود که ما آنرا allow می کنیم
  4. در سیستم 117 پیغام forbidden  نمایش داده می شود. زیرا تنظیمات پیشفرض آپاچی اجازه سرویس دهی به شبکه محلی را نمی دهد
  5. فایل تنظیمات آپاچی را (httpd.conf) روی سیستم 113 را باز کرده (کلیک راست روی آیکون ومپ و زیر منوی آپاچی) و به دنبال خط مشخص شده در تصویر 5 میرویم
  6. دستور Allow from 192.168.0 را وارد می کنیم و پس از ذخیره فایل، سرویس آپاچی را ریستارت می کنیم. (یکبار ومپ را ببندید و دوباره باز کنید)
  7. در سیستم 117،  فایرفاکس را رفرش می کنیم و صفحه پیش فرض ومپ با موفقیت مشاهده می شود

توجه داشته باشید چون آی پی شبکه ما در رنج 192.168.0 بود این مقدار را وارد کردیم و اگر شما رنج دیگری را استفاده می کنید، مثلا اگر آی پی سیستم شما 192.168.2.100 است باید دستور بالا را به شکل روبرو وارد کنید : Allow from 192.168.2


نکته مهم

توضیحات بالا مربوط به ومپ 2 می باشد. اگر ومپ شما نسخه 3 است باید به جای فایل httpd.conf فایل httpd-vhosts.conf را باز کنید و زیر خط :
Require local
عبارت زیر را وارد کنید :
Require ip 192.168

سپس فایل را ذخیره و ومپ را ریستارت کنید.

کسب اطلاعات بیشتر در مورد آنلاین کردن ومپ در شبکه محلی (lan)

نظرات (2) کلیک: 1452

صفحات مرتبط

بالا