برنامه نویسی و توسعه وب

خبر خوب:از این پس اینترنت اکسپلورر به صورت خودکار آپدیت خواهد شد!

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

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

این خبر در حالی اعلام میشه که سال هاس طراحان وب از حضور نسخه های قدیمی و مشکل دار اینترنت اکسپلورر همچون نسخه 6 و 7 رنج می برند که همین مسئله باعث کندی در نرخ رشد وب به لحاظ بهره مندی از تکنیک ها و تکنولوژی های جدید طراحی می شد. در یک کلام نسخه های  قدیمی این مرورگر کابوس هر طراح وبی به شمار می رن.

به نقل از وبلاگ اختصاصی مرورگر اینترنت اکسپلورر اون دسته از کاربرانی که ویژگی ارتقا خودکار ( Automatic Update) ویندوز خودشون رو فعال کردن از این بخش شاهد ارتقا خودکار مرورگر خودشون خواهند بود. این روند که در ویندوز های ایکس پی، ویستا و 7 اجرا خواهد شد بدون تغییر تنظیمات فعلی به تدریج سبب ارتقا نسخه مرورگر کاربران به نسخه جدید خواهد شد. این امر در ویندوز اکس پی سبب ارتقا نسخه مرورگر به 8 و در ویندوزهای جدیدتر به آخرین نسخه موجود خواهد شد.

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

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

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

خبر خوب:از این پس اینترنت اکسپلورر به صورت خودکار آپدیت خواهد شد! بیشتر بخوانید »

نمونه فرم قرارداد برای توسعه دهندگان وب – شماره 2

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

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

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

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

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

برای دانلود نسخه دوم نمونه فرم قرارداد طراحی وب کلیک کنید (سرور اصلی)
برای دانلود نسخه دوم نمونه فرم قرارداد طراحی وب کلیک کنید (سرور کمکی 1)
برای دانلود نسخه دوم نمونه فرم قرارداد طراحی وب کلیک کنید (سرور کمکی 2)

برای دانلود نسخه اول نمونه فرم قرارداد طراحی وب کلیک کنید

نمونه فرم قرارداد برای توسعه دهندگان وب – شماره 2 بیشتر بخوانید »

من به عنوان مشتری طراحی وب چه چیزهایی را باید بدانم؟

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

– تفاوت طراحی وب با توسعه وب
– استانداردهای وب
– الگوها و نمونه های طراحی وب
– طراحی صفحه اصلی و صفحات داخلی
– سرس PSD و یا سرس گرافیکی اثر
– کد خوانا، معنایی و قابل درک
– طراحی و استایل عناصر فرم
– قیمت و هزینه طراحی

تفاوت طراحی وب با توسعه وب

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

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

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

من به عنوان مشتری طراحی وب چه چیزهایی را باید بدانم؟ بیشتر بخوانید »

آقا مهندس، کدوم بهتره؟ کدوم رو انتخاب کنم؟

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

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

  • کدام زبان برنامه نویسی وب بهترین هست؟
  • کدام سیستم عامل رو برای میزبانی وب انتخاب کنم؟
  • کدام سیستم مدیریت محتوا ( CMS) بهترین هست؟
  • کدام مرورگر بهترین هست؟
  • و…

آقا مهندس، کدوم بهتره؟ کدوم رو انتخاب کنم؟ بیشتر بخوانید »

چطوری واسه طراحی سایت قیمت بدم؟

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

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

 

گفتگوهای اولیه

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

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

معماری اطلاعات

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

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

 

تحقیقات پیرامون طراحی

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

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

 

تهیه مستندات و عناصر گرافیکی مورد نیاز

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

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

پیاده سازی اولیه طرح نهایی

پس از اینکه دو مرحله قبل رو به خوبی به پایان رسوندید نوبت به کشیدن پیش نمایش اولیه کار و ارائه اون به مشتری برای باز بینی و اعمال اصلاحات مورد نیاز هست. شما می تونین برای این مرحله از نرم افزار های تهیه پیش نمایش اولیه و یا ابزار نهایی که با اون طرح رو می کشید (فوتوشاپ و …) استفاده کنید. بدیهی هست که این فاز مهم باید در تعیین قیمت نهایی تاثیر داشته باشه.

 

بازبینی های طرح نهایی

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

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

 

تولید طرح گرافیکی نهایی

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

 

توسعه XHTML/CSS

خب بخش عمده فاز طراحی تموم شده و نیازمند این هستیم تا بر اساس قالب تهیه شده کدهای XHTML/CSS لازم رو منطبق بر استاندارد ها تولید کنیم. این بخش از کار به دلیل اینکه یکی از محوری ترین بخش هاست و نیازمند مهارت قابل توجهی هست باید به خوبی در نظر گرفته بشه. چرا که عمده مهارت طراح در این بخش صرف خواهد شد. به احتمال فراوان در بخش نیازمند کدنویسی JavaScript نیز خواهید بود که می بایست آن را نیز در نظر بگیرید.

برنامه نویسی سایت یا توسعه سمت سرور

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

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

 

تست و رفع اشکال

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

 

تحویل نهایی کار و ملاقات های احتمالی

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

موارد بهینه سازی برای موتورهای جستجو

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

موارد پشتیبانی

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

سایر هزینه ها

سایر هزینه ها رو این شما هستین که مشخص می کنید. هزینه های مربوط به هاست و دامین می تونه توی این بخش قرار بگیره.

مقاله های مرتبط

چطوری واسه طراحی سایت قیمت بدم؟ بیشتر بخوانید »