סרטון קצר זה הוא אחד מתוך סדרת סרטונים הבאים להדגים באופן סכמטי
את שיטת הפעולה של מנגנון הבדיקה מודולרי בשם Quick Check
את רעיון המנגנון הגה כמובן הלקוח שהזמין את האנימציות לטובת מצגת שלו על המוצר

המנגנון תוכנן על מנת להקל הן על הבודקים והן על הנבדקים במתחמים בהם מבוצעת בדיקה ביטחונית בכניסה אליהם (כגון קניונים ואצטדיונים)
ולהאיץ את משך הבדיקה כך שלא ייווצרו תורים (המהווים סיכון בטחוני כשלעצמם) באזור ההמתנה לבדיקה
בהתאם לכך היה צורך לצור סגנון שהוא דווקא מאוד "תרשימי" שיבהיר את אופן הפעולה ושלבי התהליכים של המנגנון אך בו זמנית לא "יגנוב מהם את ההצגה",
במקביל נעשה גם לא מעט שימוש בתיכנות על מנת לסנכרן את כל האלמנטים המופיעים בסרטון ולשלוט בהתקדמות שלו
התוצאה: אנימציה שנראית לכאורה פשוטה אבל למעשה מורכבת מסבירה ומעניינת,

מקווה שתאהבו.
שנה טובה לכולם!!

אבל לפני ההסבר הטכני, כדי להקדים תרופה למכה, הנה כמה הקדמות:

• הפוסט הזה בהחלט לא בא כדי להמליץ על הכנסת פלאש להדר של וורדפרס (או לכל מקום אחר)
  יש, אני מבין, לא מעט שרואים בכך טעות והם מן הסתם כן יודעים משהו.
  גם אני אגב הכנסתי פלאש בהדר אצלי רק בגלל שזה ענה לי על צורך מאוד מסוים של אחידות עם חלקים אחרים באתר שלי
• כן…..אני יודע שהעיצוב הנוכחי שלי להדר הוא כרגע בכלל לא משהו..
• עקב לא מעט פניות חוזרות ונשנות במיילים אלי בנושא, חשוב לי להדגיש:
  נכון לזמן כתיבת פוסט זה אני עובד עם התבנית 'קובריק' ונכון לעכשיו גם לא עם הגרסא הכי אחרונה של וורדפרס –
  לא יודע בוודאות האם ההסבר שאני מציע כאן יעבוד כמו שצריך גם עם תבניות אחרות וגרסאות חדשות/ישנות יותר,
  גם יכול להיות שאתם קוראים את הפוסט הזה בשעה שכבר עברתי לתבנית אחרת וירדתי מהקטע של הפלאש
• גם לתוסף (בו נשתמש כדי להכניס פלאש להדר של וורדפרס) ייצאו בעתיד גרסאות עדכניות יותר ולכן ייתכן שחלק מההוראות שמופיעת כאן בפוסט כבר לא עדכניות, שימו לב!
  
• ההסבר יוצא מנקודת הנחה שאת קובץ הפלאש שלכם אתם יודעים לצור לבד, אך ניתן לצור קבצי פלאש זה כבר סיפור אחר לגמרי
  כאן אני מנסה להסביר רק אך ניתן להשתיל אותו במקום התמונה של ההדר

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

1. קודם כל לגבות! לכו תדעו אולי זה לא יעבוד לכם תרצו לשחזר למצב הקודם ולא תזכרו אך, לכן רצוי לשמור עותק גיבוי של הקובץ header.php כי בו נעשה שינוי קל
את תמונת ההדר שאותה אנו עומדים להחליף – kubrickheader.jpg (כאמור בהנחה שאתם עובדים עם תבנית ברירת המחדל)
ונמצאת בבלוג שלכם בתיקיית wp-content/themes/default/images אפשר דווקא להשאיר שם בדיוק כמו שהיא

2. סביר להניח שתירצו שקובץ הפלאש שלכם יחליף בדיוק את אותו שטח שכרגע תמונת ההדר תופסת לכן שימו לב לגודל בפיקסלים בגובה וברוחב של kubrickheader.jpg והכנו לכם קובץ פלאש בגודל המתאים
אם משום מה אתם רוצים לשנות מהגודל של ברירת המחדל שימו לב שיש לתוסף בו נשתמש בהמשך מגבלת מינימום (214px wide by 137px high)
ובכל אופן חשוב לזכור לעצב את קובץ הפלאש הקובץ כך ישתלב עם שאר התמונות בתבנית (אלא אם גם אותן אתם מתכוונים לשנות)..
אם זאת הייתה תוכנית בישול, זה היה השלב בו הייתי אומר " במקרה הכינותי מראש קובץ בשם kubrickheader.swf "
אבל כמובן שלא קריטי דווקא השם הזה, עכשיו שימו את הקובץ שלכם בשרת במקום שנוח לכם וזיכרו את המיקום שלו

3. רוצו להתקין את התוסף Kimili Flash Embed
ההתקנה היא דיי סטנדרטית, מעלים לתיקיית הפלאגאינז ואחר כך נכנסים לפאנל הניהול ומפעילים אותו
התוסף אגב יועד לכתחילה כדי לשלב פלאש דווקא בפוסטים ולא בהדר של וורדפרס אך בגרסא האחרונה שלו (נכון לעכשיו לפחות) הוא כן תומך גם בשילוב פלאש בהדר,
לפני ההתקנה לא לשכוח – יכולה להיות התנגשות עם תוסף אחר שגם מנהל הוספת פלאש לבלוג שלכם, אם יש לכם כזה, עדיף לא לקחת סיכון של התנגשות ולבטל אחד מהם, חשוב גם לזכור שאם עשיתם שינויים מסיביים ויוצאי דופן בקבצי ה php של הבלוג שלכם גם יכול להיות שהפלאג לא יעבוד משום שהוא אחרי הכל יועד להתקנת וורדפרס סטנדרטית

4. התוסף הותקן והופעל?, כל מה שנשאר לנו עכשיו רק זה להיכנס לקובץ ה header.php ושם למצוא ולשלב, מיד אחרי הקישור לעמוד הראשי של הבלוג (שיושב לרוב בסוף הקובץ), את הקוד הבא

כמובן שעליכם לשים את ערכי הגובה והרוחב והנתיב של קובץ ה swf שלכם ולא מה שמופיע פה בדוגמא
וזהו! ..אצלי זה עבד

הערות לסיום
1. שימו לב שאם הייתה לכם כותרת מטקסט בהדר של הבלוג, עליכם למחוק אותה שכן היא לא מסוגלת להופיע מעל הפלאש ואי מחיקה שלה תגרום לכך שהיא תמשיך להופיע אבל מתחת לפלאש ותצור כפילות ושבירה של התבנית
כמו כן הקישור שעטף את הכותרת של הבלוג (או את כל התמונה של ההדר) והפנה לעמוד הראשי של הבלוג וכרגע עוטף את ה swf, כבר לא פעיל, כי אי אפשר להפוך swf לקישור כמו שעושים לטקסט או תמונה,
לכן אם אתם רוצים שההדר או הכותרת שהייתה בהדר לא יעלמו ו/או ימשיכו להוות כקישור לעמוד הראשי של הבלוג, חשוב להכניס אותו/ם מראש את לתוך ה��לאש ולהפוך אותם ללינק על ידי כפתור (רגיל או שקוף או משהו בדומה) וכמובן שבמקביל צריך להכנס להגדרות של מראה ההדר בפאנל הניהול של וורדפרס (לרוב זה החלק הזה בפאנל הניהול נקרא: "התאמה אישית לכותרת") ושם להגדיר שהוא יהיה ללא כותרת.

2. הקוד שכתבתי כאן כדי לשלב את הפלאש בהדר הוא רק הקוד הבסיסי וכמובן שיש לתוסף עוד המון attributes ואופציות שאפשר להשתמש בהם, לכן כדי להכיר את כולן וגם למקרה שיש אצלכם תקלה או שאלה כנסו שוב לעמוד של התוסף וקראו את ה FAQ ואת ההסברים השונים

בהצלחה!

בחלק מהאנימציות יש גם סאונד אז לא לשכוח להדליק רמקולים!
אז יאללה כנסו ואשמח אם תחזרו לפה להשאיר תגובות הערות והארות
(..אשמח גם לקבל מחשב מאק פרו חדש אבל.. :mrgreen:)

 לעוד הסברים על הסרטון כנסו כאן
לגרסא מלאה באיכות גבוהה ובמסך גדול של הסרטון כנסו כאן
צפו ותהנו !

אשמח לתגובות

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

(נא להמתין עד שהנגן נטען לעמוד)

עדכון – איזה כיף! כתבו עלי כאן
אני חושב שהוא ניסח את זה אפילו יותר טוב ממני..