|
|
|
Ajax - מתי כדאי להשתמש?
|
|
המאמר נכתב על בסיס הבלוג של Alex Bosworth, מעצב בפרויקט SWIK המאפשר שיתוף פעולה בכתיבת קוד פתוח למערכות. תורגם ועובד על ידי מיכל הכהן, יועצת ממשק משתמש בחברת Netwise
|
|
|
תקציר המאמר:
Ajax היא אחת המילים החמות ביותר בזמן האחרון בקרב מפתחים וגולשים ברשת. מה זה Ajax? למה הוא משמש? מתי כדאי להשתמש בו ומתי ממש לא? המאמר שלפנינו עונה על כל השאלות וגם מציע דרכים לשימוש באפליקציות המבוססות על Ajax, כדי לשפר את חוויית המשתמש.
|
|
|
|
לאחרונה אנחנו מרבים לשמוע בקרב מפתחים וגולשים את המילה Ajax .אז מה זה בעצם ומתי משתמשים בזה?
|
|
|
|
(Asynchronous JavaScript and XML Ajax) היא טכניקה לפיתוח מערכות web ואתרי אינטרנט אינטראקטיביים על ידי שילוב בין מספר טכנולוגיות פיתוח. טכניקת Ajax מאפשרת לבצע מניפולציות
א-סינכרוניות של מידע על השרת מבלי "לעזוב" את הדף שבו אנו נמצאים.
|
|
|
|
היתרון הגדול בשימוש בטכניקת Ajax הוא היכולת לבנות יישומי אינטרנט מהירים יותר ושימושיים יותר. לדוגמה, כאשר יישום אינטרנט רגיל שולח לשרת בקשה לעדכון, השרת מחזיר בתגובה דף אינטרנט חדש. לעומת זאת, יישומים המבוססים על טכניקת Ajax יכולים לבקש מהשרת רק את המידע הדרוש להם כדי להתעדכן. כתוצאה מכך, השימוש בטכניקת Ajax מאפשר לעדכן רק חלקים בדף האינטרנט, מבלי לעדכן את הדף כולו. שילוב נכון של אפליקציות המבוססות על טכניקת Ajax באתרי אינטרנט מקצר את הזמן הנדרש לביצוע פעולות ומשפר את חוויית המשתמש.
|
|
|
|
מתי מומלץ להשתמש בטכניקת Ajax?
|
|
|
טפסים ארוכים
מילוי טופס הוא תהליך איטי, בעיקר כאשר שדות מסוימים בטופס מתעדכנים כתוצאה מתוכנם של שדות אחרים, לדוגמה: השדה בו מתבקש הגולש לבחור עיר מגורים מושפע בהכרח מהשדה של אזור מגוריו. שימוש בטכניקת Ajax מזרז את תהליך מילוי הטופס, כיוון שהשדות השונים מתעדכנים באופן דינמי מבלי שהדף כולו מתעדכן.
|
|
|
ניווט בין רמות של נתונים
קיימות אפליקציות בהן ניווט בין רמות שונות דורש רענון של כל הדף כדי שאפשר יהיה לראות את הרמה הבאה. לדוגמה, משתמש שרוצה לקרוא תגובות בפורום נדרש לחכות עד שהדף יעלה מחדש עבור כל תגובה. אם המשתמש רוצה לקרוא תגובות לתגובה שקרא, הוא נדרש לחכות שוב לעדכון כל הדף. שימוש בטכניקת Ajax מאפשר לרמת הניווט הבאה להתווסף מבלי לטעון את הדף מחדש. מכיוון שכך, הזמן הדרוש לגולש כדי לבצע פעולות קצר יותר.
|
|
|
הצגת נתונים מעודכנים בזמן אמת
משתמש שמעוניין לראות מידע חדש צריך לרענן את הדף בו הוא נמצא. טכניקת Ajax מאפשרת למשתמש לראות את המידע באופן מיידי. לדוגמה, באתרים בהם מתפרסמות תגובות גולשים או באתרי דואר אלקטרוני ברשת מתאפשר חיווי מיידי על קבלת מידע חדש.
|
|
|
סקרי דעת קהל ואתרים עם דירוג של הגולשים
השתתפות בסקר או דירוג של מוצר הן פעולות הגוזלות מזמנו של הגולש. ככל שמשך הפעולה קצר יותר, כך גדל הסיכוי שהגולש ייקח חלק בפעילות. שימוש בטכניקת Ajax מקצר את תהליך תגובת הגולשים ומגדיל את מספר המשתתפים.
|
|
|
מיון מידע
מיון מידע המסודר בטבלה הוא פעולה פשוטה באפליקציות שאינן מקוונות והמשתמש רגיל לבצע אותה במהירות. הצגת מידע ממוין באפליקציות מקוונות דורשת עדכון של הדף כולו, ולכן תהליך המיון איטי יותר. שימוש בטכניקת Ajax מאפשר מיון מהיר של המידע בטבלה.
|
|
|
הודעות שגיאה אינטראקטיביות
משתמש שנדרש להזין כמות גדולה של מידע אינו מעוניין להמתין לסוף הפעולה כדי לגלות שטעה. טכניקת Ajax מאפשרת למשתמש לגלות את הטעויות כבר בזמן ההזנה. לדוגמה, התראה על בחירת שם משתמש שכבר קיים במערכת.
|
|
|
השלמה אוטומטית של טקסטים
השלמה אוטומטית של טקסטים היא תכונה שמשתמשים מכירים מאפליקציות שאינן מקוונות. טכניקת Ajax מאפשרת לשלב את אותה השלמה אוטומטית גם באתרי אינטרנט. לדוגמה, במנועי חיפוש ניתן להשתמש בטכניקת Ajax כדי להשלים טקסט בתיבת החיפוש, כמו במנוע החיפוש Google Suggest.
|
|
|
|
באופן כללי, כדאי להשתמש בטכניקת Ajax בפיתוח יישומים שהגולש הממוצע משתמש בהם לעתים קרובות, כדי לשפר אותם ולהגדיל את מהירותם. לעומת זאת, לא כדאי להעמיס על אפליקציות פשוטות או כאלו שמשתמשים בהן לעתים רחוקות בלבד.
|
|
|
|
מתי לא מומלץ להשתמש בטכניקת ?Ajax
|
|
|
כפתור back של הדפדפן חיוני ליישום
אפליקציות המבוססות על טכניקת Ajax לא מאפשרות שימוש במקש back. עבור יישומים מסוימים, האופציה להשתמש במקש זה היא חיונית. לדוגמה, כאשר מנוע החיפוש מבוסס על טכניקת Ajax, המשתמשים לא יכולים לראות תוצאות של חיפושים קודמים.
|
|
|
ניווט פשוט וטפסים פשוטים
אין טעם לבזבז זמן על ייעול תהליכים שמראש הם פשוטים וקלים. אפשר להשקיע את הזמן הזה בשיפור האפליקציה.
|
|
|
החלפת כמות גדולה של טקסט
היתרון הגדול בטכניקת Ajax הוא שחלקים קטנים בדף יכולים להתעדכן באופן דינמי מבלי לעדכן את הדף כולו. במקרים בהם נדרש עדכון של רוב התוכן בדף, כמו בעמודי תוכן פנימיים של אתרי חדשות, אין טעם להיעזר ב-Ajax. עדיף לטעון את הדף החדש מהשרת.
|
|
|
|
נקודות למחשבה
|
|
|
|
בשילוב יישומים המבוססים על טכנולוגיית Ajax, או כל טכנולוגיה חדשה, זכרו את הנקודות הבאות:
|
|
|
|
|
ודאו שהשימוש בטכנולוגיית Ajax לא מפריע למשתמש ומאט את פעילותו.
|
|
|
המשתמש רגיל לקבל חיווי ויזואלי כאשר המידע מולו מתעדכן. אפשרו לו לראות זאת גם ב -Ajax.
|
|
|
תנו מענה גם למי שמשתמשים באפליקציה באופן לא מקוון.
|
|
|
הימנעו מללמד את הגולשים דרכים חדשות לביצוע פעולות מוכרות.
|
|
|
שימו לב שהמידע המועבר בטכנולוגיית Ajax מאובטח ברמה הנדרשת, לדוגמה בטופס לביצוע תשלום.
|
|
|
פתחו לפי סטנדרטים של W3C כך שכל סוגי הדפדפנים יתמכו ביישום.
|
|
|
זכרו שלחלק מהגולשים אין גישה לטכנולוגיה החדשה (על פי נתונים שהתפרסמו באתר W3Schools ביולי 2005.
|
|
|
ל-10% מהגולשים לא הייתה גישה לJavaScript.
|
|
|
הגבילו את מספר המקומות שמתעדכנים על ידי טכניקת ,Ajax מאחר שמועד העדכון וגודלו אינם צפויים.
|
|
|
הגדירו URL קבוע גם כאשר הדף נבנה בכל פעם על ידי פונקציה אחרת.
|
|
|
כתבו לפחות חלק מהמידע בדף באופן סטטי, כדי לאפשר גישה לרובוטים של מנועי החיפוש.
|
|
|
והמלצה אחרונה למנהלי אתרים: בדקו שההשקעה בפיתוח היישום ב- Ajax אכן משתלמת כלכלית.
|
|
|
|
|
לסיכום, חשוב לדעת מתי שילוב של טכניקת Ajax מעשיר את האפליקציה ומשדרג אותה, ומומלץ להימנע משימוש מוגזם
ב-Ajax רק לשם השימוש בו
|
|
|
