لوحة المتصدرين

بدأت بالعمل على تطوير تطبيق آندرويد وأحتاج شرح لمعرفة المكتبات الأساسية التي أحتاجها في بناء التطبيق من واجهة المستخدم وبناء قاعدة البيانات SQLite

يتكوّن نظام تشغيل آندرويد من أربع طبقات رئيسية حيث تتوضع نواة لينكس Linux Kernal في الطبقة السّفلى تليها مجموعة من المكتبات التي تتوضع على رأس نواة لينكس والمتضمنة المتصفحات المفتوحة المصدر Web browser engine WebKit ومن هذه المكتبات قاعدة البيانات SQLite database وتعتبر مستودع مفيد لتخزين وتبادل بيانات التطبيق كذلك مكتبات تسجيل الصوت والفيديو ومكتبات SSL libraries المسؤولة عن أمن الانترنت. فيما يلي ملخص لبعض مكتبات آندرويد المتاحة لمطور Android: android.app توفّر هذه المكتبة وصول إلى application model وهي بمثابة الحجر الأساسي لجميع تطبيقات آندرويد.android.content تسهّل هذه المكتبة الوصول إلى المحتوى، النشر والمراسلة بين التطبيقات وبين مكوّنات التطبيق الواحد.android.database تُستخدم هذه المكتبة للوصول إلى البيانات المنشورة من قِبل مزودي المحتوى وتشمل صفوف إدارة قاعدة البيانات SQLite database management classes.android.opengl وهي واجهة جافا Java interface تستخدم لإنشاء تطبيقات التي تعتمد على OpenGL ES 3D graphics.android.os تتيح لتطبيقات آندرود الوصول إلى خدمات نظام التشغيل القياسية بما في ذلك الرسائل وخدمات النظام والاتصال بين العمليات.android.text تستخدم لتصيير النصوص على الشاشة.android.view تعتبر اللَّبِنة الأساسية لبناء واجهات تطبيق المستخدم user interfaces.android.widget وهو مجموعة غنية من مكوّنات واجهة المستخدم مثل الأزرار، الملصقات والقوائم..الخ.android.webkit وهي مجموعة من الصفوف classes المخصّصة للسّماح باستخدام قدرات تصفح الانترنت التي سيتم بناؤها في التطبيق.

Bootstrap هو إطار عمل مجاني يوفّر بيئة تطوير أسهل وأسرع حيث يتضمن Bootstrap قوالب التصميم المعتمدة على HTML و CSS لإنشاء نماذج، أزرار، الجداول وأدوات شريط الصور carousels ..الخ. كذلك يمنحك Bootstrap القدرة على بناء تصميم مرن ومستجيب responsive ليكون الموقع الالكتروني الخاص بك مستجيب لجميع الأجهزة وقياسات الشاشات المختلفة كالموبايل والتاب. ميزات Bootstrap: - سهل الاستخدام: أي شخص يملك المعرفة الأساسية بـ HTML و CSS يستطيع أن يبدأ باستخدام Bootstrap بسهولة. - ميزة المرونة والاستجابة Responsive: يجعل تصميم الموقع مستجيب لجميع الشاشات كالأجهزة المحمولة. - تصميم Mobile-first: هذه الميزة هي جزء أساسي من إطار عمل Bootstrap. - متوافق مع جميع المتصفحات: جميع المتصفحات الحديثة مثل (Chrome، Firefox، Internet Explorer، Safari، وOpera) يوجد طريقتين لتحميل إطار عمل Bootstrap: تحميل Bootstrap من getbootstrap.comتضمين Bootstrap من CDN

يمكننا أخذ المثال التالي: لدينا الصورتين: الصورة الأولى تمثل الخلفية المعدنية: الصورة الثانية هي صورة لخريطة، سنحاولها جعل رسما منقوشا على قطعة المعدن السابقة: من خلال برنامج photoshop، وبعد وضع الصورتين داخله، على أن يكون ترتيبهما هو: صورة الخريطة فوق صورة المعدن. ومن خلال خصائص الدمج bevel options الخاصة بالخريطة، نحدث التعديلات المبينة في الصورة: لنحصل في آخر الأمر على النتيجة التالية:

هذا الأمر يتطلب مقالًا أو درسًا كاملًا ولكنني سأحاول الاختصار قدر المستطاع. سأشرح ذلك بمثال بسيط وسأستخدم برنامج PhotoDirector من شركة CyberLink العريقة : افتح البرنامج على هاتفك المحمول اختر إما التقاط صورة مباشرة أو اختيار صورة من مجموعة صور سابقة يمكنك اختيار البرنامج الذي سيساعدك على مشاهدة الصور واختيار أحدها قمت في وقت سابق من الشهر الماضي بزيارة إلى مدينة غازي عنتاب في تركيا والتقطت بعض الصور وهذه واحدة منها وهي لأحد جوانب قلعة غازي عنتاب التاريخية اختر قائمة Basic Edit لكي نقوم بقص الصورة وضبط زاوية دورانها لا نحتاج في الملصق الإعلاني إلى صور السيارات لذلك سنقص الجزء العلوي من الصورة الذي يظهر القلعة ويخفي السيارات استخدم إصبعين لتدوير الصورة وضبط الزاوية الصحيحة لا تزال لوحات الدلالة إلى الطرقات ظاهرة ولذلك سنزيلها. اذهب إلى Removal من القائمة السفلية وحدّد بإصبعك هذه اللوحات مع عمودها اضغط على Apply وسوف تزول اللوحات في الحال اذهب إلى قائمة Effect لإضافة تأثير خاص على الصورة وبما أننا نتحدث عن صورة لقلعة تاريخية وبما أن الملصق سيبرز الملامح الأثرية للمدينة فسوف أختار تأثير Retro Wash الذي يمنح الصورة الإحساس القديم والأثري هذا التأثير أضاف إضاءة زائدة على الصورة ما جعل لون السماء الأزرق الفاتح يزول ولذلك سنزيل هذا التأثير من على السماء بالضغط على شكل الفرشاة على الشاشة ثم نحدد بإصبعنا السماء ليزول التأثير والآن سنذهب إلى المازج Blender لمزج صورة معينة فوق الصورة الرئيسية بتأثيرات المزج المشابهة لتلك الموجودة في برامج الفوتوشوب والجيمب وغيرها وقد اخترت هنا صورة السماء الملبدة بالغيوم لكي أضع غيومًا إضافية فوق القلعة استخدم أصابعك لتكبير وتصغير وتحريك الصورة الثانوية حتى تصبح الغيوم في المكان الصحيح فوق القلعة ثم اضبط مستوى تأثيرها عبر المزلاج في الوسط واختر تأثير Multiply للمزج وأخيرًا انقر على شكل الفرشاة واستخدم إصبعك لإزالة تأثير الصورة الثانوية من على القلعة والأشجار وأبقِها على السماء فقط اذهب إلى Overlays ثم اختر Lens Flare لإضافة تأثير شعاع نور الشمس على السماء استخدم أصابعك لتحريك وتعديل حجم وزاوية دوران الشعاع ليكون في الموقع المناسب سنضيف بعض التأثيرات الأخرى لإضافة بعض الفرح والمتعة للملصق. اذهب إلى Pen Tools ثم Magic Brush هناك العديد من الفرش الجاهزة ذات التأثير الرائع. حاول اكتشافها بنفسك عبر اكتشاف ما يحدث من التحريك البطيء والسريع ومدة الضغط بالإصبع أضفت هذا التأثير. لك حرية الاختيار سنضيف النص الآن، اذهب إلى Text Bubble طبعًا هناك العديد من الأدوات لإدخال تأثيرات نصية مميزة ولكنني سأختار تأثيرًا عاديًّا. اكتب اسم مدينة غازي عنتاب حدّد نوع وشكل الخط واستخدم الأصابع لتكبير وتصغير وتدوير النص مع تحديد موقعه اختر لون التعبئة والحدود أخيرًا سنضيف الإطار من Frame اخترت هذا الإطار الذي وجدته مناسبًا هذه هي النتيجة النهائية. أعلم أن الإجابة طويلة ولكنني شرحت بإسهاب خطوة خطوة. هناك الكثير من الخطوات التي من الممكن القيام بها والعديد من التأثيرات والمزايا التي قد تنتج ملصقات أروع بكثير والأمر ينطبق على برامج التصميم المختلفة على الهواتف المحمولة مثل Photoshop Express و Pixel و غيرها