אפליקציית מובייל בעיצוב נקי (Client-Side SPA) המיועדת לייעול ואוטומציה של שליחת בקשות כניסה לתדלוק בבסיסים באמצעות וואטסאפ.
המערכת פועלת באופן עצמאי לחלוטין בדפדפן המשתמש, ללא צורך בשרת או בסיס נתונים, פרטי הרכב הם חלק מהURL ופרטי המשתמש נשמרים מקומית על המכשיר.
- בסריקה הראשונה (חד-פעמי): הנהג מזין את פרטיו האישיים (שם, מ.א, סלולרי ומיקום). הפרטים נשמרים בדפדפן.
- בפעמים הבאות (בשגרה): הנהג סורק קוד QR שנמצא ברכב. האתר מזהה את הרכב מהקישור, מושך את פרטי הנהג מהזיכרון, ובלחיצת כפתור אחת פותח את וואטסאפ עם הודעה מנוסחת ומוכנה לשליחה.
כדי שהאתר יזהה את הרכב באופן אוטומטי, יש לייצר קוד QR המכיל את כתובת האתר בתוספת Query Parameters של סוג הרכב ומספר הרישוי.
https://ba-didi.github.io/idfuel/?vehicle=<סוג_רכב>&plate-num=<מספר_רכב>
אם הרכב הוא מסוג "דימקס" ומספר הרכב הוא "123-45-678", הקישור עבור ה-QR שלו יהיה:
https://ba-didi.github.io/idfuel/?vehicle=דימקס&plate-num=123-45-678
⚠️ שים לב: ה-JavaScript באתר מבצע קידוד אוטומטי (encodeURIComponent), ולכן ניתן לכתוב עברית ורווחים כרגיל בתוך הקישור (הדפדפן כבר יתרגם את זה לבד).
כדי להציב את הקישור בתוך הרכבים בצורה נוחה, מומלץ לעבוד לפי השלבים הבאים:
- הכנת הקישור הייעודי: הרכב את הקישור עבור הרכב הספציפי לפי הפורמט למעלה (החלף את סוג הרכב ומספר הרישוי).
- יצירת ה-QR: היכנס לאתר חינמי לייצור קודי QR (לדוגמה: QRCode Monkey או QR Code Generator).
- הדבקת הקישור: הדבק את הקישור המלא (כולל ה-
?vehicle=...) בשדה ה-URL של האתר ולחץ על Create/Generate. - הורדה והדפסה: הורד את תמונת ה-QR שנוצרה. מומלץ להדפיס אותה ולהדביק במקום נגיש ברכב (לדוגמה: על הדשבורד או על גב סוכך השמש של הנהג).
- HTML5 / CSS3 עם התאמה מלאה לתצוגת מובייל (Responsive Design).
- Vanilla JavaScript לניהול לוגיקת הדף והצגת ערכים.
- LocalStorage לשמירה מאובטחת ומקומית של פרטי הנהג בדפדפן.
- WhatsApp Click to Chat API לפתיחה ישירה של אפליקציית וואטסאפ.