פיתוח אפליקציות לאנדרואיד ללא כתיבת שורת קוד [מדריך]

הכירו את MIT App Inventor, כלי וובי חינמי המאפשר לכל מי שחפץ לבנות אפליקציות אנדרואיד ללא ידע בשפת תכנות כלשהי.

מקור: יח״צ

מקור: יח״צ

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

בדיוק לשם כך, פיתחה אוניברסיטת MIT כלי חינמי בשם MIT App Inventor שמאפשר למתחילים שעושים את צעדיהם הראשונים בפיתוח אפליקציות לאנדרואיד, להתנסות בסביבה קלילה, צבעונית וידודותית במיוחד למשתמש, המאפשרת לכל אחד בעל ידע טכני בסיסי לפתח אפליקציות עובדות לכל דבר לאנדרואיד, תוך שימוש בדפדפן בלבד (עדיף כרום) ללא הקמת סביבת פיתוח כלשהי על המחשב.

פיתוח אפליקציה פשוטה לדוגמא

לכניסה ל-App Inventor

בתחילה, תידרשו להיכנס עם חשבון ה-Google שלכם. הקלידו את שם המשתמש והסיסמא, ולחצו Sign In. לאחר מכן, אשרו לאפליקציה MIT AppInventor Version 2 לגשת לפרטי חשבון ה-Google שלכם. לאחר מכן, תתבקשו למלא סקר קצר של MIT App Inventor, נעזוב את זה לכרגע. נלחץ על New Project ונקרא לפרוייקט שלנו בשם מסויים (אותיות ומספרים בלבד), נניח helloworld.

Screen Shot 2013-12-05 at 2.53.26 PM

בכדי להדגים לכם כמה פיתוח אפליקציות באמצעות ה-App Inventor היא משימה פשוטה, נבנה אפליקציה עם פקד תיבת טקסט, כפתור, ופקד Text-To-Speech. המטרה הסופית של האפליקציה, היא ברגע שנקליד טקסט כלשהו ונלחץ על הכפתור, האפליקציה תקריא לנו אותו תוך שימוש במנוע ה-TTS המותקן על המכשיר. במידה ואין לכם אחד כזה, תוכלו להוריד אותו כאן.

נקבל את מסך ה-Designer, אשר מייצג את מה שאנחנו רואים בפועל בתוך האפליקציה שלנו:

Screen Shot 2013-12-05 at 2.56.15 PM

לחץ להגדלה

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

נגרור את הפקדים הרצויים עלינו לאפליקציה הפשוטה שאנו בונים עכשיו: תיבת טקסט, כפתור (שניהם נמצאים תחת לשונית ה-User Interface), ו-Text-To-Speech (נמצא תחת הלשונית Media):

Screen Shot 2013-12-05 at 3.00.07 PM

נלחץ על פקד ה-Text To Speech, רואים את המאפיינים (Properties) שלו בצד שמאל? נגדיר את השפה: Country – United States, Language – English:

Screen Shot 2013-12-05 at 3.02.51 PM

ועכשיו, החלק הכיפי

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

בואו נחשוב על מה שאנחנו רוצים לקבל מהאפליקציה שלנו ברמת הטקסט:

אם אנחנו לוחצים על הכפתור, קח את הטקסט שנמצא בתוך תיבת הטקסט, ואמור אותו באמצעות פקד ה-Text-To-Speech.

בתרשים זרימה:

diagram

נלחץ על כפתור ה-Blocks בצידו הימני העליון של המסך, ליד ה-Designer, בכדי להחליף לתצוגת Blocks. נלך אל הכפתור שלנו, Button1, אשר עליו אנחנו רוצים להחיל את הפעולה, ונסתכל על הפעולה המתאימה (when Button1.Click do):

Screen Shot 2013-12-05 at 3.14.27 PM

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

כעת, אנחנו צריכים להגדיר לפונקציה הקטנה שלנו מה לעשות. מה אנחנו רוצים? לגרום לפקד ה-Text-To-Speech שלנו ״לדבר״ את הערך שנמצא בתוך תיבת הטקסט TextBox1. נעשה זאת כך:

Screen Shot 2013-12-05 at 3.16.56 PMברגע זה סיימנו לבנות את האפליקציה הראשונה שלנו!

בניית קובץ ה-APK

כעת כל מה שנשאר זה להריץ ולבדוק אותה. למטרה הזו יש לנו 2 אופציות: או להריץ אותה על מכשיר האנדרואיד שלנו, או להריץ אותה על גבי האימולטור במחשב. מכיוון שהאימולטור לא עובד בצורה אופטימלית על כל המחשבים ולוקח זמן הרצה רב, נבנה קובץ APK אותו נוכל להתקין על המכשיר ולהריץ, ואפילו לאחר מכן לחתום ולהעלות את הקובץ ל-Google Play.

נלך לתפריט, שם נבחר ב-Build –> App – Save to my computer התהליך אורך כמה שניות (עד דקה, פחות או יותר). בסופו של עניין תקבלו את תיבת הדו שיח הבאה, ותוכלו לראות את קובץ ה-APK (מצורף כאן) יורד ישירות אל מחשבכם. בכדי להתקין אותו, העבירו אותו אל מכשירכם, וודאו כי בהגדרות האבטחה של המכשיר האפשרות Unknown Sources מסומנת ב-V, והתקינו אותו באמצעות מנהל קבצים כגון ES File Explorer.

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

מידע נוסף ומדריכים מפורטים תוכלו למצוא באתר הרשמי של הפרוייקט.

אבישי בר

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

הגב

21 Comments on "פיתוח אפליקציות לאנדרואיד ללא כתיבת שורת קוד [מדריך]"

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 
Sort by:   newest | oldest | most voted
רותם
Guest

אחרי יצירת האפליקתיה, יש אפשרות לראות את הקוד שנוצר מאחורי הקלעים ?

יעככי
Guest

היי,
אחלה סקירונת =)
שאלה קטנה, עדיין לא נכנסתי לבדוק את הכלי שבנו, אבל בגדול, האם הכלי מאפשר בניית אפליקציות יעילות ו"עוצמתיות" ממש? משולבות כלי בלוטות', גישת רשת מלאה וכו'?
[אני אמנם הכרתי שפת C בעבר, אבל עכשיו תכנות רחוק ממני מאוד :)
[ואמנם יש\היו לי מספר רעיונות לאפליקציות אבל אין מה לעשות עם רעיונות לבד,
[אז תהיתי מה פוטנציאל המימוש של כלי זה…

תודה רבה =]

יוסי
Guest

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

חגי
Guest

הממשק מבוסס על תוכנת סקראצ' הוותיקה שמאפשרת בנייתי תוכנות JAVA – גם מבית MIT.

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

Rune_pe
Guest

סקראצ' זה חרא ,אבל טוב למתחילים

איציק
Guest

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

בחר שם
Guest

יש לך אפשרות ICON בבר העריכה בצד ימין

חסוי
Guest

זה לא נותן לי להוריד

איתי
Guest

אחרי שסיימתי את האפליקציה איך אני חותם ומעלה אותה?

jxuh
Guest

נכנסתי לזה אבל אני לא מצליח להיכנס לפקד של Text-To-Speech האם חייב את זה?

אילאי ביטון
Guest

איך אני מעלה את זה לחנות והאים אפשר להרוויח מזה כסף$$$$

עידן
Guest

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

זה די דחוףף אשמח לעזרה ..

תודה …

דני
Guest

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

דני
Guest

דרך אגב מישהו במקרה יודע על עוד תוכנת פיתוח אפליקציות???

matan
Guest

החלק האחרון לא מובן
איך אני צריך להעביר את הקובץ APK למכשיר האנדרואיד שלי?!?
בעזרת קבל? ולאן להעביר אותו?

ולאחר שאני מעביר איך אני מתקין אותו?

matan
Guest

הצלחתי להעביר ולהתקין
אבל אחרי שאני כותב טקסט התוכנה לא מקריאה לי אותו
google text to speech מותקן אצלי

ירין
Guest

ממש תודה!
אולי זה apk. וזאת לא ממש אפליקציה אבל זה שלי!
עשית לי את היום :)

עידן
Guest

הי. לא הבנתי איך אני מתקין את הקובץ על המכשיר? ואיך להפעיל אותו במכשיר?

wpDiscuz

תגיות לכתבה: