دليل المدون
‏إظهار الرسائل ذات التسميات Android studio. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات Android studio. إظهار كافة الرسائل

2022-12-09

من أين أبدأ تعلم برمجة تطبيقات الهاتف بإستخدام Flutter

بسم الله الرحمن الرحيم

  فى عصرنا الحالى تعتبر تطبيقات الموبايل ضرورية لأصحاب المشاريع و المستثمرين حيث أنها وسيلة فعالة للوصول لأكبر عدد من الجمهور المستهدف حيث أن الهواتف الذكية أصبحت جزء لا يتجزأ يتجزأ من حياتنا اليومية ، و لتعلم برمجة تطبيقات الهاتف هناك عدة لغات برمجية يمكن تعلمها فى البداية منها Java , Kotlin, React native , Swift ,Flutter....إلخ.
و لكن إذا أردت البدء فى التعلم عليك إختيار الأدوات المناسبة التى تصمم بها تطبيقك دون التشتت بين كل هذه الأدوات ، و سأتحدث اليوم عن الـ Flutter الذى إنتشر بصورة كبيرة فى الآونة الأخيرة ، وتعتمد عليه العديد من الشركات الكبرى فى تطبيقاتها. 

Flutter Learning
محتويات المقال:

ما هو Flutter ؟

لماذا أستخدم Flutter فى تطوير التطبيقات؟

خارطة الطريق لتعلم بناء تطبيقات الهاتف بإستخدام flutter

ما هو Flutter ؟

Flutter هو إطار عمل مفتوح المصدر Open source frame work قامت جوجل Google بتطويره و إطلاقه رسميا عام 2018 ، يمكن من خلاله إنشاء تطبيقات تعمل على أنظمة متعددة مثل Android , ios , web بنفس الكود البرمجى فى آن واحد.
و تتكون flutter من جزئين:
  1. (Software developement kit (SDK: وهى حزمة أدوات تطوير التطبيقات ، المسئولة عن ترجمة الكود Compile ليفهمها نظام الجهاز سواء كان android , ios.
  2. Framework : إطار عمل يحتوى على عناصر واجهة المستخدم لرسم الواجهات بجودة عالية بما تتضمنها من أزرار، نصوص ، قوائم ، .... و غير ذلك ، كما أنه من السهل تخصيصها بحسب تجربة المستخدم UX.

لماذا أستخدم Flutter فى تطوير التطبيقات ؟

من مميزات flutter التى تميزها عن غيرها فى تطوير تطبيقات الهاتف هى :

  1. التطبيق الناتج يكون ذات آداء عالى و جودة عالية و يعمل على عدة أنظمة فى نفس الوقت بنفس الكفاءة.
  2. Flutter تركز على تجربة المستخدم UX ، لما تحتويه من إطار عمل لرسم الواجهات التى يتكون من التطبيق UI سواء كان يعمل هذا التطبيق على نظام android أو نظام ios وذلك بنفس كفاءة native.
  3. لثقة الشركات الكبيرة فى flutter أصبحت تعتمد عليها فى تطبيقاتها الأساسية مثل Alibaba , BMW , Googlepay , .....
  4. جوجل تدعمها بقوة لذلك تتطور بشكل سريع جدا .

خارطة الطريق لتعلم بناء تطبيقات الهاتف بإستخدام flutter:

المرحلة الأولى: تعلم لغة Dart 

و هى اللغة التى تستخدمها عند تطوير التطبيقات بال flutter ، فلابد من البدء بتعلم كيفية كتابة الكود البرمجى بإستخدام dart ، فلابد فى البداية من تعلم Dart  functions & Object Oriernted programming 
  • إبدأ بالتعرف على الأساسيات :
Syntax, data types and variables.
Operators, flow control statements, loops, and functions.

  • يمكن الإستعانة فى هذه المرحلة ب Dart pad لتطبيق الأكواد على المتصفح مباشرة.
  • كما يمكن تطوير مهاراتك و تعلم مفاهيم أكثر تقدما فى dart و ذلك بتعلم 
 Enumeration, interfaces, classes, object, collection, generics, and package.
 Exceptions, debugging, type def, and libraries.
 Async, concurrency, unit testing, 

المرحلة الثانية: تثبيت البرامج على جهازك

  • يمكنك الإختيار بين Android studio أو Visual studio code  و ذلك حسب إمكانيات جهازك ، فمثلا vs مناسب للأجهزة ذات الإمكانيات الأقل .
  • تحديد الطريقة التى ستستخدمها لمعاينة التطبيق على جهاز إفتراضى virtual machine أو على هاتفك مباشرة.
  • تجهيز بيئة جهازك بتثبيت آخر إصدار من Flutter SDK 

المرحلة الثالثة: تعلم أساسيات Flutter:

و ذلك من خلال متابعة أى دورة  تدريبية تستهدف المبتدئين Beginners ، يمكن من خلالها تعلم الأساسيات التى تتكون منها معظم التطبيقات وهى :
  • التعرف على الملفات التى يتكون منها المشروع المبنى بفلاتر.
  • تعلم أساسيات widgets مثل Column , Rows, Containers , buttons , texts
  • الفرق بين stateless &  statefull
  • التنقل بين الصفحات Navigation and Routing
  • التحكم فى الحالة State managements من خلال تعلم bloc أو provider
  • تعلم تخزين البيانات على هاتف المستخدم عن طريق Sqflit & Sharedpreferences
  • التخزين السحابى للبيانات على خوادم Firebase من خلال تعلم Authentication , storage , realtime , firestore
  • جلب البيانات من خلال التعامل مع API عن طريق معرفة http , Dio
  • إضافة لغات متعددة لتطبيقك Localization 
  • إضافة  Animations , Splash screen , Setting screen .

المرحلة الرابعة: إنشاء مشاريع  خاصة بك

  • أفضل طريقة لتنمية مهاراتك فى البرمجة هى التطبيق الفعلى على التطبيقات ، يمكن الإعتماد على مشاريع مفتوحة المصدر الموجودة على Github . 
  • كما يمكن الإستعانة بموقع Stackoverflow عندما تواجهك مشكلة أثناء برمجة مشروعك.

المرحلة الخامسة : تعلم Clean Code Architechture

إذا أردت تطوير نفسك لتصل إلى مستوى متقدم و تكون مستعد لسوق العمل لابد من تعلم كيفية كتابة كود نظيف منظم يمكن قراءته ، تستطيع التعديل عليه فى أى وقت.

المرحلة السادسة : تعلم Algorithms and Data structures and Design Pattern

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

تابع أيضا ملخص إنفوجرافيك لهذا المقال على Linkedin

2018-05-19

كيف يدعم تطبيقك عدة لغات مختلفة Localize your app

بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين

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

هذه الخاصية تسمى Android Localization ، تلك التى تسمح للمستخدم التعامل مع تطبيقك باللغة المضبوط بها اعدادات جهازه تلقائيا ، وبالتالى يكون تطبيقك مميز عن التطبيقات المنافسة ، ففى هذا الموضوع سوف أعرض الفكرة الرئيسية لترجمة تطبيق بسيط:
حتى يتمكن نظام الأندرويد الخاص بجهاز المستخدم التعامل مع التطبيق طبقًا للغة المضبوطة بإعدادات النظام ، لابد من فصل جميع النصوص المستخدمة بالتطبيق داخل ملف يسمى string.xml ، ستجد هذا الملف من ضمن ملفات تطبيقك فى المسار التالى:

2018-04-06

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

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

خطأ شائع بين العديد من مطوري التطبيقات المبتدئين وهو نشر التطبيقات بدون تأمينها ، فقد يفاجأ المطور بإستخدام الهكر لمصادر أكواد تطبيقاته ويعدل عليها وينسبها لنفسه دون مراعاة أى حقوق ملكية ، يتم ذلك للأسف بسهولة بإستخدام تقنية الهندسة العكسية ، لذلك سأناقش معكم فى هذا الموضوع بعض النقاط:
  1. فكرة سريعة عن الهندسة العكسية
  2. كيف يستخدم الهاكر الهندسة العكسية لمعرفة مصدر كود تطبيقك؟
  3. ما هى الأدوات التى يمكن استخدامها لحماية تطبيقاتك ؟
حماية مصدر كود تطبيق الأندرويد

2017-10-20

6 بدائل لبرنامج اندرويد ستوديو Android studio alternatives

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

بالرغم من أن منصة Android studio هى البرنامج الرسمى والمعتمد من جوجل لتطوير تطبيقات الأندرويد ويعتبر الأفضل فى هذا المجال ، إلا أنه قد تجد بعض المستخدمين يبحثون عن بديل لهذا البرنامج لتطوير تطبيقاتهم ، ربما لأحد هذه الأسباب:
  1. مواصفات جهاز الحاسوب المُستخدم غير مناسب لتثبيت أندرويد ستوديو. (تعرف على متطلبات Android studio)
  2. الحاجة إلى تصميم تطبيق يعمل على أنظمة أخرى بالإضافة إلى نظام الأندرويد مثل ios , windows
  3.  إستخدام لغات برمجية أخرى غير لغات  Kotlin أو Java التى يدعمها أندرويد ستوديو.
فإذا كنت ممن يتطلع إلى أدوات أخرى فى تطوير تطبيقاتك، فتابع هذه المقالة التى تعرض إمكانيات كل برنامج،  لكى تستطيع أن تقرر أى البرامج يمكن أن تستخدمها طبقًا لإحتياجاتك:

2017-09-08

كيفية تصدير مشروع اندرويد ستوديو الى تطبيق APK

بسم الله الرحمن الرحيم

والصلاة والسلام على اشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

بعد أن أتممت برمجة مشروعك بإستخدام منصة Android Studio ، و قمت بإختباره وتجربته بإحدى الطرق التى ذكرتها سابقًا، لا يبقى سوى تصديره إلى صيغة APK  لكى تستطيع تثبيت التطبيق على الأجهزة التى تعمل بنظام الأندرويد ، أو رفع التطبيق على Google play
انشاء تطبيق apk

أولا: تصدير المشروع إلى ملف APK لتجربته على جهازك  

يمكنك تصدير مشروع التطبيق من خلال قائمة Build >>Build APK وتثبيته على جهازك لتجربته :
بناء تطبيق apk
 ولكن لا تستطيع رفعه على جوجل بلاى بهذه الصورة لأنه يفتقد شهادة إعتماد التطبيق والتى تعرف بـ "Keystore" والتى سأتحدث عنها بالتفصيل فى الفقرة التالية.

ثانيًا : تصدير المشروع إلى تطبيق APK يمكن رفعه على Google play

 إذا أردت أن تعرض تطبيقك على متجر جوجل بلاى ، فهذا يستلزم إنشاء ملف بصيغة ".jsk" والذى يعرف بـ "Keystore" ، وهو بمثابة حفظ لحقوق ملكيتك للتطبيق فيمكنك إضافة إسمك أو إسم شركتك كتوقيع للتطبيق مع كتابة كلمة مرور تمنع أى شخص من إعادة رفع التطبيق إلى متجر جوجل بلاى مرة أخرى.
ولتطبيق ذلك توجه إلى قائمة Build >>Generate Signed APK  لتظهر نافذة أخرى ، قم بالضغط على Create new وذلك لإنشاء Key Store جديد.

Generate Signed APK 

Generate Signed APK 
 قم بتكملة بيانات الحقول هكذا:
1- Key store path : قم بتحديد المسار الذى سيتم حفظ التطبيق به على جهاز الكمبيوتر
2- قم بإختيار كلمة مرور وتأكيدها "يجب عليك الإحتفاظ بها لأنك ستحتاجها إذا أردت تحديث تطبيقك"
android studio keystore 
3- Alias : قم بكتابة إسم تطبيقك ثم إختر كلمة مرور أخرى وتأكيدها والإحتفاظ بها.
4- Validity years : قم بتحديد صلاحية ملف Keystore
5 - Certificate : قم بإدخال معلومات عنك وعن شركتك وبيانات عن مدينتك (هذه الحقول إختيارية) 
بعد الإنتهاء من إستكمال البيانات إضغط "OK"  >> ستجد النافذة السابقة تم تعبئتها بالمعلومات >> إنتقل إلى الخطوة التالية بالضغط على Next
android studio keystore
قم بكتابة كلمة مرور للشفرة ثم إختيار المسار الذى سيتم حفظ التطبيق به على جهاز الكمبيوتر الخاص بك .
تأكد من إختيار release  للحقل  Build Type

android studio apk
 ثم إضغط Finish وإنتظر قليلا حتى تتم عملية تصدير المشروع إلى تطبيق APK وظهور هذه النافذة
 android studio apk 
ثم إضغط على Show in Explorer لتجد ملف APK ،يمكنك رفعه على متجر Google play و تثبيته على أى جهاز أندرويد .
  • إذا أردت إنشاء تطبيقات أخرى ، إختر نفس ملف الشفرة مع إنشاء Key Alias جديد لكل تطبيق جديد.
  • إذا أردت التعديل على تطبيقك وتحديثه على Google play ، قم بإختيار نفس الشفرة ونفس مفتاح التطبيق.
أتمنى أن يكون الدرس حقق الإفادة ، أى مشكلة أدرجها بتعليق ولا تنس مشاركة الموضوع
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

2017-08-01

كيفية استيراد مشاريع مفتوحة المصدر لـ Android studio

بسم الله الرحمن الرحيم 

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

2017-07-02

كيف تصنع تطبيق اندرويد بـ Android studio بلغة Kotlin

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

   إذا كنت من المهتمين بتطوير تطبيقات الأندرويد ، فأنت بالتأكيد سمعت عن إعلان جوجل  في مؤتمر I/O  إعتمادها  Kotlin كلغة رسمية لـ Android ، لذلك سأحاول عرض فكرة عن هذه اللغة مع شرح كيفية إنشاء تطبيق أندرويد بإستخدامها وتهيئة برنامج اندرويد استوديو للعمل بها ، كما سأوضح كيفية تحويل تطبيق أندرويد من لغة java إلى لغة Kotlin

نظرة سريعة على لغة Kotlin :

Kotlin logo
  هى لغة برمجة مفتوحة المصدر تم تطويرها من قبل شركة JetBrains في عام 2011 ، وهى نفس الشركة التى تساهم مع جوجل فى تطوير منصة Android studio ، وهى تتوافق كليًا مع حزمة تطوير جافا JDK ، وتعمل على نفس بيئة العمل التى كانت تعمل عليها لغة الـ Java وهى (JVM) ، لذلك يمكن للمطور أن يستخدم اللغتين معًا فى تطوير نفس التطبيق دون مشاكل.
Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون