منو
 کاربر Online
1225 کاربر online
 : کامپیوتر
برای پاسخ دادن به این ارسال باید از صفحه قبلی اقدام کنید.   کاربر offline دبیر گروه کامپیوتر 3 ستاره ها ارسال ها: 1679   در :  چهارشنبه 03 آبان 1391 [18:24 ]
  ابزار و سرویس هایی برای یک وب مدرن
 

مروری بر Edge


اخیرا شرکت ادوبی، خانواده جدیدی از نرم افزارها به نام سرویس ها و ابزار Edge را برای طراحان وب به نمایش درآورد؛ مجموعه ای از هفت ابزار متمرکز بر دستورها که به ایجاد و توسعه وب سایت ها، محتوای دیجیتال و برنامه های کاربردی موبایل کمک می کند. این مجموعه ابزار در رخداد «وب را بساز» (Create the Web) مربوط به ادوبی معرفی شد. این شرکت از این رخداد وب برای نشان دادن HTML۵ و فناوری های موبایل گرا و همچنین نمایش سهم خود در زمینه های طرح بندی، گرافیک، جلوه های ویژه سینمایی و غیره استفاده می کند.
هدف اصلی این بسته های جدید، توسعه گران و طراحان حرفه ای وب هستند و شامل Edge Animate، Edge Inspect، Edge Code، Edge Reflow، Edge Web Fonts، Typekit و PhoneGap Build می شود. برخی محصولات مانند Edge Animate، Typekit و PhoneGap Build برای حرفه ای های دنیای وب نام آشنا هستند. همه این محصولات برای کامل کردن Dreamweaver CS۶، نرم افزار طراحی بصری وب شرکت ادوبی طراحی شده است.
با ابری کردن سرویس های جدید، ادوبی به دنبال این است که سرویس جدید و بحث برانگیز خود یعنی ابر خلاق (Creative Cloud) را برای مخاطبان نهایی خود (حرفه ای های خلاق) جذاب تر کند. البته این محصول شرکت ادوبی هنوز هم انگیزه مناسبی به توسعه گران وب می دهد تا برنامه مشترک شدن در ابر خلاق را امتحان کنند؛ که با این کار ارزش زیاد و قابلیت های قابل توجهی را در ازای عضویت آموزشی رایگان به دست خواهند آورد.
ابزاری که در این مجموعه جدید وجود دارند به شرح زیر هستند:
● Edge Animate
پرقابلیت ترین ابزاری که در این مجموعه ابزار وجود دارد Edge Animate است که قبلا با نام Edge شناخته می شد. این ابزار هنگام طراحی تصاویر متحرک، انتقال ها و تعاملات کاربرد دارد. شما می توانید صفحات HTML را باز کرده و مستقیما از طریق عناصر DOM (مدل سندی شیء) موجود یا کشیدن عناصر جدید با آن ارتباط برقرار کنید. در اینجا نیز همانند محصولات دیگر ادوبی مثل فلش و After Effects یک خط زمانی وجود دارد. در After Effects ویدئو رندر شده و در فلش یک فیلم فلش را کامپایل می کنید، ولی در اینجا یک تصویر متحرک استاندارد بر پایه جاوااسکریپت یا CSS با کمک jQuery به شما ارائه می شود. هرکاری که در این ابزار انجام دهید مستقیما به HTML و جاوااسکریپت ترجمه شده و همچنین اطمینان حاصل می کند که تفاوت های مرورگرها را درنظر گرفته اید یا خیر.
● Edge Reflow
این ابزار هنوز دردسترس نیست، ولی به نظر می رسد در آینده نزدیک انتظارات را برآورده کند. Edge Reflow ابزاری بصری است که تلاش می کند بر برخی مشکلات طراحی واکنشی وب فایق آید. نرم افزار Dreamweaver شرکت ادوبی توانست کمک های زیادی در این زمینه بکند ولی بسیاری از این موانع به خاطر قابلیت کدنویسی CSS طراحان به وجود می آید. در Edge Reflow تگ های div یا دیگر عناصر را می کشید، دید را مقیاس بندی سپس محل قرارگیری عناصر را بر اساس آن دوباره تنظیم می کنید. در مرحله بعد تمام کدهای CSS و کوئری های رسانه ای در پس زمینه تولید شده و یک طرح بندی نهایی به شما ارائه می شود که می تواند خود را با تغییر اندازه مرورگر تطابق داده و مقیاس بندی کند. خود این ابزار به وسیله HTML و جاوااسکریپت ساخته شده است، بنابراین اگر یک طرح بندی بتواند در آنجا تولید شود در هرجای دیگری نیز بدرستی کار می کند.
● Edge Code
قابلیت های این ابزار هنوز کامل نشده و ممکن است چیزی نباشد که بتوانید از آن برای کدنویسی هرروزه خود استفاده کنید. با وجود این تحت یک بازبینی عمومی و توسعه های قدرتمند انتشار یافت. این ابزار به منظور ایجاد یک ویرایشگر باز، موثر و سبک برای جاوااسکریپت، HTML و CSS، برپایه پروژه ای منبع باز به نام «براکت» که آغازگر آن ادوبی بود، قرار گرفت. خود این ویرایشگر نیز در HTML، CSS و جاوااسکریپت توسعه یافته و گواهی بر این مساله است که قدرت اصلی آن در زبان اسکریپت نویسی آن بوده که بخوبی انجام شده است. یکی از بهترین قابلیت های آن، توانایی ویرایش CSS یا ویژگی های رنگ است. با توقف روی یک تگ، شما ناحیه ای را آشکار می کنید که CSS در بین آن تگ ها وجود دارد. برای رنگ نیز یک صفحه انتخاب کننده رنگ نمایش داده می شود. این ابزار هنوز به برخی کارکردهای اساسی نیاز دارد، ولی به نظر مناسب می آید.
● Edge Inspect
این ابزار قبلا با نام «سایه ادوبی» (Adobe Shadow) شناخته می شد. با Inspect شما می توانید گستره وسیعی از دستگاه ها را درصورتی که در یک شبکه وایرلس مشترک قرار داشته باشد و بتوانید روی آنها کنترل داشته باشید، به رایانه خود وصل کنید. می توانید از آنها عکس بگیرید، آنها را تقویت کنید و همچنین از راه دور عناصر HTML را روی دستگاه مورد نظر بررسی کنید. نسخه رایگان این ابزار به شما امکان اتصال یک دستگاه در یک زمان را می دهد که البته برای بسیاری از طراحان در ابتدای راه مناسب به نظر می رسد. تنها مشاهده کردن آنی صفحه وب در یک دستگاه واقعی هنگامی که آن را در رایانه خود طراحی می کنید، پیشرفتی عظیم در تولید صفحه های وب به شمار می آید.
● Edge Web Fonts
دیگر زیبا نوشتن در صفحات وب کار دشواری نیست و نیازی به وارد کردن تصاویر یا استفاده از جایگزین های پیچیده فلش نخواهید داشت. حاصل همکاری بین ادوبی و گوگل بیش از ۵۰۰ فونت رایگان بوده که برای طراحان وب و از طریق Edge Web Fonts دردسترس قرار گرفته است که پیاده سازی آن کار دشواری نیست. یک URL یکتا برای هر خانواده فونت به شما داده می شود و هنگامی که آن را در سند HTML خود قرار می دهید آن فونت برای استفاده در آن سند دردسترس خواهد بود. تمام این سیستم به وسیله Typekit خدمت رسانی می شود که ادوبی از آن برای به کارگیری تمام سبک های غیررایگان حروف نیز استفاده می کند. این کار تمام محیط موجود را مطمئن و قدرتمند نگه می دارد.
● PhoneGap Build
اگرچه این سرویس به مجموعه Edge مرتبط است ولی به اصول دیگری نیز پایبند است. شما می توانید یک پروژه HTML را انتخاب کرده و آن را در یک برنامه کاربردی محلی کامپایل کنید. این مساله مهارت های HTML شما را در تولید برنامه های تحت وب، به دنیای فروشگاه ها و بازارهای برنامه های کاربردی در دستگاه های مختلف هدایت می کند. نسخه رایگان این سرویس به شما اجازه می دهد تعداد بیشماری پروژه های باز و تنها یک پروژه اختصاصی ایجاد کنید. ولی نسخه غیررایگان آن امکان ایجاد ۲۵ پروژه اختصاصی را فراهم می کند. بسیاری از برنامه های کاربردی در یک دستگاه، تنها به وسیله HTML، CSS و جاوااسکریپت بخوبی انجام می گیرد بنابراین به یادگیری یک زبان مختص یک دستگاه خاص نیاز نخواهید داشت.
سخن آخر این که از نظر بسیاری از توسعه گران فلش، این مجموعه شرکت ادوبی یک بازگشت بموقع از راه اشتباهی بود که برای برقراری ارتباط ازطریق فلش برنامه ریزی کرده بودند. اگر Create theweb قبلا نیز وجود داشت یا به رخداد «فلش و مرزهای جدید» متصل بود، مطمئنا تاثیر بسیار بیشتری روی کاربران داشت. نمی توانیم زمان را به عقب بازگردانیم، ولی در هر حال مجموعه ای از ابزار در اختیار داریم که طراحان می توانند براحتی با آن ارتباط برقرار کنند و بزودی به یک افزونه مناسب برای یک ابزار طراحی تعاملی تبدیل شود.

  امتیاز: 0.00