در چند سال اخیر کاربردهای تحت وب از موبایل به حدی افزایش یافته که دیگر طراحان و توسعه دهندگان نمی توانند آن را انکار کنند. در کشورهای ثروتمند تغییر سرویس های داده توسط اتصالات پهن باند موبایل سریع تر و ارزان تر انجام می شود، اما بیشترین رشد در کشورهای رو به توسعه دیده شده، جایی که جوانان خرید کامپیوترهای شخصی را کنار گذاشته و مستقیم به سراغ موبایل می روند.
متاسفانه عرصه موبایل پیچیدگی خاص خود را دارد و رویارویی با آن می تواند برای توسعه دهندگان مشکل باشد. توسعه موبایل چیزی فراتر از سازگاری با مرورگرهای مختلف است و باید با بسترهای مختلف سازگار شود. تعداد وسیعی از دستگاه های موبایل توسعه دهندگان را یاد روزهایی می اندازد که مجبور بودند فقط از مرورگرهای خاصی پشتیبانی کنند. افزون بر آن، برای پشتیبانی از بسترهای مختلف، هر دستگاه ممکن است از تعداد زیادی مرورگر وب موبایل استفاده کند. برای مثال یک کاربر آندروید می تواند با استفاده از مرورگر خاص آندروید یا با نصب اپرامینی یا فایرفاکس موبایل به سایت ها دسترسی یابد.
وب موبایل موضوعات مختلفی را دوباره مطرح کرد که در سال های اخیر فراموش شده بودند. با آمدن شبکه های نسل چهارم، پهنای باند یک موضوع جدی برای مشتریان موبایل شد، بعلاوه دستگاه های موبایل صفحه بسیار کوچکی دارند که ترکیب این موضوعات به همراه مشکلات سازگاری با بسترهای مختلف باعث می شود به راحتی درک کنیم که چرا توسعه موبایل بسیار شبیه «گامی به عقب در زمان» است.
پیاده سازی شیوه نامه های موبایل
نخستین گام برای افزایش پشتیبانی از موبایل برای یک وب سایت، شامل یک شیوه نامه خاص تنظیمcss برای دستگاه های موبایل است.
روش های سوی سرور و رشته ua
یک رویکرد برای قراردادن شیوه نامه های موبایل نیازمند شناسایی رشته عامل کاربر با استفاده از یک زبان سوی سرور (server-side) مانند php است. با استفاده از این تکنیک، سایت می تواند دستگاه های موبایلی را که از یک شیوه نامه مناسب استفاده کرده یا کاربر را به یک زیردامنه موبایل (m.jamejamonline.ir که البته هنوز موجود نیست) راهنمایی می کنند، شناسایی کند. این رویکرد سوی سرور چند مزیت دارد از جمله این که بالاترین سطح سازگاری را تضمین می کند و همچنین به وب سایت ها اجازه می دهد از محتویات و نشانه گذاری های خاصی برای کاربران موبایل استفاده کنند.
با این که چنین تکنیکی برای وب سایت های سطح سرمایه گذاری عالی به نظر می رسد، ولی نگرانی های عملی ای وجود دارند که پیاده سازی آن را روی بیشتر سایت ها مشکل می کند. روزانه رشته های عامل زیادی برای کاربران جدید تولید می شود، بنابراین نگهداشتن فهرست ua user agent (یا عامل کاربر) تقریبا غیرممکن است. بعلاوه این رویکرد به دستگاه بستگی دارد تا به عامل کاربر حقیقی خود کمک کند، هرچند در گذشته مرورگرها رشته ua خودشان را برای دورزدن این نوع شناسایی جعل می کردند! مثلا هنوز هم بیشتر رشته های ua با «موزیلا» شروع می شود تا از بررسی های نت اسکیپ عبور کند (روشی که در دهه 90 استفاده می شد)، یا برای سال های متمادی اوپرا وانمود می کرد که ie است!
روش ابتکاری کاربر
به خاطر سختی هایی که با شناسایی ua موبایل همراه است و همچنین مشکلات پرس وجوهای رسانه ای، برخی از شرکت ها مثل ikea راه جدیدی را در پیش گرفتند تا به کاربر اجازه دهند خودش تصمیم بگیرد که آیا می خواهد نسخه موبایل وب سایت را ببیند یا خیر. در حالی که این روش نقطه ضعف واضحی از نیاز به تعامل بیشتر با کاربر دارد ولی بی شک ساده ترین روش برای اجراست.
سایت، لینکی با عنوان «از سایت موبایل ما دیدن فرمایید» دارد که کاربر را به زیردامنه موبایل انتقال می دهد. این رویکرد اشکالاتی هم دارد از جمله این که برخی از کاربران موبایل ممکن است لینک را نبینند یا اگر بدون در نظر گرفتن این که چه دستگاهی در حال استفاده است، لینک برای همه قابل رویت باشد و بازدیدکنندگان دستگاه های غیرموبایل هم ممکن است روی آن کلیک کنند.
البته از این فایده مهم که به کاربر اجازه داده می شود خودش انتخاب کند، نمی توان گذشت.
برخی از کاربران طرح بندی متراکمی که برای دستگاه آنها بهینه سازی شده را ترجیح می دهند در حالی که کاربران دیگر ممکن است بخواهند وب سایت بدون محدودیت های طرح بندی موبایل دسترسی داشته باشد.
چه چیزهایی باید تغییر کنند؟
وقتی شیوه نامه های موبایل را پیاده سازی کردیم، زمان آن می رسد که ببینیم کدام یک از شیوه ها را می خواهیم تغییر دهیم؟
تغییر وضعیت واقعی صفحه
هدف اصلی شیوه نامه های موبایل تغییر طرح بندی برای یک نمایش کوچک تر است. در درجه نخست این مساله به معنای کاهش طرح بندی های چندستونه به تک ستونه است. بیشتر صفحه های موبایل عمودی هستند، بنابراین فضای افقی بیش از پیش گران تمام می شود و طرح بندی های موبایل به ندرت می توانند بیشتر از یک ستون اطلاعات را در بر بگیرند.
در گام بعدی با تنظیماتdisplay:none روی عناصر با اهمیت پایین تر، از شلوغی کلی صفحه کاسته می شود و در نهایت ذخیره پیکسل های افزوده به وسیله کاهش حاشیه ها و لایه ها برای ساخت یک طرح بندی بسته تر صورت می گیرد.
هدف دیگر شیوه نامه ها کاهش پهنای باند برای شبکه های موبایل کندتر است. نخست اطمینان حاصل کنید که تصاویر زمینه بزرگ را حذف یا جایگزین کرده اید، بویژه اگر از یک تصویر زمینه برای کل سایت استفاده می کنید. بعلاوه برای تصاویر غیرضروری تنظیمات display:none را انجام دهید.
اگر سایت شما برای دکمه ها یا نوارهای کناری از عکس استفاده می کند، توجه داشته باشید که آنها را با متن ساده css متناظرشان جایگزین کنید.
در کنار رویارویی با نگرانی های اندازه صفحه و پهنای باند، چند تغییر دیگر نیز وجود دارد که باید در تمام شیوه نامه های موبایل اعمال شود. می توانید خوانایی را با افزایش اندازه فونت هر متن ریز، متوسط یا زیاد کنید. عموما کلیک کردن در دستگاه های موبایل دقت کمتری دارد بنابراین توجه کنید مناطق قابل کلیک برای دکمه ها یا لینک های مهم را با تنظیمات display:block افزایش دهید و برای عناصر قابل کلیک لایه اضافه کنید.
عناصر شناور برای طرح بندی های موبایل مشکلاتی را ایجاد می کنند بنابراین آنهایی که شناورند و ضروری نیستند را حذف کنید. به یاد داشته باشید فضای افقی بویژه در موبایل هزینه بر است، بنابراین پیمایش عمودی را انتخاب کنید.
محمدحسین کردونی
منبع: smashingmagazine
معرفی گوشی لوکس mobiado professional 105 damascus
... علاوه بر این دکمه ها و پیچ های این گوشی لوکس نیز از جنس استیل می باشد ...
multimedia builder ساده و کارآمد
... در بخش object چیزهای متنوعی برای الحاق به پروژه وجود دارد که از مهم ترین آنها می توان به موارد زیر اشاره کرد: paragraph text/input text/text: برای افزودن متن، متن متغیر و متن پاراگرافی به صفحه text button/bitmap button/alpha button: برای افزودن دکمه شفاف، دکمه تصویری و دکمه متنی به صفحه bitmap/animated gif/flash/video: برای افزودن ویدئو، فایل فلش، فایل تصویری متحرک و فایل تصویری ثابت 4- تنظیم رفتار هر شی در برابر درخواست کاربر: پس از افزودن هر شیء با دبل کلیک روی آن پنجره، تنظیمات مربوط به آن ظاهر شده و به کمک این پنجره می توانیم رفتار آن شیء را در مقابل کلیک کاربر مشخص کنیم ... در صورتی که پنجره «ویژگی های یک شیء» دکمه متنی یا دکمه تصویری را باز کنید، امکان تعریف حالت نمایش دکمه مورد نظر در 3 وضعیت کلیک، قرار گرفتن ماوس روی دکمه و حالت معمولی دکمه وجود دارد ... این رفتارها که معمولا بیشتر به مجموعه دکمه ها نسبت داده می شود، در4 بخش در قسمت action قابل تعریف است ... همچنین در صورتی که بخواهیم یک فایل صوتی در هنگام قرار گرفتن ماوس روی دکمه و یا کلیک ماوس روی آن پخش شود، از گزینه سوم یعنی sound actions استفاده می کنیم و در نهایت اگر این اکشن ها پاسخگوی نیازمان نباشد و نیازمند اکشن های پیشرفته تری باشیم، از گزینه (more actions (scripting استفاده می کنیم ... ) 5- تهیه خروجی از برنامه: پس از تنظیم صفحات و افزودن مطالب و محتویات مورد نظر به هر صفحه و تنظیم دکمه های کنترلی، نوبت به آخرین بخش پروسه طراحی نرم افزار، یعنی ایجاد خروجی برنامه، خواهد رسید ...
ناگفته هایی از نوکیا n8
... استفاده از این ماده در نوکیاn8 ضمن ایجاد بدنه ای مقاوم در برابر ضربه و خراش، با ویژگی های خاصی خود موجب شده است تا این گوشی بتواند در ترکیب متنوعی از رنگ ها وارد بازار گردد ... دکمه هادکمه های کناری نوکیاn8 همگی از جنس آلومنیوم به کار رفته در بدنه بوده که به عنوان یکی از ویژگی منحصر به فرد این گوشی به حساب می آید ... این دکمه ها به منظور جلوگیری از صدمات احتمالی با لایه ای از پلاستیک نیز پوشانده شده اند ... خروجی hdmiبا وجود خروجی hdmi در نوکیاn8 تماشای تمامی محتوای صوتی و تصویری گوشی مانند عکس ها به راحتی روی سینمای خانگی امکان پذیر است ... شبکه های اجتماعیامکان اتصال به شبکه های اجتماعی در نوکیاn8 از سه طریق فراهم شده است: صفحه نمایش، نقشه ها و فهرست اسامی ذخیره شده در گوشی ... مشاهده به روزرسانی و تغییر وضعیت کاربر در شبکه های اجتماعی روی صفحه نمایش امکان پذیر است، ضمن آنکه تاریخ های مهم ثبت شده در این شبکه ها را نیز می توان به راحتی به تقویم گوشی انتقال داد ... کاربران خواهند توانست با دانلود و اجرای این نرم افزار به راحتی به تمامی سایت های مختلف شبکه های اجتماعی متصل شده و دیگر نیازی به اجرای برنامه ای خاص برای هریک از این سایت ها نداشته باشند ...
اعلام آمادگی 100 اپراتور برای ورود گوشی n8 نوکیا
... استفاده از این ماده در نوکیاn8 ضمن ایجاد بدنه ای مقاوم در برابر ضربه و خراش، با ویژگی های خاصی خود موجب شده است تا این گوشی بتواند در ترکیب متنوعی از رنگ ها وارد بازار گردد ... دکمه های کناری نوکیاn8 همگی از جنس آلومنیوم به کار رفته در بدنه بوده که به عنوان یکی از ویژگی منحصر به فرد این گوشی به حساب می آید ... این دکمه ها به منظور جلوگیری از صدمات احتمالی با لایه ای از پلاستیک نیز پوشانده شده اند ... با وجود خروجی hdmi در نوکیاn8 تماشای تمامی محتوای صوتی و تصویری گوشی مانند عکس ها به راحتی روی سینمای خانگی امکان پذیر است ... امکان اتصال به شبکه های اجتماعی در نوکیاn8 از سه طریق صفحه نمایش، نقشه ها و فهرست اسامی ذخیره شده در گوشی فراهم می شود ... کاربران خواهند توانست با دانلود و اجرای این نرم افزار به راحتی به تمامی سایت های مختلف شبکه های اجتماعی متصل شده و دیگر نیازی به اجرای برنامه ای خاص برای هریک از این سایت ها نداشته باشند ...
captivate ، کلاس درس مجازی
... در این نرم افزار می توان اشیای گوناگون مانند کلیدها و توضیحات را به فایل آموزشی افزود و با تعریف دکمه ها و کلیک روی آنها دیگر اسلایدها یا فیلم های ضبط شده را فراخواند ... به این شکل که در هر بار اجرای آزمون هم ترتیب پرسش ها و هم ترتیب گزینه های پاسخ متفاوت خواهد بود ... در پایان آزمون نیز امکان نمایش امتیاز دانش آموز، پاسخ های درست و نادرست و نمایش قبولی یا ردی با تعریف تراز قبولی، مرور دوباره نتیجه تک تک پرسش ها و امکان ارسال نتیجه آزمون به وب سایت یا ایمیل استاد وجود دارد ... در باره خروجی ها هم به شیوه های گوناگون می توان خروجی را مشاهده کرد ... به سادگی می توان فیلم ها را به صورت swf به خروجی برد و به صورت صفحه ای از وب و با منوهایی بسیار زیبا دید ... اما در نگارش تازه این نرم افزار، فیلم ها به صورت فریم های متعدد تکه تکه شده و به این ترتیب هنگام ذخیره سازی هم پروژه بسیار سریع تر بارگذاری خواهد شد ... تعداد این فریم ها را می توان بر حسب ثانیه در برنامه تعیین کرد ... قابلیت های نرم افزار ادوبی کپتیویت کاربرد آسان از نرم افزار محیط کاربرپسند و جذاب امکان ذخیره سازی با فرمت های گوناگون امکان تنظیم کیفیت خروجی کیفیت بسیار بالا در ضبط صدا از میکروفون یا اینلاین امکان ویرایش حرفه ای فایل های ضبط شده کیفیت بالای خروجی که مشابه با کیفیت dvd سرعت بالا در بارگذاری و ذخیره سازی فایل ها امکان ذخیره سازی فریم به فریم امکان درج اشیای گوناگون بر تصاویر و فیلم های ضبط شده تعیین اندازه تصویر کپچر شده از نمایشگر امکان دریافت ورودی از نرم افزارهای دیگر مانند پاورپوینت ...
تقاضا برای گوشی b5310 corbypro سامسونگ افزایش یافت
... پورت microusb ، دکمه دیافراگم و کلید hold در طرف راست گوشی مشاهده می شود ... بین دکمه ها فضای کافی وجود دارد و شکل آنها به راحتی قابل تشخیص است ...
گوشی x10 سونی اریکسون طرفدار ندارد
... این گوشی دارای قابلیت لمسی کنترل اشاره ای همراه با دکمه ی infinite است ... infinite این امکان را به کاربر می دهد تا فقط با لمس این دکمه دسترسی آسان و سریع به تمام ارتباطات خود از طریق timescape™ و به تمام مدیاها از طریق mediascape™ را داشته باشد ... همچنین کاربر می تواند از قابلیت های لمسی دوستانه مانند پد دکمه ها و صفحه کلید کامل qwerty روی نمایشگر استفاده کند ...
موسیقی سازی در لینوکس
... بیشتر آهنگ سازانی که از کامپیوتر برای ساخت آهنگ استفاده می کنند، از بخش حلقه های درام این نوع نرم افزارها استفاده زیادی می برند و الگوهای ریتمی خود را با آن پیاده می کنند، اما کاربرد اصلی این برنامه ها در اجراهای بداهه نوازی و بوجود آوردن زمینه ای برای ایجاد ملودی های الهامی است ... لینوکسی ها از این طرفلینوکس سیستم عاملی نیست که تنها برای برنامه نویسان و متخصصان ارائه شده باشد ... برای استفاده بهینه از این نرم افزار می توانید از میکسرهای میدی استفاده کنید که برای خودشان دکمه ها و اسلایدرهای خوبی دارند ... تجهیزات توصیه شدهقبل از این که دنیای حلقه ها و نرم افزارهایشان را ترک کنیم، بهتر است به معرفی چند ابزار بپردازیم ... این ضرب ها می توانند بعدا به عنوان تکه های کاربردی در برنامه به کار بروند ...
موسیقی سازی در لینوکس
... بیشتر آهنگ سازانی که از کامپیوتر برای ساخت آهنگ استفاده می کنند، از بخش حلقه های درام این نوع نرم افزارها استفاده زیادی می برند و الگوهای ریتمی خود را با آن پیاده می کنند، اما کاربرد اصلی این برنامه ها در اجراهای بداهه نوازی و بوجود آوردن زمینه ای برای ایجاد ملودی های الهامی است ... لینوکسی ها از این طرف لینوکس سیستم عاملی نیست که تنها برای برنامه نویسان و متخصصان ارائه شده باشد ... برای استفاده بهینه از این نرم افزار می توانید از میکسرهای میدی استفاده کنید که برای خودشان دکمه ها و اسلایدرهای خوبی دارند ... تجهیزات توصیه شده قبل از این که دنیای حلقه ها و نرم افزارهایشان را ترک کنیم، بهتر است به معرفی چند ابزار بپردازیم ... این ضرب ها می توانند بعدا به عنوان تکه های کاربردی در برنامه به کار بروند ...
|
صفحه 1
|
2 | 3 | 4 |
|
