Multimedia Technologies Lecture (3) PDF

‫تقنيات الوسائط المتعددة‬ Multimedia technologies Lecture (3) Dania Mohamed Ahmed  ‫الخالصة‬ ‫‪ ‬الصوره ‪Image‬‬ ‫‪ -‬تعريف الصوره ‪Image‬‬ ‫‪ -‬عمق الصورة ‪Depth Image‬‬ ‫‪ -‬أنواع الصور ‪Type of Images‬‬ ‫‪ -‬دقة الصورة ‪I...

‫تقنيات الوسائط المتعددة‬ Multimedia technologies Lecture (3) Dania Mohamed Ahmed  ‫الخالصة‬ ‫‪ ‬الصوره ‪Image‬‬ ‫‪ -‬تعريف الصوره ‪Image‬‬ ‫‪ -‬عمق الصورة ‪Depth Image‬‬ ‫‪ -‬أنواع الصور ‪Type of Images‬‬ ‫‪ -‬دقة الصورة ‪Image Resolution‬‬ ‫‪ -‬حجم الصورة‪Image Size‬‬ ‫‪ -‬نظام األلوان ‪Color System‬‬  ‫الصورة ‪Image‬‬ ‫‪ ‬تمثي‪$‬ل رقمي ثن‪$‬ائي األبع‪$‬اد أو ثالثي األبع‪$‬اد للمعلوم‪$‬ات غ‪$‬ير النص‪$‬ية أو‬ ‫معلومات مرئية ‪ ،‬مثل الرسم أو الصورة‪.‬‬ ‫تس‪$‬مى الص‪$‬ور ال‪$‬تي يتم تخزينه‪$‬ا ومعالجته‪$‬ا بواس‪$‬طة أجه‪$‬زة الحاس‪$‬وب بالص‪$‬ور الرقمي‪$‬ة‬ ‫‪‬‬ ‫ع‪$‬رف‬ ‫‪$‬‬ ‫ألن‪$‬ه‪$‬ا‪$‬ممث‪$‬ل‪$‬ة‪$‬بمص‪$‬فوف‪$‬ة من‪$‬القيم‪$$‬الرقم‪$‬ي‪$‬ة‪.‬أص‪$‬غر‪$$‬عنص‪$‬ر‪$‬في ا‪$‬لص‪$‬ورة‪$$‬الر ‪$‬قم‪$‬ي‪$‬ة‪ُ$‬ي‬ ‫بالبكسل ‪ pixel‬أو عنصر الصورة‪.‬تتكون الصورة الرقمية من مصفوفة من البكسل‪.‬‬ ‫تس‪$‬اعد الص‪$‬ور على نق‪$‬ل المعلوم‪$‬ات بس‪$‬رعة أك‪$‬بر من النص‪ ،‬وك‪$‬ذلك جع‪$‬ل المعلوم‪$‬ات‬ ‫‪‬‬ ‫أقل تعقيدا‪.‬‬ ‫عمق الصورة‪Image Depth‬‬ ‫‪‬‬ ‫هو عدد من البت (‪ )bits‬المستخدمة لتمثيل كل بكسل (‪. )pixel‬‬ ‫قانون حساب عدد األلوان في الصوره ‪:‬‬ ‫‪‬‬ ‫‪ :‬عدد األلوان ‪C‬‬ ‫عمق الصوره‪n :‬‬ ‫‪ ‬يمكن إنش‪$‬اء الص‪$‬ور باس‪$‬تخدام تقني‪$‬ات مختلف‪$‬ة لتمثي‪$‬ل البيان‪$‬ات تس‪$‬مى ن‪$‬وع البيان‪$‬ات مث‪$‬ل‬ ‫مل‪$‬ون‪$‬ة‪$.$‬يتم إنش‪$‬اء‪$‬ص‪$‬و‪$‬رة أحا‪$‬دي‪$‬ة ال‪$‬ل‪$‬ون باس‪$‬تخ‪$‬دام‪$‬ل‪$‬ون واح‪$‬د‪$‬‬ ‫الص‪$‬ور‪$‬أحادي‪$‬ة‪$‬الل‪$‬ون وال ‪$‬‬ ‫بينم‪$$‬ا يتم إنش‪$$‬اء الص‪$$‬ورة الملون‪$$‬ة باس‪$$‬تخدام أل‪$$‬وان متع‪$$‬ددة‪.‬فيم‪$$‬ا يلي بعض أن‪$$‬واع‬ ‫البيانات للصور‪:‬‬  ‫العمق‬ ‫المعــادلة‬ ‫معلومات‬ ‫بت ‪1‬‬ ‫لون‬ ‫تسمي صورة أبيض)‪(Black and White Image‬‬ ‫وأسود‬ ‫بت ‪4‬‬ ‫تستخدم في الشاشات منخفضة الدقة‬ ‫بت ‪8‬‬ ‫تسمي صور ملونة )‪(Indexed Color Images‬‬ ‫مفهرسة‬ ‫)‪ (Grey‬بت ‪8‬‬ ‫تسمي صور درجات الرمادي)‪(Grayscale image‬‬ ‫بت ‪16‬‬ ‫تسمي تنسيق ألوان عالي)‪(High Color Format‬‬ ‫أزرق ‪ )G ( 5‬أخضر بت‪ )R ( 6‬أحمر بت ‪5‬‬ ‫(‪ )B‬بت‬ ‫بت ‪24‬‬ ‫تسمي اللون الحقيقي‪)True Color‬صوره ملونة(‬ ‫لكل لون ‪ 8‬بت أي ‪(R,G,B)256‬‬ ‫بت ‪32‬‬ ‫تستخدم ك قناة ألفا)‪(Alpha Channel‬‬ ‫صوره أبيض و‬ ‫أسود‬ ‫صوره‬ ‫ملونة‬ ‫صوره رمادية‬ ‫تحتوي علي‬ ‫األبيض واألسود‬ Indexed color ‫ ملونة مفهرسة‬High color format ‫تنسيق‬ ‫ألوان عالي‬  ‫أمثــــلة‬ ‫‪ ‬إذا ك‪$‬ان عم‪$‬ق الص‪$‬ورة تس‪$‬اوي ‪ 6‬بت فم‪$‬ا ه‪$‬و ع‪$‬دد األل‪$‬وان ال‪$‬تي يمكن تمثيله‪$‬ا في‬ ‫هذه الصورة؟‬ ‫الــــــحــل‬ ‫القانون ‪=C :‬حيث ‪ n‬هي عمق الصورة‬ ‫‪n=6‬‬ ‫لون ‪64‬‬ ‫‪ ‬إذا ك‪$‬ان ع‪$‬دد األل‪$‬وان في ص‪$‬وره م‪$‬ا ه‪$‬و ‪ 32‬ل‪$‬ون فكم يس‪$‬اوي عم‪$‬ق ه‪$‬ذه الصورة؟‬ ‫الــــــحــل‬ ‫عدد األلوان (‪)C‬‬ ‫حيث ‪ C‬تساوي ‪32‬‬ ‫‪=C‬‬ ‫‪32‬‬ ‫إذا عمق الصورة (‪ )n‬يساوي ‪ 5‬بت‬  ‫أنواع الصور ‪Type of Images‬‬ ‫‪ ‬هنالك نوعين من أنواع الصور من حيث التركيب وهما ‪:‬‬ ‫‪ -1‬الصوره المتجهة ‪Vector Image‬‬ ‫‪ -2‬الصورة النقطية ‪Bitmap Image‬‬ ‫‪ ‬الص‪$‬ور النقطي‪$‬ة والمتجه‪$‬ة هي ص‪$‬ور على الشاش‪$‬ة ‪ ،‬لكن له‪$‬ا تركيب‪$‬ة وترك‪$‬يز‬ ‫مختلف‪.‬الص‪$‬ور النقطي‪$‬ة عب‪$‬اره عن وح‪$‬دات من البكس‪$‬ل ‪ ، Pixel‬أم‪$‬ا الص‪$‬ور‬ ‫المتجه‪$‬ة يتم إنش‪$‬اءه بن‪$‬اًء على ال‪$‬برامج الحس‪$‬ابية و ال‪$‬برامج الهندس‪$‬ية (تحت‪$‬وي‬ ‫علي أشكال هندسية)‪.‬‬ ‫‪ ‬التع‪$‬ديل في الص‪$‬ورة من حيث الحجم أو الت‪$‬دوير ال ي‪$‬ؤثر علي ج‪$‬ودة الص‪$‬ورة‬ ‫إذا ك‪$‬انت من الن‪$‬وع المتجه‪$‬ة (الص‪$‬ور المتجه‪$‬ة) أم‪$‬ا إذا ك‪$‬انت ص‪$‬ور نقطي‪$‬ة ف‪$‬إن‬ ‫جودتها تقل كل ما أصبح حجمها أكبر مثال‪.‬‬ Bitmap Image ‫صوره نقطية‬Vector Image ‫صوره متجهة‬  ‫دقة الصورة ‪Image Resolution‬‬ ‫‪ ‬هي قي‪$$‬اس أو تحدي‪$$‬د مق‪$$‬دار التفاص‪$$‬يل ال‪$$‬تي يمكن أن تحت‪$$‬وي عليه‪$$‬ا‬ ‫الصورة ) عدد البكسل في الصورة)‪.‬‬ ‫‪ ‬دقة الصوره لديها العديد من األشكال منها ‪:‬‬ ‫‪ -‬دقة الصورة ‪Image resolution‬‬ ‫هي عدد وحدات البكسل في الصورة‪.‬‬ ‫‪ -‬دقة الشاشة ‪Monitor resolution‬‬ ‫تشير إلى عدد النقاط في البوصة (‪ )dpi‬على الشاشة‪.‬‬ ‫‪ -‬دقة اإلخراج ‪Output resolution‬‬ ‫تش‪$$‬ير إلى ع‪$$‬دد النق‪$$‬اط في البوص‪$$‬ة (‪ )dpi‬على جه‪$$‬از إخ‪$$‬راج (نس‪$$‬خة‬ ‫مطبوعة)‪.‬‬ ‫‪ DPI ‬إختصار ‪ Dots Per Inch‬وهي عدد النقاط في البوصة‪.‬‬  ‫حجم الصورة ‪Image Size‬‬ ‫‪ ‬يتم تحديد حجم الصورة من حيث العرض ‪ X‬االرتفاع ( ‪، )X*Y‬‬ ‫بأرقام البكسل‪.‬‬  ‫حساب حجم الصورة‬ ‫‪ ‬خطوات حساب حجم الصورة بالميقابايت ‪:‬‬ ‫‪.1‬إيج‪$‬اد ع‪$‬دد وح‪$‬دات البكس‪$‬ل الموج‪$‬وده في الص‪$‬ورة وذل‪$‬ك يك‪$‬ون في حاص‪$‬ل‬ ‫ضرب العرض‪ X‬اإلرتفاع ‪.‬‬ ‫‪.2‬اض‪$‬رب الع‪$‬دد اإلجم‪$‬الي لوح‪$‬دات البكس‪$‬ل في عم‪$‬ق الص‪$‬وره (‪ 16‬بت ‪ 14 ،‬بت‬ ‫وما إلى ذلك) للحصول على العدد اإلجمالي للبيانات‪.‬‬ ‫‪.3‬قس‪$‬مة الع‪$‬دد اإلجم‪$‬الي للبيان‪$‬ات (‪ )Bits‬على ‪ 8‬وذل‪$‬ك لتحوي‪$‬ل المل‪$‬ف من بت‬ ‫إلي بايت(‪. )Bytes‬‬ ‫‪.4‬قس‪$‬مة ع‪$‬دد البايت‪$‬ات (‪ )Bytes‬علي ‪ 1024‬لتحوي‪$‬ل حجم المل‪$‬ف إلي كيل‪$‬و ب‪$‬ايت‬ ‫(‪.)Kilobyte‬‬ ‫ميقابايت(‪.)Megabyte‬‬ ‫نقسم‬ ‫بايتإلي‬ ‫الملف‬ ‫لتحويل حجم‬ ‫بالقيقا‬ ‫أخرى‬ ‫الصوره‬ ‫حجم‬‫مطلوبمرة‬ ‫على ‪1024‬‬ ‫‪ .5‬إذا‬ ‫اقسمكان‬ ‫للمره الثالث علي ‪1024‬‬  ‫مـــــثال‬ ‫‪ ‬صورة ‪ x 2048 2048‬بيكس‪$‬ل ‪ ،‬إذا كنت الص‪$‬ورة ذات تنس‪$‬يق أل‪$‬وان ع‪$‬الي‬ ‫في تمثيل كل بيكسل ‪ ،‬قم بحساب حجم الصورة ميقابايت؟‬ ‫الــــــحــل‬ ‫‪.1‬وحدات البكسل في الصورة ‪ 4194304=2048*2048 :‬بكسل‬ ‫‪.2‬ع‪$$‬دد البت في الص‪$$‬ورة ‪ :‬العمــق = ‪ 16‬بت وذلــك ألن الصــورة ذات‬ ‫تنسيق ألوان عالي‬ ‫‪ 67108864=16*4194304‬بت (‪)Bit‬‬ ‫‪.3‬تحويل من بت إلي بايت ‪ 8388608=67108864/8 :‬بايت (‪)Byte‬‬ ‫‪.4‬تحوي‪$$‬ل من ب‪$$‬ايت إلي كيل‪$$‬و ب‪$$‬ايت ‪ 8192 =8388608/1024:‬كيل‪$$‬و ب‪$$‬ايت‬ ‫(‪)KB‬‬ ‫‪.5‬تحوي‪$‬ل من كيل‪$‬و ب‪$‬ايت إلي ميقاب‪$‬ايت ‪ 8= 8192/1024 :‬ميقاب‪$‬ايت (‪)MB‬‬  ‫مـــــثال‬ ‫‪ ‬كاميرا رقمي‪$‬ة تق‪$‬وم بالتق‪$‬اط ص‪$‬ور ‪ x 1200 1200‬بعم‪$‬ق ‪ 16‬بت وله‪$‬ا س‪$‬عة‬ ‫ت‪$‬خزيني‪$‬ه مق‪$‬داره‪$‬ا ‪ 220‬ميقاب‪$‬ايت‪$‬كم ع‪$‬دد ا‪$‬لص‪$‬ور ا‪$‬ل‪$‬تي ي‪$‬تم تخزينه‪$‬ا في‪ $‬ه‪$‬ذه‬ ‫الذاكرة؟‬ ‫الــــــحــل‬ ‫‪.1‬حساب حجم الصوره الواحد ‪:‬‬ ‫‪ 23040000=16*1200*1200 -‬بكسل‬ ‫‪ 2.75 =)1024/)1024(/23040000/8))) -‬ميقابايت‬ ‫‪.2‬إذا لمعرفة عدد الصور التي يمكن تخزينها ‪:‬‬ ‫‪ 80=220/2.75 -‬صوره‬  ‫نظام األلوان ‪Color System‬‬ ‫‪ ‬هنالك ثالث أنواع من األلوان ‪:‬‬ ‫‪ -‬الثالثية‬ ‫‪ -‬الثانوية‬ ‫‪ -‬األساسية‬ ‫‪ ‬هنالك العديد من نماذج أنظمة األلوان منها ‪:‬‬ ‫‪ -‬نموذج ‪RGB‬‬ ‫‪ -‬نموذج ‪CMY‬‬ ‫‪ -‬نموذج ‪HSB‬‬  ‫نموذج ‪RGB‬‬ ‫‪ RGB ‬إختصار ‪.Red Green Blue‬‬ ‫‪ ‬هو نموذج األلوان األكثر شيوًعا المستخدم في رسومات الحاسوب‪.‬‬ ‫‪ ‬يتم إض‪$‬افة كمي‪$‬ة متفاوت‪$‬ة من األل‪$‬وان األساس‪$‬ية (األحم‪$‬ر‪،‬األخض‪$‬ر‪،‬األزرق)‬ ‫للحصول على ألوان جديدة‪.‬‬ ‫‪ ‬جمي‪$‬ع األل‪$‬وان هن‪$‬ا بتنس‪$‬يق ‪ 24‬بت ‪ ،‬وه‪$‬ذا يع‪$‬ني أن ك‪$‬ل ل‪$‬ون يحت‪$‬وي على ‪8‬‬ ‫بت(‪.)B،G،R‬‬ ‫)ز‪،‬خ‪،‬ح) أو يمكنن‪$‬ا الق‪$‬ول أن ك‪$‬ل ل‪$‬ون ل‪$‬ه ثالث‪$‬ة أج‪$‬زاء مختلف‪$‬ة‪.‬عن‪$‬د تغي‪$‬ير كمي‪$‬ة‬ ‫هذه األجزاء الثالثة يتم الحصول على لون جديد‪.‬‬  ‫‪ ‬مثال لكتاب‪$‬ة ترم‪$‬يز ‪ code‬الل‪$‬ون األس‪$‬ود تك‪$‬ون قيم الثالث أل‪$‬وان األساس‪$‬ية هي‬ ‫صفر (‪.)0،0،0‬أما اللون األبيض فيكون (‪.)255،255،255‬‬ ‫الترميز‬ ‫أزرق‬ ‫أخضر‬ ‫أحمر‬ ‫اللون‬ ‫)‪(0،0،255‬‬ ‫‪0‬‬ ‫‪0‬‬ ‫‪255‬‬ ‫أحمر‬ ‫)‪(0،255،0‬‬ ‫‪0‬‬ ‫‪255‬‬ ‫‪0‬‬ ‫أخضر‬ ‫)‪(255،0،0‬‬ ‫‪255‬‬ ‫‪0‬‬ ‫‪0‬‬ ‫أزرق‬ ‫)‪(0،255،255‬‬ ‫‪0‬‬ ‫‪255‬‬ ‫‪255‬‬ ‫أصفر‬ ‫)‪(127،127،127‬‬ ‫‪127‬‬ ‫‪127‬‬ ‫‪127‬‬ ‫رمادي‬ ‫)‪(255،255،0‬‬ ‫‪255‬‬ ‫‪255‬‬ ‫‪0‬‬ ‫سماوى‬ ‫)‪(255،0،255‬‬ ‫‪255‬‬ ‫‪0‬‬ ‫‪255‬‬ ‫أرجواني‬ ‫)‪(255،255،255‬‬ ‫‪255‬‬ ‫‪255‬‬ ‫‪255‬‬ ‫أبيض‬  ‫تمثيل ثنائي‬ ‫الـــــلــون‬ ‫‪00000000 00000000 00000000‬‬ ‫األسود‬ ‫‪11111111 11111111 11111111‬‬ ‫األبيض‬ ‫‪00000000 00000000 11111111‬‬ ‫األحمر‬ ‫‪00000000 11111111 11111111‬‬ ‫أصفر‬ ‫‪11111111 01100111 00000000‬‬ ‫البرتقالي‬  ‫‪RGB‬إلي سادس عشر )ثنائي( ‪Hexadecimal‬‬ ‫تحويل من‬ ‫‪ ‬مـــثال‬ ‫قم بتمثيل هذا اللون بإستخدام النظام السادس عشر‬ ‫‪110110010011101100001111‬‬ ‫أحمر‬ ‫أخضر‬ ‫أزرق‬ ‫‪11011001‬‬ ‫‪00111011‬‬ ‫‪00001111‬‬ ‫توزيع إلي ‪8‬‬ ‫خانات‬ ‫‪1101‬‬ ‫‪1001‬‬ ‫‪0011‬‬ ‫‪1011‬‬ ‫‪0000‬‬ ‫‪1111‬‬ ‫توزيع كل ‪ 4‬خانات‬ ‫‪D‬‬ ‫‪9‬‬ ‫‪3‬‬ ‫‪B‬‬ ‫‪0‬‬ ‫‪F‬‬ ‫تحويل إلي سادس‬ ‫عشر‬ ‫‪#D93B0F‬‬ ‫الــــلــون‬  ‫نموذج ‪CMY‬‬ ‫‪C : Cyan‬‬ ‫‪M : Magenta‬‬ ‫‪Y : Yellow‬‬ ‫‪ ‬هذا النموذج يعتبر األلوان‬ ‫السماوي واألرجواني و‬ ‫األصفر هي األلوان‬ ‫األساسية‪.‬‬  ‫نموذج ‪HSB‬‬ ‫‪ ‬يعتمد هذا النموذج على اإلدراك البشري للون‪.‬‬ ‫‪ ‬الخصائص األساسية لأللوان في هذا النموذج هي‪:‬‬ ‫‪ -1‬درجة اللون أوفارق اللون ‪Hue‬‬ ‫ه‪$‬و ط‪$‬ول موج‪$‬ة الض‪$‬وء‪.‬غالب‪$‬ا م‪$‬ا يتم تحدي‪$‬ده بواس‪$‬طة اس‪$‬م الل‪$‬ون‪.‬يتم‬ ‫قياس‪$‬ه كموق‪$‬ع على عجل‪$‬ة األل‪$‬وان القياس‪$‬ية كدرج‪$‬ة ت‪$‬تراوح بين ‪ 0‬و ‪360‬‬ ‫درجة‪.‬‬  ‫‪ -2‬التشبع ‪Saturation‬‬ ‫‪ -‬هو قوة أو نقاء اللون‪.‬‬ ‫‪ -‬عب‪$‬اره عن رقم ي‪$‬تراوح بين ‪ 0‬إلي ‪. 100‬وه‪$‬ذا ال‪$‬رقم ه‪$‬و عب‪$‬اره عن كمي‪$‬ة‬ ‫الل‪$‬ون الم‪$‬دخل علي الل‪$‬ون الرم‪$‬ادي ‪(.‬هذا يع‪$‬ني إذا ك‪$‬انت القيم‪$‬ه ص‪$‬فر يع‪$‬ني‬ ‫اللون رمادي)‪.‬‬  ‫‪ - 3‬السطوع ‪Brightness‬‬ ‫‪ -‬وه‪$‬و عب‪$‬اره عن رقم بين ‪ 0‬و ‪.100‬يتم كتابت‪$‬ه أحياًنا كنس‪$‬بة مئوي‪$‬ة ك‪$‬ل‬ ‫مازادت النسبة يكون اللون خفيف وإذا نقصت يكون اللون غامق‪.‬‬ ‫إذا ك‪$‬ان الس‪$‬طوع ‪ ٪0‬يك‪$‬ون الل‪$‬ون أس‪$‬ود ‪ ،‬بغض النظ‪$‬ر عن درج‪$‬ة الل‪$‬ون‬ ‫‪-‬‬ ‫و التش‪$‬بع‪.‬أم‪$‬ا إذا الس‪$‬طوع ‪ ٪100‬يك‪$‬ون الل‪$‬ون أبيض فق‪$‬ط إذا ك‪$‬ان التش‪$‬بع‬ ‫أيًضا ‪.٪0‬‬  ‫‪Quiz‬‬ ‫‪ ‬جه‪$‬از ق‪$‬رص بمس‪$‬احة تخ‪$‬زين ‪ 500‬قيقاب‪$‬ايت إذا ك‪$‬انت دق‪$‬ة‬ ‫الص‪$‬ورة ‪ x 300 200‬يس‪$‬تخدم تنس‪$‬يق أل‪$‬وان ع‪$‬الي ‪ ،‬م‪$‬ا ه‪$‬و الح‪$‬د‬ ‫األقصى لعدد الصور التي يمكن تخزينها في هذا القرص؟‬ ‫س ــ ـ ـ ؤ ا‬ ‫ل‬