الالتينية الكلمة من مشتقة المتعددة الوسائط(Multus )والكلمة المتعددة أو الكثيرة وتعني(Medium( )الوسيط أو المركز (.Mediaوتعني

تكنولوجيا مجال في المتعددة الوسائط وعرفتكلمة تتكون و الستينات منذ التعليم

Multimedia هما جزأين وهى Multiمنو التعددية، بمعنى اإلنجليزية اللغة في تستخدم

Media للمعلومات الحاملة الوسائط إلى تشيروالبصرية السمعية واألقراص واألشرطة كالورق

( الفرجانى، الممغنطة. السالم عبد العظيم ، 1997عبد ( .211ص

للوسائط محدد تعريف هنالك ليس Pوحالياالمتعددة.

: األول التعريف( المتعددة : باإلنجليزيةالوسائط

Multimedia )واسع مصطلح وهوعالم في إلى الحاسوباالنتشار يرمز

لحمل مختلفة إعالم أجهزة عدة استعمال ( الصوت، النص، مثل المعلومات

الفيديو، المتحركة، الصور الرسومات،التفاعلية (.والتطبيقات

الثاني Multimedia is every: التعريفthing you can see or hear.

أو ) تراه ما كل هي المتعددة الوسائطتسمعه(

المفهوم تابع

: الثالث التعريفDescribe any application or technology that can be used to represent:

-Text, image, sound, animation, video: الرابع التعريف

Using a combination of moving pictures, sound, music and words especially in computer or entertainment.

المفهوم تابع

: الخامس التعريف + ( ، صورة ,صوت مثًال فأكثر وسيطين دمجحركة + + + (. صورة صوت ، صورة نص

: السادس التعريفمتفاعل برنامج يحتوي Interactiveإنتاج

الفيديو أو الحركة ، الصوت علي

الوسائط تكون أن الممكن من وتفاعلية غير أو تفاعلية المتعددة

منها كل لخصائص وفقا فائقة أو

هايعرف Hillmaa , 1998 بأنها:الخطية الوسائط liner Mediaعروض

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

( ، زيتون الحميد عبد كمال يشير بينماغير ، (2002 المتعددة الوسائط أن إلى

طرق ذات وسائط هى التفاعليةواحد جانب من One- Wayاتصال

Communication

1 -المتعددة الوسائط عناصر لجميع الدمجثالثة ) األقل على العروض هذه تقديم فى

الرسومات ( و الصوت و كالنص عناصرالخطية .

نموذجية- 2 بداية تكون البرنامج بدايةفيها يتحكم ال التليفزيونية للعروض

لتحكم تخضع البرنامج نهاية بينما المستخدمالمستخدم .

تحكم- 3 تحت إجرائية بصورة يسير البرنامجأحد أو الفأرة على بالضغط المستخدمالتالية . المعلومات لمشاهدة المفاتيح

التى- 4 إلى الواحدة من الشاشات تغيرلكل المحدد للزمن تبعا آلية بطريقة تليها

. ) البوربوينت ) عروض مثل شاشة

التفاعلية المتعددة الوسائطInteractive Multimedia

الخطية غير الوسائط عروض -Non هىliner Media على فقط تعتمد التى

جميع تستخدم عروض وهى الكمبيوترفى المستخدمة االتصاالت وسائط

، مكتوب نص من المتعددة الوسائط ، متحركة أو ثابتة وصورة ، مسموع وصوت

تمكن أنها كما وفيديو وجداول ، رسوم وتتابع فى المباشر التحكم من المتعلم

فى بالتحكم له تسمح ،حيث المعلوماتالخروج و المحتوى عرض و اختيار

فى أو نقطة أى من البرنامج من واالنتهاء . شاء وقت أى

Noha Emara

1 ( -، الصوت ، النص المتعددة الوسائط أنماط. ) ، الرسوم ، الفيديو

المحتوى- ) 2 عرض فى السير خطية غير البيئةاختياره ( . و المستخدم لرغبة وفقا

مع- ) 3 المستخدم تفاعل كمنتجين المستخدمينالبرنامج ( .

تسمح التفاعلية المتعددة الوسائط أن يعنى هذا وو المعلومات و البيانات باستقبال للمستخدم

أنها أى محتوياتها عرض فى الفعالة المشاركةمزدوجة )" اتصال طرق ذات Two - Wayوسائط

Communication ("، زيتون الحميد عبد ، 2002كمال .399ص

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

وسائط من متعددة أشكاال المعلوماتغير داخلية ارتباطات خالل من االتصال

بتصفح Non- Linear خطية للمتعلم تسمحكما سريعة بطريقة المعلومات واستعراض

. ) اإلنترنت ) مواقع اإلنترنت في

النصText:  تفرض التي التعليمية وهوالمادةإلى نقلها ويتم ، مطبوع بشكل المتعلم على

تشويقا . أكثر بأشكال الحاسوب · الصورةImage:  سلسلة شكل على تستخدم

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

التعليمية . للمادة األساسي بالموضوع ·الحركةAnimation:  الصور أن وذلك

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

التعليمي .

المتعددة تابع الوسائط عناصر

·الصوتSound:  كبديل أحيانا يستخدم وقدشريطة التعليمية العملية في النص الستخدام

أو نصوص قراءة كان سواء ، جيد بشكل توظيفهالتعليمي . المحتوى يخدم بما صوتية مؤثرات

· الفيديوVideo:  الوسائل أقوى الفيديو يعتبرفي التعليمية العملية استخدمتها التي التعليميةالحديثة التكنولوجيا أعطت وقد ، الحديث العصر

ومستخدم التعليمية المادة لمطو�ر الصالحيةإلى الفيديو تسجيالت إلدخال ؛ الحاسوبالوسائط عناصر تكاملت وبذلك الحاسوب :  ، الصورة ، الصوت ، النص كلها المتعددة

 : الحركة . مثل· ، اإلبداعية التأليف برامجDirector ، Authorware

·البيانات المحاكاةبرامج إنتاج وبرامج ·البرمجة لغات بعض

بثالثة يمر المتعددة الوسائط نظم إنتاج: وهي رئيسية مراحل

اإلنتاج قبل ما Preproductionمرحلة

. والتصميم التحليل مرحلتي تشمل المرحلة وهذه اإلنتاج Productionمرحلة

الوسائط نظام إنتاج تشمل المرحلة وهذه.) المنتج ) المتعددة

اإلنتاج بعد Postproductionمرحلة. المنتج تقييم مرحلة تعني المرحلة وهذه

Analysisمرحلة التحليل Phase

: اآلتي المرحلة هذه وتشمل . التحليل إحتياجات .Analysis Needs أ

. النظام من الهدف .Objectiveب . التقنية النظام إحتياجات Technicalج

Requirements. . للتحليل النهائية المرحلة . Final phaseد

إحتياجات التحليلالمستخدم إحتياجات علي التعرف مرحلة وهي

واضحة) ( إجابات نجد أن ويجب النظام صاحب: التالية لألسئلة

المستهدفين )1. (Audienceالمشاهدين

؟ النظام بهذا المستهدفين هم منوالتعليم. 2 Learning needsالتدريب

؟ المستخدمين تدرب أن تريد ماذاQualificationsالمؤهالت. 3

إبتدائي، ) للمستخدمين التعليمي المستوي ماهو) فوق ، جامعي ، ثانوي

التحليل إحتياجات تابع

:Dutiesالواجبات . 4في ينفذوها أن تريدهم التي األشياء ماهي

؟ النظامالمكتسب. : 5 Learningالتعليم

prerequisites؟ النظام يرمي ماذا إلي

Genderالنوع. : 6؟ ) ( أنثي ، ذكر المستهدف جنس ماهو

7 : Cultureالثقافة. ( ، أوربية ، سودانية المستخدم ثقافة ماهي

؟ .....( ، أسيويةاالجتماعية. : 8 Social Backgroundالخلفية

؟ ) ( متزوجين ، عزاب المستهدفين هل

ب. الهدف من النظام

بصورة النظام من الهدف تحديد ويجبلتحقيق يقوم نظام أي ألن Pجدا واضحة

الهدف تحديد وعدم محدد معين هدفإنهيار إلي سيؤدي Pحتما دقيقة بصورة

النظام.

التقنية النظام اإلحتياجات تحديد ويجبوتشمل:

( والمعدات (Hardwareاألجهزةالعرض : جهاز , TV , CD ,Internetتحديد

etc( واألدوات (Softwareالبرامج

الخاصة واألدوات البرامج بها ونعني ، الفوتوشوب برامج مثل النظام بتصميم

الجافا ، ويفر الدريم ، الفًالشإسكربت .....

للتحليل النهائية المرحلة

ما علي الحصول يتم المرحلة هذه وفيالمتحركة ) بالقصة ( Story Boardيعرف

وتشمل للنظام أولي تصميم عن عبارة وهيشاشة، كل ومحتويات النظام شاشات

إلي باإلضافة ، الشاشات عرض وتسلسل. البيانات قاعدة في الملفات حفظ

: اآلتي علي تحتوي أن يجب شاشة كل (المعلومات ، منها الهدف ، الشاشة اسم

المتعددة الوسائط ، تحتويها التيالبرامج إستخدمت، ماذا وفي المستخدمة

الشاشة (. تصميم في المستخدمة

التصميم Design Phaseمرحلة

التالية المرحلة هي التصميم مرحلةتتم المرحلة هذه ففي التحليل، لمرحلة

وإدخال الشاشات تصميم عمليةالبيانات.

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

بالربط الخاصة األكواد وكتابة المفصلة(Hyperlinks )ما أو للنظام مبدئ وتجهيز

النظام ) بعينة (.Prototypeيعرف

اإلنتاج ProductionمرحلةPhase

لمرحلة التالية المرحلة وهيالشاشات ربط يتم وفيها التصميم

والفيديو الصوت وتفعيل(complete the system and

print out the results.)) لعرضه , جاهزا المنتج أصبح اآلن

للتقييم . للزبون

التقويم EvaluationمرحلةPhase

الوسائط لنظام سليم تقويم علي للحصولالحكام من مجموعة علي عرضه يجب المتعددة

( ) الطالب ، المعلمين ، كان الزبون إذا ما وتحديد. ال أو المستخدمين لتدريب يحتاج النظام

عند اآلتي مراعاة يجب ؟ النظام عرض يتم كيف: النظام عرض

تكلفة- 1 وكم ومؤهًالتهم اإلنتاج فريق بتعريف تبدأ. عندهم الساعة

.Demoتعرض- 2 للنظام الرئيسي الجزءالتقنية- )3 االحتياجات ( Hardware/Softwarتعرض

وتكلفتها.

) مواصلة ) التقويم مرحلة

إجراء- 4 بعد عليه حصلت الذي التصميم عرضالنهائية ) (.Last Versionاإلختبارات

: أنواع من نوعان هنالك التقويم أنواع: هما التقويم

: المستمر Formative Evaluationالتقويم النهائي Summativeالتقويم

Evaluation:

المستمر التقويم

إنتاج عملية أثناء المستمر التقويم عملية تتم ) لمراجعة ) القرارات إلتخاذ , مثًال التعليمي النظام

أخطاء، حدوث حال هذه النظام وتستخدموليس واحد نسق لها المادة كانت إذا الطريقة

والتدريب ) للتعليم تحتاج متعددة أفرع مثًال لهالغة .(HTMLتعليم

النظام جودة وتضمن أفضل المستمر التقويم عمليةحساب ) علي الجودة اإلنتاج عملية تبطئ ولكن

الزمن(.

النهائي التقويم

لقياس النظام إنتاج يتم عندما العملية هذه تجريالنظام ) كان إذا التعليمية العملية في فاعليته مدي

المادة ( كانت إذا الطريقة هذه وتستخدم تعليميأو للتعليم معين نسق له فرع وكل أفرع عدة لها

اإلنجليزية ) ( اللغة تعليم مثال -spellingالتدريبwriting – reading – composition –

Grammer.))

: التقويم بعملية يقوم الذي من

وفريق المصممين بواسطة التقويم عملية تتماإلنتاج.

. الجودة نواحي التقويم عملية في يراعي للزبون بالنسبة وخاصة , جدا مهمة التقويم عملية

( يستطيع ألنه النظام صمم أجله من الذي.) األخري األنظمة مع مقارنته

يجب التقويم عملية من تتنج مقترحات أيالنظام وإستمرارية الجودة لتحسين مراعاتها

. أطول لفترةأن) طالما تتوقف ال مستمرة عملية التقويم عملية

) , جدا ومهمة يعمل النظام

Assignment -1

( المتحركة القصة تصميم StoryالمطلوبBoard )البرامج توضيح مع أخترته الذي للنظام

وإنتاج تصميم عملية في تستخدمها سوف التيالنظام.

) ( يوم الورق علي مكتوب للتسليم يوم آخر29/4/2013

. المادة: أستاذ مكتب المكان ( : 3 – 1الزمان) م

األولي الوحدة إنتهت بحمدللهوحتي رعاية في نستودعكمالثانية الوحدة في الملتقي

الله،،،، بإذن

Multimedia Elements

Multimedia Elements Digital Image

Main Points: Introduction. The importance of Image. Image types. Image processing & image matching . Image representation and calculating file

size.

37

Introduction

Using of image and graphics over centuries ago, and people used images instead of texts.

( One image is better than 1000 words.).

Bartilean system in 1920 was the first system that used image processing method to transfer the newspaper from London to New York over Atlantic ocean, which decreased the sending time from one week to 3 hours.

38

Image processing is used in Medicine ( X-rays , Ultra sound , endoscopy, RMI), in Mining (Patrol , cold , …), in space (NASA) in Military Purposes, and in many areas(Education, Telecommunications, Simulation).

39

Importance of image: Since 1964 , the image processing is a

growing area and now ( in 5th Generation) computers are using image and audio to communicate with the user.

Image processing is used in space system( Ringer – 7) which sent images from the Moon in 1964.

Also used in military purposes as mentioned earlier.

Image processing is an important for any computer area and is a rich research area(Pattern Recognition))

40

Digital Image representation:

Digital Image is composed of number of pixels(picture element) and it can be represented using 2D array ( Matrix ).( N x N array )

For monochrome images ( B / W)

( Mono TV is 512 x 512 ) image can be expressed as a

function(relation )like this : 41

1 0 1

0 0 1

1 1 1

f(x,y) = 0 ( black point).f(x,y) = 1 ( white point). (Ibn El-Haithem discovered that eye

can’t see in darkness.)

42

Image Types:There are three types of image:

Binary Image.Gray Image.Color Image.

Binary Image : it represented as one pixel in one bit ( e.g 100 pixel stored in 100 bits)

Gray Scale image : Grayscale is a range of monochromatic shades from black to white. Therefore, a grayscale image contains only shades of gray and no

color.

While digital images can be saved as grayscale (or black and white) images, even color images contain grayscale information. This is because each pixel has a luminance value, regardless of its color .

43

Luminance can also be described as brightness or intensity, which can be

measured on a scale from black (zero intensity) to white (full intensity). Most

image file formats support a minimum of 8-bit grayscale, which provides 2^8 or

256 levels of luminance per pixel. Some formats support 16-bit grayscale, which

provides 2^16 or 65,536 levels of luminance.

44

Color Image :

A (digital) color image is a digital image that includes color information for each pixel.

For visually acceptable results, it is necessary (and almost sufficient) to provide three samples

(color channels) for each pixel, which are interpreted as coordinates in some color space.

The RGB(Red , Green , Blue) color space is commonly used in computer displays.

A color image has three values per pixel and they measure the intensity and chrominance of

light.Thus they used 24 bit to represent each

pixel(f(x,y,z)).

45

Image Matching(Recognition) Steps:

Digital image processing is the use of computer algorithms to perform image processing on digital images. As a subcategory or field of digital signal processing, digital image processing has many advantages over analog image processing. It allows a much wider range of algorithms to be applied to the input data and can avoid problems such as the build-up of noise and signal distortion during processing.

There are 6 steps to perform image matching processing(comparing of two images):

1. Image Scanning of capturing ( by using digital camera, scanner ).

2. Pre-processing ( Binarization ) : Remove of noise

46

3- Segmentation : means separating of important information (e.g extracting of body from background).

4- Feature Extraction: (extracting of features (attributes ).

5- Feature Classification(grouping of features).

6- Image understanding(Matching)

47

Image Representation:

Depth: the depth of an image is the number of bits used to represent each pixel.

e.g in B/W (bitmap image ) : the depth is calculated as :

One bit for each pixel.4 bit: represents 16 colors(2 ^ 4 ): used

in low resolution screens.

48

8 bit: can have 256 colors.8 bit gray : can have 256 gray levels.16 bit : can have 65,536 colors (hi color

in windows).16 bit divided into ( 5 bits for Red , 6 bits

for Green , 5 bit for Blue).24 bit: can have 16,777,216 colors each

byte is used to represent the intensity of a primary color(RGB). And each color

can have 256 different levels.49

Resolution : How much details an image can have , there are several

resolutions relating to image.

1 -Image Resolution : is the number of pixels in an image ( e.g 320 x 240 =

76000 pixels).

2 -Display ( Monitor ) Resolution: refer to number of dots per inch ( dpi) on a

monitor (windows usually has 96 dpi resolution) 50

Example : A 288 x 216 image displayed on a monitor with 96 dpi

will be: [3 inch x 2.25 inch (]image size)

3 -Output Resolution: refer to number of dot per inch on a hard copy (output

device).

Many printers have 300 dpi or 600 dpi resolution.

(the above image printed on a 300 dpi printer will be [0.96 x 0.72 inch]

[Image on printer / paper = image resolution / monitor resolution]

51

Vector Graphics: instead of using pixels , objects can be represented by their attributes such as , size , color , location.

This type of graphics known as vector graphic.Vector graphic file contains graphics primitives for

example rectangle , circle , lines.There are many languages for describing vector

graphics ( e.g VRML , SVG).

52

Calculation file size:

File size = depth x image size [Depth (k)=2 ^ k = n , n is number of levels][Image Size = Area x R ^ 2]

Calculation of image size steps:1- calculate k [ 2^ k = n , n is number of

levels)2- calculate the total number of pixels TNP = area x R^2 ( R, Resolution )3- calculate the file size FS = [TNP x K ] KB

53

Example: A 32 level gray image with 10 dpi

resolution and 7 x 8 inch , calculate the file size (required space in Hard disk).

Steps:1- cal k = 2 ^ k = n 2 ^ k = 32 , k = 5 bits.(k is depth).2- cal TNP = area x R ^ 2= 7 x 8 x 100 = 5600 pixels.3- cal file size FS = TNP x K = 5600 x 5 = 28000 / 1000 = 28KB

54

H.W

Calculate the File size for the following images:

1- A 256 color image with a resolution of 5 dpi and an area of 100 inch.

2- a binary image with 36000 pixels.[Hint: there is a relation between the

image resolution and the file size][high resolution requires big size on the disk]

55