ملزمة الوسائط2-5.pdf

Multimedia Technology ‫تكنولوجيا الوسائط المتعددة‬ 1 Mohammed Ghaleb Aqeel 2024 2 About Fonts and Faces ‫حول الخطوط واشكال الخطوط‬ Using Text in Multimedia ‫استخدام النصو...

Multimedia Technology ‫تكنولوجيا الوسائط المتعددة‬ 1 Mohammed Ghaleb Aqeel 2024 2 About Fonts and Faces ‫حول الخطوط واشكال الخطوط‬ Using Text in Multimedia ‫استخدام النصوص في الوسائط المتعددة‬ Computers and Text ‫حول النصوص في الحاسوب‬ Font Editing and Design Tools ‫أدوات تحرير وتصميم‬ Hypermedia and Hypertext 3  Using text and symbols for communication is a very recent human development that began about 6,000 years ago in the Egypt, Sumeria, and Babylonia. ‫ سنة في مصر وسامراء وبابل‬6000 ‫استخدمت النصوص والرموز للتواصل منذ زمن بعيد أي قبل‬ Today, text and the ability to read it are doorways to power and knowledge. Reading and writing are expected and necessary skills within most modern cultures. ‫حديثا اعتبرت النصوص والقدرة على القراءة بوابة المعرفة والقوة حيث تعتبر القراءة والكتابة من المهارات‬.‫الضروريات لمعظم الحضارات‬ 4  Since the explosion of the Internet and the World Wide Web, text has become more important than ever. Indeed, the native language of the Web is HTML. ‫ هي اللغة‬HTML ‫ اذ تعتبر‬.‫منذ ظهور االنترنت والشبكات العنكبوتية ازدادت أهمية النصوص‬.‫األساسية في الويب‬ Yahoo! Search once claimed, “Our index now provides access to over 20 billion items. This update includes over 19.2 billion web documents, 1.6 billion images, and over 50 million audio and video files. 19.2 ‫ منها‬.‫ مليار عنصر بيانات‬20 ‫ فقد وفرت فهرسه ألكثر من‬،‫حسب احصائيات شركة ياهو‬.‫ مليون ملف صوت وفيديو‬50 ‫ مليار صورة و اكثر من‬1.6 ‫مليار مستندات ويب‬ 5 ‫‪Power of Text: Multimedia Show‬‬ ‫شاهد الفيديو المرفق لمعرفة إمكانية النصوص في الوسائط المتعددة‬ ‫‪6‬‬  A single word may be explained in many meanings, so as you begin working with text, it is important to cultivate accuracy and conciseness in the specific words you choose. ‫يمكن ان تأخذ الكلمة الواحدة اكثر من معنى لذلك في النصوص يجب انتقاء كلمات تحمل معنى دقيق‬.‫ومختصر‬ “GO BACK!” is more powerful than “Previous”; “Quit” is more powerful than “Close”. “TERRIFIC!” may work better than “That Answer Was Correct”..‫ وهكذا‬Close ‫ ابلغ من كلمة‬Quit ‫مثال كلمة "تراجع” ادق في المعنى من كلمة “السابق” و كلمة‬ Experiment with the words you plan to use by letting others try them. If you have the budget, set up a focus group to have potential users experience your words. ‫ اذا توفرت اإلمكانيات‬.‫يمكن تجريب الكلمات المراد استخدامها في الوسائط المتعددة بواسطة اخرين‬.‫المادية يفضل إقامة فريق لتجريب الكلمات بين مجموعة مستخدمين‬ 7 ‫‪Power of Text: Multimedia Show 2‬‬ ‫شاهد الفيديو لتأثير النصوص في الوسائط المتعددة‬ ‫‪8‬‬  Alphabet characters ‫الحروف الهجائية‬ A – Z and a – z Numbers ‫االرقام‬ 0–9 Special characters ‫الرموز الخاصة‬ Punctuation (. , ; “ ‘ ! : - /) ‫أدوات التنقيط‬ Signs ($ + - = @ # % ^ & *) ‫اإلشارات‬ 9 Text can be captured in following ways: :‫يمكن الحصول على النص بالوسائل التالية‬ – Keyboard ‫لوحة المفاتيح‬ – Mouse ‫الماوس‬ – Scanner (OCR) – Optical Character Recognition* ‫المساح الضوئي عن طريق تمييز الحروف الضوئية‬ Designed to translate images of handwritten or typewritten text (usually captured by a scanner) into machine-editable text. ‫حيث صممت لغرض ترجمت الصور لخط اليد او المطبوعات الى نصوص يمكن تحريرها‬ ‫بواسطة االلة‬ 10  A typeface is a family of graphic characters that usually includes many types, sizes and styles. Helvetica, Times, and Courier are typefaces. ‫) هو عائلة من الحروف الرسومية لها اكثر من نوع وحجم‬typeface( ‫الشكل الطباعي‬.Courier ‫ و‬Times ‫ و‬Helvetica ‫ونمط مثل‬ A font is a collection of characters of a single size and style belonging to a particular typeface family. Times 12-point italic is a font. ‫ الرموز لها حجم و نمط واحد تنتمي الى شكل‬/‫) هو تشكيلة من الحروف‬font( ‫الخط‬ Times 12-point italic. ‫ مثل‬.‫طباعي واحد‬ Typical font styles are boldface and italic. The computer software may add other style attributes, such as underlining and outlining of characters. ‫ مع ذلك يمكن ان تضيف بعض البرمجيات خصائص‬.‫عادة ما يكون نمط الخط خط عريض او مائل‬ ‫ مثل خط اسفل النص‬11 ‫للنمط‬ Type sizes are usually expressed in points; one point is 0.0138 inch, or about 1/72 of an inch. ‫) حيث‬point( ‫عادة ما تقاس احجام الشكل الطباعي بوحدة النقطة‬.‫ نقطة‬72 ‫تحتوي كل بوصه على‬ 12  Character metrics are the general measurements applied to individual characters. ‫ هي مقاييس تنطبق على الحرف الواحد‬:‫مقاييس الحروف‬ Kerning is the spacing between character pairs. ‫هي المسافة بين زوج من االحرف‬: Kerning Rasterizing is converting the character from a mathematical representation to a recognizable symbol. From text to image and from point to pixel or dots. ‫ أي يتم‬.‫ هي عملية تحويل الحروف من تمثيل رياضي الى رموز‬: Rasterizing.‫تحويل الحرف من نص الى صورة ومن نقطة الى بكسل‬ A capital letter is called uppercase, and a small letter is called lowercase..lowecase ‫ والصغيرة تسمى‬uppercase ‫الحروف الكبيرة تسمى‬ 13  Case sensitive, meaning that the text’s upper- and lowercase letters must match..‫يقصد بحساسية الحالة انه يجب تطابق حالة االحرف الصغيرة أو الكبيرة‬ Leading is the space between lines. ‫ هي المسافة بين السطور‬: Leading Intercap is placing an uppercase letter in the middle of a word such as WordPerfect, WebStar, PhotoDisc, FileMaker. WordPerfect, WebStar, ‫ هي وضع احرف كبيرة في وسط الكلمة مثل‬: Intercap PhotoDisc, FileMaker The serif is the little decoration at the end of a letter stroke. Times, New Century, Schoolbook, Bookman, and Palatino are examples of serif fonts. Helvetica, Verdana, Arial, Optima, and Avant Garde are sans serif. ‫ من الخطوط‬Century ‫ و‬Times ‫ هي الزخرفة في نهاية شكل الحرف حيث تعتبر‬: Serif .‫المزخرفة‬ Avant ‫ و‬Arial ‫ هي الخطوط غير المزخرفة مثل خط‬:Sans Serif  14 Serif fonts Sans serif fonts ‫خطوط مزخرفة‬ ‫خطوط غير مزخرفة‬ Times New Roman Arial Bookman Old Impact Style Verdana Monotype Corsiva Courier New 15  Bold, Italic, Underline, Strikethrough, superscript or subscript, embossed or shadow ،‫ نص سفلي‬،‫ نص علوي‬،‫ خط وسطي‬،)‫ مؤكد (مع سطر تحتي‬،‫ خط‬،‫ مائل‬،‫خط عريض‬.‫ ظل‬،‫بارز‬  Colours. ‫األلوان‬  Some common fonts used today include:.‫امثل لبعض الخطوط المستخدمة حاليا‬  Arial (or Helvetica)  A sans serif font  Times New Roman (or Times Roman)  A serif font  Courier New (or Courier)  A monospaced font (all characters have the same width) 16 ‫‪1.‬‬ ‫‪For small type, use the most legible font available.‬‬ ‫يوصى باستخدام الخطوط المقروءة عند اختيارخطوط صغيرة في الكتابة‪.‬‬ ‫‪2. Use as few different faces as possible in the same work, but‬‬ ‫‪vary the weight and size of your typeface.‬‬ ‫يجب استخدام اقل عدد ممكن من االشكال الطباعية في المشروع الواحد حيث يمكن‬ ‫استخدام احجام خطوط مختلفة لتمييز النصوص‪.‬‬ ‫‪3. In text blocks, adjust the leading for the most pleasing line‬‬ ‫‪spacing.‬‬ ‫يتم تعديل المسافات بين االسطر في مربعات النصوص بما يتناسب مع المحتوى‪.‬‬ ‫‪4. Vary the size of a font in proportion to the importance of the‬‬ ‫‪message you are delivering.‬‬ ‫يتم تغيير حجم النصوص بما يتناسب مع أهمية الرسالة المقدمة في مشروع الوسائط‬ ‫المتعددة‬ ‫‪17‬‬ 5. In large-size headlines, adjust the spacing between letters (kerning) so that the spacing feels right..‫يتم تعديل المسافة بين الحروف في العناوين الرئيسية ذات الخطوط العريضة‬ 6. To make your type stand out or be more legible, explore the effects of different colors and backgrounds. ‫لكي يبدوا الشكل الطباعي مقروء يجب تجريب خلفيات مختلفة مع خطوط بالوان‬ Blue font ‫مختلفة‬ 7. Try drop caps and initial caps to accent your words. ‫يمكن تجريب الحروف الكبيرة النازلة و الحروف الكبيرة االبتدائية الضافة‬.‫تحسين على شكل النصوص‬ 8. Experiment with drop shadows. 18 ‫‪9.‬‬ ‫‪For attention-grabbing results with single words or short phrases, try graphically altering.‬‬ ‫لغرض الحصول على نتائج ملفتة لالنتباه مع العبارات القصيرة‪ ،‬يمكن تجريب تعديل الخطوط باستخدام تدوير النص بشكل دائري‬ ‫مثال او تلوين النصوص بالوان قوس قزح‪ ،‬الخ‪.‬‬ ‫‪10.‬‬ ‫‪Pick the fonts that seem right to you for getting your message across.‬‬ ‫اختر الخط الذي يبدو مناسبا لعرض الرسالة المعنية‪.‬‬ ‫‪11.‬‬ ‫‪Use meaningful words or phrases for links and menu items.‬‬ ‫استخدم عبارات ذات معنى لعناصر الربط او القوائم ‪.‬‬ ‫‪12.‬‬ ‫‪Text links on web pages can accent your message: they normally stand out by color and‬‬ ‫‪underlining.‬‬ ‫في نصوص الربط في صفحات الويب يمكن تمييز النصوص الرابطة باللون والخط السفلي‪.‬‬ ‫‪13.‬‬ ‫‪Bold or emphasize text to highlight ideas or concepts.‬‬ ‫يمكن تمييز األفكار والمفاهيم بواسطة الخطوط العريضة أو المائلة‪.‬‬ ‫‪14.‬‬ ‫‪On a web page, put vital text elements and menus in the top 320 pixels.‬‬ ‫في صفحات الويب‪ ،‬يتم وضع النصوص الحيوية والقوائم في اعلى ‪ 320‬بيكسل من الشاشة‪.‬‬ ‫‪15.‬‬ ‫‪Animate your text to grab the viewer’s attention.‬‬ ‫يمكن إضافة حركة ‪ Animation‬على النصوص لجلب انتباة المشاهد‬ ‫‪19‬‬  Symbols and Icons: ‫الرموز وااليقونات‬ – Symbols are concentrated text in the form of stand-alone graphic constructs..‫) هي عبارة عن نصوص متمركزة في شكل تشييد صوري‬Symbols ( ‫الرموز‬ – Symbols convey meaningful messages..‫توصل الرموز رسائل ذات معنى في مشروع الوسائط المتعددة‬ – Certainly text is more efficient than imagery and pictures for delivering a precise message to users. ‫يظل النص اكثر بالغة من الصور والرسوميات إليصال رسائل للمستخدم‬ – On the other hand, pictures, icons, moving images, and sounds are more easily recalled and remembered by viewers. ‫من جانب اخر تعتبر الصور وااليقونات والصور المتحركة وكذلك الصوتيات من‬.‫الوسائل الجيدة لعرض المعلومات والتي يسهل للمستخدم تذكرها مقارنة بالنصوص‬ 20 Menus for Navigation: ‫القوائم والتنقالت‬ – An interactive multimedia project or web site typically consists of a body of information, or content, through which a user navigates by pressing a key, clicking a mouse, or pressing a touch screen. ‫يتكون مشروع الوسائط المتعددة بشكل نموذجي من جزء معلومات رئيسي يستطيع المستخدم من‬ ‫خالل ضغط زر في لوحة المفاتيح او الضغط على الماوس او لمس الشاشة من التنقل بين محتوياته‬ – The simplest menus consist of text lists of topics. Home > Store > Home & Garden > Patio & Grilling > Gas Grills & Accessories > Gas Grills > Burners. ‫ابسط صور القوائم تلك التي تحتوي على عناوين نصية‬ 21 Buttons for Interaction: ‫االزرار التفاعلية‬ Buttons are the objects, such as blocks of text, a pretty blue triangle, or a photograph, that make things happen when they are clicked. ‫) هي عبارة عن كائنات مثل مربعات النصوص او قد يكون بشكل مثلث‬Buttons(‫االزرار‬.‫ازرق اللون أو صورة التي تقوم بحدث ما عندما يتم ضغطها‬ On the Web, text and graphic art may be buttons..‫يمكن أن تحتوي صفحة الويب على عناصر نص او صور او ازرار‬ 22 Fields for Reading: ‫حقول القراءة‬ Experiments have shown that reading text on a computer screen is slower and more difficult than reading the same text in hard-copy or book form. ‫اثبتت التجارب ان قراءة النصوص عبر شاشة الكمبيوتر ابطئ واصعب من قراءتها في المطبوعات الورقية او‬.‫الكتب‬ When designing a website, try to present to the user only a few paragraphs of text per page..‫عند تصميم صفحات الويب يفضل عرض عدد قليل من الفقرات في كل صفحة‬ Use a font that is easy to read rather than a prettier font that is illegible..‫يفضل استخدام خطوط سهلة القراءة عن استخدام الخطوط التي تبدوا رائعة‬ Try to display whole paragraphs on the screen, and avoid breaks where users must go back and forth between pages to read an entire paragraph. ‫يفضل عرض كل الفقرات في الشاشة وتجنب الفواصل حيث يضطر المستخدم من التنقل ذهابا وإيابا بين‬.‫الصفحات لقراءة الفقرات‬ Plan a Portrait or a Landscape for the targeted audience and contents..)‫افقي‬/‫التخطيط لوضع المحتوى النصي بما يتناسب مع اتجاه شاشات المستخدم (رأسي‬ 23 ‫يجب‬ eBooks, E-Readers, and Tablet Computers: ‫الكتب االلكترونية و القارئات االلكترونية واألجهزة اللوحية‬ eBooks are books digitized and formatted to be read using an eReader..‫الكتب االلكترونية هي كتب رقمية مهيأة لكي تقرأ بواسطة القارئات اإللكترونية‬ eReaders display text, graphics, and multimedia, most using E Ink screens..E ‫تعرض القارئات االلكترونية النصوص والصور والوسائط المتعددة في شاشات حبر‬ Among eBook devices are the Apple iPad, Kindle, and the Sony Reader. Sony ‫ و قارئ‬Kindle ‫ و‬Apple iPhad ‫من ضمن الكتب االلكترونية‬ 24 HTML Documents: HTML ‫مستندات‬ The standard document format used for displaying text pages on the Web is called Hypertext Markup Language (HTML). HTML ‫المستندات القياسية التي تستخدم في عرض النصوص في صفحات الويب هي‬ In an HTML document you can specify typefaces, sizes, colors, and other properties..‫ يمكن تعيين االشكال الطباعية و حجم ولون الخط باإلضافة الى خصائص أخرى‬HTML ‫في مستندات‬ 25  PostScript is really a method of describing an image in terms of mathematical constructs..‫ هي الطريقة التي يتم فيها وصف الصور باستخدام تمثيل رياضي‬PostScript ‫تقتنية‬ Adobe PostScript, is a language for printing documents on laser printers, was introduced by Adobe in 1985. 1985 ‫هي لغة طباعية للمستندات على طابعات الليزر تم تقديمها بواسطة شركة ادوبي عام‬Adobe PostScript In 1989, Apple and Microsoft announced a joint effort to develop a “better and faster” quadratic curves outline font methodology, called TrueType. ‫م قامت شركة ادوبي ومايكروسوفت باإلعالن عن رابطة لتطوير منهجية للخطوط‬1989 ‫في سنة‬ TrueType ‫ذات المنحنيات التربيعية تسمى‬ Adobe and Microsoft then developed a new and improved font management system incorporating the best features of both PostScript and TrueType, and by 2007, OpenType became a free, publicly available international standard. ‫قامت هاتين الشركتين بتطوير نظام ألدراه خطوط محسن يتضمن افضل المميزات في‬ ‫ مجانية‬OpenType ‫ أصبحت خطوط‬2007 ‫ وفي سنى‬TrueType ‫ و‬PostScript ‫خطوط‬.‫ومتوفرة للجميع كمقياس عالمي‬ 26  PostScript – Page Description Language ‫لغة وصف الصفحة‬ – Uses mathematical construct ‫تستخدم معادالت رياضية لوصف المحتوى النصي‬ – Allows the character to be scaled bigger/smaller; able to be finely printed..‫تتيح بتكبير وتصغير النصوص بحيث تطبع بشكل ناعم الحدود وغير مشوهه‬ – Needs special software to display ‫تحتاج الى برمجيات خاصة للعرض‬ – Needs licensing, example: Adobe’s PostScript.‫تحتاج الى ترخيص من شركة ادوبي‬ TrueType – Page Description Language, joint effort by Apple& Microsoft..Microsoft ‫ و‬Apple ‫لغة وصف الصفحات نتجت عن جهد مشترك بين شركة‬ – Uses mathematical construct. ‫تستخدم تمثيل رياضي للمحتوى‬ – In addition to printing smooth chars, it allows chars displayed on low-resolution monitors. ‫باإلضافة الى طباعة االحرف بشكل ناعم بحيث يمكن عرضها على شاشات ذات دقة منخفضة‬ – No special software needed to display ‫ال تحتاج الى برمجيات للعرض‬ – No licensing needed.‫ال تحتاج الى ترخيص‬ Bitmap – Images of characters ‫عبارة عن صور للحروف‬ – Requires a lot of memory.‫تتطلب الى ذاكرة كبيرة‬ 27  Font Foundries, where people who enjoy designing and making interesting fonts post them for others to download. ‫ يقوم اشخاص مهتمين بالتصاميم بإنشاء خطوط ووضعها في صفحات الويب لغرض تحمليها من‬:‫داعمين الخطوط‬.‫قبل االخرين بشكل مجاني‬ The ASCII Character Set: The American Standard Code for Information Interchange (ASCII) is the 7-bit character coding system most commonly used by computer systems in the United States and abroad. ‫ يستخدم في أنظمة الكمبيوتر في الواليات‬7-bit ‫هي عبارة عن نظام ترمز مكون من‬: ASCII ‫مجموعة االحرف‬.‫المتحدة االمريكية وخارجها‬ 28  The Extended Character Set, uses a byte, which consists of eight bits, is the most commonly used building block for computer processing.(ISO- Latin-1) )ISO-Latin-1( ‫ ويسمى‬8-bit ‫تستخدم بايت واحد والذي يحتوي على‬:‫مجموعة الرموز الموسعة‬ ASCII uses only seven bits to code its 128 characters; the eighth bit of the byte is unused..‫ رمز ويهمل البت الثامن‬128 ‫ لتشفير‬7-bits ‫ تستخدم فقط‬ASCII ‫نظام‬ Extended Characters ¢  ä ü Unicode, the original standard accommodated up to about 65,000 characters to include the characters from all known languages and alphabets in the world. ‫ حرف من جميع اللغات‬56000 ‫هو النظام الذي فيه ترميز حوالي‬:Unicode ‫الترميز الموحد‬.‫المشهورة وابجديات العالم‬ Unicode ‫ﺍﺏﺙﺚﺝﺡﺥ‬ Characters αβγδεζ 29  Scripts, where several languages share a set of symbols that have a historically related derivation, the shared symbols of each language are unified into collections of symbols. ‫ يتم ضم الرموز المشتركة‬.‫ مجموعة من الرموز لها اشتقاقات تاريخية‬:Scripts ‫تتضمن‬.‫بين مجموعة من اللغات في مجاميع‬ 30  Special font editing tools can be used to make your own type, so you can communicate an idea or graphic feeling exactly..‫يوجد عدد من أدوات تحرير الخطوط التي تستخدم إلنشاء خطوط جديدة‬ Fontlab, Ltd., located at www.fontlab.com, specializes in font editors for both Macintosh and Windows platforms. ‫ من محررات الخطوط المتخصصة تستخدم في أنظمة‬Fontlab ‫يعتبر برنامج‬.Winodws ‫ و‬Macintosh 31  Using Hypertext: ‫استخدام‬ – When words are keyed or indexed to other words, you have a hypertext system..‫ عندما يتم استخدام كلمات لفهرسة كلمات أخرى‬hybertext ‫يتم الحصول على نظام‬ – Special programs for information management and hypertext have been designed to present electronic text, images, and other elements in a database fashion. ‫ حيث تستخدم في عرض‬hypertext ‫هناك مجموعة من البرامج تستخدم في إدارة المعلومات وعمل‬.‫النصوص والصور في صيغة قواعد بيانات‬ – Commercial systems have been used for large and complicated mixtures of text and images..‫هناك أنظمة تجارية تستخدم مع خليط معقد من النصوص والصور‬ – Such searchable database engines are widely used on the Web, where software robots visit millions of web pages and index entire web sites. ‫تستخدم هذه قواعد البيانات التي توفر إمكانية البحث في الويب حيث تقوم برمجيات مخصصة اليا‬.‫بزيارة ماليين من صفحات الويب و فهرستها‬ 32 End of lecture Multimedia Technology ‫تكنولوجيا الوسائط المتعددة‬ 1 Mohammed Ghaleb Aqeel 2024 2  Images may be 2D, such as a photograph or 3D such as in a statue. ‫قد تكون الصور ثنائية االبعاد من الصور الفوتوغرافية او ثالثية االبعاد مثل التماثيل‬ They are typically produced by optical device, such as a cameras, mirrors, lenses, telescopes, etc. and natural objects and phenomena. ‫ الخ والكائنات‬،‫يتم انتاجها في أجهزة ضوئية مثل الكاميرات والمرايا والعدسات والتلسكوبات‬.‫والظواهر الطبيعية‬ In this wider sense, images can also be produced manually, such as by drawing, painting, carving, by computer graphics technology, or a combination of the two. ‫يمكن انتاج الصور يدويا بواسطة الرسوم وتعدل بواسطة الكمبيوتر‬  A digital image is a representation of a 2D image as a finite set of digital values, called picture elements or pixels (as fixed number of rows and columns). ‫ هي تمثيل لصور ثنائية االبعاد كمجموعة منتهية من القيم‬:)Digital image(‫ الصور الرقمية‬ )‫الرقمية تدعى عناصر الصورة او البكسالت (عدد ثابت من الصفوف واالعمدة‬ Pixels are the smallest element in image, holding quantized values that represent the brightness a given colour at any specific point. ‫ هو اصغر وحدات عناصر الصورة له قيم تمثل السطوع واللون لنقطة معينة في‬:)Pixel(‫ البكسل‬.‫الصورة‬ The pixels are stored in computer memory as a raster image/map, a 2D array of small integers, and these values are transmitted or stored in a compressed form. ‫يتم تخزين البكسالت في ذاكرة الحاسوب على شكل مصفوفة ثنائية االبعاد من األرقام الصحيحة يتم خزنها او‬.‫ارسالها في شكل مضغوط‬ 8 bits / pixel 4 bits / pixel 2 bits / pixel 256x256 64x64 16x16  Digital image can be created by a variety of input devices and techniques, such as digital cameras, scanners, coordinate measuring machines, seismographic profiling, airborne radar, and more. ‫يمكن انشاء الصور الرقمية بواسطة تقنيات متعددة ألجهزة االدخال مثل الكاميرات‬ ‫والماسحات الضوئية وأجهزة قياس االحداثيات وغيرها‬ They can also be synthetized from arbitrary non-image data, such as mathematical functions or 3D geometric models; the latter being a major subarea Of computer graphics. ‫يمكن أيضا توليف الصور الرقمية من بيانات غير صورية مثل المعادالت الرياضية او‬ ‫نماذج هندسة ثالثية االبعاد‬  Plan Your Approach: ‫التخطيط لطريقة انشاء الصور‬ – Give your project a good deal of thought and planning. ‫ اعطي مشروعك وقتا كافيا في التخطيط وترتيب االفكار‬- – Work out your graphic approach, either in your head or during creative sessions with your client or colleagues..‫ حدد طريقة النشاء الصور سواء بإقامة جلسات مع العميل المعني بالمشروع أومع زمالءالعمل أو بالتخطيط الفردي‬- – To get a handle on any multimedia project, you start with pencil, eraser, and paper..‫ يمكن البداية برسم خطوط عريضة للصور باستخدام الورق والقلم رصاص والممحاة‬- – Outline your project and your graphic ideas first: make a flowchart; storyboard the project. ‫ استخدم الرسوم البيانية ولوحة القصة لتحديد الخطوط العريضة لفكرة رسوميات المشروع‬- – Get a few examples from client or have them look at templates from a site. ‫ احصل على امثلة من العميل او إعطائه امثلة على قوالب من االنترنت‬- – When you have a clear idea what they want, submit a few variations—different visual designs, color palettes, and layouts..‫ سلم عدد من الخيارات تمثل عدة تصاميم مرئية بالوان واعدادات مختلفة‬،‫عندما تكتمل الرؤية‬  Organize Your Tools: ‫تنظيم أدوات العمل‬ – Most authoring systems provide the tools with which you can create the graphic objects of multimedia directly on your screen. ‫معظم برمجيات تحرير الصور توفر أدوات يمكن من خاللها انشاء كائنات رسومية للوسائط المتعددة على‬.‫شاشة الكمبيوتر‬ – If one of these tools is not included, the authoring system usually offers a mechanism for importing the object you need from another application..‫يمكن استيراد األدوات غير المتوفرة في احدى هذه البرامج من برامج أخرى‬ – Many multimedia designers do not limit their toolkits to the features of a single authoring platform, but employ a variety of applications and tools to accomplish many specialized tasks. ‫معظم مصممين الوسائط المتعددة ال يتقيدون بمميزات برنامج واحد من برامج تحرير الصور بل يوظفون‬.‫عدة تطبيقات متعددة إلنجاز مهامهم‬  Configure Your Computer Workspace: ‫تهيئة مساحة عمل الحاسوب‬ – When developing multimedia, it is helpful to have more than one monitor to provide lots of screen real estate (viewing area). ‫عند تطوير مشروع وسائط متعددة فانه من المفيد استخدام اكثر من شاشة حيث توفر مساحة كافية‬.‫لعرض محتويات المشروع‬ – During development there is a lot of cutting and pasting among windows and among various applications, and with an extra monitor, you can open many windows at once and spread them out. ‫ عادة ما يكون هناك العديد من عمليات النسخ واللصق بين التطبيقات المختلفة لذا‬،‫خالل مراحل التطوير‬.‫استخدام اكثر من شاشة يوفر إمكانية لفتح العديد من نوافذ التطبيقات في ان واحد‬  Still images are generated by the computer in two ways: :‫يتم انشاء الصور الثابتة في الحاسوب بطريقتين‬ 1) Bitmaps (raster), and.‫مصفوفة البتات‬ 2) Vector-drawn graphics.‫رسوميات المتجهات‬ 1) Bitmaps are used for photo-realistic images and for complex drawings requiring fine detail. ‫) مع الصور الواقعية والرسوميات المعقدة التي تتطلب‬Bitmaps( ‫) تستخدم مصفوفة البتات‬1.‫تفاصيل دقيقة‬ 2) Vector-drawn objects are used for lines, boxes, circles, polygons, and other graphic shapes that can be mathematically expressed in angles, coordinates, and distances. ‫) لرسم الخطوط والمربعات والدوائر والمضلعات‬Vector-drawn( ‫) تستخدم صور المتجهات‬2.‫وغيرها من االشكال الرسومية التي يمكن تمثيلها رياضية بزوايا واحداثيات و مسافات‬ Raster Vector  Where do bitmaps come from? How are they made? You can do the following: :‫من أين يمكن الحصول على صور مصفوفة البتات و كيف يمكن انتاجها‬ – Make a bitmap from scratch with a paint or drawing program..‫يمكن انشاء صور مصفوفة البتات من الصفر باستخدام احد برامج الرسم‬ – Grab a bitmap from an active computer screen with a screen capture program, and then paste it into a paint program or your application..‫او استخدام برامج التقاط صور من الشاشة اللتقاط جزء او كل محتوى الشاشة ونسخها الى احد تطبيقات الرسوم‬ – Capture a bitmap from a photo or other artwork using a scanner to digitize the image. ‫التقاط صور مصفوفة البتات بواسطة الماسح الضوئي ونسخها الى الحاسوب‬ – Once made, a bitmap can be copied, altered, e-mailed, and otherwise used in many creative ways. ‫يمكن بعد الحصول على صورة مصفوفة البتات من نسخها وتعديلها و ارسالها عبر البريد االلكتروني وانشاء اعمال‬.‫احترافية بها‬  Images Protection Legal Rights: :‫حقوق حماية الصور‬ – Public domain images were either never protected by a copyright or their copyright protection has ended..‫ صور المدى العام وفيها تكون الصور اما غير محمية باي حقوق ملكية أو ان حقوق ملكيتها منتهية الصالحية‬- – Royalty-free images are purchased and then used without paying additional license fees..‫ وهي الصور التي يتم شرائها واستخدامها بدون دفع أي رسوم ترخيص إضافية‬royalty-free ‫ صور‬- – Rights-managed images require that you negotiate with the rights holder regarding terms for using the image and how much you will pay for that use. ‫) هي الصور التي تتطلب مساومة مع صاحب الملكية بشروط‬rights-managed( ‫ صور الحقوق المدفوعة‬-.‫استخدام الصور ومقدار المبلغ الالزم دفعه الستخدام الصورة‬  Bitmaps Software:.‫برمجيات صور مصفوفة البتات‬ – The best programs are available in versions that work the same on both Windows and Mac platforms. ‫افضل البرامج تتوفر في إصدارات مختلفة والتي تعمل على كال من أنظمة تشغيل ويندوز و‬.‫ماكنتوش‬ – Adobe’s Photoshop, however, remains the most widely used image-editing tool among designers worldwide..‫يظل برنامج ادوبي فوتوشوب من اكثر البرامج استخداما في تحرير الصور عالميا‬ ‫”‪ Capturing and Editing Images “Show‬‬ ‫شاهد الفيديو المرفق لعملية التقاط وتحرير الصور‪.‬‬ ‫‪17‬‬ ‫‪ Scanning Images and plug-ins:‬‬ ‫مسح الصور ضوئيا و البرامج اإلضافية‬ ‫‪– Sometimes when you search for something too hard, you don’t realize‬‬ ‫‪that it’s right in front of you.‬‬ ‫في بعض األحيان تكون الصورة التي يصعب الحصول عليها بطريقة ما سهله اذا ما تم مسحها‬ ‫ضوئيا من مطبوعات ورقية او مجالت ومن ثم تعديلها في الحاسوب‪.‬‬ ‫‪– Everyday objects can be scanned and manipulated using image-editing‬‬ ‫‪tools, such as those described in the preceding section, to create‬‬ ‫‪unusual, attention-getting effects.‬‬ ‫الكائنات التي تصادفنا يوميا يمكن مسحها باستخدام الماسح الضوئي (‪ )Scanning‬و تعديلها‬ ‫بواسطة برامج تحرير الصور مثل أضافة تأثيرات لجلب انتباه المستخدم‪.‬‬  A vector is a line that is described by the location of its two endpoints..‫) هو عبارة عن خط يتم وصفه بواسطة موقع نقطتين‬vector( ‫المتجة‬ Vector drawing uses Cartesian coordinates where a pair of numbers describes a point in two-dimensional space. ‫رسم المتجه يستخدم االحداثيات الكارتيزية حيث يتم وصف اسطح ثنائية االبعاد بواسطة نقطتين‬ :‫كالتالي‬ Vector images can be drawn using: :‫يمكن رسم الصور المتجهة بواسطة‬ Computer-aided design (CAD) programs..CAD ‫برامج تصاميم‬ Programs for 3-D animation also use vector-drawn graphics..‫برامج الصور المتحركة ثالثية االبعاد‬ 19  Vector-drawn objects in computer using a fraction of the memory space..‫ تحتاج كائنات الصور المتجهات مساحة بسيطة في الذاكرة لخزنها‬- web pages that use vector graphics (such as svg) for animation faster than pages displaying bitmaps. ‫ لعرض الرسوميات بشكل اسرع من‬svg ‫تستخدم صفحات الويب صور المتجهات مثل‬.‫مصفوفة المتجهات‬ A vector-drawn object is created “on the fly,” rather than displaying a pre-created (bitmap) image. ‫يتم انشاء كائنات صور المتجهات مباشرة اثناء عرض الصفحة خالف عرض صور‬.‫مصفوفة البتات التي تم انشاءها مسبقا‬ vector objects are easily scalable without loss of resolution or image quality..‫يمكن تحجيم الكائنات المتجهه بسهولة بدون فقد في دقة الصورة‬ Resizing a bitmapped image requires either duplicating or eliminating pixels. ‫إعادة تحجيم صور مصفوفة البتات يتطلب تكرار او حذف بعض عناصر الصورة‬.)‫بكسالت‬ 20 (  Converting bitmaps to drawn objects is more difficult than converting drawn objects to bitmaps. ‫) الى صور متجهات اصعب‬bitmaps( ‫تحويل صور مصفوفة البتات‬.‫من تحويل صور المتجهات الى مصفوفة بتات‬ Autotracing procedure to convert from bitmap to drawn images ‫ لتحويل صور مصفوفة البتات‬Autotracing ‫تستخدم تقنية‬.‫الى صور متجهات‬ 21 – Drawing in perspective or in 3-D on a two-dimensional surface takes special skill and talent..‫عرض الرسوميات في منظور جانبي او في سطح ثالثي االبعاد يتطلب مهارات خاصة‬ – 3D means three dimensions which are x (width), y (height), and z (depth)..)‫ (العمق‬z ‫ (الطول) و‬y ‫ (العرض) و‬x ‫يقصد بثالثية االبعاد بعد‬ – Scenes consist of objects that in turn contain many small elements such as blocks, cylinders, spheres, etc...‫) من كائنات تحتوي عناصر صغيرة مثل البلوكات واالسطوانات والكرات‬Scenes (‫تتكون المشاهد‬ – Objects and elements in 3-D space carry with them properties such as shape, color, texture, shading, and location..‫الكائنات او العناصر ثالثية االبعاد تحمل خصائص مثل الكروية واللون والنسيج والظالل والموقع‬ – Objects are created by modeling them using a 3-D application. ‫يمكن انشاء الكائنات بنمذجتها بواسطة تطبيقات ثالثية االبعاد‬ – To model an object that you want to place into your scene, you must start with a shape..‫ يتطلب نمذجة كائن ما في المشهد الى البداية برسم الشكل‬- – When you extrude ‘Throw away’ a plane surface, its shape extends some distance..‫) سطح مستوي فان محتويات الشكل تتمدد لمسافة معينة‬extrude( ‫ عند اطالق‬- – When you lathe ‘rotate’ a shape, a profile of the shape is rotated around a defined axis..‫) شكل ما فان منظور الشكل يدور حول المحور المعين‬lathe(‫ عند تدوير‬-  – Once you have created a 3-D object, you can apply textures ‘stature’ and colors to it to make it seem more realistic. ‫) واأللوان عليه لجعله يبدوا‬texture( ‫بعد انشاء كائن ثالثي االبعاد فانه يمكن تطبيق االنسجة‬.‫واقعيا‬ – Flare when you set up one or more lights that will create diffuse or sharp shades and shadows on your objects. ‫) يضيف اضاءة للكائنات ثالثية االبعاد التي تحتوي على ظالل‬flare( ‫موثر االشتعال‬  Rendering: When you have completed the modeling of your scene or an object in it, you then must render it for final output. Rendering an image requires great computing muscle and often takes many hours for a single image. ‫ والتي يتم فيها دمج كل المؤثرات على‬rendering ‫ بعد إتمام عمل المشهد او جزء منه نقوم بعملية‬.‫ الخ‬،‫المشهد من اضاءة وظالل‬.‫ تتطلب هذه العملية إمكانيات حاسوب عالية وقد تأخذ عدة ساعات إلتمام المهمة‬ – Because the eye is sensitive to red, green, and blue light, by adjusting combinations of these three colors, the eye and brain will interpolate the combinations of colors in between. ‫األخضرواالزرق والتي تستطيع عين االنسان تمييزها حيث‬،‫ األلوان الرئيسية هي األحمر‬ )additive color( ‫ بطريقة‬.‫يمكن الحصول على األلوان األخرى من دمج هذه األلوان‬ )Subtractive color ( ‫او طريقة‬ – In the additive color method, a color is created by combining colored light sources in three primary colors: red, green, and blue (RGB). ‫ فانه يمكن انشاء اللون بدمج مصادر الضوء‬،)additive color( ‫ في طريقة اللون المضاف‬.RGB )‫األساسية (األحمر واالخضر واالزرق‬ – Subtractive color is the process used to create color in printing. It uses a four colors printing Cyan, Magenta, Yellow, and Black (CMYK). ‫) هو عملية انشاء اللون الطباعي والتي‬subtractive color( ‫ وطريقة اللون المطروح‬.CMYK )‫ األصفر واألسود‬،‫ االقحواني‬،‫تستخدم اربع الوان طباعية (السماوي‬  – Palettes are mathematical tables that define the color of a pixel displayed on the screen. ‫) هي جداول رياضية تعرف لون البكسل الذي سوف يعرض‬Palettes( ‫لوحة األلوان‬.‫على الشاشة‬ – Apple and Microsoft engineers (working independently) to be the colors and shades that are most “popular” in photographic images; their two system palettes are, of course, different. ‫هناك لوحتي الوان مختلفة في أنظمة ابل و مايكروسفت وهي األكثر شهرة في‬ ‫الصور الفوتوغرافية‬ – Most applications on any operating system can manage JPEG, GIF, PNG, and TIFF image formats. JPEG, GIF, PNG, TIFF ‫ معظم التطبيقات في أنظمة التشغيل تستخدم صيغ ملفات‬ – JPEG, PNG, and GIF images are the most common bitmap formats used on the Web. ‫ هي صور مصفوفة البتات األكثر استخداما في صفحات النت‬JPEG, PNG, GIF ‫ صور‬ – Adobe creates a PSD file for Photoshop and an AI file for Illustrator. ‫ ملفات‬Adobe illustrator ‫ بينما ينشئ برنامج‬PSD ‫ ينشئ برنامج ادوبي فوتوشوب ملفات‬ AI ‫بصيغة‬ – Adobe’s popular PDF (Portable Document File) file manages both bitmaps and drawn art (as well as text and other multimedia content). ‫ صور مصفوفة بتات و رسوميات ونصوص باإلضافة الى عناصر وسائط‬PDF ‫ تحفظ ملفات‬ ‫متعددة اخرى‬ End of lecture Multimedia Technology ‫تكنولوجيا الوسائط المتعددة‬ Mohammed Ghaleb Aqeel 2024 ‫‪ Audio: means the reproduction of sound.‬‬ ‫‪“It is meaningful “speech” in any language, from a whisper to‬‬ ‫‪a scream”.‬‬ ‫المسموعات (‪ :)Audio‬هي عبارة عن احد اشكال الصوت‪.‬قد تكون المسموعات محادثة‬ ‫بلغة ما سوآءا خافتة كالهمس أو عالية كالصراخ‪.‬‬ ‫اصناف الصوت ‪ Classes of Sound:‬‬ ‫(صوت الحديث) ‪ Voice‬‬ ‫يعرف بالتخاطب ‪ Defined as talking.‬‬ ‫)الموسيقى( ‪ Music‬‬ ‫)المؤثرات الصوتية) ‪ Sound Effect‬‬ ‫‪ Voice or Music; but often created by natural events like‬‬ ‫‪thunderclap, wind and door slamming.‬‬ ‫هو عبارة عن صوت حديث او موسيقى ولكنه عادة ما يتم انشاءه من احداث طبيعية مثل‬ ‫الرعــد او الرياح او رصد األبواب بقوة‬  Sound waves are variations of pressure in a medium such as air..‫) هي اختالف الضغط في وسط كالهواء‬Sound waves( ‫الموجات الصوتية‬ Sound created by the vibration of an object, which causes the air surrounding it (medium) to vibrate..‫يتكون الصوت من اهتزاز االجسام والتي تتسبب بدورها من اهتزاز الوسط المحيط بها‬ Vibrating air causes the human eardrum to vibrate, which the brain interprets as sound..‫اهتزاز الهواء يسبب اهتزاز لطبلة االذن والتي يقوم الدماغ بتفسيرها الى صوت‬  How you use the power of sound can make the difference between an ordinary multimedia presentation and a professionally spectacular one. Misuse of sound, however, can destroy your project. ‫استخدام الصوت في مشروع الوسائط المتعددة يضيف تأثير هام مقارنة بالعروض‬ ‫ بالمقابل فان سوء استخدام المادة الصوتية يؤثر سلبا‬،‫التقليدية التي ال تحتوي صوت‬.‫على جودة المنتج‬  Acoustics is the branch of physics that studies sound. ‫) هو فرع من علوم الفيزياء الذي يدرس الصوت‬Acoustics( ‫ علم الصوت‬ Sound pressure levels (loudness or volume) are measured in decibels (dB). decibels)dB( ‫علوالصوت) بوحدة قياس الديسبل‬/‫ يتم قياس مستوى ضغط الصوت (حجم‬  Digital audio is created when you represent the characteristics of a sound wave using numbers—a process referred to as digitizing. you can digitize sounds from any natural or prerecorded source. ‫) عندما يتم إعادة تمثيل خصائص‬Digital audio( ‫يتم انشاء المسموعات الرقمية‬ )digitizing( ‫الموجات الصوتية باستخدام االرقام وتسمى هذه العملية بالـتحويل الرقمي‬.‫حيث يتم تحويل أي صوت من اي مصدر صوتي طبيعي او مسجل‬ Sample of sound is taken and stored as digital information in bits and bytes..‫) و خزن معلوماتها في شكل بتات وبايتات‬Sample ( ‫يتم اخذ عينة الصوت‬  The quality of this digital recording depends upon how often the samples are taken (sampling rate or frequency, measured in kilohertz). ‫جودة التسجيل الرقمي يعتمد على عدد العينات في وحدة الزمن ويسمى معدل العينة‬. Kilohertz(kHz)‫ ويقاس معدل العينة بوحدة الكيلو هيرتز‬.)sampling rate(  The three sampling frequencies most often used in multimedia are CD-quality 44.1 kHz (kilohertz), 22.05 kHz, and 11.025 kHz. ‫ثالث ترددات للعينات األكثر استخداما في الوسائط المتعددة في األقراص الضوئية‬.11.025 kHz ‫ و‬22.05 kHz ‫ و‬44.1 kHz ‫هي‬ Digital audio is independent, and sounds the same every time it is played. For this reason digital audio is used far more frequently than MIDI data for multimedia sound tracks. ‫ المسموعات الرقمية مستقلة وينتج نفس الصوت عند إعادة تشغيلها على أجهزة مختلفة‬.‫ في مشاريع الوسائط المتعددة‬MIDI ‫ولهذا فانها تستخدم اكثر من صيغة‬  The amount of information stored about each sample is the sample size and is determined by the number of bits. Sample sizes are either 8 bits or 16 bits. sample ‫كمية المعلومات التي يتم تخزينها في ملفات الصوت تعتمد على حجم العينة‬.‫ بت‬16 ‫ او‬8 ‫ عادة ما تكون حجم الصوتيات‬.‫ ويتم قياسها بالبت‬size The preparation and programming required for creating digital audio do not demand knowledge of music theory. ‫اعداد و برمجة ملفات الصوت الرقيمة ال تتطلب إلماما ً بنظريات الموسيقى‬  You should focus on two essential aspects of preparing digital audio files:.‫يجب التركيز على مفهومين أساسيين عند اعداد ملفات الصوت الرقمية‬ 1) Balancing the need for sound quality against file size. Higher quality usually means larger files, requiring longer download times on the Internet and more storage space on a CD or DVD. ‫ عادة ما تكون‬.)size( ‫) وحجم الملف‬Quality( ‫الموازنة بين جودة الصوت‬ ‫الملفات ذات الجودة العالية كبيرة الحجم والتي تتطلب وقتا أطول في التحميل‬.‫عبر االنترنت وكذلك حجما اكبر في التخزين‬ 2) Setting proper recording levels to get a good, clean recording..‫يجب اعداد افضل مستوى في تسجيل الصوت والتي ينتج عنها تسجيل نقي‬  MIDI (Musical Instrument Digital Interface) data is not digitized sound; it is a shorthand representation of music stored in numeric form. ‫) ليست أصوات محولة رقميا‬MIDI( ‫بيانات مسموعات الواجهة الرقمية لآلالت الموسيقية‬.‫بل هي عبارة عن تمثيل مختصر للموسيقى مخزنة على شكل رقمي في الحاسوب‬ MIDI files tend to be significantly smaller than equivalent digitized waveform files..‫ بان تكون صغيرة مقارنة بمثيلتها ملفات الموجات الصوتية‬MIDI ‫تميل ملفات‬ MIDI data is device dependent; its playback depends on the capabilities of the end user’s system..‫ على األجهزة التي يتم تشغيلها فيها‬MIDI ‫تعتمد بيانات‬ Because they are small, MIDI files embedded in web pages load and play more quickly than their digital equivalents. ‫ في صفحات الويب حيث يتم تحمليها وتشغيلها بشكل اسرع‬MIDI ‫عادة ماتستخدم ملفات‬.‫من مثيلتها األصوات الرقمية‬ An example of MIDI format sound And editing software MIDI ‫ وبرامج تحرير صوتيات‬MIDI ‫مثال على صوت‬  Working with MIDI requires familiarity with musical scores, keyboards, and notation as well as audio production. ‫ معرفة بالسلم الموسيقي ولوحة المفاتيح والنوتات الموسيقية‬MIDI ‫ يتطلب العمل على ملفات‬.‫وكذلك انتاج المسموعات‬ MIDI is analogous to structured/vector graphics, while digitized audio is analogous to bitmapped images. ‫ صور المتجهات بينما تقابل الصوتيات الرقمية صور مصفوفة البتات‬MIDI ‫ يناظر‬ MIDI is device dependent, meaning the quality of the playback is dependent upon the hardware installed on the user’s machine, while digitized audio is device independent. ‫ على األجهزة التي تشغل فيها على خالف الصوتيات الرقمية حيث ال تعتمد‬MIDI ‫ تعتمد جودة‬.‫على أجهزة المستخدم‬  MIDI files are much smaller than digitized audio, so they may be used for delivery of music under the right circumstances ‫ اصغر بكثير من حيث الحجم من الصوتيات الرقمية لذا تستخدم مع‬MIDI ‫ملفات‬.‫وسائل التقديم محدودة المساحة مثل الويب‬ Use digitized audio for spoken dialog..)‫تستخدم الصوتيات الرقمية مع الحوارات (المحادثات‬  MIDI’s advantages: MIDI‫فوائد‬ – MIDI files are much more compact than digital audio files, MIDI files will be 200 to 1,000 times smaller than CD-quality digital audio files 1000 ‫ او‬200 ‫ اصغر بالحجم بكثير من ملفات الصوت الرقمية حيث ممكن ان تكون اصغر ب‬MIDI ‫ ملفات‬-.‫مرة من ملفات الصوت الرقمية المخزونة بجود األقراص المضغوطة‬ – MIDI files embedded in web pages. ‫ تستخدم في صفحات الويب‬- – MIDI data is completely editable. ‫ يمكن تحرير بياناتها بسهولة على خالف ملفات الصوتيات‬- – MIDI files can generally be converted to musical notation, and vice versa..‫ يمكن تحويلها الى نوتات موسيقية والعكس‬-  MIDI’s disadvantages: ‫عيوبها‬ – The playback will be accurate only if the MIDI playback device is identical to the device used for production. ‫ يمكن الحصول على جودة التشغيل فقط عندما يتم تشغيلها على نفس األجهزة التي تم‬.‫استخدامها إلنتاجها‬ – MIDI cannot easily be used to play back spoken dialog..‫ لتسجيل الحوارات‬MIDI ‫ اليمكن استخدام‬  AIFF (Audio Interchange File Format) is historically used for Macintosh sound files..‫ مع صوتيات أجهزة ماكنتوش‬AIFF ‫ تستخدم صيغة ملفات‬ The WAV format was introduced by Microsoft when Windows was first released. Both formats contain uncompressed sound data. ‫ تستخدم مع أجهزة مايكروسوفت حيث يحتوي النوعين السابقين على ملفات صوت‬WAV ‫ ملفات‬.‫غير مضغوطة‬ The MP3 format was developed by the Moving Picture Experts Group (MPEG). It incorporates a “lossy” compression algorithm to save space. ‫ والتي استخدمت‬MPEG ‫ بواسطة مجموعة خبراء الصور المتحركة‬MP3 ‫ تم تطوير صيغة‬ )lossy compression algorithms( ‫خوارزميات ضغط تبديدية‬  An audio CD, for example, may hold an hour or so of uncompressed WAV sound. ‫ تحتوي أقراص المسموعات المضغوطة على ساعة كاملة من ملفات الصوت غير‬.WAV ‫المضغوطة‬ That same CD, using MP3 compression, can store almost seven hours of the same music, but with a slight loss of quality. ‫ لنفس‬MP3 ‫نفس القرص المضغوط قد يحتوي على سبع ساعات صوتيات من ملفات‬.‫الموسيقى ولكن بفقد مقدار من الجودة‬  Codec (compressor-decompressor) is software that compresses a stream of audio or video data for storage or transmission, then decompresses it for playback. ‫ هي البرمجيات التي تضغط بيانات الصوتيات او الفيديو لغرض االرسال على‬Codec.‫وسائل محدودة السرعة والسعة و من ثم تقوم بفك ضغطها عند التشغيل‬ Vaughan’s Law of Multimedia Minimums: there is an acceptable minimum level of capability that will satisfy the audience, even when that level may not be the best that technology, money, or time and effort can buy. ‫قاعدة ڤيغن للحد األدنى في الوسائط المتعددة ينص على انه يوجد مستوى ادنى مقبول من‬ ‫اإلمكانيات التي تُرضى المشاهد حتى وان كان ذلك المستوى ليس األفضل الذي يمكن تقديمة‬.‫بواسطة التقنية الحديثة والمال و الوقت والجهد‬  The file size (in bytes) of a digital recording is : :‫ يمكن حساب حجم ملف تسجيل الصوت الرقمي باستخدام المعادلة التالية‬ File size=Sampling rate * duration of recording in seconds * (bit resolution / 8) * number of tracks (1 for mono, 2 for stereo)..)‫ للستريو‬2 * ،‫ لالحادي‬1* ( ‫) * عدد مسارات الصوت‬8 /‫حجم الملف = معدل العينة * مدة التسجيل بالثواني * (دقة التسجيل‬ Consumer-grade audio compact discs are recorded in stereo at a sampling rate of 44.1 kHz and a 16-bit resolution. Other sampling rates include 22.05 and 11 kHz, at either 16-bits or 8-bits. 44.1 kHz ‫ تسجل مسموعات جودة المستهلك لألقراص المضغوطة على مسارين (استريو) بمعدل عينة‬.16-bits ‫ و‬8-bits ‫ بدقة‬11.025 kHz ‫ و‬22.05 kHz ‫ ومعدل اخر يتضمن‬11.025 kHz  When recording (digitizing) audio, it’s important to keep the recording level near the maximum without going over it..‫عند تسجيل المسموعات يجب الحفاظ على مستوى التسجيل قريب من الحد األعلى دون تجاوزه‬ Important steps in digital sound editing include removing blank space from the start and end of a recording and normalizing the sound to bring all clips to approximately the same level. ‫ ) الصوت لتحتوي جميع مقاطع‬normalizing( ‫يتطلب حذف الفراغات في بداية ونهاية التسجيل و تطبيع‬.‫مستوى متقارب من الصوت‬ ‫الصوت على‬ (Adobe’s Soundbooth)  The native sound file formats for most Macintosh sound editing software are the SND and AIF formats, and most authoring systems will read these formats. ‫ حيث يمكن لمعظم‬AIF ‫ و‬SND ‫ صيغة الصوت في برامج تحرير االفتراضية أنظمة ماكنتوش هي‬.‫برامج تحرير الصوتيات التعامل معها‬ In Windows, the native sound file format for most editing software is a WAV file..‫ هي الصيغة المستخدمة في برامج تحريرالصوت‬WAV ‫ في أنظمة ويندوز تعتبر صيغة‬ Many audio editors provide tools such as resampling, fade-ins and fade- outs, time stretching, various digital signal processing (DSP) effects, and reversing sounds. ‫ و‬fade-ins ‫ والتالشي‬resampling ‫ توفر معظم برامج تحرير الصوت أدوات مثل اعادة تكوين العينة‬ ‫ وقلب‬DSP ‫ باإلضافة الى تاثيرات أدوات المعالجة الرقمية‬stretching ‫ و إطالة الوقت‬fade-outs. reversing sounds‫الصوت‬  Decide what kind of sound is needed (such as background music, special sound effects, and spoken dialog)..‫ يجب تحديد النوع المستخدم في أصوات موسيقى الخلفية و المؤثرات الصوتية والحوارات‬ Acquire source material by creating it from scratch or purchasing it..‫ يمكن اعداد الصوت من الصفر او بشراء المادة الصوتية‬ Edit the sounds to fit your project. Test the sound..‫ يمكن تحرير الصوت ليتناسب مع مشروع الوسائط المتعددة واختباره‬  MIDI scores require sequencer software and a sound synthesizer..sound synthesizer ‫ و‬sequencer ‫ برامج‬MIDI ‫ تتطلب نوتات‬ The General MIDI format standardizes a set of MIDI instruments, ensuring that the MIDI sequence is played correctly. ‫ والتي تضمن تشغيل متسلسالت‬MIDI ‫ تضع مقاييس لمجموعة أدوات‬MIDI ‫ الصيغة العامة لـ‬.‫ الموسيقية بشكل صحيح‬MIDI Streaming files begin playing when part of the file has been buffered into the computer’s memory and are dependent upon connection speed. ‫ بخزن جزء من الملف في ذاكرة الحاسوب ويعتمد‬streaming ‫ يبدأ تشغيل الملف عند استخدام‬.‫ذلك على سرعة االتصال المتوفرة‬ ‫ ‬ ‫‪Adobe’s Flash provides powerful tools for integrating and streaming sounds,‬‬ ‫‪including the MP3 format.‬‬ ‫ يوفر برنامج ادوبي فالش أداة جيدة للتعامل مع الصوتيات بما فيها صيغ ‪. MP3‬‬ ‫ ‬ ‫‪Decide where and when you want to use either digital audio or MIDI data.‬‬ ‫ يتم استخدام اما الصوتيات الرقمية او ‪ MIDI‬وذلك بناءا على المقارنة بينهما السابق ذكرها‪.‬‬ ‫ ‬ ‫‪Consider the spacing, multimedia distribution mean and target audience.‬‬ ‫ يجب االخذ بعين االعتبار المساحة المتاحة والطريقة المراد بها تقديم الوسائط المتعددة وكذلك‬ ‫المستخدم المستهدف‬ ‫ ‬ ‫‪The following formula will help you estimate your storage needs.‬‬ ‫‪sample rate(kHz) * sample size / 8 * # seconds * 2 (if stereo) = file size in KB‬‬ ‫تساعد المعادلة التاليه في تقدير المساحة المطلوبة لخزن ملف الصوتيات‪:‬‬ ‫حجم الملف = معدل العينة * مدة التسجيل بالثواني * (دقة التسجيل‪ * )8 /‬عدد مسارات الصوت ( *‪ 1‬لالحادي‪،‬‬ ‫* ‪ 2‬للستريو)‪.‬‬  Appropriate use of sound requires technical considerations of disk space or bandwidth as well as the abilities of the authoring system. ‫االستخدام األمثل للصوتيات يتطلب االخذ بعين االعتبار المساحة الخزنية وحيز النطاق‬.‫) والقدرة على استخدام برمجيات تحرير الصوتيات‬bandwidth( Do not use equipment that exceed what your project requires. ‫ال ينصح باستخدام األدوات التي تفوق متطلبات المشروع‬  Keep track of your audio files, and be sure to back them up..‫ ينصح باالحتفاظ بملفات الصوتيات و حفظ نسخ احتياطية قبل اجراء أي تعديل عليها‬ Regularly test the sound-and-image synchronization of your project..‫ يجب التحقق بشكل دوري من تزامن الصوت مع الصورة للمشروع‬ Evaluate your sound’s RAM requirements. ‫) للصوتيات المستخدم في المشروع‬RAM( ‫ يجب تقدير متطلبات الذاكرة الموقتة‬ Be sure you understand the implications of using copyrighted material..‫ يجب االخذ بعين االعتبار حقوق الملكية عند استخدام صوتيات في المشروع‬ You can purchase and use digitized clip sounds with an unlimited-use, royalty-free license..‫ يمكن شراء او استخدام مقاطع صوتية بتراخيص مختلفة‬ End of lecture Multimedia Technology ‫تكنولوجيا الوسائط المتعددة‬ Mohammed Ghaleb Aqeel 2024  Animation: is the act of making something come alive..‫) هي الفعل الذي يجعل األشياء تبدوا حيوية‬Animation( ‫الحركة‬ Depending on the size of the project, you can animate the whole thing or you can just animate parts of it..‫يمكن تحريك جميع مكونات مشروع الوسائط المتعددة أو جزء منها بناءا على حجم المشروع‬ Visual effects such as wipes, fades, zooms, and dissolves, available in most authoring packages, are a simple form of animation. ‫ التكبير أو التشتت‬،‫التالشي‬، ‫المؤثرات المرئية المتوفرة في معظم برامج تحرير الوسائط المتعددة كالمسح‬.‫هي امثلة على الحركة‬ Animation is an object actually moving across, into, or out of the screen..‫الرسوم المتحركة هي عبارة عن كائن يتحرك خالل الشاشة من الداخل او الى الخارج‬  Animation is possible because of a biological phenomenon known as persistence of vision and a psychological phenomenon called phi. phi ‫ تنتج الحركة نتيجة لظاهرتين احدهما بيولوجية تسمى ظاهرة ثبات الرؤية ظاهرة نفسية تسمى‬ With animation, a series of images are changed very slightly and very rapidly, one after the other, seemingly blending together into a visual illusion of movement. ‫ في الرسوم المتحركة يتم التبديل بين مجموعة من الصور بشكل سريع واحدة تلو األخرى حيث تبدوا‬.‫مدمجة في بعضها البعض في شكل حركة خداع بصري‬ Digital display video builds 24, 30, or 60 entire frames or pictures every second. Movies on film are typically shot at a shutter rate of 24 frames per second.  Animation by computer are: ‫الحركة في الحاسوب هي‬ The simplest animations occur in two-dimensional (2-D) space..‫ابسط اشكال الرسوم المتحركة هي التي تحدث في فراغ بعدين‬ (2½-D) space (where shadowing, highlights, and forced perspective provide an illusion of depth, the third dimension)..‫ حيث يتم ذلك بإضافة ظالل واضاءة‬2½-D ‫يمكن إضافة بعد ثالث وهمي باستخدام ما يعرف بفراغ البعدين والنصف‬ The most realistic animations occur in three-dimensional (3-D) space..‫الرسوم المتحركة األكثر واقعية تحدث باستخدام الفراغ ثالثي االبعاد‬ Examples of animation: ‫امثلة على الرسوم المتحركة‬ A blinking word. ‫الكلمات الوامضة‬ Color-cycling logo. ‫الشعارات ذات األلوان المتغيرة‬ A cel animation. Button or tab that changes state on mouse rollover ‫االزرار التي تتغير حالتها بمرور الفأرة عليها‬  Cel animation, an animation technique made famous by Disney, uses a series of progressively different graphics on each frame of movie film. ‫ والتي اشتهرت بها في ديزني في صناعة األفالم والتي تستخدم سلسلة من الرسوم‬cel ‫تقنية‬.‫المختلفة في كل اطار من إطارات الفيلم‬ Cel animation artwork begins with keyframes (i.e. the first and last frames of an action)..‫ الفنية تبدء بإطارات مفتاحية وهي اإلطارات األولى واألخيرة في كل مشهد حركة‬cel ‫اعمال‬ Tweening is an action that involves creating the frames to depict the action that happens between keyframes. ‫وهي الحركة التي تتضمن انشاء إطارات تستنتج الفعاليات بين‬:)Tweening ( ‫الحركة البينية‬.‫اإلطارات المفتاحية‬  Computer animation programs typically employ the same logic and procedural concepts as cel animation..‫ التقليدية‬cel ‫توظف برامج الرسوم المتحركة نفس منطق ومفهوم تقنية الـ‬ You can usually set your own frame rates on the computer, but the rate at which changes are computed and screens are actually refreshed will depend on the speed and power of your display platform and hardware. ‫يمكن ضبط معدل االطار في جهاز الحاسوب حيث يعتمد معدل تنشيط الشاشة في جهاز الحاسوب‬.‫على سرعة وقدرة النظام األساسي للحاسوب وكذلك تقنيات األجهزة المستخدمة‬ Figure 5-2 Several cels or digital image layers in a frame  Kinematics is the study of the movement and motion of structures that have joints. )‫) هي العلم الذي يدرس حركة االجسام ذات الروابط (المفاصل‬Kinematics( ‫تقنية الكيناماتيكس‬ Inverse kinematics is the process in which you link objects such as hands to arms and define their relationships and limits, then drag these parts around and let the computer calculate the result. ‫) هي عملية التي يتم فيها ربط الكائنات مثل االيادي او‬Inverse kinematics( ‫معكوس الكيناماتيكس‬ ‫االذرع وتعريف العالقة بينها ومحددات الحركة لها ومن ثم ادراج أجزاء هذه الكائنات حيث يقوم الحاسوب‬.‫بإظهار نتائج الحركة النهائية‬ Morphing is an effect in which one image transforms into another..‫) وهي التأثير الذي يتم من خالله تحويل الصورة من شكل الى اخر‬Morphing(‫التحوير‬ Some file formats are designed specifically to contain animations, and they can be ported among applications and platforms with the proper translators. ‫بعض صيغ الملفات مصممة خصيصا لتحتوي رسوم متحركة حيث يمكن استخدامها بين عدة تطبيقات وانظمة‬ ‫الحاسوب‬ Figure 5-3 Smith Micro’s Poser understands human motion and inverse kinematics: move an arm, and the shoulders follow. Figure 5-4 Morphing software was used to seamlessly transform the images of 16 kindergartners.  Multimedia authoring systems typically provide tools to simplify creating animations within that authoring system.. authoring system ‫توفر برامج تحرير الوسائط المتعددة أدوات إلنشاء رسوم متحركة وتسمى‬ The most widely used tool for creating multimedia animations for Macintosh and Windows environments is Adobe’s Flash..‫يعتبر برنامج ادوبي فالش من اشهر برامج تصميم الرسوم المتحركة‬ With the simplest tools, you can make a bouncing ball to animate your web site using GIF89a. ‫يمكن انشاء مشهد لكرة نطاطة من مجموعة من الصور للعرض على الويب باستخدام برنامج‬.GIF89a A creative committee organized a brief storyboard of a gorilla chasing a man. ‫في المشهد التالي يتم انشاء مشهد لغوريال تطارد انسان من خالل بناء لوحة قصة‬.)storyboard( From a stock library containing many images licensed for unlimited use, a photograph was chosen of Manhattan’s.‫في هذا المشهد تم استخدام مجموعة من الصورة لمانهاتن مرخصة ترخيص محدد االستخدام‬ Central Park where a bridge crossed a small river and high-rise apartments lined the horizon..‫تم استخدام صورة لحديقة مركزية فيها جسر يمتد فوق نهر صغير و بنايات مرتفعة تالمس األفق‬ End of lecture