Proga - Software Solutions

كيفية تصميم واجهة جميلة لتطبيق الاندرويد

noreply@blogger.com (Anonymous) — Mon, 11 Dec 2017 00:10:00 +0000

كيفية تصميم واجهة جميلة لتطبيق الاندرويد

اذا كنت احد الديفيلوبر الجدد في مجال الاندرويد او انتهيت من تعلم المهارات الاساسية في هذا المجال وبنيت تطبيق او اكثر ثم بعد ذلك تذهب الي متجر جوجل لتتصفح التطبيقات العالمية ومن ثم تجد نفسك عاجز امام ما تراه من جمال واجهة هذا التطبيقات ثم تشعر بالياس وتقول انك ليس لديك خبرة في هذا الوقت وتبدأ بالتسائل كيف ينشاون هذه الواجهة بالكود فقط

ببساطة الكود وحده لا يكفي

في اوقات كتير اي انسان يذهب الي التطبيق في المتجر قبل ما يبدأ في عملية التحميل يتصفح واجهة التطبيق ويشوف هينزله ولاه لا, مش بيهتم قوي بالعمليات اللي التطبيق بيعملها

في الغالب لو انت شغال في شركة هيكون هناك مصمم بيوفر الشكل النهائي للتطبيق بيكون تحت اسم Graphic desiner او UI/UX designer

طيب لو جاتلك فكرة معينة وعايز تنفزها ومش عندك مصمم ولا تموييل لا توظف احد المصممين

يبقي محتاج تتعلم اساسيات التصميم عشان تعمل حاجة جميلة للمستخدم التطبيق

أساسيات التصميم

اي تصميم عبارة عن مجموعة الوان واشكال

العنصر الاهم هو التناسق بين هذه الاشكال والالوان +الالهام (هنقول نجيب الالهام ازي)

هاحتاج شوية Tools عشان احقق الموضوع ده

أدوات التصميم

هتحتاج احد هذه البرامج

Sketch -> for Mac users

XD design ->for windows users

photoshop-> for windows and Mac users

inkscape -> for linux,windows, Mac users

ثانيا

ستتعلم كيفية التعامل مع احد هذا البرامج لتقوم بتصميم واجهة لتطبيقك

اذا اردت استخدام inkscape يمكنك تتبع هذا الدروس باللغة العربية علي هذه القناة

https://www.youtube.com/playlist?list=PLbbbetk3j5fzeS5-EI7qgHJNGlC5nM7Ec

تقوم بتصميم واجهة بسيطة علي احد هذه البرامج ولو مثل هذه الواجهة التي صممها صديقنا هاني

التناسق بين الالوان

اذا كنت لا تعرف شي عن التصميم وتناسق الالوان فلا تقلق فلحسن حظك انك لست وحيدا في ذلك سوف اريك بعض الادوات لحل هذه المشكلة ......ولكن اين تكمن المشكلة

من الاشياء التي تفرق بين تصميم جيد واخر غير جيد هو التناسق بين الالوان

فلا يصح استخدام خلفية سودء ولون الكلام فيها مقارب للاسود فسيكون كل شئ غير واضح

فمن المبادي الظريفة اذا استخدمت خلفية غمقة استخدم الوان فتحة في التصميم والعكس صحيح

والتناسق لوحده مشكلة كبيرة والناس بتوع التصميم بيدرسوا الموضوع ده

طيب انا مش مصمم؟

استخدم هذه المواقع بها قوالب الوان متناسقة مع بعضها وضعها مصممين كبار

من ثم نأتي الي عنصر الالهام

الالهام

ببساطة الافكار لا تاتي من فراغ ولكن بالتعرض لافكار كثيرة صنعها غيرك من قبل

بمجرد ما تكتب علي محرك البحث جوجل mobile design تظهر لك العديد من المواقع بها تصميمات رائعة نفترض انك اخترت الدخول لموقع behance ستجد الكثير من التصميمات التي بدورها تلهمك

بعض المواقع الظريفة في التصميم

https://www.uplabs.com/android

وفي النهاية بعد الانتهاء من التصميم وهذا هو اول شئ يراك من خلاله المستخدم

تقم بعمل export للتصميم كل جزء علي حده وتضيفه الي الاندرويد

وان شاء الله في التدوينات القادمة ساتحدث في ال material design عن اي جزء اتعلمه فالعلم بحر لا حدود له .

علمكم الله ما ينفعكم ونفعكم بما تعلمتوا وزادكم علما

Material Design Icon Generator

noreply@blogger.com (Anonymous) — Tue, 14 Nov 2017 17:29:00 +0000

عربي

_____________

بدأ تصميم الماتريال ديزاين في الفترة الماضية بالسيطرة على تطبيقات الاندرويد، واصبحت اغلب التطبيقات يتم تحديثها لتعمل بتصميم الماتيريال ديزاين

والماتيريال ديزاين هي لغة تصميم مرئية تم تطويرها عن طريق شركة جوجل. الغرض الأساسي منها هو تطوير لغة تفاعلية ذات مظهر جميل وباسلوب تفاعل واقعي

ويواجه مطوري تطبيقات الأندرويد الذين يعتمدون على تصميمات الماتيريال ديزاين بعض الصعوبات في البحث عن أيقونات لتطبيقاتهم تتلائم مع الماتيريال ديزاين

وللقضاء على تلك الصعوبات تم تطوير إضافة خاصة ببرنامج أندرويد ستوديو، تحتوي على الكثير من الأيقونات التي تتميز بملائمتها لتصميمات الماتيريال ديزاين .. حيث تمكن المطور من اختيار الايقونه التي يحتاجها وكذلك اللون المطلوب ثم يتم حفظها في المجلد الخاص بالصور في مجلد المشروع وتكون جاهزة لاستدعائها في التطبيق المراد تطويره بسهولة

خطوات تثبيت الإضافة في برنامج اندرويد ستوديو:

MAC:

Go Preference > Plugins > Browse repositories, then search material.

Linux or Windows:

Go File > Settings... > IDE Settings > Plugins > Browse repositories, then search material.

>Source: https://github.com/konifar/android-material-design-icon-generator-plugin

Android Overview || نظرة عامة عن نظام الأندرويد

noreply@blogger.com (Anonymous) — Sat, 11 Nov 2017 22:17:00 +0000

عربي

___________

تعمل مئات الملايين من الهواتف في أكثر من 190 دولة حول العالم بنظام الأندرويد وهي تعتبر أكبر منصة دعم هواتف في العالم وتنمو بسرعة كبيرة، حيث يتم في اليوم الواحد تنشيط أكثر من 1 مليون جهاز أندرويد جديد في العالم.
ونقدم تلك السلسلة التعليمية بهدف تعليمك تطوير وبرمجة وتهيئة تطبيقات الأندرويد. وسوف نبدأ بتعريف عام لنظام الأندرويد وكيفية تهيئة بيئة العمل ثم الدخول في مختلف جوانب تطوير تطبيقات الأندرويد

ما هو نظام الأندرويد ؟

هو نظام تشغيل مفتوح المصدر مبني على نظام اللينكس وهو مخصص لأجهزة الموبيل "الهواتف الذكية و التابلت و ..."
تم تطوير نظام الأندرويد عن طريق (Handset Alliance) بقيادة شركة جوجل وعدة شركات أخرى.

نظام الأندرويد يقدم نهج موحد في تطوير التطبيقات مما يعني ان المطور يحتاج فقط لتطوير تطبيق واحد لنظام الاندرويد، وبذلك يعمل ذلك التطبيق على كافة الاجهزة المدعومة بنظام الأندرويد.

تم إعلان أول نسخه تجريبية من مجموعة تطوير برمجيات الأندرويد "SDK" عام 2007 عن طريق شركة جوجل.

لماذا نظام الأندرويد ؟

يعتبر نظام الأندرويد من أقوى انظمة التشغيل ،يتميز بعدة خصائص رائعه تميزة عن غيره من أنظمة التشغيل.. على سبيل المثال وليس الحصر:

واجهة مستخدم جميلة:
يقدم الأندرويد واجهة مستخدم جميلة وبسيطة وبديهية.

تعدد اللمس:
يقدم نظام الأندرويد خدمة تعدد اللمس على شاشة الهواتف.

تعدد المهام:
من أهم مميزات نظام الأندرويد، وهو يتيح للمستخدم امكانية القفز من تطبيق لآخر بسرعه حيث يقوم نظام الأندرويد بتشغيل تطبيقات مختلفة في نفس الوقت.

دعم جميع اللغات.

دعم جميع انواع الاتصالات.

تطبيقات الأندرويد:

عادة يتم تطوير تطبيقات الأندرويد باستحدام لغة الجافا "JAVA" وكذلك لغة الكوتلين "Kotlin" وذلك بإستخدام مجموعة تطوير برمجيات الأندرويد "SDK".

بمجرد تطوير التطبيق، يمكنك تهيئة التطبيق بسهولة وبيعه من خلال متاجر التطبيقات مثل :
Google Play, SlideME, Opera Mobile Store, Mobango, F-droid

تعمل مئات الملايين من الهواتف في أكثر من 190 دولة حول العالم بنظام الأندرويد وهي تعتبر أكبر منصة دعم هواتف في العالم وتنمو بسرعة كبيرة، حيث يتم في اليوم الواحد تنشيط أكثر من 1 مليون جهاز أندرويد جديد في العالم.

تاريخ إصدارات الأندرويد:

تمت تسمية إصدارات نظام الأندرويد بأسماء تبدأ بالحروف الهيجائية الإنجليزية (A-N) حتى الآن كما هو موضح في الصورة:

ماهو الـ API level:

هو قيمة عدد صحيح يحدد بشكل فريد كل إصدار من إصدارات الأندرويد كما موضح باأمثلة في الجدول التالي:

Platform Version	API Level	VERSION_CODE
Android 6.0	23	MARSHMALLOW
Android 5.1	22	LOLLIPOP_MR1
Android 5.0	21	LOLLIPOP
Android 4.4W	20	KITKAT_WATCH	KitKat for Wearables Only
Android 4.4	19	KITKAT
Android 4.3	18	JELLY_BEAN_MR2
Android 4.2, 4.2.2	17	JELLY_BEAN_MR1
Android 4.1, 4.1.1	16	JELLY_BEAN
Android 4.0.3, 4.0.4	15	ICE_CREAM_SANDWICH_MR1
Android 4.0, 4.0.1, 4.0.2	14	ICE_CREAM_SANDWICH

>> التدوينة التالية بإذن الله شرح تهيئة بيئة العمل لبدأ تطوير تطبيقات الأندرويد.

Butterknife And ButterKnifeZelezny للوصول السريع لمكونات التطبيق

noreply@blogger.com (Anonymous) — Fri, 10 Nov 2017 17:53:00 +0000

لمن لا يعرف عن مكتبة Butter knife هي ببساطة مكتبة للوصول السريع لمكونات الواجهة الخاصة بالتطبيق (مكونات XML files) مثل ال TEXTVIEW و IMAGEVIE وغيرها ....

فى الوضع العادى اذا اردت الوصول لاى مكون من المكونات فى الشاشة فأنت تقوم باستخدام findViewById ثم تقوم بعمل cast ويجب عليك فعل ذلك مع كل مكون موجود لديك تريد التعامل معه حينما يكون لديك عدد قليل من المكونات تكون الامور سهله لكن عندما يكون لديك عدد كبير من المكونات مثلا 8 TextView و 6 EditText و زر و صورة أو اكثر تجد انك تقوم بكتابة findViewById كثيرا تعطيها الـ ID تم تقوم بعمل Cast تنتقل للعنصر الثانى تقوم بتعريفه findViewById وتعطيه الـ ID ثم تقوم بعمل Cast تنتقل للمكون الثالث وهكذا ولا بد أنك تشعر بالملل من كثرة كتابة findViewById وعمل الـ Cast ولحسن الحظ لست وحدك من يشعر بالملل من فعل ذلك فلقد سبقك المبرمجون بالشعور بالملل لكن لم يكتفوا بذلك فقط بل أوجدوا حلولا حيث قام جاك وراتون بعمل مكتبة للتسهيل على المبرمجين اطلق عليها اسم سكين الزبد (Butter Knife) والتى سنقوم بشرحها الان فى هذه التدوينة .

هذا هو الحال مع findViewById شي ممل في الكتابة

وهذا هو الحال بمجرد تنزيل المكتبة والاضافة

إضافة المكتبة للمشروع

تقوم باضافة هذان السطران من الكود الي ملف ال Gradle:module

compile 'com.jakewharton:butterknife:8.8.1'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'

وتقوم بعمل Sync


استخدام المكتبة مع الـ Activity

اولا ساقوم باضافة الاضافة ButterKnifeZelezny والتي ستستدعي كل المكونات

 بضغطة سحرية

اذهب الي اندرويد استيديو 



→file → settings → Plugin->ButterKnifeZelezny

بعد ذلك اذهب الي Activity اللي هتتعامل معها نفترض ان اسمها 

MainActivity وملف ال XML لها activity_main

اذهب واضغط right click علي activity_main الموجودة هنا 



setContentView(R.layout.activity_main);




هتظهر Generate اضغط عليها ثم اختار  Generate ButterKnife Injections

وهستجد كل المكونات بين يديك حتي لو كانت الف مكون .ويوجد demonstration لكل 


اللي كتبته علي اليوتيوب هنا
https://youtu.be/Ym6P-4UMROE

Why Android Studio!!

noreply@blogger.com (Anonymous) — Mon, 06 Nov 2017 17:48:00 +0000

In this blog, we compare the two in 6 distinct areas to reveal why Android Studio is a step ahead of Eclipse:

Gradle Integration

Android Studio uses the quick growing Gradle build system that is so integrated, and Gradle is really a great tool. If you have decided to go with Eclipse than yet say to look at Gradle’s features and try it out and see if it fits with your project. In case you want to go with Android Studio, no need to worry about being stuck with Gradle system because it is really good. Eclipse uses Apache Ant as its prime build system that is an extremely robust XML based build system and lots of Java developers have been already familiar with it.

Advanced Code Completion

Both Android Studio and Eclipse feature the typical Java code auto completion. But, we usually found that the code completion is really better on AS compare to Eclipse which looks to get a bit perplexed at times and doesn’t provide precise results most of the time. Keep in mind, the more time you will spend as a programmer grinding out code, the more you value code completion.

User Interface (UI)

We know Eclipse interface and quirks very well, It is big and somewhat overwhelmed, but we have to face it because most IDEs are overwhelming when you use them first time. So, keeping this in mind and found that the tools and menu items in Android Studio tend to get me where we want to be a little more promptly and effortlessly than their counterparts in Eclipse. In addition, AS was built purposely for Android, while Eclipse was built to all-purpose IDE that can be used with any language and platform.

Organization of Project

Although, both IDEs work in a different way to help you manage and organize your projects, but when you want to work on many projects in Eclipse you need to merge them into a workspace. In an attempt to switch to a different workspace, you have to choose the path, after that Eclipse restarts and this always looked awkward. Additionally. On the other side, Android Studio uses modules to manage and organize your code modules have their own Gradle build files which mean it can state their own dependencies. In compare AS looks more natural, but if you have been using Eclipse for some time, then it takes a little bit time to get used to.

System stability

Eclipse is simply Java based software and a larger IDE in comparison with Android Studio, so it needs considerably higher amount of RAM space with a high CPU speed to function properly. Failure to meet this criterion causes Eclipse crashing and getting unresponsive. On the other hand, Android Studio is now released with very less bugs, and provides a more stable performance guarantee than Eclipse and the system needs are lower too. AS is quick, while you need 1 or 2 minutes for building release versions of complex projects in Eclipse, but can make the same project within 30 seconds in AS.

Drag-and-Drop

Android Studio has GUI (Graphical User Interface), but Eclipse does not have. However, the drag-and-drop feature is not essential for coders, who are not very much concerned regarding the visual elements of their applications. A developer needs to have detailed knowledge of Visual Basic, so that the developer can use the drag-and-drop feature appropriately. It’s a new feature in Android Studio, but its state of being absent in Eclipse does not matter greatly.

Conclusion

Android Studio is certainly a step ahead of Eclipse, which lost its position in less than a year as the main IDE for android application development and became died out. There has been a huge publicity around it among android app developers ever since Android Studio was announced in 2013, and without doubt AS meets up to nearly all expectations.

If you are thinking to switch from Eclipse to Android Studio, then I will say try it, use it and then make your decision. I am quite sure that you will like and love to use it. If you’re already using Eclipse, just try out Android Studio and decide how you can switch over to it with no trouble.

>source: https://dzone.com/articles/why-android-studio-better

Android Studio 3.0 arrives in stable channel

noreply@blogger.com (Anonymous) — Sun, 05 Nov 2017 15:39:00 +0000

For the past few years, the primary way to build Android applications has been through Google's Android Studio. The first stable release arrived in 2014, with version 2.0 appearing last year. The third major update was announced at Google I/O 2017, and now it is finally ready for prime time.

Kotlin and Java

The flagship new feature in Android Studio 3.0 is the ability to develop apps with Kotlin. If you're not familiar with it, Kotlin is a newer programming language designed to interoperate with existing Java code. This means that developers can port their apps over to Kotlin in pieces, rather than having to do a complete rewrite. It's been a while since I wrote in Java, and I've never tried Kotlin, so I'll direct you to Kotlin's website for a direct comparison between both languages.

Now that Kotlin is built into Android Studio, features like code completion and syntax highlighting work just as they do with Java. Speaking of Java, Android Studio 3.0 has improved support for Java 8 features, since it now uses a javac-based toolchain instead of the now-deprecated Jack and Retrolabda. This update also includes the IntelliJ 2017.1 release, which features Java 8 language refactoring, parameter hints, draggable breakpoints, semantic highlighting, enhanced version control search, and more.

Building apps

Many of the development-related announcements from Google I/O 2017 are shipping in Android Studio 3.0. This includes an SDK for creating Instant Apps, new templates for Android Thingsapplications, XML and downloadable fonts for Android 8.0 and higher, and a new wizard for creating adaptive icons.

This update also includes a major change to the Android Gradle Plugin intended to improve scalability and app build times. Google warns that this could break some existing build files, so developers should look here for tips on updating.

Testing apps

While testing on real devices is always important, Android Studio's device emulators are invaluable for testing apps across a wide variety of screen sizes, architectures, and system versions. Android Studio 3.0 adds the ability to create Android 8.0 emulators with the Google Play Store pre-installed, so you can test your apps with full Play Services functionality.

Unfortunately, there is no mention of emulator images for Chrome OS, or anything related to Android Automotive. Presumably, these will ship at some point in the future, possibly outside of a major Android Studio update.

There have also been several major improvements to the emulator itself. OpenGL ES 3.0 is now fully supported when using Oreo system images, a new bug reporter is available, and you can set an HTTP proxy for the emulator to use. 'Quick Boot' is also in testing, which speeds up the emulator's boot time by caching the device state. You'll need to switch to the Canary release channel before you can try it out, and more information is available here.

Other improvements

There are a massive amount of other changes in Android Studio 3.0, including a new Profiler tool for analyzing real-time performance, improvements to the layout inspector, a file explorer, and much more. If you want to see everything new, hit up the source link below.

Source:
Android Developers Blog

LateX project

noreply@blogger.com (Anonymous) — Sun, 05 Nov 2017 13:44:00 +0000

For who needs writing formal books, articles, presentations, CVs, emails, proposals, etc.. LateX (LAH-tekh), provides a very simple way to write your documents in a formal docs. Including images, complex math equations, etc.. One of the best advantages of Latex is providing a automatic contents and references lists with a formal design. You can import many latex templates and working on them. Output files: Latex can generate PDF and HTML files.

more information : https://lnkd.in/duF3iCu

Try latex online: https://latexbase.com/ https://latexbase.com/ Latex Software: https://www.texstudio.org/ (support Windows, Linux and Mac)

Proga - Software Solutions

كيفية تصميم واجهة جميلة لتطبيق الاندرويد

كيفية تصميم واجهة جميلة لتطبيق الاندرويد

ببساطة الكود وحده لا يكفي

أساسيات التصميم

أدوات التصميم

ثانيا

التناسق بين الالوان

الالهام

علمكم الله ما ينفعكم ونفعكم بما تعلمتوا وزادكم علما

Material Design Icon Generator

خطوات تثبيت الإضافة في برنامج اندرويد ستوديو:

Install the plugin on Android Studio:

Android Overview || نظرة عامة عن نظام الأندرويد

عربي

ما هو نظام الأندرويد ؟

لماذا نظام الأندرويد ؟

تطبيقات الأندرويد:

تاريخ إصدارات الأندرويد:

ماهو الـ API level:

What is Android?

Why Android?

Android Applications:

History of Android:

What is API level?

Butterknife And ButterKnifeZelezny للوصول السريع لمكونات التطبيق

إضافة المكتبة للمشروع

استخدام المكتبة مع الـ Activity

Why Android Studio!!

Android Studio 3.0 arrives in stable channel

Kotlin and Java

Building apps

Testing apps

Other improvements

LateX project