שעון דוברים
שעון כנסים למסך הגדול שמתכנן את כל היום ומעדכן אותו בלחיצה אחת כשהרצאה מתארכת.
- עידן אחרק — פיתח אותו מחדש למוצר: מודל נתונים, לוגיקת זמנים, ניהול, תצוגה, תיעוד והפצה
- נועם שדמי — בנה את הגרסה המוקדמת ועזר לגבש את הרעיון, עד לפני גרסת המוצר הראשונה
01 / האתגר
יום כנס בנוי ממשבצות זמן קבועות: דברי פתיחה, הרצאות, הפסקות קפה וצהריים, ולא פעם יותר מדיון אחד. הדובר, הקהל והמנחה צריכים לראות במבט אחד את אותם הדברים: מי על הבמה עכשיו, כמה זמן נשאר לו ומה בא אחריו.
ימים כאלה כמעט אף פעם לא מתנהלים בדיוק לפי התוכנית. כשהרצאה אחת חורגת, כל המשבצות שאחריה זזות, והלו"ז שעל המסך צריך להתעדכן בלי שמישהו יחשב אותו מחדש בידיים מול הקהל.
- לכל דובר משבצת זמן קבועה
- הקהל צריך לדעת מה בא אחר כך
- הרצאה אחת שחורגת מזיזה את כל היום
- ביום אחד יכולים להיות כמה דיונים
02 / מה בניתי
אפליקציית ווב בעברית, מימין לשמאל, עם שני מסכים. בפאנל הניהול המפעיל בונה את היום: דוברים עם נושא ההרצאה וסמל היחידה, הפסקות, וכרטיסי כותרת שפותחים כל דיון. שעת ההתחלה של כל פריט מחושבת לבד משעת תחילת היום, ואת היום אפשר לשמור כתבנית לאירוע הבא.
את מסך התצוגה מעלים על המסך הגדול באולם. הוא מציג שעון חי, את כרטיס הדובר הנוכחי עם פס התקדמות חלק שהופך לאדום בדקות האחרונות, ואת המשך היום. במצב ידני המפעיל יכול להוסיף דקה, או לעבור לפריט הבא ולעדכן את כל הזמנים בלחיצה אחת. הכול נפתח בכל דפדפן, בלי להתקין דבר.
איך זה נבנה
- סוף 2024הגרסה הראשונהנועם שדמי בנה את הגרסה המוקדמת ועזר לגבש את הרעיון, ועבד עליה עד לפני גרסת המוצר המלאה הראשונה.
- אוגוסט 2025לקחתי את הפרויקט ופיתחתי מחדשבניתי מחדש את הליבה עם Gemini ו-ChatGPT: הרצאות, הפסקות וכרטיסי כותרת בציר זמן אחד, עם שעות מחושבות ושמירה בדפדפן.
- 2025-2026מסך שקוראים במבטפס התקדמות חלק בתוך הכרטיס של כל דובר, מסך חי יותר עם אנימציות, ובקרת גודל תצוגה שמתאימה לכל מסך באולם.
- 2025-2026מעבר ברור בין דיוניםהפסקה שלפני דיון חדש הופכת למסך "הדיון הבא" ולא נספרת כחלק מהדיון שלפניה.
- מאי 2026גרסה 4.0.1יצאה עם מדריך מפעיל ורשימת בדיקות לפני אירוע, תיעוד ארכיטקטורה, פריסה ותחזוקה, ובנייה אוטומטית.
03 / דגשים
תכנון כל היום מראש
דוברים, הפסקות וכרטיסי כותרת על ציר זמן אחד עם גרירה ושחרור. שעות ההתחלה מחושבות לבד, ואת היום שומרים כתבנית.
ספירה לאחור ברורה
לכל הרצאה פס התקדמות חלק. בשתי הדקות האחרונות הוא הופך לאדום וסופר לאחור בדקות ובשניות.
עדכון בלחיצה אחת
במצב ידני, "+1 דקה" או "הבא (והתאם זמן)" מזיזים את כל המשבצות הבאות.
כמה דיונים ביום
כרטיסי כותרת מחלקים את היום. בין דיון לדיון המסך סופר לאחור עד הדיון הבא.
סמלים ורקעים
מאגר של כ-50 סמלי יחידות עם חיפוש, רקעים מוכנים, או תמונה שמעלים לבד.
נפתח בכל דפדפן
בלי התקנה ובלי מסד נתונים: הלו"ז והתבניות נשמרים בדפדפן.
04 / מסכים
13 מסכים · נתוני דמההערת עיצובעוצב כך שאפשר לקרוא אותו מסוף האולם: כל היום על מסך אחד, תוכנית יום שמסדרים בגרירה, וספירה לאחור ששתי הדקות האחרונות שלה הופכות לאדומות.
05 / השפעה
השעון שימש ביותר מ-25 אירועים ותזמן מאות הרצאות, מול יותר מ-4,000 איש בסך הכול; בקהל הגדול ביותר לבדו ישבו מעל 500 איש. לפחות 7 מפעילים ניהלו איתו אירועים, עבור למעלה מ-10 יחידות ואגפים.
מפעיל אחד יכול לנהל יום שלם ממסך אחד. הדוברים רואים במבט כמה זמן נשאר להם, הקהל תמיד יודע מה הלאה, והרצאה שחורגת מהזמן נספגת בלחיצה אחת: כל המשבצות שאחריה זזות לבד.
06 / התפקיד והטכנולוגיה
נועם שדמי בנה את הגרסה המוקדמת ועזר לארגן את הרעיון, ועבד עליה עד לפני גרסת המוצר המלאה הראשונה. משם לקחתי את הפרויקט ופיתחתי אותו מחדש למוצר של היום, עם ידע בשל יותר: מודל הנתונים שמתייחס לכל היום כציר זמן אחד, לוגיקת הזמנים, פאנל הניהול, מסך התצוגה, והגרסה להפצה יחד עם התיעוד שלה.
עבדתי עם Gemini ו-ChatGPT כמו שאני מוביל מפתח בצוות. כתבתי את התדריך (סקירת קוד, עיצוב מחדש ותוכנית לתמיכה מימין לשמאל), תכננתי בעצמי את מאגר המצב ונתתי לבנות סביבו את המסכים מחדש, קבעתי מה אסור לשנות, דיווחתי על באגים עם דוגמאות מדויקות וקיבלתי את החלטות המוצר. בדקתי בעצמי כל תוצאה, והאחריות על התוצר שלי.
טכנולוגיות
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Zustand
- Immer
- React Router
- dnd-kit
- pnpm
- GitHub Actions
- Gemini
- ChatGPT
- ESLint
איך זה בנוי
אפליקציית עמוד יחיד ב-React וב-TypeScript, שנבנית ב-Vite ומעוצבת ב-Tailwind CSS. אין קוד צד-שרת ואין מסד נתונים: כל היום הוא ציר זמן אחד במאגר מצב קטן של Zustand שנשמר בדפדפן, ולכן כל שרת ווב יכול להגיש אותה כקבצים רגילים. תהליך GitHub Actions בונה כל דחיפת קוד, ופיתחתי אותה עם Gemini ו-ChatGPT, לפי תדריכים כתובים, ובדקתי בעצמי כל תוצאה.
יום כנס שלם על מסך אחד: כולם רואים מי מדבר, כמה זמן נשאר ומה הלאה, והרצאה שמתארכת נספגת בלחיצה אחת.