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

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

انتشار کد - ایده جذاب فروش بلیط سینما

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

پیش نمایش فروش بلیط ۳ بعدی


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

این قالب تنها در مرورگر هایی که transform-style: preserve-3d رو پشتیبانی میکنند قابل مشاهده است.

برای مشاهده دمو روی لینک زیر کلیک کنید:

http://tympanus.net/Development/SeatPreview/

برای دریافت کد به لینک زیر مراجعه کنید:

http://bayanbox.ir/info/7745913068288609470/SeatPreview

منبع: tympanus

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

حال ، به سایت 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

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

در این پست یک مثال کوتاه از بازیابی نقاط بر روی نقشه گوگل مپ رو میخوام بزارم . که نقاطی که در نفشه در فاصله 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

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

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

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

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

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

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

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/
  • سید فرزاد سید عربی نژاد

نام نسخه جدید اندروید

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

کیت کت

کمپانی گوگل ساعاتی پیش نام جدید نسخه سیستم عامل اندروید رو معرفی کرد : کیت کت Kitkat

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

گوگل موتورولا و مایکروسافت نوکیا را خرید !

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

گوگل

در چند هفته گذشته خبر های عجیب و غریب زیادی شنیده شد !‌ کمپانی بزرگ گوگل بعد از موفقیتی که سیستم عامل موبایلی خودش بدست آورد تصمیم گرفت موتورلا رو بخره و صاحب برند موبایل مخصوصی برای خودش باشه ٫ با این اقدام خیلی ها گفتن دیگه گوگل بی رقیب تر میشه ٬ ولی امروز خبری اینترنت رو فرا گرفت و اون هم خرید نوکیا توسط شرکت مایکروسافت بود !‌ 

هر دوی این شرکت ها دستی تویه سیستم عامل های موبایل های هوشمند دارن و باید منتظر موند و رقابت حساس اونها رو دید !‌ 

جالب است بدانید گوگل برای موتورولا  12.5 میلیارد دلار و مایکروسافت برای خرید نوکیا 7 میلیارد دلار خرج کرده است .

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

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

سامسونگ ؟‌ این شرکت که اکثریت محصولاتش رو با سیستم عامل اندروید عرضه میکنه اگه زمانی گوگل اندروید رو انحصاری به گوشی های خودش بکنه عملا به مشکل بزرگی می افته (بعید میدونم این کارو بکنه) ولی خبر ها از پیگیری شرکت سامسونگ برای ساخت سیستم عامل خصوصی خود (که میگن مبتنی بر اندروید هم هست) حکایت داره !‌

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

سونی هم مثل شرکت های دیگه که دارای سیستم عامل مستقل نمی باشند این خطر ها تهدیدش میکنن  ولی با همه این ها بعید میدونم شرکت های گوگل و مایکروسافت سیستم عامل های خودشون رو در اختیار این برند ها قرار ندن و از پولی که از این طریق در میارن چشم ‍پوشی کنن.

در هر صورت رقابت حساس میشه و باید نشست و دید این ۳ شرکت که هم موبایل و هم سیتسم عامل میسازن (اپل ٬ گوگل ٬ مایکروسافت) کدومشون موفق به پیروزی در این میدان نبرد خواهد شد !

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