יצירת קבצי התקנה ל-Android ו-iPhone

תמלול ההרצאה: יצירת קבצי התקנה ל-Android ו-iPhone

הטקסט המלא של הדקות הראשונות בהרצאה «יצירת קבצי התקנה ל-Android ו-iPhone» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:01

   אנחנו מגיעים ליצירת קבצי התקנה מהקבצים שבנינו באפליקציית הפונקאפ שלנו. אנחנו יכולים להוריד כל מיני כלים שמאפשרים ליצור קבצי התקנה מהאפליקציה שבנינו, אבל הבעיה עם הכלים האלה שזה כל מיני SDK'ים שהם בנויים ספציפית עבור מכשירים מסוימים.

2. 00:26

   לדוגמה, אנחנו יכולים להוריד איזשהו כלי שמאפשר לבנות אפליקציה מהקבצים שבנינו רק ל-Windows Phone. כלי אחר אנחנו יכולים להוריד שמאפשר לבנות אפליקציה רק עבור אייפון הוא כמובן מתאים ל-Mac.

3. 00:44

   כלי אחר יתאים אך ורק למערכות של אנדרואיד. במקום להשתמש בכל הכלים האלה ואז אנחנו צריכים בעצם להתעסק עם המון כלים שונים שיוצרים לנו כל מיני קבצי אפליקציה שונים אנחנו יכולים להשתמש בשרתים של פונגאפ בשרת שנקרא פונגאפ בילד.

4. 01:08

   כאן אנחנו יכולים להעלות את הקבצים שכתבנו לשרת שלהם והם מייצרים לנו את קבצי ההתקנה לטלפונים שונים. קודם כל יש לנו כאן איזושהי תוכנה פשוטה חדשה לגמרי ובואו נבנה פה איזושהי תוכנה של הלו וורד כזאת.

5. 01:28

   יש לנו פונגה בילד ניקח פה איזשהו לחצן נקרא לו טסט פונגה בילד ונגיד לו שבאון קליק יפעיל איזושהי פונקציה say hi פונג אפ בילד כל מה שאנחנו צריכים לעשות זה לבנות פה את הפונקציה הזאת נעלה איזשהו אלרט דבר ראשון בואו נריץ את האפליקציה נראה שהיא עובדת אז אנחנו לוחצים קונטרול F5 אתם רואים פה למטה שהיא ויז'ל סטודיו מבצעת

6. 02:39

   בילדינג הנה האמולטור נפתח לו אנחנו רואים את הלחצן טסט פונג אפ בילד אנחנו רואים את ההאי ויש לנו את האפליקציה עכשיו בואו נסתכל על הצעדים שאנחנו צריכים לבצע בכדי להשתמש בשרתים של פונג אפ בילד הדבר הראשון שאנחנו צריכים לעשות זה להציג את הסלושן אקספלורר, ללכת לפרופרטיז, דאבל קליק עליו,

7. 03:06

   ואנחנו הולכים לראות כאן את המאפיינים הרגילים של פרויקט בדוטנט. בואו אפשר לסגור פה את שאר הדברים. במאפיינים האלה אנחנו רואים שיש לנו כאן לחצן שנקרא Assembly Information.

8. 03:24

   בואו ניכנס אליו. ופה ישנם כל מיני נתונים לגבי הקובץ שהולך להיווצר. דבר ראשון, מה שאנחנו צריכים לעשות זה למלא את כל הנתונים האלה.

9. 03:40

   זה לא טוב להשאיר שם חברה ריק או Description ריק או Trademark ריק. לא טוב להשאיר את כל הדברים האלה ריקים, מפני שזה בעצם מעיד על חוסר מקצועיות של החברה שפיתחה את המוצר.

10. 03:56

    אז בואו נמציא פה איזשהו טייטל Testing Phone Gap Build. בואו ניקח את הטייטל הזה גם ל-Description Company PracticU Product. נותן לו את אותו שם, קופירייט 2014 וטריידמארק פרקטיקיו.

11. 04:32

    סמבלי ורז'ן, בואו נשלים אותו. יהיה לנו עכשיו בעצם את המספר גרסה 1000 או כל מספר גרסה אחר שיכול להיות לכם. נבצע אוקיי. אז דבר ראשון מילאנו את כל הפרמטרים הדרושים במאפיינים של הפרויקט.

12. 04:53

    הדבר הבא שעלינו לעשות זה משהו שלמען האמת היינו אמורים לעשות את זה בהתחלה של הפיתוח, בזמן ההצעה זה ללכת לקובץ המאניפסט שדיברנו עליו באחד הסרטונים הראשונים, ללכת ל-capabilities ולראות איזה capabilities, איזה יכולות אנחנו בעצם לא צריכים ולהוריד את היכולות שאנחנו לא צריכים.

13. 05:23

    ככה אנחנו בעצם לא באים ואומרים אנחנו הולכים להשתמש לכם במצלמה אם אנחנו לא משתמשים במצלמה. שימו לב שיכולת אחת אסור לנו להוריד וזאת היכולת הזאת.

14. 05:37

    Web Browser Component זה משהו שאסור לנו להוריד תמיד מפני שפונגאפ משתמשת תמיד ב-Web Browser Component. ואם אנחנו לא משתמשים לדוגמה בואו ניקח את האודיו אז אני מוריד את האודיו ואם אני לא משתמש בפוטו אז אני מוריד את הפוטו וכולי.

15. 06:00

    אני אשאיר את זה כאן כרגע אבל זה דבר שאנחנו צריכים ללכת ולהוריד את כל מה שאנחנו לא משתמשים בו. Requirements אנחנו צריכים להסתכל ולראות מה אנחנו כן דורשים מהטלפון.

16. 06:14

    אם אנחנו כן משתמשים בפרונט קאמרה אנחנו חייבים לסמן שאנחנו דורשים את הפרונט קאמרה. אוקיי, בואו נסגור את זה, נחזור לפה, נסגור את הפרופרטיז, נבדוק עוד פעם שהמערכת באמת עובדת כמו שצריך, כי כמו שהזכרתי מקודם הסימונים האלה והבדיקות

17. 06:40

    האלה היו צריכים להתבצע מלכתחילה, ממש בתחילת הפיתוח, ואנחנו רואים שהכל עובד כמו שצריך. מעולה. הדבר הבא שאנחנו צריכים לעשות זה לייצר קובץ זיפ.

18. 06:57

    קובץ ZIP אמור להכיל את הקבצים שאנחנו משתמשים איתם באפליקציה. בואו ניגש רגע ונפתח את התיקייה של הפרויקט. בתיקייה של הפרויקט ישנה תיקייה www שאנחנו תמיד עבדנו איתה.

19. 07:18

    בתיקיית www יש בעצם את כל הקבצים שאנחנו משתמשים איתם בפרויקט הזה. הנה ה-CSSים, תמונות שאנחנו משתמשים, ה-JavaScriptים, קובץ הקורדובה, וindex.html אנחנו צריכים להוסיף קובץ אחד לתיקייה הזאת וזה ה-config.xml בואו ניקח אותו copy לא נעשה גזירה רק copy ונדביק אותו פה נעתיק אותו לכאן paste קובץ ה-config.xml בעצם מראה בדיוק את מה אנחנו

20. 08:00

    צריכים באפליקציה הדבר הבא שאנחנו צריכים לעשות זה לייצר קובץ זיפ מכל הקבצים האלה נסמן את כולם חוקש ימני send to compressed zip folder אנחנו רואים שהוא קרא לו css על שם התיקייה הראשונה שהוא ראה אנחנו הולכים ומשנים לו את השם מהי עכשיו אנחנו לוקחים את הקובץ הזה ובואו נשים אותו בדסטופ שיהיה פשוט להתעסק איתו אחר כך אני לוקח אותו ואני פשוט מעביר

21. 08:38

    אותו לדסטופ הקובץ הזה זה הקובץ שאני מעלה לשרתים של פונגאפ כל מה שנשאר לנו לעשות זה ללכת לשרתים של פונגאפ בואו נסגור את התיקייה נפתח את הדפדפן וניכנס לפונגאפ דוט קום.

22. 09:11

    בפונגאפ דוט קום אנחנו יכולים לרדת פה למטה ולראות שיש לנו אפשרות להגיע לפונגאפ בילד, זה בדיוק מה שאנחנו מחפשים, שרתי ענן של פונגאפ שמאפשרים לקחת את האפליקציה שלנו ולהפוך אותה לכל אחד מהטלפונים הסלולריים שאתם רואים כאן.

23. 09:38

    Try it now, נלחץ על הלינק הזה, כרגע אנחנו רואים שפונדגאפ תומכת בשישה או שבעה מערכות או מערכות הפעלה למעשה, אבל פונדגאפ כל הזמן מוסיפה עוד ועוד מערכות שהיא תומכת בהן.

24. 09:57

    בואו נלך לגרסה של הפרי. יש לנו פה אפשרות לגרסאות בתשלום, שהן נותנות לנו יותר פיצ'רים ויותר אפשרויות ואפשרות לעשות הרבה יותר תוכנות בשרתים שלהם.

25. 10:12

    אבל בואו נלך לפרי כרגע, וקודם כל אנחנו צריכים לבצע רג'יסטריישן. בואו ניכנס, פתחתי אימייל פיקטיבי רק בשביל הניסוי הזה, פסוורד וסיין אין. ומאיזושהי סיבה שאף אחד עד היום לא יודע, אנחנו צריכים לבצע עוד סיין אין.

26. 11:04

    אז אחרי שביצענו עוד סיין אין, אל תשמור לי את הסיסמה, תודה רבה, אנחנו רואים שאנחנו מגיעים למעין דף כזה שכבר אני רואה שיש לי פה איזושהי אפליקציה קודמת שהעליתי.

27. 11:25

    אז דבר ראשון, אנחנו יכולים ללכת ולבצע Update ולהעלות אפליקציה חדשה.