מדריך לימוד פלאש - FlashDev

גרסה יציבה חדשה של Flex SDK הכוללת תיקוני באגים וטיפול בבעיית אבטחה יצאה היום.

באגים שתוקנו

עדכון אבטחה

לינק להורדת Flex SDK

להסבר כיצד לעדכן SDK לפלאש ול-Flex

moonlight הוא פרוייקט opensource שמאפשר על ידי התקנה במערכת linux לצפות באתרים שמריצים Silverlight 2.

לכתבה המלאה

מאמר מצויין של Martin Fowler המשווה בין 2 דרכי כתיבת feature חדש לתוכנה לגרעון תקציבי מול בטחון כלכלי.

כאשר עובדים על פרוייקטים גדולים בפלאש, לעיתים זמן הקומפילציה (Ctrl +Enter) לוקח זמן רב (יכול להיות גם מספר דקות). דרך אפשרית לקצר את הזמן הזה, במקרה שהוא נגרם על ידי כמות מסיבית של קוד, היא להשתמש ב-standard mode לעומת strict mode.

Strict mode זוהי הגדרת קומפילציה שמבצעת בדיקת Type checking בזמן הקומפילציה, כלומר שאם אני מעביר לדוגמא לפונקציה מסויימת פרמטר מסוג Number בעוד הפונקציה דורשת String, הודעת השגיאה תתקבל בזמן הקומפילציה ותעצור את התהליך. לעומת זאת אם משתמשים ב-Standard mode מקבלים את השגיאה רק בזמן הריצה במידה שהפונקציה אכן מתבצעת אם הפרמטרים הלא תקינים.

כמובן שעל מנת ליצור קוד טוב יותר ולגלות תקלות, עדיף לעבוד תמיד ב-Strict mode אבל אם עושים שינויים מינוריים, או שינויים בגרפיקה שכלל לא משפיעים על הקוד, וזמן הקומפילציה נהייה קריטית מבחינת תפוקת העבודה של המפתח, כדאי לשקול להשתמש ב-Standard mode לזמן מסויים. השינוי יכול לקצר את זמן הקומפילציה פי 4 ויותר, מאוד משמעותי בפרוייקטים מורכבים.

שינוי ה-Mode נקבע ב-File->Publish Settings->Flash->AS3 Settings->Errors:Strict mode.

פוסט מצויין של Bruce Eckel בנושא בחירת טכנולוגיות על פי דרישה (ולא על פי המשקיעים) נוגע ב-HTML5 וקניה של On2 על ידיד Google.

מדי פעם כאשר כותבים אפליקציית פלאש נתקלים בצורך לשנות מראה העכבר, הסיבות יכולות להיות:

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

ישנן שתי דרכים לבצע שינוי של עכבר, הראשונה מתאימה לשינוי אייקון ממש, והשניה לשינוי תפקיד (כמו האפשרות השלישית)

שינוי אייקון

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

var circle:Circle = new Circle();
Mouse.hide();
addChild(circle);

stage.addEventListener(MouseEvent.MOUSE_MOVE, handleMouseMove);

function handleMouseMove(evt:MouseEvent):void
{
circle.x = mouseX;
circle.y = mouseY;
}

שינוי התנהגות

במקרה הזה, שימוש בפקודת Mouse.cursor החדשה של Flash Player 10 תאפשר לפתור את הבעיה בשיטה הקלה ביותר. השימוש בפרמטר זה אפשרי רק מ-Flash Player 10:

Mouse.cursor = MouseCursor.HAND;

עוד על אפשרויות שינוי cursor

כל מי שמתעסק בשרתי מדיה ו-streaming מכיר את Flash Media Server כשרת אמין ויציב לתקשורת וידאו ב-stream עבור שידורים חיים ן-vod. 85% מהוידאו ברשת, שידורים חיים ו-vod משודרים ל-Flash Player והיתרון בשימוש עם Flash Media Server הוא שאין צורך בהתקנה נוספת חוץ מ-Flash Player שמותקן על 97% מהמחשבים המחוברים לאינטרנט.

אחת המשימות החשובות כאשר יוצרים אפליקציית וידאו ל-vod או Streaming היא יצירת מערכת מאובטחת שניתן להכנס לתכנים שלה רק אחרי אוטנטיקציה של המשתמש והגדרת הרשאות (לדוגמא: יכולת שידור, יכולת קבלת stream וכו)

ישנם מספר דרכים לבצע אוטנטיקציה בכניסה לאפליקציית FMS:

1. אותנטיקציה ב-SSAS : כאשר משתמש מנסה להתחבר לאפליקציית FMS הוא יכול להעביר פרמטרים נוספים כחלק מתהליך ההתחברות. בשלב זה יכול הסקריפט בצד השרת לבצע קריאה ל-Database באמצעות http או tcp לשרת חיצוני ולאשר את המשתמש על פי הפרטים. בשלב זה גם ניתן לתת לו הרשאות לגבי publish ו-receive לשידור. בכל שלב ניתן להעיף את המשתמש מהחיבור ל-FMS.

2. אותנטיקציה ב-FMS Plugin: קיימת אפשרות לכתוב plugin ספציפי ב-c++/c שמתחבר ל-flow של ה-FMS ולאשר או לא לאשר פעולות של משתמשים במספר שלבים בדרך:

a. שלב ההתחברות: שלב זה מתבצע לפני חיבור המשתמש לאפליקציה, ובו ניתן גם להעביר משתמש לשרת/אפליקציה אחרת ללא שהמשתמש ידע על כך (טוב במקרים של load balancer אפליקטיבי).

b. שלב פעולה על stream: כאשר משתמש רוצה לבצע פעולה מבויימת על stream (להאזין או לשדר לדוגמא) ניתן לבדוק אילו הרשאות קיימות לו ועל פי זה לאשר לבצע את הפעולה.

שימוש באותנטיקציה ב-SASS דורש יותר משאבים (CPU) משרת ה-FMS ובאופן כללי אם ניתן, עדיף לבצע אותנטיקציה ברמת ה-plugin.

דוגמא לאותנטיקציה ב-SSAS:

Application.onConnect = function(client, username, password) {
if(username == myUsername && password == myPassword)
{
application.acceptConnection(client);
}
else
{
application.rejectConnection(client);
}
}

את חדשות היום אתם ודאי כבר יודעים. Google קונה את On2 technologies האחראים על Flix בגרסאותיו השונות (Live, Engine, DirectShow SDK וכו') וגם מחזיקה ב-IP של VP6, ה-encoder שכנראה שינה את הדרך בה רואים וידאו באינטרנט. כיום הוא מוטמע כ-decoder בפלאש אבל לא כ-encoder (בו משתמשים כיום ב-Sorenson Spark).

המחיר נמוך יחסית כמובן, לעומת הפוטנציאל הטמון ברכישה. לגבי השינויים הצפויים אני מניח ש:

- Google יטמיעו את הקודקים של הוידאו ב-Google talk
- יכולים להכריז על de facto סטנדרט חדש של encoder שיהיה מוטמע ב-chrom
- אם הם ישחררו חלק מה-codecs אולי נראה VP6 encoder ב-Flash player (???)
- סטנדרט חדש של codec ל-HTML5 (???)

מבחר כתבות בנושא:

Press Release

TechCrunch

On2

Twitter

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

שיהיה בכיף.

מטרת המדריך היא להסביר כיצד ניתן להשתמש בגרסה האחרונה או בגרסאות קודמות של ה-Flex SDK על מנת להשתמש בפיצ'רים האחרונים ובתיקוני הבאגים של הגרסאות האחרונות.

שלב ראשון: הורדת התקנה מאתר Opensource.adobe.com

באתר של Adobe ניתן להוריד כל גרסה של Flex SDK על בסיס Nightly build. כמובן שעדיף להשתמש בגרסאות יציבות.
מהאתר ניתן להוריד את גרסת ה-production האחרונה (כרגע 3.3.0.4852), את ה-milestone האחרון ב-Flex 4 Beta 1, וגרסאות נוספות.

גרסאות להורדה של Flex 3

גרסאות להורדה של Flex 4

אחרי שנבחרה גרסת ההורדה, ניתן להוריד ולפתוח את קובץ ה-zip שנוצר.

שלב שני: מיקום הקבצים

את קבצי ה-SDK הפתוחים יש למקם ב-FlexBuilderInstallPath/sdks

שלב שלישי: הגדרת ה-SDK בפרווייקט ובסביבת העבודה

על מנת להגדיר שימוש ב-SDK מסויים בפרוייקט ספיציפי:

1. קליק ימני על הפרוייקט -> properties
2. בתפריט Actionscript Build Path לבחור את ספריית ה-SDK שבה רוצים להשתמש
3. בתפריט Actionscript Compiler לבחור את ה-SDK מתוך הרשימה

על מנת להגדיר שימוש ב-SDK מסויים כברירת המחדל של כל הפרוייקטים:

1. לפתוח בתפריט הראשי: window->prefrences
2. בחירה בקטגוריה Flex->Installed Flex SDKs
3. הוספת ה-SDK החדש לרשימה אם לא קיים, וסימון v בתיבה השמאלית להגדרה כ-default.

אפשרות נוספת: שימוש ב-Flex SDK בפלאש

לפעמים מתעורר צורך להשתמש בספריות Flex SDK מתוך פלאש בדרך כלל בגלל שימוש בספריות חיצוניות שנכתבו במקור לסביבת Flex.

על מנת להגדיר שימוש ב-SDK מתוך פלאש:

1. File -> Publish settings-> Flash tab
2. בחירה ב-Settings של Actionscript 3
3. בחירה ב-External library path ובחירה בספרית lib של ה-SDK הנבחר.