SlideShare a Scribd company logo
1 of 13
Download to read offline
Phone Gap -
Cordova
‫انًُٓدض‬:‫خهٍفخ‬ ‫زٌبض‬
ّ‫تُصٌه‬ ‫إنى‬ ‫َحتبج‬ ‫يب‬
1- Node.js
2- Cordova
3- JDK
4- apache ant
5- Eclipse
6-Genymotion
Node.js
•‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬:
1-‫جدٌد‬ ‫جبة‬ ٌٕ‫ف‬ ‫يشسٔع‬ ‫إَشبء‬ ‫ٌتى‬ ‫خالنٓب‬ ٍ‫ي‬.
2-‫نهًشسٔع‬ ‫عًم‬ ‫ثٍئخ‬ ‫إضبفخ‬.
3-‫انًشسٔع‬ ٍ‫ي‬ ‫عًم‬ ‫ثٍئخ‬ ‫حرف‬.
4-‫نهًشسٔع‬ ‫ثُبء‬ ‫عًم‬ ‫انًشسٔع‬ ‫عهى‬ ‫تعدٌم‬ ‫فٍٓب‬ ‫ٌحصم‬ ‫يسح‬ ‫كم‬ ً‫ف‬ ‫ٌتى‬
ٍّ‫عه‬ ‫انتعدٌالد‬ ‫نتفعم‬.
•‫تُصٌهٓب‬ ‫كٍفٍخ‬:
1-‫يٕقع‬ ‫عهى‬ ‫َفتح‬‫كٕزدٔفب‬.
2-‫صفحخ‬ ‫إنى‬ ‫َرْت‬Line Interface-Command
3-‫عهى‬ ‫َضغط‬ ‫انصفحخ‬ ‫َفط‬ ً‫ف‬Node.js
ْٕ ‫انساثط‬:/https://nodejs.org
Cordova
•‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬:
‫تُصٌم‬ ‫ٌتى‬ ‫خالنٓب‬ ٍ‫ي‬‫انكٕزدٔفب‬‫تطجٍقبتُب‬ ‫عهٍٓب‬ ‫ظُطٕز‬ ً‫ٔانت‬.
•‫تُصٌهٓب‬ ‫كٍفٍخ‬:
1-‫عهى‬ ‫َفتح‬‫يٕقع‬‫كٕزدٔفب‬.
2-‫صفحخ‬ ‫إنى‬ ‫َرْت‬Line Interface-Command
3-‫انتعهًٍخ‬ ‫َأخر‬ ‫انصفحخ‬ ‫َفط‬ ً‫ف‬npm install -g cordova
ً‫ف‬ ‫َٔضعٓب‬Node.js Command Prompt
JDK
•‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬:
‫انجٓبش‬ ‫عهى‬ ‫ٔتشغٍهٓب‬ ‫انجبفب‬ ‫تطجٍقبد‬ ‫نتطٌٕس‬ً‫فبنجتبن‬‫عهى‬ ‫انعًم‬‫اََدزٌٔد‬.
•‫تُصٌهٓب‬ ‫كٍفٍخ‬:
1-‫عهى‬ ‫َفتح‬‫َٔكتت‬ ‫جٕجم‬download jdk
2-‫ألٔزاكم‬ ‫زاثط‬ ْٕٔ ‫زاثط‬ ‫أٔل‬ ‫َفتح‬.
3-‫يعبز‬ ‫َضٍف‬bin‫انجٍئخ‬ ‫يتغٍساد‬ ‫إنى‬
C:Program FilesJavajdk1.6.0_45bin
ْٕ ‫انساثط‬:
www.oracle.com/technetwork/java/javase/downloads/index.htmlhttp://
apache ant
•‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬:
‫نعًم‬‫كٕيجبٌهس‬‫نهًشسٔع‬.
•‫كٍفٍخ‬‫تُصٌهٓب‬:
1-‫عهى‬ ‫َفتح‬‫َٔكتت‬ ‫جٕجم‬download apache ant
2-ْٕ ‫ٔانري‬ ‫زاثط‬ ‫أٔل‬ ‫َفتح‬
ant.apache.org/bindownload.cgihttps://
3-‫يعبز‬ ‫َضٍف‬bin‫انجٍئخ‬ ‫يتغٍساد‬ ‫إنى‬
C:apache-ant-1.9.4bin
4-‫َٔكتت‬ ‫إض‬ ً‫ج‬ ‫َٕد‬ ‫َفتح‬ ‫نهتحقق‬ant
Eclipse
•‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬:
‫جبفب‬ ‫تطجٍقبد‬ ‫تطٌٕس‬.
•‫كٍفٍخ‬‫تُصٌهٓب‬:
•Windows 32
.zip20140702-86x-windows-bundle-://dl.google.com/android/adt/adthttps
•Windows 64
.zip20140702-64_86x-windows-bundle-https://dl.google.com/android/adt/adt
1-‫انًهف‬ ‫ضغط‬ ‫َفك‬.
2-‫َضٍف‬‫يتغٍساد‬ ‫إنى‬‫انًعبز‬ ‫انجٍئخ‬:
adt-bundle-windows-x86_64-20131030sdkplatform-tools
3-‫انًعبز‬ ‫انجٍئخ‬ ‫يتغٍساد‬ ‫إنى‬ ‫َضٍف‬:
adt-bundle-windows-x86_64-20131030sdktools
Genymotion
•‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬:
‫عهٍٓب‬ ‫انتطجٍقبد‬ ‫تشغٍم‬.
•‫كٍفٍخ‬‫تُصٌهٓب‬:
1-‫عهى‬ ‫َفتح‬‫َٔكتت‬ ‫جٕجم‬download genymotion
2-‫زاثط‬ ‫أٔل‬ ‫َفتح‬
downloadhttps://www.genymotion.com/#!/
3-Get Genymotion (117.47 MB)
‫تطجٍق‬ ‫أٔل‬ ‫إَشبء‬
•‫إنى‬ ‫َرْت‬Node.js Command Prompt
•‫داخم‬‫انُٕد‬‫فٍّ؛‬ ‫انتطجٍق‬ ‫إَشبء‬ ‫َسٌد‬ ‫انري‬ ‫انًعبز‬ ‫إنى‬ ‫َُتقم‬ ‫إض‬ ً‫ج‬
‫تعهًٍخ‬ ‫خالل‬ ٍ‫ي‬ ‫ٔذنك‬cd‫انًساد‬ ‫انًعبز‬ ‫َكتت‬ ‫ثى‬.
•‫انتبنٍخ‬ ‫انًشسٔع‬ ‫إَشبء‬ ‫تعهًٍخ‬ ‫َكتت‬:
cordova create hello com.example.hello HelloWorld
‫انًشسٔع‬ ‫اظى‬ ‫انًشسٔع‬ ٌ‫عُٕا‬‫انًشسٔع‬ ‫يعسف‬
‫تطجٍق‬ ‫أٔل‬ ‫إَشبء‬
•‫عًم‬ ‫ثٍئخ‬ ‫إلضبفخ‬‫كبََدزٌٔد‬‫انري‬ ‫انًشسٔع‬ ‫يعبز‬ ً‫ف‬ ‫َكتت‬ ً‫ال‬‫يث‬
ً‫ب‬‫آَف‬ ِ‫أَشأَب‬.
cordova platform add android
•‫انكٕد‬ ‫عهى‬ ‫شًء‬ ‫أي‬ ‫َعدل‬ ‫يسح‬ ‫كم‬ ً‫ف‬ ‫نهًشسٔع‬ ‫ثُبء‬ ‫نعًم‬ ‫َحتبج‬
‫انًشسٔع‬ ‫يعبز‬ ً‫ف‬ ‫انتعهًٍخ‬ ‫كتبثخ‬ ٍ‫ي‬ ‫ٔذنك‬:
Cordova build
‫انًشسٔع‬ ‫ثُبء‬ ‫خالل‬ ‫شبئعخ‬ ‫أخطبء‬
‫انًشسٔع‬ ‫ثُبء‬ ‫خالل‬ ‫شبئعخ‬ ‫أخطبء‬
‫انشبئعخ‬ ‫األخطبء‬ ‫حهٕل‬
•‫انًشسٔع‬ ‫نجُبء‬ ‫انضسٔزٌخ‬ ‫انجبفب‬ ‫يتطهجبد‬ ‫تٕفس‬ ‫عدو‬ ‫ظججٓب‬.
‫انحهٕل‬:
•ً‫ف‬ ‫اكتت‬‫انُٕد‬‫كٕيبَد‬ ‫إض‬ ً‫ج‬android
•‫أزثعخ‬ ًْٔ ‫انجٍئخ‬ ‫يتغٍساد‬ ٍ‫ي‬ ‫تأكد‬:
•1-JDK bin
•2-apache-ant-1.9.4bin
•3-sdkplatform-tools
•4-sdktools

More Related Content

Viewers also liked

31 استخدام اللغة العربية في تطبيق الفون جاب
31  استخدام اللغة العربية في تطبيق الفون جاب31  استخدام اللغة العربية في تطبيق الفون جاب
31 استخدام اللغة العربية في تطبيق الفون جابرياض خليفة
 
HTML5 Accessibility
HTML5 AccessibilityHTML5 Accessibility
HTML5 Accessibilitybgibson
 
HTML5 & WAI-ARIA - Happy Families
HTML5 & WAI-ARIA - Happy FamiliesHTML5 & WAI-ARIA - Happy Families
HTML5 & WAI-ARIA - Happy FamiliesSteven Faulkner
 
32- التعامل مع الأحداث - فون جاب
32- التعامل مع الأحداث - فون جاب32- التعامل مع الأحداث - فون جاب
32- التعامل مع الأحداث - فون جابرياض خليفة
 

Viewers also liked (7)

طور نفسك
طور نفسكطور نفسك
طور نفسك
 
HTML5 Tutorial
HTML5 TutorialHTML5 Tutorial
HTML5 Tutorial
 
31 استخدام اللغة العربية في تطبيق الفون جاب
31  استخدام اللغة العربية في تطبيق الفون جاب31  استخدام اللغة العربية في تطبيق الفون جاب
31 استخدام اللغة العربية في تطبيق الفون جاب
 
HTML5 Accessibility
HTML5 AccessibilityHTML5 Accessibility
HTML5 Accessibility
 
HTML5 & WAI-ARIA - Happy Families
HTML5 & WAI-ARIA - Happy FamiliesHTML5 & WAI-ARIA - Happy Families
HTML5 & WAI-ARIA - Happy Families
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
32- التعامل مع الأحداث - فون جاب
32- التعامل مع الأحداث - فون جاب32- التعامل مع الأحداث - فون جاب
32- التعامل مع الأحداث - فون جاب
 

More from رياض خليفة

ما الجديد في أيونك 5
ما الجديد في أيونك 5ما الجديد في أيونك 5
ما الجديد في أيونك 5رياض خليفة
 
21- ما هو أيونك 3 وما الفرق بينه وبين أيونك 2
21- ما هو أيونك 3 وما الفرق بينه وبين أيونك 221- ما هو أيونك 3 وما الفرق بينه وبين أيونك 2
21- ما هو أيونك 3 وما الفرق بينه وبين أيونك 2رياض خليفة
 
4- الفرق بين Ionic Vs NativeScript
4- الفرق بين Ionic Vs NativeScript4- الفرق بين Ionic Vs NativeScript
4- الفرق بين Ionic Vs NativeScriptرياض خليفة
 
3- الفرق بين Ionic - Ionic Vs React Native
3- الفرق بين Ionic - Ionic Vs React Native3- الفرق بين Ionic - Ionic Vs React Native
3- الفرق بين Ionic - Ionic Vs React Nativeرياض خليفة
 
9- استيراد حسابات المستخدمين من Active Directory
9- استيراد حسابات المستخدمين من  Active Directory9- استيراد حسابات المستخدمين من  Active Directory
9- استيراد حسابات المستخدمين من Active Directoryرياض خليفة
 
58- AdWords vs AdSense vs AdMob vs Tappx
58- AdWords vs AdSense vs AdMob vs Tappx58- AdWords vs AdSense vs AdMob vs Tappx
58- AdWords vs AdSense vs AdMob vs Tappxرياض خليفة
 
53- استراتيجيات تسريع تطبيق الفون جاب
53- استراتيجيات تسريع تطبيق الفون جاب53- استراتيجيات تسريع تطبيق الفون جاب
53- استراتيجيات تسريع تطبيق الفون جابرياض خليفة
 
45 ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
45  ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات 45  ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
45 ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات رياض خليفة
 
42 التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...
42  التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...42  التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...
42 التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...رياض خليفة
 
41 التعامل مع تخزين البيانات local storage vs sessionstorage
41  التعامل مع تخزين البيانات local storage vs sessionstorage41  التعامل مع تخزين البيانات local storage vs sessionstorage
41 التعامل مع تخزين البيانات local storage vs sessionstorageرياض خليفة
 
40 الشاشة الافتتاحية فون جاب
40  الشاشة الافتتاحية فون جاب40  الشاشة الافتتاحية فون جاب
40 الشاشة الافتتاحية فون جابرياض خليفة
 
39 التعامل مع الاتصالات - تعديل الاتصال
39  التعامل مع الاتصالات - تعديل الاتصال39  التعامل مع الاتصالات - تعديل الاتصال
39 التعامل مع الاتصالات - تعديل الاتصالرياض خليفة
 
38 التعامل مع الاتصالات - حذف اتصال
38  التعامل مع الاتصالات - حذف اتصال38  التعامل مع الاتصالات - حذف اتصال
38 التعامل مع الاتصالات - حذف اتصالرياض خليفة
 
37 التعامل مع الاتصالات - إضافة اتصال
37  التعامل مع الاتصالات - إضافة اتصال37  التعامل مع الاتصالات - إضافة اتصال
37 التعامل مع الاتصالات - إضافة اتصالرياض خليفة
 
36 التعامل مع الاتصالات - خصائص الاتصال
36  التعامل مع الاتصالات - خصائص الاتصال36  التعامل مع الاتصالات - خصائص الاتصال
36 التعامل مع الاتصالات - خصائص الاتصالرياض خليفة
 
35 التعامل مع الاتصالات - بحث عن اتصال
35  التعامل مع الاتصالات - بحث عن اتصال35  التعامل مع الاتصالات - بحث عن اتصال
35 التعامل مع الاتصالات - بحث عن اتصالرياض خليفة
 
34 التعامل مع المعلومات العامة
34  التعامل مع المعلومات العامة34  التعامل مع المعلومات العامة
34 التعامل مع المعلومات العامةرياض خليفة
 

More from رياض خليفة (20)

ما الجديد في أيونك 5
ما الجديد في أيونك 5ما الجديد في أيونك 5
ما الجديد في أيونك 5
 
Scss vs Sass
Scss vs SassScss vs Sass
Scss vs Sass
 
21- ما هو أيونك 3 وما الفرق بينه وبين أيونك 2
21- ما هو أيونك 3 وما الفرق بينه وبين أيونك 221- ما هو أيونك 3 وما الفرق بينه وبين أيونك 2
21- ما هو أيونك 3 وما الفرق بينه وبين أيونك 2
 
10- ما هي لغة TypeScript
10- ما هي لغة TypeScript10- ما هي لغة TypeScript
10- ما هي لغة TypeScript
 
4- الفرق بين Ionic Vs NativeScript
4- الفرق بين Ionic Vs NativeScript4- الفرق بين Ionic Vs NativeScript
4- الفرق بين Ionic Vs NativeScript
 
3- الفرق بين Ionic - Ionic Vs React Native
3- الفرق بين Ionic - Ionic Vs React Native3- الفرق بين Ionic - Ionic Vs React Native
3- الفرق بين Ionic - Ionic Vs React Native
 
9- استيراد حسابات المستخدمين من Active Directory
9- استيراد حسابات المستخدمين من  Active Directory9- استيراد حسابات المستخدمين من  Active Directory
9- استيراد حسابات المستخدمين من Active Directory
 
58- AdWords vs AdSense vs AdMob vs Tappx
58- AdWords vs AdSense vs AdMob vs Tappx58- AdWords vs AdSense vs AdMob vs Tappx
58- AdWords vs AdSense vs AdMob vs Tappx
 
53- استراتيجيات تسريع تطبيق الفون جاب
53- استراتيجيات تسريع تطبيق الفون جاب53- استراتيجيات تسريع تطبيق الفون جاب
53- استراتيجيات تسريع تطبيق الفون جاب
 
45 ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
45  ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات 45  ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
45 ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
 
ProcessMaker Workflow
ProcessMaker WorkflowProcessMaker Workflow
ProcessMaker Workflow
 
42 التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...
42  التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...42  التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...
42 التعامل مع التخزين - ما هو indexed db وكيفية التعامل معه بالإضافة والحذف ...
 
41 التعامل مع تخزين البيانات local storage vs sessionstorage
41  التعامل مع تخزين البيانات local storage vs sessionstorage41  التعامل مع تخزين البيانات local storage vs sessionstorage
41 التعامل مع تخزين البيانات local storage vs sessionstorage
 
40 الشاشة الافتتاحية فون جاب
40  الشاشة الافتتاحية فون جاب40  الشاشة الافتتاحية فون جاب
40 الشاشة الافتتاحية فون جاب
 
39 التعامل مع الاتصالات - تعديل الاتصال
39  التعامل مع الاتصالات - تعديل الاتصال39  التعامل مع الاتصالات - تعديل الاتصال
39 التعامل مع الاتصالات - تعديل الاتصال
 
38 التعامل مع الاتصالات - حذف اتصال
38  التعامل مع الاتصالات - حذف اتصال38  التعامل مع الاتصالات - حذف اتصال
38 التعامل مع الاتصالات - حذف اتصال
 
37 التعامل مع الاتصالات - إضافة اتصال
37  التعامل مع الاتصالات - إضافة اتصال37  التعامل مع الاتصالات - إضافة اتصال
37 التعامل مع الاتصالات - إضافة اتصال
 
36 التعامل مع الاتصالات - خصائص الاتصال
36  التعامل مع الاتصالات - خصائص الاتصال36  التعامل مع الاتصالات - خصائص الاتصال
36 التعامل مع الاتصالات - خصائص الاتصال
 
35 التعامل مع الاتصالات - بحث عن اتصال
35  التعامل مع الاتصالات - بحث عن اتصال35  التعامل مع الاتصالات - بحث عن اتصال
35 التعامل مع الاتصالات - بحث عن اتصال
 
34 التعامل مع المعلومات العامة
34  التعامل مع المعلومات العامة34  التعامل مع المعلومات العامة
34 التعامل مع المعلومات العامة
 

Recently uploaded

Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali AzmiBahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmibookbahareshariat
 
Bahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali AzmiBahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali Azmibookbahareshariat
 
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...Eesti Loodusturism
 
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfمحاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfKhaled Elbattawy
 
Bahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali AzmiBahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali Azmibookbahareshariat
 

Recently uploaded (6)

Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali AzmiBahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 1 By SadurshSharia Mufti Amjad Ali Azmi
 
Bahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali AzmiBahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 4 By SadurshSharia Mufti Amjad Ali Azmi
 
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
 
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfمحاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
 
Energy drink .
Energy drink                           .Energy drink                           .
Energy drink .
 
Bahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali AzmiBahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali Azmi
Bahare Shariat Jild 2 By SadurshSharia Mufti Amjad Ali Azmi
 

6 تنزيل الفون جاب (الكوردوفا) على الويندوز

  • 2. ّ‫تُصٌه‬ ‫إنى‬ ‫َحتبج‬ ‫يب‬ 1- Node.js 2- Cordova 3- JDK 4- apache ant 5- Eclipse 6-Genymotion
  • 3. Node.js •‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬: 1-‫جدٌد‬ ‫جبة‬ ٌٕ‫ف‬ ‫يشسٔع‬ ‫إَشبء‬ ‫ٌتى‬ ‫خالنٓب‬ ٍ‫ي‬. 2-‫نهًشسٔع‬ ‫عًم‬ ‫ثٍئخ‬ ‫إضبفخ‬. 3-‫انًشسٔع‬ ٍ‫ي‬ ‫عًم‬ ‫ثٍئخ‬ ‫حرف‬. 4-‫نهًشسٔع‬ ‫ثُبء‬ ‫عًم‬ ‫انًشسٔع‬ ‫عهى‬ ‫تعدٌم‬ ‫فٍٓب‬ ‫ٌحصم‬ ‫يسح‬ ‫كم‬ ً‫ف‬ ‫ٌتى‬ ٍّ‫عه‬ ‫انتعدٌالد‬ ‫نتفعم‬. •‫تُصٌهٓب‬ ‫كٍفٍخ‬: 1-‫يٕقع‬ ‫عهى‬ ‫َفتح‬‫كٕزدٔفب‬. 2-‫صفحخ‬ ‫إنى‬ ‫َرْت‬Line Interface-Command 3-‫عهى‬ ‫َضغط‬ ‫انصفحخ‬ ‫َفط‬ ً‫ف‬Node.js ْٕ ‫انساثط‬:/https://nodejs.org
  • 4. Cordova •‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬: ‫تُصٌم‬ ‫ٌتى‬ ‫خالنٓب‬ ٍ‫ي‬‫انكٕزدٔفب‬‫تطجٍقبتُب‬ ‫عهٍٓب‬ ‫ظُطٕز‬ ً‫ٔانت‬. •‫تُصٌهٓب‬ ‫كٍفٍخ‬: 1-‫عهى‬ ‫َفتح‬‫يٕقع‬‫كٕزدٔفب‬. 2-‫صفحخ‬ ‫إنى‬ ‫َرْت‬Line Interface-Command 3-‫انتعهًٍخ‬ ‫َأخر‬ ‫انصفحخ‬ ‫َفط‬ ً‫ف‬npm install -g cordova ً‫ف‬ ‫َٔضعٓب‬Node.js Command Prompt
  • 5. JDK •‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬: ‫انجٓبش‬ ‫عهى‬ ‫ٔتشغٍهٓب‬ ‫انجبفب‬ ‫تطجٍقبد‬ ‫نتطٌٕس‬ً‫فبنجتبن‬‫عهى‬ ‫انعًم‬‫اََدزٌٔد‬. •‫تُصٌهٓب‬ ‫كٍفٍخ‬: 1-‫عهى‬ ‫َفتح‬‫َٔكتت‬ ‫جٕجم‬download jdk 2-‫ألٔزاكم‬ ‫زاثط‬ ْٕٔ ‫زاثط‬ ‫أٔل‬ ‫َفتح‬. 3-‫يعبز‬ ‫َضٍف‬bin‫انجٍئخ‬ ‫يتغٍساد‬ ‫إنى‬ C:Program FilesJavajdk1.6.0_45bin ْٕ ‫انساثط‬: www.oracle.com/technetwork/java/javase/downloads/index.htmlhttp://
  • 6. apache ant •‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬: ‫نعًم‬‫كٕيجبٌهس‬‫نهًشسٔع‬. •‫كٍفٍخ‬‫تُصٌهٓب‬: 1-‫عهى‬ ‫َفتح‬‫َٔكتت‬ ‫جٕجم‬download apache ant 2-ْٕ ‫ٔانري‬ ‫زاثط‬ ‫أٔل‬ ‫َفتح‬ ant.apache.org/bindownload.cgihttps:// 3-‫يعبز‬ ‫َضٍف‬bin‫انجٍئخ‬ ‫يتغٍساد‬ ‫إنى‬ C:apache-ant-1.9.4bin 4-‫َٔكتت‬ ‫إض‬ ً‫ج‬ ‫َٕد‬ ‫َفتح‬ ‫نهتحقق‬ant
  • 7. Eclipse •‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬: ‫جبفب‬ ‫تطجٍقبد‬ ‫تطٌٕس‬. •‫كٍفٍخ‬‫تُصٌهٓب‬: •Windows 32 .zip20140702-86x-windows-bundle-://dl.google.com/android/adt/adthttps •Windows 64 .zip20140702-64_86x-windows-bundle-https://dl.google.com/android/adt/adt 1-‫انًهف‬ ‫ضغط‬ ‫َفك‬. 2-‫َضٍف‬‫يتغٍساد‬ ‫إنى‬‫انًعبز‬ ‫انجٍئخ‬: adt-bundle-windows-x86_64-20131030sdkplatform-tools 3-‫انًعبز‬ ‫انجٍئخ‬ ‫يتغٍساد‬ ‫إنى‬ ‫َضٍف‬: adt-bundle-windows-x86_64-20131030sdktools
  • 8. Genymotion •‫تُصٌهٓب‬ ‫إنى‬ ‫انحبجخ‬: ‫عهٍٓب‬ ‫انتطجٍقبد‬ ‫تشغٍم‬. •‫كٍفٍخ‬‫تُصٌهٓب‬: 1-‫عهى‬ ‫َفتح‬‫َٔكتت‬ ‫جٕجم‬download genymotion 2-‫زاثط‬ ‫أٔل‬ ‫َفتح‬ downloadhttps://www.genymotion.com/#!/ 3-Get Genymotion (117.47 MB)
  • 9. ‫تطجٍق‬ ‫أٔل‬ ‫إَشبء‬ •‫إنى‬ ‫َرْت‬Node.js Command Prompt •‫داخم‬‫انُٕد‬‫فٍّ؛‬ ‫انتطجٍق‬ ‫إَشبء‬ ‫َسٌد‬ ‫انري‬ ‫انًعبز‬ ‫إنى‬ ‫َُتقم‬ ‫إض‬ ً‫ج‬ ‫تعهًٍخ‬ ‫خالل‬ ٍ‫ي‬ ‫ٔذنك‬cd‫انًساد‬ ‫انًعبز‬ ‫َكتت‬ ‫ثى‬. •‫انتبنٍخ‬ ‫انًشسٔع‬ ‫إَشبء‬ ‫تعهًٍخ‬ ‫َكتت‬: cordova create hello com.example.hello HelloWorld ‫انًشسٔع‬ ‫اظى‬ ‫انًشسٔع‬ ٌ‫عُٕا‬‫انًشسٔع‬ ‫يعسف‬
  • 10. ‫تطجٍق‬ ‫أٔل‬ ‫إَشبء‬ •‫عًم‬ ‫ثٍئخ‬ ‫إلضبفخ‬‫كبََدزٌٔد‬‫انري‬ ‫انًشسٔع‬ ‫يعبز‬ ً‫ف‬ ‫َكتت‬ ً‫ال‬‫يث‬ ً‫ب‬‫آَف‬ ِ‫أَشأَب‬. cordova platform add android •‫انكٕد‬ ‫عهى‬ ‫شًء‬ ‫أي‬ ‫َعدل‬ ‫يسح‬ ‫كم‬ ً‫ف‬ ‫نهًشسٔع‬ ‫ثُبء‬ ‫نعًم‬ ‫َحتبج‬ ‫انًشسٔع‬ ‫يعبز‬ ً‫ف‬ ‫انتعهًٍخ‬ ‫كتبثخ‬ ٍ‫ي‬ ‫ٔذنك‬: Cordova build
  • 11. ‫انًشسٔع‬ ‫ثُبء‬ ‫خالل‬ ‫شبئعخ‬ ‫أخطبء‬
  • 12. ‫انًشسٔع‬ ‫ثُبء‬ ‫خالل‬ ‫شبئعخ‬ ‫أخطبء‬
  • 13. ‫انشبئعخ‬ ‫األخطبء‬ ‫حهٕل‬ •‫انًشسٔع‬ ‫نجُبء‬ ‫انضسٔزٌخ‬ ‫انجبفب‬ ‫يتطهجبد‬ ‫تٕفس‬ ‫عدو‬ ‫ظججٓب‬. ‫انحهٕل‬: •ً‫ف‬ ‫اكتت‬‫انُٕد‬‫كٕيبَد‬ ‫إض‬ ً‫ج‬android •‫أزثعخ‬ ًْٔ ‫انجٍئخ‬ ‫يتغٍساد‬ ٍ‫ي‬ ‫تأكد‬: •1-JDK bin •2-apache-ant-1.9.4bin •3-sdkplatform-tools •4-sdktools