פיתוח אתר חנות עם UI5
סביבת SAP UI5 מספקת מגוון רחב של פקדים, ספריות ותבניות המאפשרות יצירת ממשק משתמש מושך ויזואלי ורספונסיבי (Responsive). מסמכי עקרונות העיצוב של SAP Fiori מנחים כיצד ניתן ליצור חווית משתמש עקבית ואינטואיטיבית במכשירים שונים. ניתן להטמיע פונקציונליות של חיפוש, סינון, מיון בקלות ובמהירות יחסית על ידי שימוש בפקדים UI5 המגיעים out of the box ללא צורך בפיתוח נוסף. יתרון נוסף בשימוש ב-סאפ UI5 היא האחידות בחוויית המשתמש.
נכון ל-2023 ישנן מספר אפשרויות בבחירת סביבת הפיתוח עבור הקמת מערכת לניהול אתר חנות (אי-קומרס). בבואנו לבחור שפת תכנות, נצטרך להתחשב בגורמים שונים כגון דרישות המערכת, המומחיות של אנשי הפיתוח, התקציב שיש בידינו ולוחות הזמנים. הנה כמה אפשרויות פופולריות:
פלטפורמות CMS: מערכות ניהול תוכן (CMS) כמו WordPress, Shopify או WooCommerce מציעות פונקציונליות להקמת חנויות אינטרנטיות במהירות ובקלות יחסית. כמו כן הם מספקות גם את הצד הניהולי לניהול מוצרים, הזמנות ונתוני לקוחות של החנות. פתרון זה אינו דורש פיתוח כלל אלא נשען על הפלטפורמה עצמה שאמורה לתת מענה לכל צרכי ניהול חנות. ניתן לבצע התאמות אישיות באמצעות שפות תכנות המתאימות לכל פלטפורמה, כגון javascript, php, ruby וכו'. העלות לפתרון כזה תהיה בדרך כלל הכי זולה אם לא נדרשים התאמות מיוחדות כלשהם.
פיתוח "קוד סגור" : אופציה נוספת אך יקרה יותר היא פיתוח כל המערכת הניהולית מההתחלה (from scratch). במקרה זה יעשה שימוש באחת משפות ה JavaScript כמו React, Angular או Vue.js כדי לבנות ממשקי משתמש דינמיים עבור המערכת הניהול., תוך שימוש בספריות ופקדי צד-שלישי. נלך על האופציה הכואבת הזו במקרים בהם יש לנו צרכים מיוחדים : פונקציונליות והגיון עסקי מיוחד במינו שאינו מקבל מענה על ידי הפלטפורמות הקיימות, בסיס נתונים מיוחד או מגבלה אחרת כלשהיא.
מערכת לניהול אתר חנות צריכה לתת מענה בעיקר ל :
קטלוג – קטגוריות ומוצרים.
הזמנות – משתמשים וספקים.
אפליקציית ניהול האתר אינה צריכה להיות צבעונית ומושכת לעין. לא צריך גרפיקאי שימציא ערכת צבעים, תמונות או אנימציות. היא יכולה להיות אפרורית למדי ומשעממת אך חשוב שתשמור על אחידות בחוויית המשתמש ותאפשר למשתמש התמצאות קלה ונוחה בנתונים. כשחושבים לפתח מערכת לניהול חנות, מה שיכול להנחות אותנו הוא לדמיין נותן שירות משוחח עם לקוח על קו הטלפון, ותוך כדי השיחה נדרש לקבל תמונת מצב מעודכנת על הלקוח, על ההזמנות שלו וכל הנתונים היכולים לסייע לו לתת מענה מהיר ללקוח על הקו. איכות האתר הניהולי נמדד על פי יכולת זו.
במאמר זה נציג כיצד פיתחנו פתרון המבוסס על סביבת SAP UI5 לניהול אתר מכירות של חנות בוטיק בשם "עולם החותכנים". בסוף המאמר ניתן שם וסיסמא לאתר הניהול לדוגמא.
גילינו מהר מאד ש סביבת SAP UI5 נותנת מענה לכל רכיב נדרש למערכת :
עבור מסכי רשימות השתמשנו ברכיב ה sap.m.table.
עבור layout למסכי הזנה (forms) השתמשנו ב sap.ui.layout.form.SimpleForm.
עבור הירארכיית קטגוריות השתמשנו ב sap.ui.table.TreeTable.
עבור דיאלוגים פשוטים השתמשנו ב Fragment.
עבור העלאת תמונות מוצאים השתמשנו ברכיב UploadCollection.
סיכום:
סביבת SAP UI5 מספקת מענה לפיתוח אפליקציות ידידותיות למשתמש עם עקומת לימוד יחסית גבוהה אך עם תוצאות מרשימות. מגוון הפקדים שמספקת הסביבה נותנים מענה להצגת רשימות נתונים בצורות שונות, הזנת מידע ו-ולידציה, חיפוש, מיון וסינון נתונים בצורה עקבית ויעילה.
למערכת לדוגמא:
שם משתמש מנהל: admin@cutters.co.il
סיסמת מנהל: password
