זוג ישראלים זכו בתחרות העולמית של מיקרוסופט לפיתוח אפליקציות ב-HTML5 [ראיון]

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

סטס גופרמן ודרור יפה לאחר הזכיה בתחרות. יח"צ

לפני מספר ימים הסתיימה תחרות Dev: Unplugged העולמית של מיקרוסופוט לפיתוח אפליקציות ב-HTML5, אשר במסגרתה התבקשו המתמודדים לכתוב אפליקציות תוך שימוש באלמנטים השונים של HTML5 ב- 3 קטגוריות: מוזיקה, משחקים וחדשנות.

הזוכים במקום הראשון בקטגוריית המוזיקה הם זוג ישראלים, סטס גופרמן (31) מחיפה ודרור יפה (22) מיהוד, אשר הכירו במהלך שירותם הצבאי ועובדים בימים אלו על מיזם חברתי משותף. במסגרת הזכייה במקום הראשון בתחרות העולמית קיבלו השניים פרס כספי בסך 5,000$.

“הרעיון לאפליקציה Kulu.lu נולד מעט לפני החתונה המלכותית באנגליה והיא מאפשרת לכל גולש להשתלב כאחד הרוקדים ולהזמין את חבריו למסיבת החתונה. האפליקציה עושה שימוש ביכולות הגרפיקה של HTML5 בדגש על CANVAS ו-SVG וכן מבוססת על תכנות צד לקוח ב-JavaScript עם jQuery” ציינו השניים.

איך שמעתם על התחרות?

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

אנחנו מגיעים עם רקע בפיתוח ב-Silverlight  ומעט ב- Flash ולא היינו בטוחים שכדאי לנו לגשת לתחרות שמתמקדת דווקא ב- HTML5. מאחר ואנחנו מאמינים שהעתיד של ה-web  הוא ב- HTML5, החלטנו שהתחרות היא הזדמנות מצוינת בשבילנו ללמוד את הטכנולוגיה כבר עכשיו ומה שהניע אותנו להגיש אפליקציה לתחרות, לא היה הפרס הכספי, אלא האתגר הטכנולוגי והחשיפה שנקבל אם נזכה. האמנו שיש לנו סיכוי טוב כי היה לנו רעיון מעניין בידיים.

איך נולד הרעיון לאפליקציה?

אנחנו עובדים כבר כמה חודשים על מיזם חברתי בתחום החתונות לקראת החתונה של סטס בחודשים הקרובים. שמענו על התחרות די בסמיכות לחתונה המלכותית והחלטנו לשלב בין השניים.

רצינו ליצור מעין מסיבה וירטואלית ענקית ברשת לרגל החתונה המלכותית, ולצורך כך נדרש שימוש אינטנסיבי בגרפיקה ואנימציה מתקדמות. השימוש ב- HTML5 ביחד עם האצת החומרה של Internet Explorer 9 אפשרו לנו ליצור את הגרפיקה הזו ב- HTML סטנדרטי ללא צורך בתוסף כמו Silverlight או Flash.

באילו כלים השתמשתם?

את כל הידע למדנו לבד ממדריכים שקיימים באינטרנט. בין אם מדובר ביכולות החדשות של HTML5, או שימוש בגרפיקה והשימוש המתקדם ב-JavaScript שהיינו צריכים לצורך הפיתוח. איתנו בצוות עבדה אנימטורית שהשתמשה בכלים של Adobe לצורך יצירת האנימציה, אותם שילבנו בתהליך הפיתוח אותו עשינו ב-Visual Studio 2010. בהזדמנות זו חשוב לנו גם להגיד תודה לטלי גולדברג האנימטורית שבלעדיה האפליקציה לא הייתה נראית כפי שהיא נראית היום.

איך אתם מסכמים את חווית העבודה עם Internet Explorer 9 ?

הופתענו לטובה מהעבודה עם אינטרנט אקספלורר 9, גם מבחינת הגלישה וגם לצורכי פיתוח. מאחר והאפליקציה משלבת הרבה אנימציה, היא דורשת כח עיבוד רציני. אינטרנט אקספלורר 9 עושה שימוש במעבד הגרפי של המחשב והופך את חווית השימוש באפליקציה לטובה ביותר מבין כל הדפדפנים. מיקרוסופט עשו כאן את העבודה הטובה ביותר בתחום הזה. בנוסף, גם היכולת להצמיד את האפליקציה ל-Taskbar של Windows 7 פתחה לנו מגוון הזדמנויות שאנו מתכננים לאמץ גם במיזם החדש שלנו.

מה הייתם אומרים היום למפתחים ששוקלים לפתח אפליקציות ב- HTML5?

באופן כללי היינו ממליצים לעשות זאת. האימוץ של דפדפנים מתקדמים דוגמת IE9, אשר תומכים ב-HTML5 ומאפשרים שימוש ב- Audio, Video וגרפיקה עשירה, מתקדם בקצב מהיר מאוד. עבור דפדפנים ישנים יותר, יש הרבה טכניקות שמאפשרות להביא את מרבית היכולות האלה לדפדפנים פחות מתקדמים כבר היום.

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

מה השלב הבא מבחינתכם?

בימים אלו אנו משלימים את העבודה על המיזם האישי שלנו – אפליקציה חברתית בתחום החתונות ומצפים להגיע לשלב בטא ראשונה בשבועות הקרובים.

גיא בורשטיין

מומחה טכנולוגיות פיתוח במיקרוסופט ישראל, אחראי על הקשר עם קהילת הפתחים בארץ ובימים אלו מוביל את פעילות פיתוח האפליקציות ל- Windows 8

הגב

12 תגובות על "זוג ישראלים זכו בתחרות העולמית של מיקרוסופט לפיתוח אפליקציות ב-HTML5 [ראיון]"

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 

* היי, אנחנו אוהבים תגובות!
תיקונים, תגובות קוטלות וכמובן תגובות מפרגנות - בכיף.
חופש הביטוי הוא ערך עליון, אבל לא נוכל להשלים עם תגובות שכוללות הסתה, הוצאת דיבה, תגובות שכוללות מידע המפר את תנאי השימוש של Geektime, תגובות שחורגות מהטעם הטוב ותגובות שהן בניגוד לדין. תגובות כאלו יימחקו מייד.

סידור לפי:   חדש | ישן | הכי מדורגים
גלעד
Guest

יפה שהם שמו דגש על SVG שהוא לא חלק מ HTML5 :)

משה
Guest

דרור יפה התותח. כל רעיון שלו מלמיליאן.

תמר
Guest

כל הכבוד! מרשים מאוד, עלו והצליחו!

סי אס אסית
Guest

דרור, תעשה לי מחלקה!

need4steer
Guest

כל הכבוד להם!.

צחי
Guest

יש מדריכים ספציפיים שתוכלו להמליץ עליהם?

גיא בורשטיין
Guest

@צחי – מדריכים לנושא HTML5?
ממליץ על המדריך הזה שנכתב ע”י רן בר זיק:
http://webmaster.org.il/articles/html5

דרור יפה
Guest

עשינו שימוש די ניכר בפקד canvas של html5. הרבה מהיכולות הדינמיות החדשות, שהופכות את html5 ל unplugged נעשות על ידי שימוש ב canvas. השתמשנו במדריך מצוין (באנגלית) שנותן נקודת התחלה טובה:

http://diveintohtml5.org/canvas.html#divingin

צחי
Guest

תודה, וכל הכבוד :)

אלכס וולקוב
Guest

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

http://alexw.me/compare-ie9-with-other-browsers-the-truth/

גיא בורשטיין
Guest

@אלכס – ראשית, אלו דברים שנאמרו ע”י הזוכים וצוטטו כאן (בתור מי שראיין אותם), ולא משהו שמיקרוסופט הכניסה.
ורק כדי לדייק, שים לב שהם אמרו שהחוויה הטובה מבין הדפדפנים בהקשר של השימוש בגרפיקה בגלל נושא האצת החומרה.

ניר
Guest

לכל היודעים – פיתוח אפליקציות ב HTML5 יאפשר פיתוח אפליקציות (מושקעות) גם לשימוש אופליין?

wpDiscuz

תגיות לכתבה: