Transcript Web App

‫‪ 10‬צעדים בבניית ‪Web App‬‬
‫בשיטת "עשה זאת בעצמך"‬
‫תוכן‬
‫‪1‬‬
‫אודות ‪?Web App‬‬
‫‪2‬‬
‫חשיבות ה ‪ Web App‬והיסטוריה‬
‫‪3‬‬
‫יתרונות וחסרונות ה ‪Web App‬‬
‫‪4‬‬
‫סוגי ה ‪Web App‬‬
‫‪5‬‬
‫‪ 10‬הצעדים לבניית ‪ Web App‬משלך‬
‫‪6‬‬
‫‪1.5‬‬
‫‪7‬‬
‫‪2‬‬
‫העלאה לרשת‬
‫שיווק‬
‫מה זה ‪?WebApp‬‬
‫‪ = Web App‬יישומון‬
‫‪ ‬יישום מחשב המיועד לשימוש בטלפונים חכמים‪ ,‬מחשבי לוח (טאבלטים)‬
‫ומכשירים ניידים מסוגים אחרים‪.‬‬
‫‪ ‬יישומים אלה זמינים דרך פלטפורמות להפצת יישומים‪/‬אפליקציות כדוגמת‪:‬‬
‫‪ App Store ‬של חברת אפל‬
‫‪ Google Play ‬של גוגל‬
‫‪ Windows Phone Store ‬של מיקרוסופט‬
‫‪ ‬חלק מהיישומים הם חינמיים‪ ,‬בעוד שאחרים מוצעים למכירה‪.‬‬
‫‪3‬‬
‫מה זה ‪?WebApp‬‬
‫‪Web App‬‬
‫‪Application‬‬
‫אפליקציה‬
‫‪ - Web App ‬היא אפליקציה שמשתמשת בדפדפן של המכשיר כדי לפעול – צד‬
‫שרת‪ DB ,‬וצד לקוח ‪ -‬האפליקציה‪.‬‬
‫‪ – Application ‬אפליקציה שאינה תלויה בדפדפן ויכולה להיות על המכשיר של‬
‫המשתמש ואינה תלויה בשרת או ‪.DB‬‬
‫‪4‬‬
‫חשיבות ה ‪ WebApp‬הסלולארי?‬
‫בתהליכים החברתיים ובפתיחות שמאפיינים את עולמנו‪ ,‬לאפליקציות הסלולריות‬
‫יש תפקיד מכריע‪.‬‬
‫ניתן לראות את השינוי בכך שהפוקוס הועתק מהרשת למכשירים הסלולריים שלנו –‬
‫אין כלי שאינו קיים בגרסת המובייל‪.‬‬
‫‪5‬‬
‫קצת היסטוריה‬
1990~
HTTP - HTML
1995
JavaScript
1996
Flash
1999
Java / XML
2005
Ajax
2010
Mobile App /
Web 3.0
2011
HTML 5
6
‫יתרונות וחסרונות ה ‪WebApp‬‬
‫יתרונות‬
‫‪.1‬‬
‫‪.2‬‬
‫‪.3‬‬
‫‪.4‬‬
‫‪.5‬‬
‫‪7‬‬
‫אין צורך במערכות מיוחדות או בפיתוח "כלי" עליו ה ‪ WebApp‬יושב‪ ,‬כל מה‬
‫שצריך זה דפדפן פשוט (אקספלוור‪ ,‬כרום‪ ,‬פייפוקס‪.)...‬‬
‫אין צריכה של משאבי דיסק אצל המשתמש‪.‬‬
‫אין צורך בהתקנה של גרסאות‪ ,‬כל הטכנולוגיה "יושבת" על השרת‪.‬‬
‫תומכות בכל הפלטפורמות כמעט של דפדפנים קיימים‪.‬‬
‫אינטראקטיביות בצד המשתמש‪.‬‬
‫יתרונות וחסרונות ה ‪WebApp‬‬
‫חסרונות‬
‫‪.1‬‬
‫‪.2‬‬
‫‪.3‬‬
‫‪.4‬‬
‫‪.5‬‬
‫‪.6‬‬
‫‪8‬‬
‫מסך קטן‬
‫אין הרבה חלונות‬
‫אתרים "לא" מותאמים לגלישה במכשיר סלולארי‬
‫מהירות הגלישה‬
‫מצריך גישה לאינטרנט‬
‫עלויות פיתוח נוספות‬
‫סוגי ה ‪WebApp‬‬
‫אפליקציה‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫יישומים בפועל שהורדו והותקנו במכשיר הנייד‬
‫אינם מוצגים בתוך דפדפן‬
‫יורדות מחנויות האפליקציות‬
‫מותאמות למערכת הפעלה מסויימת (‪)Native‬‬
‫‪ ‬נגישה עם‪/‬ללא חיבור לאינטרנט‬
‫‪ ‬עלויות גבוהות מאוד‬
‫‪9‬‬
‫סוגי ה ‪WebApp‬‬
‫אתר מותאם‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪10‬‬
‫גרסה נוספת של "אתר האב"‬
‫מתממשקת למערכת ניהול נפרד מהאתר‬
‫מיועד לתצוגת כף היד‬
‫תומך בממשק מסך מגע‬
‫מציג תכנים כמו כל אתר אינטרנט‬
‫משתמשים ביכולות המכשיר כגון‪ ,click2call :‬מיפוי מבוסס מיקום‬
‫סוגי ה ‪WebApp‬‬
‫אתר רספונסיבי‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪11‬‬
‫אותה גרסה של "אתר האב"‬
‫מתממשקת לאותה מערכת ניהול נפרד מהאתר‬
‫מיועד לתצוגת כף היד‬
‫תומך בממשק מסך מגע‬
‫מציג תכנים כמו כל אתר אינטרנט‬
‫משתמשים ביכולות המכשיר כגון‪ ,click2call :‬מיפוי מבוסס מיקום‬
‫‪ 10‬הצעדים בבניית אתר‪/‬אפליקציה לטלפון חכם‬
‫אפיון‬
‫הפקה‬
‫פיבלוש‬
‫עדכון‬
‫‪12‬‬
‫‪1‬‬
‫תכנון ‪ -‬מה השימוש של האתר‪/‬אפליקציה‬
‫‪2‬‬
‫בחירת הכלי או הטכנולוגיה לפיתוח (קוד או מחולל)‬
‫‪3‬‬
‫פתיחת חשבון‬
‫‪4‬‬
‫בחירת סוג הפעילות‬
‫‪5‬‬
‫עיצוב‬
‫‪6‬‬
‫הזנת תכנים‬
‫‪7‬‬
‫שמירה בפורמט רצוי‬
‫‪8‬‬
‫העלאה לרשת או לחנויות האינטרנט‬
‫‪9‬‬
‫שיווק‬
‫‪10‬‬
‫עדכונים‬
‫העלאת ה ‪app‬‬
‫‪ ‬אתר נגיש באמצעות לינק > דומיין‬
‫‪ ‬רכישת דומיין‬
‫‪ ‬שיוך האתר לדומיין או ‪subdomain‬‬
‫‪ ‬גלישה של המשתמשתמים ושימוש באפליקציה‬
‫‪13‬‬
‫‪WebApp‬‬
‫העלאת ה ‪app‬‬
‫‪ ‬אתר נגיש באמצעות לינק > דומיין‬
‫‪ ‬רכישת דומיין‬
‫‪ ‬שיוך האתר לדומיין או ‪subdomain‬‬
‫‪WebApp‬‬
‫‪ ‬גלישה של המשתמשתמים ושימוש באפליקציה‬
‫‪ ‬אפליקציה למכירה או להורדה > העלאה לחנויות הרשת‬
‫‪ ‬יצירת חשבון בחנות‬
‫‪ ‬העלאה של האפליקציה לחנות והזנת ה‪URL‬‬
‫‪ ‬גוגל‬
‫‪ ‬אפל‬
‫‪ ‬אמאזון‬
‫‪ ‬הורדה של המשתמשים ושימוש באפליקציה‬
‫‪14‬‬
‫‪App‬‬
‫העלאת ‪Web App‬‬
‫‪Amazon‬‬
‫יצירת חשבון‬
‫מפתח‬
‫תהליך אישור מול‬
‫אמאזון ומול‬
‫אפליקציות גוגל‬
‫או אפל‬
‫העלאה לחנות‬
‫שיווק‬
‫‪15‬‬
‫‪Google‬‬
‫יצירת חשבון‬
‫מפתח‬
‫תשלום של ‪$25‬‬
‫יצירת חשבון‬
‫העלאה לחנות‬
‫שיווק‬
‫‪Apple‬‬
‫יצירת חשבון‬
‫מפתח‬
‫אישור ‪ 24‬שעות‬
‫יצירת ‪app ID‬‬
‫יצירת חשבון‬
‫העלאה לחנות‬
‫שיווק‬
‫סוגי מחוללים‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪‬‬
‫‪16‬‬
‫‪Dudamobile‬‬
‫‪ ‬הופך כל אתר רגיל לאתר מותאם בלחיצת כפתור‬
‫‪como.com‬‬
‫‪ ‬פיתוח ‪ webapp‬בקלות המאפשר העלאה בתשלום לחנויות הרשת‬
‫‪mobincube.com‬‬
‫‪ ‬פיתוח ‪ webapp‬בקלות על בסיסו ניתן להבין את כל התהליך‬
‫‪ibuildapp.com‬‬
‫‪ ‬פיתוח אפליקציות רשת והעלאה לרשת‬
‫‪getkahoot.com‬‬
‫‪ ‬פיתוח סקרים ושאלונים מבוססי טלפון‬
‫שיווק ווירלאיות של אפליקציה‬
‫‪‬‬
‫‪‬‬
‫‪17‬‬
‫יצירה של אתר או אפליקציה – טוב וידידותי למשתמש‬
‫העלאה לחנות הרשת או לרשת ושיווק הפעילות‪:‬‬
‫‪ ‬אתר אינטרנט תומך‬
‫‪ ‬קידום בחנות הרשת‬
‫‪ ‬שיווק ברשתות חברתיות‪:‬‬
‫‪ ‬גוגל‪+‬‬
‫‪ ‬פייסבוק‬
‫‪ ‬לינקדאין‬
‫‪ ‬טוויטר‬
‫‪ ‬אינסטגרם‬
‫‪ ‬שיווק כללי‪:‬‬
‫‪ ‬שליחת ניוזלטר‬
‫‪ ‬פרסום בבלוגים ופורומים רלוונטיים‬
‫‪ ‬פרסום ברשת ‪PPC‬‬
‫‪ ‬קידום אורגני באמצעות תכנים‬
‫‪ ‬יצירת סרטון לשיווק ביוטיוב (סרטון ויראלי או פרסומי)‬
‫‪ ‬רכישת מדיה ופרסום באמצעות רשת התוכן‬
‫‪ ‬שירות ועדכוני תוכנה ומערכת‬
‫תודה‬