Adobe Animate CC 1443 ه م

النسخ

1 Adobe Animate CC 3 ه م

2 Adobe Animate CC Adobe Animate CC Adobe Animate CC Adobe Animate CC Abstract: The current research aims to prepare a list of interactive simulation program design skills using Adobe Animate CC for students of the Faculty of Education, Where the researchers came up with a list of interactive simulation program design skills using Adobe Animate CC, after reviewing the literature related to the use of the Adobe Animate CC program in designing interactive simulation program, it was then presented to a group of arbitrators and experts in the field of educational technology, programming and development of interactive simulation program. The results of the arbitrators opinions indicated the importance of all the main and sub-skills with an agreement rate of 99.6%. After that, the researchers presented the list of skills to a sample of students of the Faculty of Education to identify their level of knowledge and mastery of the main and sub-skills, where the results indicated poor students mastery of skills with an agreement rate of 00%, thus, the researchers came up with a final image of a list of skills for designing interactive simulation software using Adobe Animate CC program necessary for students of the faculty of Education, the list consisted of () eleven main skills, of which (5) fifty-one sub-skills are branched. Keywords: Design Skills - Programs - Interactive Simulation - Adobe Animate CC 23

3 تم التوثيك في هذا البحث بنظام APA للجمعية األمريكية لعلم النفس اإلصدار السادس حيث يكون في المراجعة األجنبية:)اسم عائلة المؤلف سنة النشر رلم الصفحة( وللمراجع العربية: )اسم المؤلف سنة النشر رلم الصفحة(. 233

4 (Simulation) 232

5 23

6 (Banerjee, P., 200) 23

7 (Adobe Adobe Animate CC ICDL Animate cc) Adobe Animate CC Adobe Animate CC Adobe Animate CC Adobe Adobe Animate CC Animate CC 23

8 Adobe Animate CC Adobe Animate CC Adobe Animate CC Adobe Animate CC 23

9 Adobe Animate CC Adobe Animate CC Adobe Animate CC Adobe Animate CC Adobe Animate CC 23

10 Adobe Animate CC Skill (Process) (Action) Adobe Animate CC 22

11 22

12 22

13 (Physical) 223

14 (Procedural) (Situation) (Process) (Procedural) Simulator (Role Playing) (Situational) (Decision Making) (Simulation games) 222

15 22

16 (Emily & Andre, 200,

17 . Standard : Specification Indicator Measurement 22

18 22

19 22

20 2

21 FutureSplash Adobe Flash Player 2

22 MySQL PHP XML. Ios Android 2

23 Adobe Animate CC Adobe Animate CC Adobe Animate CC Adobe Animate CC Timeline Movie clip & Button 23

24 AS3 Action Script3 Adobe Animate CC 22

25 عدد مرات االتفاق نسبة االتفاق المحكمين = عدد مرات االتفاق + عدد مرات االختالف Adobe Animate CC 2

26 Adobe Animate CC التكرارات غير مهمة لائمة المهارات الرئيسة والفرعية مهمة مهارات تشغيل برنامج وضبط واجهة التفاعل الخاصة به. فتح برنامج. الوزن النسبي النسبة المئوية % % % % %2 % % % % % % % %.2 التعامل مع الشاشة االفتتاحية لبرنامج Adobe Animate.cc فتح ملف جديد لتصميم برمجية محاكاة تفاعلية في برنامج وضبط حجمه. التحكم في النوافذ والمكونات الرئيسة في واجهة البرنامج. تغيير شكل واجهة التفاعل إلى الوضع المناسب للمستخدم. التعامل مع شريط األدوات استخدام أدوات الرسم المختلفة في برنامج Adobe.Animate cc استخدام أدوات التحديد واالختيار في برنامج Adobe.Animate cc استخدام أدوات التعديل في برنامج. توظيف أدوات الرؤية في برنامج. استخدام أدوات األلوان في برنامج. التعامل مع اإلطار الزمني.Timeline % % إضافة اطارات Frames في برنامج Adobe Animate.cc إضافة طبمات Layers في برنامج. % % نمل وحذف ونسخ اطارات Frames في برنامج Adobe.Animate cc نمل وحذف ونسخ طبمات Layers في برنامج Adobe.Animate cc % % % % الحركة في برنامج. الحركة بتغيير كل إطار بمفرده في برنامج Adobe.Animate cc التحول البيني للشكل باستخدام Shape Tween في برنامج. تحرين الرسومات واألشكال باستخدام Motion Tween في برنامج. 2

27 لائمة المهارات الرئيسة والفرعية تحرين الرسومات واألشكال باستخدام Classic Tween في برنامج. انشاء رموز ( Button ) Movie clip & الوزن النسبي النسبة المئوية % % التكرارات مهمة غير مهمة % % % عمل رمز Symbol موفي كليب في برنامج Adobe.Animate cc إعداد عدة نظائر لرمز واحد في برنامج Adobe Animate.cc التعديل في النظائر في برنامج % إعداد أزرار في برنامج. % % تعيين وظيفة للزر في برنامج. إضافة أصوات لألزرار في برنامج. % % % % الكتابة في برنامج. إضافة مربع نصي في برنامج. تحديد نوع المربع النصي في برنامج Adobe Animate.cc تنسيك الكتابة في برنامج. % تنسيك الفمرات في برنامج. % التعامل مع الصوت في برنامج % % %2 % % %.2 استيراد ملف الصوت لبرمجيات المحاكاة التفاعلية في برنامج. ربط ملف الصوت بخط الزمن في برنامج Adobe.Animate cc تحديد طريمة تشغيل ملف الصوت في برنامج Adobe.Animate cc تكرار الصوت في برنامج. اضافة تأثيرات لألصوات في برنامج Adobe Animate.cc التعامل مع الفيديو في برنامج. % % % استيراد ملف فيديو لبرمجيات المحاكاة التفاعلية في برنامج. تضمين فيديو داخل أحد الطبمات في برنامج Adobe.Animate cc التعامل مع الصور في برنامج. 2

28 لائمة المهارات الرئيسة والفرعية استيراد صور لبرمجيات المحاكاة التفاعلية في برنامج. ضبط مكان وأبعاد الصورة في برنامج Adobe Animate.cc لص أجزاء من الصورة في برنامج. الوزن النسبي النسبة المئوية % % % التكرارات مهمة غير مهمة % التعامل مع لغة البرمجة أكشن سكربت.)AS3( 3 % فتح لوحة محرر أكشن سكربت. %2.2 معرفة مكونات لوحة محرر أكشن سكربت 3. % كتابة األوامر األساسية Basic Actions % التحكم في الموفي كليب.Movie Clip % % % % % انشاء عناصر لابلة للسحب واإلفالت في برمجيات المحاكاة التفاعلية. كتابة لاعدة If وتوظيفها في عملية السحب واالفالت في برمجيات المحاكاة التفاعلية. كتابة if else statement وكيفية توظيفها في تصميم برمجيات المحاكاة التفاعلية. كتابة if else if statement وكيفية توظيفها في تصميم برمجيات المحاكاة التفاعلية. تخريج البرمجية بعدة صيغ وحفظ ملف المشروع. % % ضبط خصائص النشر publish settings في برنامج. تخريج برمجية محاكاة تفاعلية بصيغة.SWF % تخريج برمجية محاكاة تفاعلية بصيغة.exe %2 % %..2 تخريج برمجية محاكاة تفاعلية بصيغة.Html حفظ ملف المشروع بصيغة.fla متوسط النسبة المئوية 2

29 Adobe Animate CC 2

30 Adobe Animate CC 2

31 الوزن النسبي النسبة المئوية % % % % % % % % % % % % % Adobe Animate CC مستوى االتمان ضعيف إلى حد ما ممتاز لائمة المهارات الرئيسة والفرعية مهارات تشغيل برنامج Adobe Animate cc وضبط واجهة التفاعل الخاصة به. فتح برنامج. التعامل مع الشاشة االفتتاحية لبرنامج. فتح ملف جديد لتصميم برمجية محاكاة تفاعلية في برنامج Adobe Animate cc وضبط حجمه. التحكم في النوافذ والمكونات الرئيسة في واجهة البرنامج. تغيير شكل واجهة التفاعل إلى الوضع المناسب للمستخدم. التعامل مع شريط األدوات استخدام أدوات الرسم المختلفة في برنامج. استخدام أدوات التحديد واالختيار في برنامج. استخدام أدوات التعديل في برنامج. توظيف أدوات الرؤية في برنامج. استخدام أدوات األلوان في برنامج. التعامل مع اإلطار الزمني.Timeline % % % % إضافة اطارات Frames في برنامج. إضافة طبمات Layers في برنامج. نمل وحذف ونسخ اطارات Frames في برنامج. نمل وحذف ونسخ طبمات Layers في برنامج. 2

32 لائمة المهارات الرئيسة والفرعية الحركة في برنامج Adobe Animate.cc الحركة بتغيير كل إطار بمفرده في برنامج. التحول البيني للشكل باستخدام Shape Adobe في برنامج Tween.Animate cc تحرين الرسومات واألشكال باستخدام Adobe في برنامج Motion Tween.Animate cc تحرين الرسومات واألشكال باستخدام Adobe في برنامج Classic Tween.Animate cc مستوى االتمان ممتاز إلى حد ما ضعيف الوزن النسبي النسبة المئوية % % % % % % % % % % % % % % % % انشاء رموز ( Button Movie clip & ) عمل رمز Symbol موفي كليب في برنامج. إعداد عدة نظائر لرمز واحد في برنامج. التعديل في النظائر في برنامج Adobe Animate cc إعداد أزرار في برنامج Adobe.Animate cc تعيين وظيفة للزر في برنامج Adobe.Animate cc إضافة أصوات لألزرار في برنامج. الكتابة في برنامج Adobe Animate.cc إضافة مربع نصي في برنامج Adobe.Animate cc تحديد نوع المربع النصي في برنامج. تنسيك الكتابة في برنامج Adobe.Animate cc 2

33 23 لائمة المهارات الرئيسة والفرعية تنسيك الفمرات في برنامج Adobe.Animate cc التعامل مع الصوت في برنامج Adobe Animate cc استيراد ملف الصوت لبرمجيات المحاكاة التفاعلية في برنامج Adobe Animate.cc ربط ملف الصوت بخط الزمن في برنامج. تحديد طريمة تشغيل ملف الصوت في برنامج. تكرار الصوت في برنامج Adobe.Animate cc اضافة تأثيرات لألصوات في برنامج. التعامل مع الفيديو في برنامج Adobe.Animate cc استيراد ملف فيديو لبرمجيات المحاكاة التفاعلية في برنامج Adobe Animate.cc تضمين فيديو داخل أحد الطبمات في برنامج. التعامل مع الصور في برنامج Adobe.Animate cc استيراد صور لبرمجيات المحاكاة التفاعلية في برنامج. ضبط مكان وأبعاد الصورة في برنامج. لص أجزاء من الصورة في برنامج. التعامل مع لغة البرمجة أكشن سكربت 3.)AS3( فتح لوحة محرر أكشن سكربت. معرفة مكونات لوحة محرر أكشن سكربت.3 كتابة األوامر األساسية Basic Actions مستوى االتمان ممتاز إلى حد ما ضعيف الوزن النسبي النسبة المئوية % % % % % % % % % % % % % % % % % %

34 لائمة المهارات الرئيسة والفرعية التحكم في الموفي كليب.Movie Clip مستوى االتمان ممتاز إلى حد ما ضعيف الوزن النسبي النسبة المئوية % 3 % % % % % % % % % % انشاء عناصر لابلة للسحب واإلفالت في برمجيات المحاكاة التفاعلية. كتابة لاعدة If وتوظيفها في عملية السحب واالفالت في برمجيات المحاكاة التفاعلية. كتابة if else statement وكيفية توظيفها في تصميم برمجيات المحاكاة التفاعلية. كتابة if else if statement وكيفية توظيفها في تصميم برمجيات المحاكاة التفاعلية. تخريج البرمجية بعدة صيغ وحفظ ملف المشروع. ضبط خصائص النشر publish Adobe في برنامج settings.animate cc تخريج برمجية محاكاة تفاعلية بصيغة.SWF تخريج برمجية محاكاة تفاعلية بصيغة.exe تخريج برمجية محاكاة تفاعلية بصيغة.Html حفظ ملف المشروع بصيغة.fla % متوسط النسبة المئوية 22

35 2

36 : 2

37 Arms U. (2000). Virtual and Remote Labs in physics Education. Paper present at second European conference on physics teaching in engineering education. Budapest. Banerjee, p (200). Enhanging Simulation Education With A Virtual Presentation tools. Winter Simulation Conference 200 Banerjee, p (200). Enhanging Simulation Education With A Virtual Presentation tools. Winter Simulation Conference 200 Bayram, S. (2005). Software Mapping Assessment Tool Documenting Behavioral Content in Computer Interaction: Examples of Mapped Problems with Kid Pix Program. The Turkish Online Journal of Educational Technology, (2), 7-7 Chen, N., Guimbretiere, F., Dixon, M., Lewis, C., & Agrawala, M. (2008). Navigation techniques for dual-display e-book readers. In Proceedings of CHI, , ACM, Florence, Italy, Collin., S. M. (995).Dictionary of Multimedia. Britain. Peter Collin Publishing. Dias, P., Gomes, M., & Correia, A. (999). Disorientation in hypermedia environments: Mechanisms to support navigation. Journal Educational Computing Research, 20(),

38 Emily,H & Andrevan,P (200). Simse an Interactive Simulation Game for Software Engineering Education School of Information and Computer Science, university of California, Irvine USA, available at: 2

39 2 السؤال م كيف يمكن تصميم برمجية محاكاة تفاعلية باستخدام برنامج اإلجابة

40 ما وظيفة برنامج في البرمجة التعليمية كيف يمكن التحكم في حجم البرمجية من خالل برنامج Adobe Animate cc كيف يمكن برمجة تغيير لون العناصر في برمجية المحاكاة المنتجة بواسطة برنامج هل يتم تطوير عمليات السحب واإلفالت في برنامج باستخدام لغات البرمج كيف نموم بعمل MovieClip في برنامج Adobe Animate cc كيف نموم بعمل Button في برنامج Adobe Animate cc أين نموم بكتابة كود Action script في برنامج Adobe Animate cc ما المخرجات التي يمكننا الحصول عليها باستخدام برنامج ما وظيفة الكود () play ما وظيفة الكود () stop كيف يضاف األصوات إلى برنامج Adobe Animate cc 2

41 ملحك )2( لائمة مهارات تصميم برمجيات المحاكاة التفاعلية باستخدام برنامج الالزمة لطالب كلية التربية 2

42 Adobe Animate CC 3 ه م 2

43 All (start) programs Create from templet Create New ActionScript 3.0 Create New ActionScript 2.0 Create Air for Android New Create New Air for ios Open a Recent Item New Width Type New file ActionScript 3.0 Document Height frame rate 23 fps

44 OK Window Timeline Tools Properties Library Actions Developer New Workspace Manage Workspace Designer Rectangle Primitive tool Rectangle tool (R) tools box Rectangle tool (R) Stroke Properties Style Rectangle Options (R) Properties Oval Primitive tool (R) Oval tool (R) 22 Shift Alt

45 tools box Properties Stroke Properties Style Oval Start angle Oval End angle Inner racilus Oval tool (R) Options Options Oval Options PolyStar tool tools box Tool Settings Style Shift Alt PolyStar tool Polygon Tool Settings Style tools box Selection tool (V) tools box Subselection tool (A) tools box Free Transform (Q) Star 2

46 tools box Bone tool (M) Location Speed Properties Properties Joint Rotation Spring Properties paint Bucket Tool tools box Eyedropper Tool tools box. Hand Tool Zoom Tool Stroke color Fill color Black and White Timeline Insert Frames Timeline Frame Keyframe Blank Keyframe 2

47 Insert Frames Layers Timeline Layer Cut Frame Copy Frame Paste Frame Clear Frames Remove Frames Layers Cut Layers Copy Layers Paste Layers Duplicate Layers Pencil Convert to Blank Keyframes 2

48 Shape Tween Convert to Blank Keyframes Create Shape Tween Adobe Animate Motion Tween cc Insert frames Create Motion Tween Adobe Animate Classic Tween cc Insert Keyframes Create Classic Tween 2

49 add classic motion guide Movie clip & Button Symbol convert to symbol Modify Name Library Movie Clip OK properties position and size COLOR EFFECT Brightness Tint Alpha convert to symbol Modify 2

50 Name Button OK Up Over Down Hit properties Instance Name Sound Down Test Tool TLF Text 2

51 properties Read-only Selectable Editable PROPERTIES CHARACTER Family Style Size Color. PROPERTIES Align PRAGRAPH Margins Spacing Import to Library open Import File 2

52 F5 PROPERTIES Sync Event Start Stop Stream Repeat PROPERTIES PROPERTIES Effect File Import Video Import Browse Next Finish 2

53 File Import Video Import Embed FLV in SWF and play in timeline Browse Next Finish Import to Stage open Import File PROPERTIES Y X PROPERTIES H W. Shape Break Apart (AS3) Delete. F9 Window Actions 23

54 .Basic Actions button_. : addeventlistener(mouseevent.click onclick); onclick function Movie Clip movie_. gotoandstop() gotoandplay() Stop() Play() movie_.x = 50; movie_.y = 50; movie_.alpha = 50; movie_.rotation = 50; movie_.gotoandstop(); hand_.addeventlistener(mouseevent.mouse_down drag); hand_.addeventlistener(mouseevent.mouse_up drop) function function drag(event:mouseevent):void { : 22

55 hand_.startdrag ; } function drop(event:mouseevent):void { function hand_.stopdrag (); } If if (hand_.hittestobject(stp_32)){ if statement Conditionals hand_.gotoandstop (2) if else statement if (hand_.hittestobject(stp_32)){ if statement Conditionals hand_.gotoandstop (2) } else{ else } hand_.gotoandstop () if else if statement if (hand_.hittestobject(stp_32)){ if statement Conditionals hand_.gotoandstop (2) } else{ else } hand_.gotoandstop () 2

56 . publish settings publish settings publish settings PROPERTIES target Script OK SWF publish settings publish settings PROPERTIES PUBLISH Flash (.swf) publish exe publish settings publish settings PROPERTIES PUBLISH Win projector publish Html publish settings publish settings PROPERTIES PUBLISH HTML Wrapper publish fla File Save as File name 2