ةيبيردت ةرود ناونعب - wordpress.com · 2016. 2. 16. · كلام- مارم...

30
Piktochart سب امارات ا مها قسم م عهود- فاتن- رام م- ك م1 بيةورة تدري دوان بعن| Piktochart | اد إعد عهود الشريف تعديلتن اميلة فالقحطارام ا مك ا مري بيةنشطة الط وحدة ا التطوير وحدة التدريب و طالبات

Upload: others

Post on 12-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 1

دورة تدريبية

بعنوان

|Piktochart |

إعداد

عهود الشريف

تعديل

مسريمالك األ –مرام القحطاين –فاتن احليلة

وحدة التدريب والتطوير –وحدة األنشطة الطالبية

طالبات يرة نورة بنت عبدالرمحن -عمادة السنة التحضريية

2015

Page 2: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 2

Page 3: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 3

فهرس احملتوايت

الصفحة املوضوع م

3 رساالفه 1

5 املقدمة 2

6 إرشادات املدرب 3

7 إرشادات املتدرب 4

8 االختبار القبلي 5

9 تعارف 6

10 التوقعات 7

11 دليل الربانمج 8

13 للربانمج اخلطة الزمنية 9

14 اجللسة التدريبية األوىل 10

15 ثانيةاجللسة التدريبية ال 11

األنشطة 128- 9 29-28

16 املادة العلمية 13

30 العلمية املراجع 14

31 املالحق 15

Page 4: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 4

فهرس الصور الصفحة املوضوع م

8 1رقم مثال عن اإلنفوجرفيك 1

17 مثال عن اإلنفوجرفيك اثبت 2

19 2رقم مثال عن اإلنفوجرفيك 3

20 الدخول للموقع 4

20 التسجيل يف املوقع 5

21 نشاء قالب جديدإ 6

22 القوائم الرئيسية يف الربانمج 7

23 شريط العنوان 8

24 قائمة الصور 9

25 قائمة النصوص 10

25 قائمة الرفع 11

26 دواتاألقائمة 12

26 قائمة اخللفية 13

28 3نفوجرافيك رقم إمثال 14

Page 5: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 5

املقدمةجتماعية وعرب املواقع نفوجرافيك عرب شبكات التواصل اإلل الفرتة األخرية انتشر مصطلح اإلخال

واملدوانت املختلفة، كما أصبح خالل فرته وجيزة أحد األدوات التعليمية والرتفيهية القوية اليت تقدم من طريقه مباشرة خالهلا املعلومات على هيئة رسوم بيانية جتذب القراء وتساعد على توصيل املعلومة ب

نتباه على معلومات حمددة ابستخدام تطبيقات خاصة.واضحة مع تركيز اال

ابجلميع ونشكر لكم ويف هذه الورشة التدريبية سنقوم ابلتعرف على هذا املفهوم وطريقة تصميمه فمرحبا .وتفاعلكم حضوركم

Page 6: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 6

*إرشادات املدرب اإلعداد اجليد واإلطالع على حقيبة املدرب. .1

التأكد من توفر مجيع األدوات الالزمة و جاهزية كل شيء قبل بدء الدورة . .2

.ذلك ما أمكنزيع املتدربني إىل جمموعات متجانسة تو .3

حتدد كل جمموعة مقررا هلا لكتابة اإلجابة املوحدة. .4

اجملموعات.األدوات على توزيع .5

اجملموعات بعد هناية كل نشاط.يتم عرض عمل .6

التجول بني اجملموعات أثناء النشاط لإلشراف واملتابعة. .7

احرص على اإلعداد و حافظ على تنفيذ اخلطة . .8

ابدأ يف الوقت احملدد وتعرف على املتدربني . .9

وضح أهداف الدورة . .10

بني . ركز على احتياجات املتدر .11

كن مبدعا من بداية الدورة إىل هنايتها . .12

اهتم ابلعالقات اإلنسانية و كن متواضعا وال تدعي العلم و كن قدوة للمتدربني . .13

اهتم ابلتفاعل اللفظي وغري اللفظي . .14

شجع املتدربني على األسئلة و على تبادل اخلربات . .15

حول املعارف إىل مهارات و ابتعد عن التفاصيل وركز على النقاط اهلامة . .16

نوع األساليب والوسائل التدريبية . .17

ال تقرأ حرفيا من املذكرة . .18

تقبل النقد وكن صبورا وتصرف بذكاء يف املواقف احلرجة .19

Page 7: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 7

:ال تطبع هذه الصفحة للمتدرابتملحوظة

إرشادات املتدرب الزميالت املشاركات يف الربانمج االلتزام مبا يلي:الرجاء من

الدور الذي يسند إيل يف اجملموعة . وأقبلاملهام والتمارين املطلوبة خالل احللقة التطبيقية أن أنفذ .1

عالقات طيبة معهم. وأبيناأللفاظ اإلجيابية وأستخدمخر و أفكار املدرب والزمالء , أحرتم الرأي اآلأن .2

عن طريق تبادل التجارب الشخصية واخلربات .بشكل فعال أن أشارك .3

على إبقاء جهاز اهلاتف اجلوال على وضعية اجتماع داخل قاعة التدريب. أن أحرص .4

أن أنقد أفكار املدرب والزمالء أبدب إن كانت هناك حاجة . .5

أن أحرص على استثمار الوقت . .6

أن أحفز أفراد جمموعيت يف املشاركة يف النشاطات. .7

حرص على ما تعلمته يف الربانمج وأطبقه يف امليدان .أن أ .8

مع جزيل الشكر والتقدير...

Page 8: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك-مرام -فاتن -عهود يل قسم مهارات احلاسب اآل 8

القبلي االختبار(: 1نشاط ) ن حيفز النشاط املتدرابت على التفكري واستنتاج موضوع الدورة التدريبة.أ: اهلدف

نوع النشاط: )فردي( دقائق 10 الزمن:

يت:جييب عن اآلأمن خالل الشكل السابق مامك؟مالذي تالحظينه أ

o نص o صورة o بياانت وأرقام واحصائيات

o رموز ورسوم o صوت o فيديو

o خرائط

مباذا يسمى هذا الشكل؟ كيف يتم عمل هذا الشكل؟ قومي إبعطاء مثال؟ :ماهي اخلطوات املتبعة

؟)مرحلة التخطيط( قبل بدء التصميم - عند بدء التصميم؟ - ثناء تنفيذ التصميم؟أ - بعد االنتهاء من التصميم؟ -

1( : مثال عن اإلنفوجرفيك رقم 1صورة )

Page 9: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 9

فتعار (: 2نشاط) اهلدف :

.التدرييب ابلربانمججتماعية للبدء التهيئة اإل

الزمن :

ائق.دق 5-10

األسلوب التدرييب :

مجاعي

تعارف:النشاط

حيتوي على: توزيع استبيان تعارف على املتدرابت :1اخلطوة

_______مميزة: صفة واحدة _،_____املتدربة: اسم

ق فيما بينهم بشكل عشوائي.أطلب من مجيع املتدرابت تبادل األورا :2خلطوة ا

تقوم املتدربة األوىل ابلتعريف عن املتدربة الثانية املوجود امسها يف الورقة مث تقوم الثانية ابلتعريف :3اخلطوة .الثالثة وهكذا ابلتوايلعن املتدربة

Page 10: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 10

التوقعات

؟ هذا الربانمج لتحقيقها للمتدربة ما هي توقعاتكن لألهداف اليت يسعى

مهيته.أن تدرك املتدربة مفهوم اإلنفوجرافيك وأ .1 نفوجرافيك.لتصميم اإل Piktochartن تتمكن املتدربة من استخدام برانمج أ .2

Page 11: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 11

دليل الربانمج

: احلقيبةاهلدف العام من

Piktochartمعرفة إنشاء إنفوجرافيك اثبت عرب موقع

األهداف التفصيلية :

. التعرف على التصنيفات املختلفة .1

. البحث عن عناصر حمددة .2

. التعرف على طريقة رفع صورة من جهازك .3

. التعرف على إدراج صور ونصوص و رسوم بيانية .4

. معرفة طريقة جلب الفيديو .5

. التعرف على كيفية استخدام أدوات الربانمج .6

التعرف على كيفية التعامل مع املؤثرات و اخللفيات وإدراج العناصر والتحكم هبا . .7

معرفة تصدير العمل ومشاركته . .8

التجهيزات واملستلزمات التدريبية :

بيقاعة تدر .1 جهاز عرض البياانت .2 جهاز حاسب .3 نرتنتشبكة إ .4 قالمسبورة بيضاء وأ .5

الفئة املستهدفة:

جبامعة األمرية نورة بنت عبدالرمحن. - طالبات السنة التحضريية

Page 12: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 12

:التدريبية عناصر احلقيبة

عرض تقدميي يوضح طريقه التسجيل يف الربانمج وشرح مفصل عنه. .1 .جلستنيوحدة تدريبية تشمل .2

املنفذون:

السنة التحضريية عمادة – يلقسم مهارات احلاسب اآل

مسري.مالك األ –مرام القحطاين –فاتن احليلة –عهود الشريف : تاملدراب

ساعتان. –واحد يوم :التدرييب مدة الربانمج

Page 13: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 13

للربانمجة الزمني اخلطة الزمن اهلدف السلوكي للجلسة موضوعات اجللسة اجللسة الوحدة

يبيةتدر

ة الحد

الو

وىلاأل

مقدمة - اختبار قبلي - تعارف - الربانمجدليل -

نفوجرافيك أن تدرك املتدربة مفهوم اإل -من خالل االختبار القبلي والتعرف

على األهداف املرجو حتقيقها من خالل هذه الدورة التدريبية.

دقيقه 20

انيةالث

نفوجرافيك تعريف اإل - وأمهيته.

هم الربامج املستخدمة.أ -طريقة استخدام برانمج -

Piktochart وشرحهمع التطبيق خطوة خبطوة

املباشر. االختبار البعدي. - مثال تطبيقي. -

أن تتعرف الطالبة على مصطلح - مهيته.اإلنفوجرافيك وأ

ن تستخدم املتدربة برانمج أ -Piktochart لعمل تصميم

.انفوجرافيكتعلمته أن تتمكن املتدربة من تطبيق ما -

خالل اجللسة الثانية.

ساعة و دقيقه 40

Page 14: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 14

التدريبية األوىلاجللسة

األساليب واألنشطة والوسائل التدريبية

اجللسة:أهداف

على:يتوقع يف هناية اجللسة أن تكون املتدربة قادرة

نفوجرافيكمفهوم األ لدى املتدربة معرفة مبدئية عنن يكون أ. .املشاركة والتواصل مع بقية املتدرابت بطريقة فعالة

اجللسة:موضوعات

مقدمة اختبار قبلي الربانمج دليل-تعارف

الوسائل التدريبية األساليب واألنشطة التدريبية

(: االختبار القبلي1نشاط )

: التعارف(2نشاط )

.عصف الذهين، مناقشة، نشاط تعاوين

Page 15: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 15

اجللسة التدريبية الثانية

األساليب واألنشطة والوسائل التدريبية

اجللسة:أهداف

على:يتوقع يف هناية اجللسة أن تكون املتدربة قادرة

نفوجرافيك واألدوات املستخدمة لتصميمهتعريف اإل. نفوجرافيك ابستخدام موقعتصميم اإل Piktochart

اجللسة:موضوعات أمهيته.نفوجرافيك وبيان تعريف اإل الربامج املستخدمة.هم أ طريقة استخدام الــPiktochart مع التطبيق املباشر خبطوة وشرحه خطوة. .االختبار البعدي .مثال تطبيقي

الوسائل التدريبية األساليب واألنشطة التدريبية

: االختبار البعدي.(3نشاط )

: مثال تطبيقي.(4نشاط ) .ناقشةمحماضرة،

Page 16: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 16

املادة العلمية نفوجرافيك؟ماهو اإل

القارئ،حصائيات بشكل جديد ومثري لعني رقام او اإلياانت واألنفوجرافيك عبارة عن طريقة مبتكرة لعرض البفن اإل يعرضها يف هيئة رسوم وصور جتذب عني املشاهد.

ما هي أمهية اإلنفوجرافيك ؟!

تكمن أمهية التصاميم اإلنفوجرافية كوهنا تعمل على تغيري طريقة الناس يف التفكري من الناحية البيانية و املعلوماتية و وخاصة يف الوقت الراهن ,فبإستخدامها نضفي شكل آخر لعرض املعلومات/البياانت أبسلوب جديد القصصية منها

واليت تساعد على توصيل األفكار املعقدة بطريقة واضحة ومجيلة. ن التصاميم اإلنفوجرافيكية هلا دور مهم و فعال يف تبسيطإاكما من الناحية املعلوماتية, فكثر تر أن العامل بدأ أيف حني

ثر أكت هذه املعلومات و السهولة يف قراءة هذه الكميات اهلائلة من البياانت املعلوماتية , ابلتايل جتعل هذه البياان سالسة يف قراءهتا ومعرفتها و املقدرة على حتليلها أبسلوب مجيل و جذاب وملفت للنظر.

:خطوات تصميم اإلنفوجرافيك

نفوجرافيك واضح إن يقدم أن تكون واضحه ملن يريد أليت جيب املهمة انفوجرافيك بعدد من اخلطوات مير تصميم اإل .ومميز

.ختيار الفكرةا .1 .الرسم املبدئي .2 .العنوان الرئسي و العناوين الفرعية .3 .جزاء التصميم كوحدة متماسكةأتنسيق .4 .لواناأل .5 .تنقيح التصميم .6 .امال د من أنه مت متثيل احملتوى ككأالت .7 . التأكد من صحة الرسوم .8 .اإلخراج النهائي .9

Page 17: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 17

نفوجرافيك:أنواع اإل

إنفوجرافيك اثبت: .1 تنرتنو تنشر عرب اإلأتة إما تطبع موضوعة يشرح بعض املعلومات وتكون بصغية صورة اثب

نفوجرافيك اثبت: مثال إل(2)صورة

:إنفوجرافيك متحرك .2احلركات بداع واختيارمن اإل الكثريعبارة عن تصميم املعلومات بشكل متحرك كامل حيث يتطلب هذا النوع

إلخراج النهائي هلذا النوع وهذا خراجه بطريقة شيقة وممتعة وكذلك يكون هلا سيناريو كامل إاملعربة اليت تساعد يف ن.اآل نواع استخداما كثر األأ

نفوجرافيك متحرك:مثال إل

presentation/ccDAWvWGK32-http://www.powtoon.com/online/

Page 18: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 18

:أهم الربامج لصناعة اإلنفوجرافيك

برامج لتصميم إنفوجرافيك اثبت قائمة ببعض الربامج وأهم مميزاهتا

على عدد كبري من اخليارات ويتوفر له حقيبة تدريبة (: سهل و حيتويPiktochartموقع ) .1

(: مشاهبة لربانمج الفوتوشوب وهو جماين وتتوفر مذكرة بسيطة لتثبيت الربانمج وروابط Gimpبرانمج ) .2 لدورة جمانية له.

(: يتميز بسهولته ويدعم العريب فقط إذا مت إصدار الصورة جبودة ضعيفة.easel.lyموقع) .3

بربانمج الفوتوشوب , ويتوفر كتاب ابلعريب لشرح الكتاب. ه(: شبيadobe illustratorبرانمج ) .4

برامج لتصميم إنفوجرافيك متحرك قائمة ببعض الربامج وأهم مميزاهتا

و عرض تقدميي أ تصميم الفيديو السابق عن طريقة( (: ميكنك من تصميم فيديو)متPowtoonموقع ) .1 اخليارات ويتوفر له حقيبة تدريبة.سهل جدا و حيتوي على عدد كبري من

(: ميكنك من تصميم عروض تقدميية بطريقة مميزة , سهل و حيتوي على عدد كبري من Prizeموقع ) .2 . اخليارات ويتوفر له حقيبة تدريبة

مقدمة لربانمج(Piktochart):

يصال إل أداة رائعة لتحويل البياانت املصمتة ملعلومات مفهومة تستطيع استخدامها (Piktochart) أتسس موقعلعرض إحصائيات معينة أو نتائج لدراسة حالة، تتيح لك التعديل حبجم الصور وطريقة فكرة معينة، رمبا حتتاجها

. العرض

يعترب هذا الربانمج سهل وبسيط للمبتدئني يف عامل اإلنفوجرافيك، حيث يتيح الربانمج إنشاء نوعني من احلساابت . كما يدعم الربانمج اللغة وآخر مدفوع، تشمل النسخة اجملانية على الكثري من اخلصائص واألشكال األول جماين

. PDFالعربية ويسمح بتحميل الصور والفيديو، ويستطيع املستخدم إصدار العمل بصيغيتني : الصور و

Page 19: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 19

2(: مثال عن اإلنفوجرفيك رقم 3صورة )

Page 20: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 20

(: الدخول للموقع4صورة )

(: التسجيل يف املوقع5صورة )

الدرس األول : التسجيل ابملوقع وإنشاء حساب

Page 21: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 21

نشاء قالب جديدإ(: 6صورة )

: التدريب األول

. ومن مث إنشاء حساب خاص لك www.piktochart.comعليك الدخول ملوقع

الدرس الثاين :إنشاء قالب جديد

التدريب الثاين :

قومي إبنشاء قالب جديد لبدء العمل.

Page 22: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 22

Piktochartالتعرف على واجهة موقع :الدرس الثالث

القوائم الرئيسية أوالا :

:التاليةإبمكانك التعرف على واجهة بيكتوشارت عرب الصورة

(: القوائم الرئيسية يف الربانمج 7صورة )

Page 23: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 23

(: شريط العنوان8صورة )

( 1المساحة رقم: )

( واخللفيات Text( والنصوص)Graphicsالصور)وهي عمود القائمة الرئيسة للموقع عرب هذة القائمة يتم إدراج (Back Groundوكما حت )ت( وي على قائمة األدواتTools).

حتت عنوان "بعض القوائم على بعض منها الحقا ةدد من القوائم الفرعية سنلقي نظر تندرج أسفل كل قائمة رئيسية ع الفرعية"

(2املساحة رقم:)

وتنسدل عدة خيارات أسفل هذة القائم الفرعية حيث يتم Graphicsالقوائم الفرعية للقائمة الرئسية تصنيف الصور لعدة تصانيف خمتلفة تسهل على املستخدم البحث وحتديد وجهته .

( 3املساحة رقم:) ( ملعاينة التصميمPreview.)

( 4املساحة رقم:) و ملف أصميم على اجلهاز إما بصيغة صورة حتميل الت pdf .

لنشر التصميم على املوقع . ( :5رقم )املساحة

( 6املساحة رقم: ) ( ملشاركة العرض مع األخرينShare).

اثنيا: شريط العنوان:

1 2

Page 24: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 24

(: قائمة النصوص10صورة )

قائمة الصور (: 9صورة )

( , Create Newمن خالل هذة القائمة إبمكانك إنشاء جديد ) (Fileقائمة ملف ) ( :1املساحة رقم )( , حل املشاكل Download as image( , تنزيلها كصورة )Save asكــ )حفظ

(Troubleshooting.)

(.Renameمن خالل عالمة القلم إبمكانك إعادة تسمية التصميم كما ترغبني )( : 2املساحة رقم )

اثلثا: بعض القوائم الفرعية من خالل العمل على الربانمجسنستعرض بعض القوائم الفرعية وستقومني ابستكشاف بقية القوائم

كما يظهر يف الشكل يوجد قائمة (:Graphicsقائمة الصور )(icons) ( الفرعية وهي متفرعة من القائمة الرئيسيةGraphics) .

بداخل القائمة الفرعية يوجد قائمة منسدلة حتتوي على عدد كبري من يف اجملال الطيب فعليك (Iconالتصنيفات فإذا كنت تبحثني عن أيقونة )

وستظهر لك جمموعة كبرية من األيقوانت اليت (Medicalإختيار كلمة )دين إنفوجرافيك تعليمي تستخدم يف اجملال الطيب وهكذا . إن كنت تع

تعليمي (Educationإىل أيقوانت تعليمية عليك اختيار كلمة )وحتتاجني وهلم جرا.

كما يظهر يف الشكل يوجد عدد من اخلطوط (:Textقائمة النصوص )( و خطوط Subtitle( والفرعية )Title) املخصصة للعناوين الرئيسية

. كذالك يوفر لك املوقع عدد من اإلطارات ( Body textللمحتوى )( لتظهر بشكل جذاب إبمكانك اإلختيار منها Text Frameللنصوص )

و الكتابة بداخل اإلطار مباشرة . كل ما عليك هو سحب اإلطار و إفالته . داخل منطقة العمل

Page 25: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 25

(: قائمة الرفع11رة ) صو

(: قائمة االدوات12صورة )

ئمة اخللفية(: قا13صورة )

كما يظهر يف الشكل من خالل قائمة الرفع إبمكانك رفع (:Uploadقائمة الرفع ) Select imagesأي صورة موجودة على جهازك إلستخدامها ابلتصميم عرب زر )

from your Computer واجلزء السفلي من القائمة حتت عنوان )(Uploaded imagesستظر لك مجيع الصور اليت قمت برف ) عها من جهازك

. وإبمكانك اختيار أي صورة وإدراجها لتصميمك

ت.لديك ثالث أدواكما يظهر يف الشكل يوجد (:Toolsقائمة األدوات )( مبجرد الضغط عليها سيظهر لك جدول إبمكانك Chartsالرسوم البيانية ) :أوال

( Videosالفيديو ):تعبئة البياانت به ومن مث حتديد نوع الرمسة وإدراجها . اثنيا إبمكانك إدراج مقاطع فيديو عن طريق إدخال الرابط للمقطع وسيقوم املوقع برفعه

مل وخرائط ( يوفر لك املوقع خريطة العاMapsقائمة اخلرائط ) :كصورة . اثلثا القارات بشكل منفصل كما يتيح لك إمكانية تسجل إحصائياتك مبلف للبياانت

املختارة بطريقة سهله و بسيطه. ةومن مث دجمها مع اخلريط

كما يظهر يف الشكل يوجد لديك عدد كبري من (:Ground Backقائمة اخللفية )اخللفيات إبمكانك اختيار ما يناسبك علما أبن التصميم يف املوقع يكون مقسم لثالث

لك إدراج جزء تبعا لتصميمك وميكنك كذأجزاء بشكل تلقائي وميكنك تغيري حجم كل خمتلفة لكل جزء. كما يتيح لك املوقع القدرة على التحكم بشفافية كل خلفية خلفية

(Opacity.)

Page 26: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 26

التدريب الثالث : بعد إنشائك لقالب جديد , قومي بتطبيق ما يلي:

مستخدمة قائمة اخللفية قومي إبدراج خلفية للجزء العلوي من التصميم واجلزء األوسط واألسفل . .1بعد حتديد فكرة اإلنفوجرافيك الذي ترغبني بتصميمة قومي إبدراج الصور املناسبة من قائمة .2

الصور. لك إدراج عنوانك ابجلزء السفلي من التصميم وكذمن قائمة النصوص إبمكانك إدراج امس .3

تصميمك يف اجلزء العلوي من التصميم. . JPEGقومي حبفظ تصميمك على شكل صورة بصيغة .4

Piktochart الدرس الرابع: التطبيق العملي ملوقع

ستكشاف بقية املميزات وقت العمل على ارح التعامل مع املوقع وإبمكانك الدروس التالية على موقع اليوتيوب تش .التصميم

رابط ملقطع فيديو:

https://www.youtube.com/watch?v=Kn85eb4FsPQ

:رابط آخر

https://www.youtube.com/watch?v=493WmBHULg0

Page 27: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 27

بعديختبار ا( : 3نشاط ) أن تنفذ املتدربة تصميم مقارب للمثال التايل:اهلدف :

(نوع النشاط: )فردي دقيقة 15 الزمن:

3نفوجرافيك رقم إ(: مثال 14صورة )

Page 28: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 28

: مثال تطبيقي.(4نشاط ) .انهحسب البياانت املعطاة أد Piktochartنفوجرافيك ابستخدام برانمج إأن تصمم املتدربة : اهلدف

()فردينوع النشاط: دقيقة 20 الزمن:

مرية نورةجامعةاأل م2008\هـ1429سنة أتسست/ حتاد اجلامعات العربيةإاالنتماائت/ حكومية لإلانث فقط جامعةالنوع/ الشمال الشرقي حي النرجس طريق املطار –الرايض موقع اجلامعة/ الكليات/

الكليات الصحية كلية الطب البشري - كلية طب االسنان - كلية الصيدلة - كلية الصحة وعلوم التأهيل - كلية التمريض -

الكليات العلمية كلية العلوم - كلية علوم احلاسب واملعلومات - دارة واالعمالكلية اإل -

الكليات اإلنسانية كلية اللغات والرتمجة - كلية اإلقتصاد املنزيل - كلية الرتبية - كلية اخلدمة االجتماعية - كلية اجملتمع - داباآلكلية -

Page 29: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 29

:العلميةاملراجع www.Piktochart.comموقع .1

www.youtub.com موقع يوتيوب .2

nboundhttp://academy.hsoub.com/marketing/i- موقع .3

-marketing/%D9%85%D8%AF%D8%AE%D9%84

-%D8%A5%D9%84%D9%89

-%D9%85%D9%81%D9%87%D9%88%D9%85

%D8%A7%D9%84%D8%A5%D9%86%D9%81%D9%88%D8%

r63-AC%D8%B1%D8%A7%D9%81%D9%8A%D9%83/

Page 30: ةيبيردت ةرود ناونعب - WordPress.com · 2016. 2. 16. · كلام- مارم نتاف دوهع يلآا بساحا تاراهم مسق Piktochart ةيبيردت ةرود

Piktochart مالك -مرام -فاتن -عهود يلقسم مهارات احلاسب اآل 30

:املالحق

:ختبار القبلي( اال1النشاط )جوبة أ االيت:من خالل الشكل السابق أجييب عن

مامك؟أمالذي تالحظينهo نص o صورة o بياانت وأرقام واحصائيات

o رموز ورسوم o صوت o فيديو

o خرائط

مباذا يسمى هذا الشكل؟ انفوجرافيك

كيف يتم عمل هذا الشكل؟ قومي إبعطاء مثال؟ Piktochartصميم مثل برانمج الفوتوشوب والـ ابستخدام برامج ت

:ماهي اخلطوات املتبعة قبل بدء التصميم )مرحلة التخطيط(؟ -

مجع املعلومات. –حتديد املوضوع عند بدء التصميم؟ -

تصميم منوذج. -ختيار الربانمج إ اثناء تنفيذ التصميم؟ -

مالئمة الصور مع احملتوى. –شكال صور واألدراج الوط واأللوان والعناوين وإختيار اخلطإ بعد االنتهاء من التصميم؟ -

مراجعة التصميم ومن مث حفظه.