
CreateTemplates.bat שיוצר את התבניות, ומעתיקים את התבנית של Windows Phone 8 לתיקיית התבניות של Visual Studio.memory reserve בנתיב HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Virtualization עם הערך 2048 בתצוגה עשרונית. לפני העריכה כדאי לגבות את הרג'יסטרי, כי טעות בו עלולה לפגוע במחשב.הטקסט המלא של הדקות הראשונות בהרצאה «התקנה של PhoneGap» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
שלום לכולם וברוכים הבאים לקורס פונגאפ. ראשית מה זה פונגאפ? פונגאפ היא טכנולוגיה שמאפשרת לבנות אפליקציה אחת שמותאמת למגוון טלפונים ניידים.
קודם כל קיימת איזושהי בעיה בפיתוח למובייל והבעיה היא שקיימים המון מכשירי מובייל שונים שמריצים מגוון של מערכות הפעלה.
כל מערכת הפעלה דורשת שפה אחרת פחות או יותר לפיתוח אפליקציה עבורה. לדוגמה מערכת הפעלה iOS של חברת אפל דורשת לפתח אפליקציות בשפת תכנות שנקראת Objective-C והיא מסוגלת לרוץ אך ורק על איזושהי שפת פיתוח שנקראת Xcode של אפל.
מערכת הפעלה אנדרואיד שמורצת על מגוון של טלפונים אומרת אתם צריכים לפתח ב-Java. מערכת הפעלה Windows Phone שייכת למיקרוסופט רצה רק על Windows Phone ושם אנחנו צריכים לפתח בדוטנט מערכת הפעלה BlackBerryOS שייכת לחברת BlackBerry והיא רצה רק על מכשירי BlackBerry וגם לה יש את השפה שלה.
יש את סריאס 40 של נוקיה ויש עוד מגוון מערכות הפעלה ומגוון טלפונים ניידים. זאת אומרת אם אתם רוצים היום ללכת ולפתח איזושהי אפליקציה למובייל ואתם רוצים גם שהאפליקציה שלכם תצליח לרוץ על כל מיני טלפונים שיש ללקוחות או גולשים או אנשים שאתם
רוצים שיורידו את האפליקציה שלכם אז אתם צריכים עכשיו להכיר המון מערכות הפעלה המון טלפונים והמון שפות פיתוח בשביל לפתח למגוון הטלפונים האלה בפונגאפ אתם מפתחים אך ורק קוד פעם אחת בסביבה שהיא ידועה בשפות ידועות תכף אנחנו נראה בדיוק איזה ולאחר מכן מערכת פונגאפ מסוגלת לייצר קוד עבור כל
האפליקציה בעצם שכתבתם, כאשר הקוד הזה נחשב native code שמותאם אוטומטית למגוון מערכות הפעלה של טלפונים ניידים וכמובן הנפוצים ביניהם.
אז במה אנחנו מפתחים כאשר אנחנו עובדים בפונגאפ? כאשר אנחנו עובדים בפונגאפ אנחנו משתמשים בטכנולוגיות פיתוח הבאות: HTML זאת השפה לפיתוח דפי אינטרנט, זאת השפה שמאפשרת לנו לעצב את דפי ה-HTML שאנחנו כותבים.
אנחנו ממש כותבים כאילו דף אינטרנט ל-Web. JavaScript זאת בעצם שפת תכנות שמסוגלת לרוץ על צד הלקוח, כלומר על אותו מכשיר נייד או על המחשב שיש בצד הלקוח.
jQuery זאת ספרייה שנכתבה ב-JavaScript בשביל להקל על הפיתוח של JavaScript ובשביל להיות מותאמת למגוון דפדפנים. JQuery מובייל זו ספרייה שמאפשרת להתאים את היוזר אינטרפייס שלנו למכשירי מובייל כך שהיוזר אינטרפייס יוכל בעצם לרוץ ולהיות זהה במגוון טלפונים סלולריים.
הספרייה הזאת משתמשת ב-JQuery. JQuery פלאגינס אלו כל מיני רכיבים שכל מיני אנשים מכל העולם כתבו, חלק חינמים, חלק עולים כסף, שמתארים רכיבי UI ספציפיים.
UI, הכוונה User Interface, ממשק המשתמש. רכיבי UI ספציפיים, כמו תפריטים, כמו קרוסלה של תמונות מסתובבת, כמו גלריה של תמונות, כל מיני רכיבים שאנשים כתבו ואנחנו יכולים לשלב אותם ולהשתמש איתם באפליקציה שלנו.
אג'אקס, שזאת בעצם טכנולוגיה המאפשרת לבצע גלישה לצד השרת בלי לגרום לדף להתרפרש, גלישה מאחורי הקלעים, קבלת מידע והצגת המידע על האפליקציה שלנו ואנחנו יכולים להשתמש בכל טכנולוגיית סרבר סייד שאנחנו רוצים.
קודם כל הזכרתי פה קליינט והזכרתי פה סרבר. מה זה בעצם אומר? כאשר אנחנו מפתחים בעולם הווב ופונגאפ זה בעצם תכנות בעולם ווב למרות שבסופו של דבר יוצאת לנו מזה איזושהי אפליקציית נייטיב של מובייל, אפליקציה שניתן להתקין על מכשיר מובייל.
אז כאשר אנחנו מפתחים לעולם הווב יש לנו בעצם שני חלקים שמרכיבים את כל המערכת שלנו. חלק אחד נקרא סרבר וחלק אחד נקרא קליינט. כאשר אנחנו מפתחים ב-FoneGap אנחנו לא חייבים את צד הסרבר אבל לפעמים זה משהו שהוא מאוד חיוני שיהיה לנו.
מה ההבדל בין סרבר לבין קליינט? סרבר זה איזושהי מערכת שרצה על שרת מרכזי ומשותף לכל הגולשים. השרת הזה יכול להריץ PHP, הוא יכול להריץ Java, להיות בג'אווה, להיות כתוב בג'אווה, הוא יכול להיות כתוב בדוטנט, C-Sharp נניח, או VB.NET, לא משנה באיזה שפה הוא כתוב,
הוא קיים במחשב מרכזי וניתן לגלוש אליו מדפדפנים ומתוכנות. קליינט זה אותו החלק שנמצא בצד הלקוח ומותקן בטלפון הסלולרי שלו.
אז איך פונגאפ מצליחה בעצם להיות מותאמת למגוון טלפונים ומערכות הפעלה? אז מה שעשו בפונגאפ זה השתמשו בקונספט שלא משנה לנו איזה מערכת הפעלה יש על מחשב או איזה סוג מכשיר טלפוני קיים, לכולם יש דפדפן והדפדפן מסוגל להציג html פחות או יותר באופן זהה.
ולא משנה לי מהי מערכת ההפעלה, האם זה ios, האם זה android, האם זה firefox os, windows phone, פלאגברי או-אס, סריאס 40. לא משנה לנו איזה מערכת הפעלה יש לנו שמה.
בסופו של דבר יש שם דפדפן שמסוגל להציג html ולעצב אותו בעזרת css ולהריץ עליו קוד javascript שיבצע פקודות וכמובן ניתן להריץ עליהם jquery שמתאימה לכל הדפדפנים וכולי.
אז מה שפונגה פסתה זה אמרה דבר כזה אני מאפשרת לבנות בעצם איזושהי אפליקציית מובייל שניתן להתקין אותה על מובייל שמה שהאפליקציה מציגה זה משהו שנקרא In-App Browser, כלומר איזשהו דפדפן שנמצא בתוך האפליקציה, מעין סוג של דפדפן כזה.
ואז אנחנו יכולים לפתח לדוגמה ב-HTML שניתן לראות אותו על כל הדפדפנים, ופתאום לא משנה באיזה טלפון אנחנו משתמשים, יש לנו שמה את אותו HTML בתוך האפליקציה. היוזר לא באמת רואה דפדפן, למרות שאנחנו יכולים להציג לו דף רגיל, הוא חושב שזאת אפליקציה רגילה לגמרי.
הוא רואה איזשהו לינק על הדסטופ שלו, מריץ עליו דאבל קליק, נפתחת לו ממש אפליקציה אמיתית. בתוך האפליקציה יש מעין חלון, אנחנו נראה את זה בהמשך, שהוא בעצם הדפדפן, אבל היוזר לא יודע שזה דפדפן וחושב שזאת אפליקציה רגילה.
בגלל שאנחנו הולכים להשתמש ב-JQuery Mobile, אז JQuery Mobile הולכת להציג לנו את היוזר אינטרפייס כאילו שזאת אפליקציה רגילה. ואז התשלובת של טכנולוגיית ה-Web ביחד עם JQuery Mobile וביחד עם הקונספט שפונגאפ מציגה לנו את כל היוזר אינטרפייס על האפליקציה בטלפון הסלולרי שבעצם מאחורה יושב איזשהו דפדפן אבל אף אחד לא רואה אותו,
מאפשר לנו לראות כאילו שזאת אפליקציית מובייל רגילה לגמרי שהיא אכן אפליקציית נייטיב רגילה לגמרי.
אלה הטכנולוגיות שבעזרתן אנחנו מסוגלים לפתח למובייל. עכשיו, אילו דרישות צריכות להיות לנו במחשב בכדי לפתח למובייל? קודם כל, ניתן לפתח למובייל בכל מיני מערכות.
הזכרתי כבר את Xcode של אפל. אם אנחנו רוצים לפתח ב-Xcode אנחנו חייבים שיהיה לנו מחשב Mac לא ניתן לפתח במחשב PC רגיל רק ב-Mac.
ניתן לפתח בסביבת פיתוח שנקראת אקסליפס שהיא יכולה להריץ Java או PHP וניתן לפתח בvisualstudio.net שהיא סביבה מאוד מאוד נוחה לפיתוח. את הקורס הזה אנחנו הולכים לראות על סביבת הפיתוח visualstudio.net אבל שימו לב שכל הקודים שאנחנו הולכים לראות אתם יכולים להריץ אותם גם בסביבות פיתוח שונות מפני ששפת פונגאפ לא
מעניין אותה על איזה סביבת פיתוח אתם מריצים כי זה סך הכל html css וכמובן שימוש בכל מיני פונקציות מיוחדות של סביבת פונגאפ.
עכשיו, אם אנחנו הולכים לפתח בvisualstudio.net אז בואו נסתכל מה הדרישות המקדימות שחייבות להיות לנו במחשב בשביל להצליח לפתח בזה. דבר ראשון, חובה שיהיה לנו Windows 8 או מעל.
כיום יש סך הכל 8 ו-8.1 שזה יכול לרוץ, אבל בעתיד יצאו עוד מערכות הפעלה או עדכונים למערכות הפעלה וגם עליהם ניתן להריץ את הוויז'ואל סטודיו, או יותר נכון את הפיתוח לפונגאפ בוויז'ואל סטודיו.נט.
לא ניתן להריץ את זה על Windows 7. לאחר מכן אנחנו צריכים את visualstudio.net 2012 או מעל. אנחנו הולכים לתכנת בקורס הזה ב-visualstudio.net 2013, שהיא הגרסה החדשה ביותר עד היום.
לא ניתן לפתח את זה ב-visualstudio.net 2010. לאחר מכן אנחנו צריכים להתקין משהו שנקרא Windows Phone SDK. SDK זה בעצם קיצור של Software, Development Kit שזאת בעצם ערכת התקנה עבור פיתוח איזושהי תוכנה או מערכת שכוללת כל מיני אפשרויות פיתוח מסוימות שלא היו קיימות כברירת מחדל במערכת המקורית.
עכשיו ה-SDK הזה מה שהוא מכיל זה פשוט מאוד אמולטור ל-Windows Phone. ניתן להוריד אותו מהלינק הזה שאתם רואים כאן. אם יש לכם Visual Studio .NET 2012 אז אתם צריכים את ה-SDK הזה.
יש לכם visualstudio.net 2013 שזה דרך אגב המומלץ אבל גם ה-2012 הוא בסדר גמור אז אתם לא צריכים להתקין את ה-Windows Phone SDK אתם צריכים להתקין visualstudio 2013 update 2 rc rc נקרא Release Candidate או פשוט visualstudio 2013 update 2 אם קיים ברגע שאתם מתקינים את זה עבור 2013 אז אוטומטית הוא מתקין לכם את ה-SDK
כל ההתקנות האלה כוללות סך הכל מעין אמולטור. מה זה אמולטור? אמולטור זה בעצם מעין סביבה כזאת או מעין תוכנה שמראה מכשיר חשמלי או סביבה אחרת.
והיא הולכת להראות לנו את Windows Phone שעליו אנחנו נראה בעצם את כל האפליקציות שאנחנו הולכים לבנות.
אז כאמור שני אלה נמצאים בלינק הזה. אם אנחנו ניכנס ללינק אנחנו נוכל לראות מאיפה בדיוק אנחנו מתקינים את זה. בואו ניכנס לדפדפן.
אנחנו יכולים לראות שיש לנו פה את Windows Phone 81 Development Tools אנחנו רואים שאם יש לנו את ה-2013 אנחנו יכולים להוריד את ה-Update 2 הנה זה כאן, Visual Studio 2013 Update 2 RC מהלינק הזה אם אין לכם 2013 אתם יכולים להוריד את 2013 מכאן אם יש לכם 2012 אתם יכולים לגלול פה למטה ולמצוא
את הלינק המתאים בשביל להוריד את האמולטור עבור 2012 יש פה כל מיני לינקים הנה לדוגמה, ה-SDK שמאפשר להתקין אותו. הדבר הבא שאנחנו צריכים זה בעצם איזשהו קובץ זיפ שמכיל תבנית עבור פרויקט visualstudio.net.
אנחנו הולכים לפתוח את visualstudio.net ואנחנו הולכים לבנות איזשהו פרויקט של פונגה, אבל אנחנו לא יכולים לפתוח פרויקט Console Application, אנחנו לא יכולים לפתוח פרויקט ווינפורם, כל אלה קשורים לפונגה.
אנחנו לא יכולים לפתוח פרויקט שקשור לפיתוח אפליקציה ב-Web, נניח SP.NET או MVC, כל אלו לא קשורים ל-FoneGap. אנחנו צריכים איזשהו פרויקט מיוחד שוויז'ל סטודיו תוכל לפתוח אותו ועליו נתחיל לעבוד.
וב-דיפולט אין את הפרויקט הזה, אין את סוג הפרויקט הזה בוויז'ל סטודיו. ואנחנו צריכים פשוט להוריד את הטמפלייט, וטמפלייט תמיד בא בפורמט של זיפ, מתוך הלינק הזה של פון-גאפ, ולשים אותו במיקום מיוחד של טמפלייטים עבור Visual Studio.
בתוך התיקי הדוקיומנטס שלכם יש לכם את הנתיב Visual Studio 2013, טמפלייטס, פרוג'קט טמפלייטס ו-Visual C-Sharp אם אנחנו מתכנתים ב-Visual C-Sharp.
ואז יהיה לנו שם את הפרויקט החדש, אנחנו הולכים לראות בדיוק איך לבצע את זה. אז בואו ניכנס ללינק הזה ואנחנו הולכים לראות שיש לנו כאן מגוון של גרסאות שונות של פונגאפ.
פונגאפ למעשה יוצאת כל הזמן עם גרסה חדשה. אתם רואים שזה התחיל מ-1.20 והיום יש כבר 2.9.1. אנחנו הולכים לפתח עם גרסה יציבה שנקראת 2.9.0.
אז אנחנו ניגשים לגרסה הזאתי, אבל כמובן אתם יכולים לפתח עם גרסאות חדשות יותר גם, אנחנו רואים שזה בעצם איזשהו קובץ זיפ שאנחנו מורידים.
בואו נשמור אותו בדסטופ, הוא נקרא phonegap290.zip אוקיי, הוא ירד, אפשר לסגור פה את הדפדפן ונחזור בחזרה לדסטופ ונראה מה אנחנו צריכים לעשות.
דבר ראשון, בואו נוציא ממנו את כל הקבצים. עכשיו, מה אנחנו צריכים לעשות כאשר אנחנו חילצנו את כל הקבצים בתוכו? החובץ הזה מכיל טמפלייטים למגוון של מערכות כמו אקסקוד ואנדרואיד או אקליפס ווינדואוס פאון וכולי.
אנחנו צריכים ללכת וליצור ספציפית טמפלייט עבור ווינדואוס פאון. בואו נסתכל איך עושים את זה, תן לו לסיים. אוקיי, עכשיו אנחנו רואים שיש לנו פה איזושהי תיקייה, בואו ניכנס אליה.
יש לנו פה תיקיית ליב, ניכנס אליה. ונראה שיש לנו אפשרות לפתח לאנדרואיד, לבלייגברי, כלומר לפתח בסביבות האלה. כי גם כשאנחנו הולכים עכשיו לפתח בvisualstudio.net ולראות את התוכניות שלנו על Windows Phone, יותר נכון על אמולטור של Windows Phone, עדיין האפליקציות שפיתחנו מסוגלות לרוץ על מערכת ההפעלה אנדרואיד ועל מערכת ההפעלה
iOS ועל מערכת ההפעלה BlackBerryOS. אנחנו פשוט הולכים לפתח את זה בסביבה הזאת, אז זה יהיה מסוגל לרוץ על כל מה שאתם רואים כאן. כאן יש לנו פשוט, אם אנחנו מפתחים במערכת ההפעלה iOS, אז אנחנו יכולים ללכת ולהוציא את הטמפלייט הזה, מה שאנחנו רואים פה, iOS.
אם אנחנו מפתחים עבור אנדרואיד, או רוצים לראות את זה באקליפס לדוגמה, אז כאן יהיה את הטמפלייט. אבל בגלל שאנחנו מפתחים ב-visualstudio.net, שהיא שפת פיתוח מאוד קלה, אז אנחנו הולכים ל-Windows Phone 8, נלך לחדש יותר, ואנחנו רואים שיש לנו פה איזשהו קובץ BAT, BAT זה קובץ Batch או קובץ עצבה בעברית זה נקרא,
שמאפשר לנו פשוט להריץ פקודות. הוא מכיל כל מיני פקודות בשפת DOS או במחטף על הדוס, והוא מאפשר לעשות כל מיני דברים על המחשב, וכמו קובץ הרצק הזה.
מה שאנחנו צריכים לעשות זה פשוט דאבל קליק עליו, אנחנו רואים שהוא נקרא CreateTemplates.Bat, יש אותו בכל אחד מהטמפלייטים האחרים. דאבל קליק, Run, ושימו לב מה הוא עושה.
הקובץ הזה מייצר לנו את קבצי הזיפ שמקודם ראינו בפרזנטציה. בפרזנטציה ראינו שאנחנו צריכים קובץ שנקרא Cordova WP שזה קיצור של Windows Phone 8 והגרסה שאנחנו עובדים איתה זה 2.9.0.zip והקובץ הזה זה מה שהוא יצר לנו הוא יצר אפילו אחד ל-Windows Phone 7 שאנחנו לא נשתמש בו אנחנו צריכים רק את ה-Windows Phone 8.
קורדובה זה פשוט שם קוד עבור פונגה יש שם איזה קטע של זכויות יוצרים או עניין משפטי שהם פשוט קראו לזה קורדובה אז אנחנו עכשיו הולכים לבצע קרופי ולהיכנס בדיוק ללינק שמקודם ראינו בואו נסתכל עוד פעם על הלינק הלינק היה בדוקיומנטס
אצלכם במחשב וישואל סטודיו 2013 טמפלייטס פרוג'ק טמפלייטס וישואל סישאר בואו ניכנס איפה אנחנו נמצאים? הנה זה.
דוקיומנטס, ויז'ל סטודיו 2013, טמפלייטס, פרוג'ק טמפלייטס, ויז'ל סי שארפ, ופה אנחנו מדביקים את הקובץ הטמפלייט שיצרנו.
אם אתם לא משתמשים בסי שארפ, אתם כמובן, נניח אתם משתמשים בוויז'ל בייסיק, אתם כמובן יכולים לעזוב את ויז'ל בייסיק ולעבור לסי שארפ. זו המלצה שלי.
סי שארפ, השלטת והטובה ביותר מכל מיני סיבות אבל לא ניכנס לזה כרגע וכמובן שאם אתם נעולים על visual basic אתם יכולים גם לפתח בvisual basic אוקיי מה קרה ברגע ששמנו את הקובץ הזה שם ברגע ששמנו את הקובץ הזה אנחנו יכולים עכשיו להיכנס לvisualstudio.net וללכת ולפתוח פרויקט חדש אז בואו נלך לפייל new project
נסגור את הוויז'ואל בייסיק הזה, נלך לוויז'ואל סי שארפ ונגלול פה למטה ונחפש את הפרויקט החדש שאני מזכיר לכם הכובד שלו היה קורדובה WP8 וכולי.
בואו נסתכל והנה הוא פה בסוף. אנחנו רואים את התבנית הזאת. קורדובה WP8 Windows Phone 8 והגרסה שאנחנו מפתחים וגרסת פונגאפ 2.9.0. אנחנו לא צריכים ליצור תיקייה עבור הסלושן, אנחנו אבל כן נשמור אותו לא בדסטור אלא בתיקייה שהכנתי פה שנקראת פונגאפ, אנחנו בווידאו ראשון של אינטרודקשן.
בואו נעשה Select Folder וניתן לו איזשהו שם My First Pongap Project. שימו לב שהפריימוורק גרסה החדשה שיש לכם, מה שיותר חדש יותר טוב ומבצע אוקיי.
נפתח לנו הפרויקט ואנחנו צריכים להבין מה אנחנו רואים כאן. יש פה המון המון קבצים שאנחנו ברובם לא הולכים להתעסק, אנחנו כן הולכים להתעסק עם קובץ שנקרא index.html.
אם אתם לוחצים עליו דאבל קליק אתם פשוט הולכים לראות איזה שהוא user interface כזה של איך הקובץ בדיוק נראה. אנחנו יכולים לעבור כאן ל source ולראות את הקוד שלו, אנחנו יכולים פשוט ללחוץ מכה שימני על הקובץ הזה ולבחור בview code ואז גם כאן מופיע.
עכשיו תכף אנחנו ניכנס ונראה בדיוק אילו קבצים אנחנו צריכים שיהיה לנו ואיך נראה בדיוק פרויקט של פונגאפ אבל דבר ראשון מה שאני רוצה לעשות זה לנסות להריץ אותו.
קובץ הזה ה-index.html זה הקובץ הראשי שרץ אנחנו כמובן יכולים לפתוח ממנו עוד קבצים בעולם הווב. אבל אם אנחנו מריצים אתו על ידי קונטרול F5 בעצם מה שהולך להיות זה שוויז'או סטודיו הולכת לפתוח לנו את האמולטור ובו אנחנו הולכים לראות את האפליקציה שאנחנו פיתחנו.
בדיוק איך שאנחנו רואים אותה באמולטור שאתם רואים כרגע זאת האפליקציה שהולכת זה בעצם היוזר אינטרפייס שהולך להיות כאשר אתם הולכים להתקין את האפליקציה הזאת בטלפון אמיתי.
ומה שאתם הולכים לקבל לפעמים זה בעצם איזושהי הודעה מוזרה כזאת שאנחנו צריכים לטפל בה. וההודעה הזאת אומרת כזה דבר: האמולטור הזה אין לו מספיק זיכרון במחשב בשביל לפעול.
זה בגדול מה שההודעה אומרת. אם יש לכם מחשב מאוד חזק, עם הרבה זיכרון, בוא נגיד, שתכף אנחנו נראה בדיוק מה אנחנו צריכים שיהיה בו, אז ההודעה כנראה לא תקפוץ לכם.
אבל ברוב המקרים שראיתי ההודעה הזאת קופצת, והטיפול בה הוא מאוד פשוט. בואו ניכנס ללינק הזה ונראה מה אנחנו צריכים לעשות בשביל לטפל בהודעת השגיאה הזאת שהיא לא תתרחש.
כי אם היא קופצת לנו אנחנו לא יכולים לפתח בעזרת האמולטור הזה. פה גדול מה שזה אומר זה שאם יש לנו מערכת הפעלה Windows 8.1 ויש לנו פחות מ-8 ג'יגה בייט של זיכרון ראם, אז מבחינת האמולטור אין לו מספיק זיכרון להריץ את עצמו.
ופה הוא מתאר את הודעת שגיאה. בואו נגלול פה למטה ונראה מה אנחנו צריכים לעשות. מה שאנחנו צריכים לעשות זה בעצם לבצע איזשהו שינוי ברג'יסטרי של המחשב שלכם.
רג'יסטרי זו תוכנה שהיא