آشنایی با نرم افزارهای اینترنتی و برنامه های مدیریت محتوا

رضا باقرزاده - سه شنبه - ۱۴ مرداد ۱۳۹۳ - 16:45

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

در ادامه با بنویس باشید.

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

امین باقرزاده - جمعه 7 تیر ۱۳۹۲ - 18:25

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

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

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

برای رسیدن به این هدف بنیادهایی مانند کنسرسیوم W3 فروم هایی برای بحث و تبادل نظر به وجود آوردند و توافقنامه هایی حاصل شد که مورد قبول شرکت هایی باشد که مرورگرها را توسعه می دهند.

در کنار آن گروه های استاندارد سازی دیگری هم به وجود آمده که یکی از آنها WHATWG نام دارد و تمرکز آن روی استاندارد سازی HTML5 است.

هدف این گروه ها این است که برای هر فناوری به یک توافق کلی دست پیدا کنند و آن را تبدیل به استاندارد نمایند. چیزی که به طور کلی از آن به عنوان specifications یاد می کنند و در فناوری های وب مانند HTML و CSS مورد استفاده قرار می گیرد.

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

وقتی در مورد «استاندارد بودن»  یک صفحه وب صحبت می کنیم معمولا منظورمان این است که این صفحه دارای کدهای HTML، CSS و جاوااسکریپت Valid است. برای بررسی آن هم می توان از ابزارهای آنلاین مختلف مانند سرویس بررسی صحت کد W3 استفاده نمود.

در کنار آن وقتی صحبت از «تمام استاندارد» می کنیم منظورمان این است که علاوه بر صحت HTML، CSS و جاوااسکریپت روی استاندارد سازی موارد دیگر مانند اینکودیگ، RSS، RDF، متادیتا، XML، سرور و... هم کار کرده ایم.

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

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

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

مزایای استفاده از استاندارد های وب چیست؟

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

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

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

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

بهینه سازی های HTML5 برای سئو

محمد حسین موسی‌ زاده

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

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

تست سرعت اینترنت با HTML5

تیم برخط

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

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

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

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

کاهش حجم تصاویر وب سایت با فرمت WebP

رضا باقرزاده

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

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

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

در حال حاضر پر استفاده ترین فرمت در وب JPEG است که به خاطر تناسب در کیفیت و حجم نسبتا مناسب، بسیار محبوب شده. اما حالا گوگل فرمت جدیدی پیشنهاد کرده که نامش را WebP گذاشته و می گوید شما با کیفیت مشابه، فایل هایی حدود ۲۵ تا ۳۴ درصد سبک تر خواهید داشت.

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

البته با چند ترفند سی اس اس می توانید کاری کنید که سایت شما برای کاربران کروم و اپرا تصاویر WebP را نشان دهد و برای بقیه همچنان از فرمت های رایج استفاده نماید.

.mybackgroundimage {
    background-image: url("image.jpg");
    background-image: image("image.webp" format('webp'), "image.jpg");
}

این کد از مشخصه جدید Image Fallbacks استفاده می کند که بخشی از دستورات جدید برای تصاویر در سی اس اس است و به مرورگر می گوید که در صورتی که از فرمت WebP پشتیبانی نمی کند، نیازی به دانلود فایل ها با این فرمت نیست و سراغ فرمت های دیگر برود. 

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

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

اما فعلا باید نام این فرمت را به خاطر بسپارید. چرا که در آینده ممکن است شاهد فراگیری استفاده از WebP باشیم.

زنده ببینید: کنفرانس سالانه کنسرسیوم جهانی وب

آذر باقرزاده

کنسرسیوم جهانی وب (W3C) هر سال یک کنفرانس برای مختصصان وب در ماه فوریه و در شهر سانفرانسیسکو برگزار می کند. کنفرانس امسال هم پنجشنبه و جمعه (۳ و ۴ اسفند ماه ۹۱) برگزار خواهد شد. 

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

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

کنفرانس ۲۰۱۳ کنسرسیوم جهانی وب روز پنجشنبه سوم اسفند ماه از ساعت ۱۹:۳۰ به وقت ایران کار خودش را آغاز خواهد کرد.

مقدمه ای بر برنامه نویسی برای موبایل و تبلت با تکنولوژی وب

سامان بخشی

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

در ادامه تعدادی از شرکت‌های بزرگ همچون مایکروسافت، گوگل، اپل و سایر شرکت ها HTML5 را به عنوان استانداردی در وب شناختند و مدتی بعد شرکت‌ها سعی در بهینه سازی آن برای صفحه لمسی گوشی و تبلت‌ها نمودند و یک فریم ورک برای پایه جاوا اسکریپت و بر اساس HTML5 و CSS عرضه نمودند که به آن اصطلاحا HTML 5 Web Mobile Application می‌گویند.