جلسه اول:ساخت برنامه کاهش دهنده حجم تصاویر با جاوا

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

بریم سراغ ساخت برنامه کاهش حجم عکس با کمک زبان برنامه نویسی جاوا

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

بی توضیح اضافی بریم سراغ پیاده سازی :-)

چیزایی که از صورت سوال برداشت می کنیم تا اینجای کار:

1. زبان پروژه جاوا است.

2. کار با فایل ها بخصوص کار فایل تصویری در جاوا داریم.

3. دستکاری طول و عرض تصویر کار با تغییر اندازه و پیکسل تصاویر در جاوا داریم

4. کار با شیوه دستکاری کیفیت تصاویر در جاوا داریم.

5. کار با نوشتن و ذخیره فایل های تصویر در جاوا داریم.

6. از طرفی چون تعداد فایل های تصویری که قرار از کامپیوتر بگیریم را نمی دانیم کار با لیست های پویا نظیر ArrayList داریم.

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

8. کار با متغیرها و متدها و آرایه ها و شی گرایی و شی ساختن و... هم جز روتین کار ما برای نوشتن پروژه های جاواست

9. و سایر مفاهیمی که در طول پیاده سازی پروژه بهش می پردازیم.

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

خب بریم سراغ حل:

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

حالا من اولین کاری که میکنم ظاهر گرافیکی برنامه را با خودکار برای خودم رسم می کنم که ذهنیتی نسبی در مورد ظاهر برنامه داشته باشم: تصویر(1)

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

در تصویر(1) ظاهر گرافیکی برنامه در جاوا از تعدادی کامپوننت یا همون اجزای گرافیکی در جاوا نظیر Menu و TextField و Slider و label و Button و Frame تشکیل شده است.

Menu : برای open کردن یا دریافت فایل های تصویری خود از کامپیوتر

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

Slider: برای تنظیم کیفیت تصاویر جدید

Label : برای مشخص کردن کاربرد اجزای گرافیکی مربوطه

Button : دکمه ای برای انجام عملیات تبدیل و کاهش حجم تصاویر

Frame: شاسی برنامه برای نگهداری اجزای گرافیکی خود نظیر دکمه ها و لیبل ها و اسلایدر و....

حالا که ذهنیتی نسبی در مورد ظاهر گرافیکی برنامه پیدا کردیم میریم سراغ پیاده سازی ظاهر گرافیکی برنامه کاهش دهنده حجم تصاویر در برنامه Netbaens :

ابتدا یک پروژه جاوا جدید در برنامه Netbaens ایجاد می کنیم:تصاویر(2) تا (5)

همان طور که در تصویر(5) مشاهده می کنید، پروژه جاوا ما با نام Image Compression در برنامه Netbeans ایجاد شده است.ما به کلاس ImageCompression.java نیاز نداریم به همین خاطر روی آن کلیک سمت راست کرده و ان را حذف می کنیم: تصاویر(6) و(7)و(8)

همان طور که در تصویر(8) مشاهده می کنید پروژه Image compression دارای یک پکیج با نام image.compression و بدون کلاس می باشد.

خب برمی گریم به تصویر(1) جایی که ظاهر برنامه را روی کاغذ طراحی کردیم،برنامه در جاوا چون گرافیکی است و از تعدای اجزای گرافیکی تشکیل شده نیاز به ایجاد Frame داریم که نقش شاسی برنامه است و سایر اجزای گرافیکی روی ان قرار می گیرد: برای ایجاد کلاس JFrame در برنامه Netbaens مطابق تصاویر(9) عمل می کنیم:

در تصویر(9) روی نام پروژه Image compression کلیک سمت راست کرده و از بخش new گزینه JFrame Form را انتخاب می کنیم در ادامه نامی برای کلاس Frame خود تعیین نموده و گزینه Finish را انتخاب می کنیم: تصویر(10)

کلاس ایجاد شده با نام Image_Compression_Frame کلاس javax.swing.JFrame را extends و به ارث برده است. چرا؟ چون میخوایم کلاس Image_Compression_Frame نقش Frame برنامه را بازی کند و برای دستیابی به ویژگی ها و رفتارهای کلاس JFrame این کلاس را به ارث برده است. تصویر(11)

همان طور که در تصویر(11) مشاهده می کنید با دابل کلیک کردن روی نام کلاس و در بخش Source ، سورس کدهای موجود در کلاس Image_Compression_Frame را مشاهده می کنید. در بخش Source کدها و دستورات ،ویژگی ها و دستوراتی که قرار برای برنامه به زبان جاوا بنویسیم را میتونیم مشاهده کنیم و کدهای جدیدی به آن اضاف کنیم. در تصویر(12) در بخش Design ،امکاناتی در اختیار ما قرار گرفته است که از طریق آنها می توانیم ظاهر گرافیکی برنامه را طراحی کنیم.

مورد شماره 1 : Frame برنامه که مانند یک قالب خام و خالی می باشد و قرار است سایر اجزای گرافیکی خود را با درک اند دراپ کردن (کشیدن و رها کردن) روی آن قرار دهیم. مورد شماره 2: در بخش Palette کامپوننت ها و اجزای گرافیکی نظیر منو،باتن و لیبل و فیلدها و...قرار دارد که از طریق آنها میتونیم ایده ظاهر گرافیکی خود را طراحی کنیم. مورد شماره 3:این قسمت که شبیه چشم است برای دیدن تغییراتی که برای ظاهر گرافیکی برنامه اعمال کردیم و مشاهده نتیجه کارمون می باشد. مثلا اگر روی آن الان کلیک کنیم یک فریم خالی را به عنوان برنامه ما نمایش می دهد: تصویر(13)

مورد شماره 4: در بخش Properties می تونیم ویژگی های اجزای گرافیکی خود نظیر اندازه،نام،متن،رنگ ،فونت متن،و...را تنظیم کنیم. پس به طور خلاصه برای کدنویسی به سراغ بخش Source و برای طراحی ظاهر گرافیکی برنامه سراغ بخش Design کلاسمون می رویم. و خبر خوب این است که برای طراحی ظاهر گرافیکی برنامه نیاز به کدنویسی نیست کار سختی نداریم و تنها با درک اند دراپ کردن (drag and drop) یا همون کشیدن و رها کردن می تونیم ظاهر گرافیکی را سریع طراحی کنیم. به طور مثال قصد دارم دو JLabel ، یک JButton و سه عدد JTextField رو از بخش Palette با موس بگیرم و بندازم روی JFram برای این کار یکی یکی کامپوننت دلخواه را با موس میگیرم و روی فریم رها می کنم:تصاویر(15) و (16)

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

این جلسه آموزشی را می توانید بصورت کتاب الکترونیکی (PDF شده) در لینک زیر دریافت کنید.این جلسه آموزشی را بصورت کامل و مرتب شده در لینک زیر دانلود کنید:(در صورت خرابی لینک گزارش دهید)

لینک دانلود کتاب+سورس کد جلسه اول

نشر این مطلب با ذکر منبع (لینک سایت) بلامانع است. برای با خبر شدن از جدیدترین مطالب آموزشی جاوا عضو کانال تلگرام ما شوید.