תגובות

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

למה לי להשקיע במובייל?

העולם ככלל, ועולם הווב בפרט עובר למובייל. 350 מליון מתוך 800 מליון היוזרים הרשומים לפייסבוק, גולשים ומעדכנים תכנים דרך הסמארטפונים שלהם. טוויטר – מדברת על זה שיותר מ50% מהטוויטים בשנה האחרונה הועלו דרך המובייל. נתונים מדהימים שאולי צריך כמה שניות כדי לעכל. קחו אפילו את עצמיכם, מבין התכנים שאתם צורכים על בסיס יומי, לכמה מהם אתם ניגשים דרך המובייל? על עצמי אני יכול להעיד שלפחות 50%. מיילים לדוגמה, הפסקתי לקרוא במחשב. פחות נגיש, דורש יותר זמן, לא נח.
אני לא מחדש פה הרבה – העולם כבר הבין את זה, מעצמות האינטרנט גם, אם אתם עוד לא, הגיע הזמן!

אז למה לא בעצם?

אם יש בסיס לפסקה הקודמת, נשאלת השאלה: ״אז למה שלא כולם יפתחו אפליקציות למובייל?!״. ובכן, אני שמח ששאלתם.
כיום על מנת לפתח אפליקצית נייטיב (אפליקציה העושה שימוש ביכולות המכשיר. בניגוד לאפליקצית ווב המבוססת על יכולות הדפדפן) לסמארטפונים צריך שני דברים: 1. כסף. 2. סבלנות.
שוק המובייל כולל 2 פלטפורמות או יותר נכון ״מערכות הפעלה״ המובילות את השוק: iOS של אפל ואנדרואיד של גוגל, כאשר יש עוד כמה שאני לא מזכיר כמו webOS, BlackBerry, Nokia, Windows Phone וBada מכיוון שנתח השוק שהן תופסות הוא קטן יחסית. הענין הוא שפיתוח אפליקציה בכל אחת ממערכות שהזכרתי הוא שונה לחלוטין. שפת הפיתוח שונה, הAPI איתו עובדים הוא שונה וסביבת הפיתוח – גם היא משתנה בין הפלטפורמות. כך שלמעשה כדי לבנות אפליקציה שתתאים לכל הסמארטפונים אני צריך או להיות מפתח-על שמכיר ויודע לכתוב בכל שפת תכנות אפשרית או לשלם הרבה מאוד כסף למפתח שיעשה לי את זה. אה וכמובן תכפילו את זה פי 2 (במקרה הטוב)…

עוד נקודה חשובה, כדי שהאפליקציה תהיה זמינה ליוזרים שלכם, תצטרכו להעלות את האפליקציה שלכם לכל אחד מהApp Market Places (השווקים) השונים. בין אם זה הApp Store של אפל או הAndroid Market, כל הסיפור הזה מעצבן, ארוך, מייגע ולפעמים גם עולה כסף.

יש פיתרון!

כמו שבטח הצלחתם לנחש מהכותרת של הפוסט חברת קונדואיט (חברה שלגמרי במקרה אני עובד בה כיום :) ) מציעה פיתרון מאוד נח לבעיה המציקה הזאת. סה"כ לנו כבלוגרים / בעלי אתרים יש כמה אלמנטים קבועים ומאוד בסיסיים שאנחנו רוצים לתת ליוזרים שלנו באפליקצית מובייל כאשר המכנה המשותף ביניהם הוא "עידכונים". כן, אני כבלוגר רוצה לאפשר לקוראים שלי להתעדכן בפוסטים חדשים, בעידכוני פייסבוק, ציוצי טוויטר, לפעמים גם בScreenCastים ביוטיוב ובסוף אולי גם לגרום להם ליצור איתי קשר. קונדואיט מובייל יעשו בשבילכם את העבודה. איך?

יאללה נו, אני רוצה אפליקציה!

אז איך יוצרים בחינם אפליקציה לבלוג / אתר האינטרנט שלכם בעזרת קונדואיט מובייל (Conduit Mobile)?

1. נרשמים לקונדואיט מובייל דרך הלינק: http://mobilecp.conduit.com/login. קחו בחשבון שכתובת המייל שלכם צריכה להיות כתובת אמיתית ותצטרכו לאמת אותה בשלב מאוחר יותר.

2. לאחר ההרשמה הקצרה יופיע לכם המסך הבא:

לחצו על כפתור ה"Start".

3. בשלב הזה תמצאו את עצמכם בפאנל הניהול ממנו תוכלו לנהל את האפליצקיות שיצרתם. אה כן, תוכלו ליצור יותר מאפליקציה אחת :)

4. לחצו על הכפתור "Create New App" כמו שמופיע במסך הבא:

5. הכניסו את כתובת האתר שלכם לתיבת הטקסט ולחצו על "Create App". במידה ואין לכם אתר, לחצו על הכפתור בכל מקרה.

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

בואו נעבור בזריזות על כל אחד מהאזורים הללו ונראה מה הוא עושה (ראו תצלום מסך):

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

7. נתחיל מיצירת דף פיד RSS כדוגמא. לחיצה על כפתור דף ה"News" באזור ניהול דפי התוכן תפתח לנו את המסך הבא:

בכל פעם שניצור דף חדש באפליקציה יפתח לנו טופס בהתאם. נעבור על המבנה של טופס כזה (ראו תצלום מסך):

  • א. שינוי האייקון ושם העמוד – את השינויים תוכלו לראות במקביל באזור "התצוגה המקדימה".
  • ב. שינוי מבנה הלייאווט – מבנה הדף כפי שיוצג. האם תהיה תמונה מרכזית ועליה טקסט? או אולי תמונה בצד וטקסט לידה? תוכלו לשחק עם זה ולראות מה קורה בהתאם.
  • ג. שורת התוכן – זה המקום בו תתבקשו למלא איזשהו שדה כדי לייבא תכנים. במקרה של הRSS תצטרכו להכניס את הלינק לפיד הRSS של הבלוג / האתר שלכם. מעבר לזה בד"כ בשורה הזאת יופיעו עוד כל מיני שדות איתם תוכלו לשחק.
  • ד. הוספת פיד – במידה ותרצו שבדף אחד באפליקציה יופיעו מס' פידים – ממקורות שונים תוכלו להוסיף עוד שורות תוכן.

8.  על אותו רעיון נסו ליצור גם דף פייסבוק, יוטיוב וכו'.. כדאי לכם לנסות גם ליצור עמודים סטאטיים כמו "Contact Us" או "About Us". שיכילו מידע קבוע על הבלוג שלכם. אגב, אין לכם מה לדאוג לגבי שמירת ההתקדמות שלכם – זה נעשה אוטומטית עם כל שינוי שאתם עושים.

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

 

יש כמה דברים שאתם יכולים לשנות במראה האפליקציה שלכם (ראו תצלום מסך):

  • א. שינוי שם האפליקציה ואיזור הHeader אליו תוכלו להוסיף את הלוגו שלכם לדוגמא.
  • ב. שינוי / העלאת אייקון לאפליקציה – אותו אייקון שיופיע על מסך הסמארטפון של היוזרים שלכם. תוכלו גם לבחור אייקון מבין 5 אייקונים דיפולטיביים. בנוסף באותה שורה תוכלו גם להעלות רקע לאפליקציה שלכם ולהחליף את הקיים, להחליף את הסטייל ולשנות את שפת האפליקציה.
  • ג. שינוי סכמת הצבעים. תוכלו לבחור צבעים שהוגדרו מראש או ליצור פלטת צבעים משלכם.
  • ד. שינוי מבנה התפריט. התפריט יכול להיות מוצג בכמה צורות – למעלה, למטה, עם עמוד משלו וכו'…
  • ה. אם בא לכם להכניס פרסומות לאפליקציה שלכם ואולי גם להרוויח ממנה כסף (אם כבר – אז כבר) זה המקום לסמן את הצ'קבוקס.

10. אם סיימתם עם השינויים ואתם מרוצים מהתוצאה הגיע הזמן להמשיך. לחצו על הכפתור "Save & Continue".

11. אם עשיתם הכל כמו שצריך (ואין סיבה שלא) אתם תגיעו למסך הבא:

בשלב הזה אתם כבר יכולים לראות דמו של האפליקציה שלכם כאפליקצית ווב! לחיצה על הלינק "Test on any mobile device" תסביר לכם איך (ראו תצלום מסך).

12. אם הכל נראה לשביעות רצונכם לחצו על הכפתור "Generate mobile app".

13. אחרי שתמלאו את טופס הMarketing המערכת של קונדואיט מובייל תבנה לכם קבצים לכל אחד מהMarketים השונים אותם תוכלו להעלות:

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

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


האפליקציה לבלוג "עיצוב גרפי וטכנולוגיה" עדיין בבניה, אבל בקרוב מאוד אני מקווה שאוכל להעלות ולאפשר לכם להוריד אותה :)

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

עד אז, מקווה שהמדריך עזר לכם. תהנו!

קצת על דניאל שטרנליכט

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

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

  • ככה? פשוט? איפה הקאצ׳?

  • כן אייפונר – ככה פשוט. בלי שום קאצ' :)

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

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

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

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

      בנוסף, אחת האפשוריות שהמערכת מאפשרת היא לבנות מודול בעצמך בעזרת הAPI של הפלטפורמה כאשר אתה המודול הזה תוכל להטמיע כמה HTML5 שאתה רוצה.

  • ויש למערכת הזאת גרסת פרמיום?

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

    ומה ההבדל מה appsite

  • בנושא לפירסום,האפליקציה מציעה להרויח כסף על הפירסום שתכניסו,אם כן איך זה מתבצע?

  • עד העלאת ה-app לחנויות עבד בסדר,עכשיו מסתבך,יש אפשרות לקבל תמיכה במייל?חוץ מזה windows לוקח כסף על העלאה?

  • אני השתמשתי בקונדואיט ואני ממש השתרשמתי לטובה!!!
    אחלה של אתר, הכל ממש מובן וממש קל לפתח אפליקציה בקונדואיט!

    מומלץ בחום!

    תורידו את האפליקציה שלי !
    IOS:
    http://cydianews.webnode.com/apps/

    אנדרואיד:
    http://files.cydianews.webnode.com/200000041-7272a736cb/CyNews.apk

    ווינדוס טלפון:
    http://files.cydianews.webnode.com/200000042-087800971f/CyNews.xap

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

      • לא העלתי את האפליקציה לחנויות כי זה עולה כסף, אז הורדתי את האפליקציה (קבצים בסיומת APK, ו-XAP) לאנדרואיד ולווינדוס-פון ואז העלתי אותם. אפשר להוריד את האפליקציה כך:
        1. להכנס לעמוד של האפליקציה.
        2. לבחור באחד מהפלטפורמות, (אנדרואיד, ווינדוס-פון) וללחוץ על הסימן של ההורדה.

        בהצלחה!

        נ.ב. האתר והקבצים לא זמינים כי האתר נסגר!
        במקום האתר הזה פתחתי אתר חדש של תוכניות וסרטים!
        הכנסו: TheWorldShows.blogspot.com

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

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

  • נתקלתי בתופעה שקישורים מסויימים כן עובדים בסימולטור של קונדואיט
    אבל על המכשיר (אייפון 3, 4) הם לא עובדים.
    למשל:
    ב-contact us כל הלחצנים עובדים לי במכשיר (call,fax,map,emaill) אך web link לא עובד.
    ב-about us הלינקים של twitter, facebook ,linkedin לא עובדים.
    בדפי rss הקישור view source לא עובד.
    התופעה מוכרת למישהו?
    האם יש פיתרון לכך?

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

  • העלתי את האפליקצייה למרקט של אפל וגוגל וכאשר אני שולח
    push notification אני רואה את ההודעה אך היא לא נשמרת בשום מקום.

    האם יש דרך שההודעות יישמרו בדף מסויים?

    • במידה ורוצים לשלב באפליקציה הודעות Push חכמות (הודעות מתוזמנות, הודעות מבוססות מיקום או לפי פילוחי סגמטציה ועוד) תמיד אפשר להשתמש במגוון כלים שיש ברשת.
      אני עובד ב- http://www.PushApps.mobi ובגלל זה אני ממליץ עליו אבל אם תרשמו בGoogle –
      Push Notifications Service תמצאו עשרות ואתם צריכים רק לבחור במה תעדיפו להשתמש.

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים