פיתוח תוכן חינוכי ב-AR למובייל

אנו מפתחים תוכן חינוכי ב-AR במפתח-ביד: מהתסריט הפדגוגי ועד אופטימיזציה של מודלי תלת-ממד ל-iOS ואנדרואיד. במשך 6+ שנים, סיפקנו 15+ פרויקטים ב-edtech — מקורסי כימיה לבית הספר ועד הכשרה להרכבת ציוד ארגוני. AR חינוכי עובד כאשר ניתן לצפות באובייקט מכל הזוויות, לפרק אותו, להנפיש אותו ולהוסיף הערות עם נקודות אינטראקטיביות (hotspots). צפייה פסיבית במודל תלת-ממדי ללא אינטראקציה אינה למידה; זהו מסך מרהיב. אנו מבינים שכדי לשמר ידע ביעילות, נדרשות מכניקות כמו פירוק, הרכבה, אנימציה, הערות hotspots ומשימות לבדיקת ידע. לכן כל שיעור AR שלנו מעוצב כסשן אינטראקטיבי מלא, לא רק ויזואליזציה תלת-ממדית.

נעריך את הפרויקט שלך: צור קשר כדי לדון בתרחיש ולקבל עלות משוערת. המשימה מורכבת יותר ממה שהיא נראית: יש לשלב טכנולוגיות AR עם לוגיקה פדגוגית, תרחישי אינטראקציה ודרישות נגישות. אנו עוזרים להימנע מטעויות נפוצות — לדוגמה, כאשר מודל תלת-ממדי שוקל 200 MB ולא נטען במכשיר נייד, או כאשר אנימציה לא מסונכרנת עם אודיו.

ארכיטקטורה של אפליקציית AR חינוכית

מבנה טיפוסי: קורסים → שיעורים → פעילות AR. כל פעילות AR היא תרחיש נפרד עם סט משלו של משאבי תלת-ממד, סקריפט אנימציה ונקודות אינטראקציה (hotspots).

Hotspot הוא הערה במרחב תלת-ממדי. סמן על אטום פחמן פותח כרטיסייה "אטום פחמן: 6 פרוטונים, 6 ניטרונים". יישום באמצעות BillboardComponent ב-RealityKit — הסמן תמיד פונה למצלמה:

var billboard = BillboardComponent() hotspotEntity.components[BillboardComponent.self] = billboard 

מיקום ה-Hotspot — בקואורדינטות מקומיות של המודל התלת-ממדי. במהלך אנימציה (פירוק המודל), ה-Hotspot נע יחד עם החלק שאליו הוא מחובר. לשם כך, אנו הופכים את ה-Hotspot לישות בת (child entity) של חלק המודל המתאים.

מה כלול בעבודה

• פיתוח תסריט פדגוגי ומפת אינטראקציה
• הכנת מודלי תלת-ממד: רטופולוגיה, גרסאות LOD, ייצוא USDZ
• יישום מכניקות (פירוק, hotspots, גרירה ושחרור)
• שילוב משימות הערכה ואנליטיקה
• אופטימיזציית ביצועים ובדיקות על מכשירי יעד
• פרסום ל-App Store / Google Play ותמיכה

פירוק אינטראקטיבי של מודל תלת-ממדי

המכניקה הפופולרית ביותר ב-AR חינוכי היא "פיצוץ" המודל: חלקים מתרחקים, חושפים את המבנה הפנימי. מנוע, לב, אטום.

יישום באמצעות var billboard = BillboardComponent() hotspotEntity.components[BillboardComponent.self] = billboard ו-AnimationPlaybackController ב-RealityKit:

let explodeAnimation = FromToByAnimation<Transform>(
    from: Transform(translation: [0, 0, 0]),
    to: Transform(translation: [0.1, 0, 0]),
    duration: 0.8,
    timing: .easeInOut,
    isAdditive: false,
    bindTarget: .transform
)
let resource = try? AnimationResource.generate(with: explodeAnimation)
pistonEntity.playAnimation(resource, transitionDuration: 0.2)

עבור מודלים מורכבים עם 50+ חלקים, אנימציות נאפות לתוך USDZ באמצעות USD Python API במהלך הכנת התוכן, ולא נוצרות בזמן ריצה.

האתגר הטכני המרכזי: גודל התוכן

מודלי תלת-ממד חינוכיים מפורטים. מודל גוף אנטומי — 200–500 MB במקור. לאחר אופטימיזציה ל-AR נייד — 20–50 MB. טעינה בתחילת השיעור — המשתמש ממתין 30 שניות, ואז סוגר את האפליקציה.

פתרון: טעינה פרוגרסיבית + הורדה לפי דרישה. האפליקציה הבסיסית מכילה גרסאות LOD-1 של כל המודלים (2–5 MB כל אחד). בעת כניסה לפעילות AR, מתחילה הורדת רקע של LOD-0 (גרסה מפורטת). בזמן הטעינה, אנו עובדים עם הגרסה הפשוטה. FromToByAnimation + מטמון מקומי באמצעות let explodeAnimation = FromToByAnimation<Transform>( from: Transform(translation: [0, 0, 0]), to: Transform(translation: [0.1, 0, 0]), duration: 0.8, timing: .easeInOut, isAdditive: false, bindTarget: .transform ) let resource = try? AnimationResource.generate(with: explodeAnimation) pistonEntity.playAnimation(resource, transitionDuration: 0.2) :

let cachesURL = FileManager.default.urls(for: .cachesDirectory, in: .userDomainMask).first!
let modelURL = cachesURL.appendingPathComponent("\(modelId)_lod0.usdz")
// Проверяем кэш → если нет → скачиваем → уведомляем AR-сцену

שרת התוכן מספק מודלים דרך CDN, מחולקים לפי שיעורים — לא כל הקורס בבת אחת. זה מפחית עלויות תעבורה ומאיץ את תחילת השיעור.

כיצד לארגן משוב והערכת ידע ב-AR?

אפליקציה חינוכית ללא בדיקות ידע היא רק אטלס תלת-ממדי. משימות אינטראקטיביות ב-AR:

• גרירה ושחרור: גרור איבר למקום הנכון על הגוף
• רצף: הרכב את המנוע בסדר הנכון של חלקים
• חיפוש: מצא והקש על המבנה המולקולרי הנכון

גרירה ושחרור ב-AR אינה טריוויאלית. URLSession.downloadTask ב-RealityKit מספק גרירה לאורך משטחים. אבל יש צורך באזור snap: כאשר המשתמש משחרר איבר ליד המיקום הנכון, הוא "נצמד" למקום. מיושם באמצעות FileManager עם צורת טריגר על אזור היעד ואירוע let cachesURL = FileManager.default.urls(for: .cachesDirectory, in: .userDomainMask).first! let modelURL = cachesURL.appendingPathComponent("\(modelId)_lod0.usdz") // Проверяем кэш → если нет → скачиваем → уведомляем AR-сцену .

מהניסיון שלנו: מקרה של כימיה מולקולרית

אפליקציה ללימוד כימיה מולקולרית, כיתות ח'–י'. 50 מולקולות, כל אחת עם פירוק לאטומים ואנימציה של יצירת קשר כימי. דרישה מרכזית: עבודה בתנאי כיתה — תאורה חלשה, שולחנות ללא מרקם (ל-ARKit קושי לזהות משטחים). פתרנו זאת באמצעות סמני תמונה (גיליון A4 מודפס עם סמן על כל שולחן) — EntityTranslationGestureRecognizer יציב יותר מזיהוי משטחים בתנאים קשים. סמנים ניתנו למורים יחד עם הדפסת קוד QR להורדה. תוצאה: מעורבות התלמידים עלתה ב-40%, ועלויות הדפסת חומרי לימוד נחתכו בחצי.

מדוע AR יעיל יותר משיטות מסורתיות?

לוחות זמנים לפיתוח

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