Bizy – תיעוד למפתח

אני רוצה לוודא שהכל יענה באופן מושלם על הסיכום הנ״ל אם כן, תכין לי קובץ אחר קובץ באופן מושלם בתור קובץ rar מוכן להורדה כשכל הקבצים גם ממומשים סיכום: הנה מסמך איפיון/מפרט מלא, מעשי ומפורט עד לרזולוציית כפתור/טולטיפ/שדה—מבלי להשמיט שום פרט שהמשתמש רואה. אין כאן קוד.

חזון ומבנה כללי

האפליקציה היא Workspace פר־עסק. לכל עסק יש:

בכל פעם שמסמנים תשלום כשולם, מתבצעת “קופסה שחורה”:

Toast שמדמה: (1) הקצאת מספר קבלה/חשבונית, (2) יצירת PDF דו־לשוני, (3) שליחה ללקוח, (4) תיעוד במסך רו״ח. (כרגע זה סימולציה בלבד – לא באמת יוצר/שולח, רק מציג toast ומעדכן סטטוסים).

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

ניווט (IA) ומסכי המערכת

מסך 0: “העסקים שלי”

מודאל “הוסף עסק”

בתוך עסק (Business Workspace)

בראש: כותרת עם שם העסק + סוגו. טאב־ניווט:

1) סקירה (Overview)

2) לקוחות (Clients)

מודאל “לקוח חדש/עריכה”

3) הכנסות (Income)

מודאל “הכנסה חדשה/עריכה”

מסך פרטי הכנסה / ניהול תשלומים

“נוצר PDF (דמה), הוקצה מספר קבלה/חשבונית (דמה), נשלח ללקוח (דמה), נשמר במסך ‘רו״ח → מסמכי חיוב’.”

4) הוצאות (Expenses)

5) רו״ח (Accountant)

שתי לשוניות פנימיות:

א. “דברים קבועים”

ב. “מסמכי חיוב”

6) הגדרות עסק (Settings)

7) מחשבון (Calculator)

התנהגות “קופסה שחורה” (Toast) – מה בדיוק יקרה

בכל מקום שבו נדרשת פעולה שאינה ממומשת (PDF/מספר/שליחה), יופיע Toast ברור בעברית (או באנגלית לפי שפה):

הדאטה עצמה כן מתעדכנת: סטטוסים, הוספת רשומת OutgoingDoc, וכו’ — כך שה־UX שלם.

מודל נתונים (localStorage) – פר־עסק

{

}

תצוגות, שדות וטולטיפים – רשימה מלאה למסך/שדה

להלן מיפוי מלא של טולטיפים/טקסטים (HE) לשדות עיקריים. (באנגלית יוצגו המקבילות, i18n מפה אחת):

סקירה

לקוחות

הכנסות – במסך ובמודאל

הוצאות

רו״ח – דברים קבועים

רו״ח – מסמכי חיוב

הגדרות עסק

מחשבון

חוויית שגיאות/מצבי קצה

i18n (עברית/אנגלית)

ביצועים/נגישות/מובייל

בדיקות קבלה (Acceptance)

סקשןטקסטסלקטורשורה
בכל פעם שמסמנים תשלום כשולם, מתבצעת “קופסה שחורה”:קופסה שחורה2
מסך 0: “העסקים שלי”העסקים שליsection#viewBusinesses div.d-flex:nth-of-type(1) h1.h4 span65
מסך 0: “העסקים שלי”+ הוסף עסק חדשbutton#addBizBtn span66
מסך 0: “העסקים שלי”כניסה2
מסך 0: “העסקים שלי”מחיקה2
מסך 0: “העסקים שלי”סוג העסקform#bizForm div.modal-body:nth-of-type(2) div.mb-2:nth-of-type(2) label.form-label span528
מסך 0: “העסקים שלי”משפיע על חישובי מע״מ והמסמכים לרו״ח.[data-bs-title='משפיע על חישובי מע״מ והמסמכים לרו״ח.']65
מודאל “הוסף עסק”הוסף עסקbutton#addBizBtn span66
מודאל “הוסף עסק”שמורform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(2)540
מודאל “הוסף עסק”ביטולform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(1)539
1) סקירה (Overview)שולם החודשdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(1) div.kpi div.t:nth-of-type(1) span94
1) סקירה (Overview)צפוי 30 הימים הבאיםdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(2) div.kpi div.t:nth-of-type(1) span97
1) סקירה (Overview)מסמכי חיוב שנשלחוdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(3) div.kpi div.t:nth-of-type(1) span100
1) סקירה (Overview)חסרים לרו״חdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(4) div.kpi div.t:nth-of-type(1) span103
1) סקירה (Overview)סמן כשולם2
1) סקירה (Overview)חסר IBAN/צילום תעודה/מייל לקוח לצורך שליחת קבלה#acctMissingText129
1) סקירה (Overview)סך כל התשלומים שסומנו כ’שולם’ בחודש הקלנדרי הנוכחי.[data-bs-title='סך כל התשלומים שסומנו כ’שולם’ בחודש הקלנדרי הנוכחי.']94
1) סקירה (Overview)סכום תשלומים שתאריך היעד שלהם ב־30 הימים הקרובים.[data-bs-title='סכום תשלומים שתאריך היעד שלהם ב־30 הימים הקרובים.']97
2) לקוחות (Clients)+ לקוח חדש#clientModalTitle551
2) לקוחות (Clients)עריכה#clientModalTitle551
2) לקוחות (Clients)מחיקה2
2) לקוחות (Clients)צפה בהכנסות הלקוח2
2) לקוחות (Clients)סוג לקוחtable#tblClients thead tr th:nth-of-type(4) span153
2) לקוחות (Clients)לצורך חישוב מע״מ — לקוח בישראל עשוי לחייב מע״מ אצל עוסק מורשה/חברה.2
2) לקוחות (Clients)מייל#acctMissingText129
2) לקוחות (Clients)נדרש לצורך שליחת הקבלות/חשבוניות (קופסה שחורה).2
מודאל “לקוח חדש/עריכה”לקוח חדש/עריכה#clientModalTitle551
מודאל “לקוח חדש/עריכה”ישראלform#clientForm div.modal-body:nth-of-type(2) div.mb-2:nth-of-type(5) label.form-label582
מודאל “לקוח חדש/עריכה”חו״לselect#cRegion option:nth-of-type(2)578
מודאל “לקוח חדש/עריכה”מייל נדרש לשליחה כאשר תשלום יסומן כשולםinput#cEmail div.form-text565
מודאל “לקוח חדש/עריכה”שמורform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(2)540
מודאל “לקוח חדש/עריכה”ביטולform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(1)539
3) הכנסות (Income)+ הכנסה חדשה#incomeModalTitle608
3) הכנסות (Income)פרטים/נהל תשלומים2
3) הכנסות (Income)סמן כשולם2
3) הכנסות (Income)מחיקה2
3) הכנסות (Income)סטטוסdiv#incomeManageModal div.modal-dialog div.modal-content div.modal-body:nth-of-type(2) div.table-responsive:nth-of-type(2) table.table thead tr th:nth-of-type(7)3004
3) הכנסות (Income)’מתוכננת’ = טרם התקבל תשלום, ‘חלקית’ = חלק מהתשלומים שולם, ‘שולמה’ = כל התשלומים שולם.2
מודאל “הכנסה חדשה/עריכה”הכנסה חדשה/עריכה#incomeModalTitle608
מודאל “הכנסה חדשה/עריכה”+ לקוח חדש#clientModalTitle551
מודאל “הכנסה חדשה/עריכה”שער המרהdiv#iRateWrap label.form-label643
מודאל “הכנסה חדשה/עריכה”שמורform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(2)540
מודאל “הכנסה חדשה/עריכה”ביטולform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(1)539
מסך פרטי הכנסה / ניהול תשלומיםחודשי — 6 חודשים2
מסך פרטי הכנסה / ניהול תשלומיםלאחר עמלהform#incomeForm div.modal-body:nth-of-type(2) hr div.row div.col-6:nth-of-type(1) div.border div.text-muted:nth-of-type(1)698
מסך פרטי הכנסה / ניהול תשלומיםסמן כשולם2
מסך פרטי הכנסה / ניהול תשלומיםלא ניתן לבצע שליחה (קופסה שחורה) ללא כתובת מייל. תרצה לשמור כשולם בכל זאת?2
מסך פרטי הכנסה / ניהול תשלומיםכן2
מסך פרטי הכנסה / ניהול תשלומיםשולםinput#cEmail div.form-text565
“נוצר PDF (דמה), הוקצה מספר קבלה/חשבונית (דמה), נשלח ללקוח (דמה), נשמר במסך ‘רו״ח → מסמכי חיוב’.”נוצר PDF (דמה), הוקצה מספר קבלה/חשבונית (דמה), נשלח ללקוח (דמה), נשמר במסך ‘רו״ח → מסמכי חיוב’.div#acct-docs div.alert:nth-of-type(2)330
“נוצר PDF (דמה), הוקצה מספר קבלה/חשבונית (דמה), נשלח ללקוח (דמה), נשמר במסך ‘רו״ח → מסמכי חיוב’.”נשלח (דמה)2
“נוצר PDF (דמה), הוקצה מספר קבלה/חשבונית (דמה), נשלח ללקוח (דמה), נשמר במסך ‘רו״ח → מסמכי חיוב’.”שולמה2
4) הוצאות (Expenses)+ העלה/י קבלות/חשבוניות2
4) הוצאות (Expenses)הוצאותdiv#tab-expenses div.d-flex:nth-of-type(1) h3.h6 span208
4) הוצאות (Expenses)לא נדרש סיווג — רו״ח יסדר. פשוט להעלות ושהכל יהיה במקום אחד.2
א. “דברים קבועים”דברים קבועיםul#acctTabs li.nav-item:nth-of-type(1) button.nav-link span232
א. “דברים קבועים”במקביל שכיר?div#acct-fixed div.row div.col-12:nth-of-type(3) div.card div.card-body h5.h6 span293
א. “דברים קבועים”זה המידע שרו״ח מבקש מכל בעל עסק. ממלאים פעם אחת ועדכונים לפי הצורך.2
ב. “מסמכי חיוב”מסמכי חיובdiv#acct-docs div.alert:nth-of-type(2)330
ב. “מסמכי חיוב”נשלחdiv#acct-docs div.alert:nth-of-type(2)330
ב. “מסמכי חיוב”ייצוא JSONbutton#btnExportDocs span328
6) הגדרות עסק (Settings)לקוחותdiv#tab-clients div.d-flex:nth-of-type(1) h3.h6138
6) הגדרות עסק (Settings)שמורform#bizForm div.modal-footer:nth-of-type(3) button.btn:nth-of-type(2)540
6) הגדרות עסק (Settings)איפוס לברירות מחדל#btnResetSettings391
7) מחשבון (Calculator)חשבdiv#acct-docs div.alert:nth-of-type(2)330
7) מחשבון (Calculator)סכום בדולרים לפני עמלות2
7) מחשבון (Calculator)שער הדולר2
7) מחשבון (Calculator)הערכת מקדמות בלבד2
7) מחשבון (Calculator)מע״מ לפי סוג העסק והאם הלקוח מישראל2
התנהגות “קופסה שחורה” (Toast) – מה בדיוק יקרהקופסה שחורה2
בכל מקום שבו נדרשת פעולה שאינה ממומשת (PDF/מספר/שליחה), יופיע Toast ברור בעברית (או באנגלית לפי שפה):סמן כשולם2
בכל מקום שבו נדרשת פעולה שאינה ממומשת (PDF/מספר/שליחה), יופיע Toast ברור בעברית (או באנגלית לפי שפה):בוצע: הוקצה מספר קבלה/חשבונית (דמה), נוצר PDF (דמה), נשלח ל[שם לקוח] (דמה), נשמר במסך ‘רו״ח → מסמכי חיוב’.2
בכל מקום שבו נדרשת פעולה שאינה ממומשת (PDF/מספר/שליחה), יופיע Toast ברור בעברית (או באנגלית לפי שפה):ייצוא דמה: הקובץ היה אמור להיווצר ולהיות זמין להורדה.2
סקירהשולם החודשdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(1) div.kpi div.t:nth-of-type(1) span94
סקירהצפוי 30 הימים הבאיםdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(2) div.kpi div.t:nth-of-type(1) span97
סקירהחסרים לרו״חdiv#tab-overview div.row:nth-of-type(1) div.col-6:nth-of-type(4) div.kpi div.t:nth-of-type(1) span103
סקירהתשלומים קרובים#upcomingEmpty124
לקוחותסוג לקוח (ישראל/חו״ל)table#tblClients thead tr th:nth-of-type(4) span153
לקוחותמייל#acctMissingText129
הכנסות – במסך ובמודאלסוג הכנסהform#incomeForm div.modal-body:nth-of-type(2) div.row div.col-12:nth-of-type(2) label.form-label span622
הכנסות – במסך ובמודאלמטבעform#incomeForm div.modal-body:nth-of-type(2) div.row div.col-6:nth-of-type(3) label.form-label span634
הכנסות – במסך ובמודאלעמלת קליטה %div#tab-calculator div.row div.col-12:nth-of-type(1) div.card div.card-body div.row:nth-of-type(2) div.col-6:nth-of-type(2) label.form-label466
הכנסות – במסך ובמודאלתאריך יעדdiv#incomeManageModal div.modal-dialog div.modal-content div.modal-body:nth-of-type(2) div.table-responsive:nth-of-type(2) table.table thead tr th:nth-of-type(2)2999
הכנסות – במסך ובמודאלסמן כשולם2
הוצאותהעלאת קבלות2
רו״ח – דברים קבועיםזיהויdiv#acct-fixed div.row div.col-12:nth-of-type(1) div.card div.card-body h5.h6 span241
רו״ח – דברים קבועיםבנקdiv#acct-fixed div.row div.col-12:nth-of-type(2) div.card div.card-body h5.h6 span272
רו״ח – דברים קבועיםבמקביל שכיר?div#acct-fixed div.row div.col-12:nth-of-type(3) div.card div.card-body h5.h6 span293
רו״ח – מסמכי חיובמסמכי חיובdiv#acct-docs div.alert:nth-of-type(2)330
הגדרות עסקמע״מ %div#calcVatBox2 strong:nth-of-type(1)494
הגדרות עסקמס הכנסה % / ביטוח לאומי %2
הגדרות עסקשער המרה $div#iRateWrap label.form-label643
הגדרות עסקתדירות מקדמותdiv#tab-settings div.row div.col-12:nth-of-type(1) div.card div.card-body div.row:nth-of-type(1) div.col-6:nth-of-type(5) label.form-label span375
הגדרות עסקשפהdiv#tab-settings div.row div.col-12:nth-of-type(1) div.card div.card-body div.row:nth-of-type(1) div.col-6:nth-of-type(6) label.form-label span382
מחשבוןלקוח#acctMissingText129
מחשבוןברוטו $div#tab-calculator div.row div.col-12:nth-of-type(2) div.card div.card-body ul.list-group:nth-of-type(1) li.list-group-item:nth-of-type(3) span484
מחשבוןשער המרהdiv#iRateWrap label.form-label643
מחשבוןמקדמותdiv#tab-calculator div.row div.col-12:nth-of-type(2) div.card div.card-body ul.list-group:nth-of-type(2) li.list-group-item:nth-of-type(3) span489
חוויית שגיאות/מצבי קצהסמן כשולם2
חוויית שגיאות/מצבי קצהלשלוח2
חוויית שגיאות/מצבי קצההעבר/י את ההכנסות ללקוח אחר או מחק/י אותן קודם.2
חוויית שגיאות/מצבי קצהיש להזין שער המרה2
בדיקות קבלה (Acceptance)סמן כשולם2
בדיקות קבלה (Acceptance)שולםinput#cEmail div.form-text565
בדיקות קבלה (Acceptance)שולמה2
בדיקות קבלה (Acceptance)מסמכי חיובdiv#acct-docs div.alert:nth-of-type(2)330
בדיקות קבלה (Acceptance)דברים קבועיםul#acctTabs li.nav-item:nth-of-type(1) button.nav-link span232
בדיקות קבלה (Acceptance)סמן בכל זאת2
בדיקות קבלה (Acceptance)העסקים שליsection#viewBusinesses div.d-flex:nth-of-type(1) h1.h4 span65