http://github.com/dylang/node-rsssite-lib/media/favicon.pngWebpage HTML Export plugin for ObsidianThu, 11 Jun 2026 21:27:13 GMTThu, 11 Jun 2026 21:27:12 GMT60noureldeenmahmoud.github.io/MET-Summaries/]]>readme.html2 - Areas/College/README.mdThu, 11 Jun 2026 21:26:46 GMThttps://t.me/DevNourEldeen]]>index.html2 - Areas/College/Index.mdThu, 11 Jun 2026 21:20:51 GMThttps://t.me/DevNourEldeen]]>networks/index.html2 - Areas/College/Networks/Index.mdThu, 11 Jun 2026 20:07:09 GMT Ordinal data is grouped by rank on the basis of some quantitative measure: small, medium, and large cities or single-lane, double-lane, and four-lane roads. الأرقام هنا بتعبر عن "ترتيب أو رتبة"، لكن منعرفش المسافة أو الفرق بين كل رتبة والتانية قد إيه. أمثلة: مراكز السباق (1st, 2nd, 3rd) — مش عارفين الفرق الزمني بينهم. الـ Ordinal Data: بيانات بتتجمع حسب الترتيب بناءً على قياس كمي — مدن صغيرة/متوسطة/كبيرة، طرق حاره واحدة/اتنين/أربعة.
هنا الترتيب موجود، وكمان الطرح بين الأرقام ليه معنى ثابت، لكن مفيش صفر حقيقي (الصفر مش معناه انعدام الحاجة). الطرح ينفع، لكن القسمة/النسبة مينفعش. القسمة مش معنوية — 200°C مش ضعف 100°C. درجات الحرارة (Celsius): درجة 20°C أدفى من 10°C بعشر درجات (الطرح شغال)، لكن مينفعش تقول إن 20°C "ضعف حرارة" 10°C؛ لأن مثلا عشان تقول ان 4 ضعف 2 لازم يكون الرقمين بادئين من الصفر (اول مره اعرف المعلومه دي). ده أعلى وأدق مقياس. فيه ترتيب، والمسافات متساوية، وكمان فيه صفر حقيقي مطلق. الخصائص: الجمع، الطرح، والأهم القسمة والنسبة كلهم ليهم معنى. أمثلة: الوزن (50 kg = نص 100 kg)، مدة السباق ( اللي خلص السباق في 5 ساعات، أخد "ضعف" الوقت بتاع اللي خصه في ساعتين ونص (5 / 2.5 = ). صفر الميزان مطلق، لكن صفر Celsius مش مطلق.
ملاحظة مهمة معظم البيانات الجغرافية في الـ GIS Nominal أو Ordinal — القيم بتعمل ترتيب أو هوية بس، ونادرًا Interval أو Ratio. Three Levels of Measurement: Nominal (Qualitative) — بيانات نوعية. Ordinal — بيانات مرتبة. Ratio (Quantitative) — بيانات كمية.
الفكرة: بنستخدم رمز (غالباً دائرة)، وحجم الرمز ده بيكبر ويصغر حسب القيمة اللي بيعبر عنها. (مثلاً: دائرة كبيرة = عدد سكان كتير، دائرة صغيرة = عدد سكان قليل). الميزة (Easy to see distribution): ممتازة جداً عشان توريك "التوزيع المكاني". بمجرد النظر للخريطة هتعرف الأماكن الزحمة والأماكن الفاضية. العيب (Hard to see if overlapping): لو الأماكن قريبة من بعض والقيم كبيرة، الدوائر هتكبر وتدخل في بعضها (Overlapping) وتغطي على تفاصيل الخريطة وماتعرفش تقراها كويس.
الفكرة: بدل ما نحط دائرة أو لون، بنحط رسم بياني كامل (زي الـ Pie Chart أو الـ Bar Chart) جوه كل منطقة أو محافظة على الخريطة. الميزة (Magnitudes and categories obvious): بتوضح الأرقام (الكميات) والفئات بدقة. (مثلاً: تقدر تشوف رسمة بتوضح نسبة الذكور للإناث في كل محافظة بوضوح). العيب (Hides spatial pattern): الرسومات البيانية بتعمل "زحمة بصرية"، فبتداري معالم الخريطة الأصلية، وبتخليك مش قادر تلمح "النمط الجغرافي العام" بسهولة.
الجزء ده بيشرح "عناصر الخريطة الأساسية" (Map Elements) وإزاي بنعمل إخراج نهائي للخريطة (Map Composition) بحيث تطلع مريحة للعين وفيها توازن بصري (Visual Balance).
Map Scale: Map scale defines the amount of reduction of reality. ده من أهم العناصر، وهو "نسبة تصغير الواقع على الورقة". قاعدة مهمه في الـ GIS: دايماً يفضل "تصغر" خريطة دقتها عالية، بدل ما "تكبر" خريطة دقتها قليلة (عشان الجودة والتفاصيل بتبوظ لما بتكبر). 3 أنواع من Scale: مقياس لفظي (Verbal Scale): بيتكتب بالكلمات العادية، زي: (1 سم يمثل 1 متر). مقياس كسري/نسبي (RF - Representative Fraction): بيتكتب كنسبة مئوية، زي: (1:100,000) يعني كل 1 سم على الخريطة بيساوي 100,000 سم في الحقيقة. مقياس خطي (Graphic Bar): مسطرة مرسومة على الخريطة ومتقسمة مسافات. (وده أفضل نوع للخرايط المطبوعة، لأنك لو صورت الخريطة وكبرتها أو صغرتها، المسطرة هتكبر وتصغر معاها بنسبة وتناسب).
Title الفرق بين المقياس الكبير والصغير (مهمة ): ا Large Scale (مقياس كبير): الكسر بتاعه كبير (زي 1:1,000). بيعرض مساحة صغيرة بس فيها تفاصيل كتير جداً (زي خريطة شارعك). ا Small Scale (مقياس صغير): الكسر بتاعه صغير (زي 1:1,000,000). بيعرض مساحة كبيرة جداً بس تفاصيلها قليلة (زي خريطة العالم أو خريطة مصر كلها). The reference area on a map that lists: The colors, Symbols, Line patterns, Shadings and other annotation used on the map, and their meanings. ده "القاموس" بتاع الخريطة. بيترجم للـ User كل حاجة مرسومة (الألوان، الرموز، أشكال الخطوط، التظليل) معناها إيه في الحقيقة. (مثال: الخط الأحمر = سكة حديد).
The question of what is north can be an issue on some maps. مؤشر بيعرفك اتجاه الشمال فين. وفيه نوعين من الشمال: الشمال الحقيقي (True North): الاتجاه الثابت للقطب الشمالي (وده اللي بنستخدمه في الخرايط). الشمال المغناطيسي (Magnetic North): ده اللي البوصلة بتشاور عليه، ومكانه بيتغير بمرور الزمن بسبب تغيرات القشرة الأرضية.
Readers will need to know about the sources from which the map was derived. لازم تكتب البيانات بتاعتك جاية منين (زي هيئة المساحة أو قمر صناعي معين) عشان القارئ يثق في دقة وصحة الخريطة. لازم يكون واضح، بيشد الانتباه، ومناسب للهدف من الخريطة والجمهور اللي هيقراها. ودي الطريقة اللي فردنا بيها الأرض "الكروية" على ورقة "مسطحة". لازم يتكتب نوع الـ Projection لأن أي Projection في الدنيا بيعمل تشويه في واحدة من الأربعة دول: (المساحة Area، المسافة Distance، الاتجاه Direction، أو الشكل Shape). اسم الشخص أو الشركة اللي رسمت وأخرجت الخريطة. عنصر حساس جداً. القارئ لازم يعرف الخريطة دي معموله سنة كام، لأن لو خريطة "طرق" قديمة ممكن تودي الناس في داهية، بينما خرايط تانية (زي الجبال) مش بتتأثر أوي بمرور الزمن. The outer neatline of a map--its border--helps to frame the entire map composition to draw the reader's attention to the various elements of information. Neatlines are also used to "clip" the area of the body of the map and of locator, and inset maps ده "البرواز" أو الخطوط اللي بتحوط الخريطة. بتعمل حاجتين بتفصل الخريطة عن الورقة وتشد عين القارئ. بتستخدم كـ (مقص) تقطع بيه حدود منطقة معينة عشان تعرضها في خريطة فرعية. The cartographer adds a "helper" or locator map that places the body of the map within a larger geographical context with which the reader can be expected to be familiar. دي خريطة "مُساعدة" صغيرة بتتحط في الجنب، بتوريك "السياق الأكبر". (مثال: لو أنت عامل خريطة لمدينة المنصورة، بتحط خريطة صغيرة لمصر كلها وفيها نقطة حمرا على المنصورة عشان لو حد مش من المنصوره يعرف مكانها فين). provide the reader with additional close-up, "zoomed in" maps of these smaller areas. دي عكس اللي فوق. لو الخريطة الأصلية زحمة جداً وفيها حتة مليانة تفاصيل متداخلة ومش باينة، بنقوم واخدين الحتة دي في مربع على جنب ونعملها "Zoom in" عشان نوضحها. ملخص 1. مقاييس البيانات (Scales): ا Nominal: تصنيف وهوية فقط (أنواع الأراضي، رقم التليفون). ا Ordinal: ترتيب ورتبة فقط (الأول، التاني). ا Interval: فرق ثابت بين القيم لكن مفيش صفر مطلق (درجة الحرارة). ا Ratio: دقة كاملة بـ صفر مطلق، ينفع فيها القسمة (الوزن، المسافة). 2. استراتيجيات الترميز (Symbols): ا Graduated (رموز متدرجة): حجم الرمز يعبر عن القيمة. (حلوة للتوزيع المكاني، عيبها التداخل في الزحمة). ا Charts (رسومات بيانية): دقيقة في الأرقام، بس بتعمل زحمة وتداري معالم الخريطة الأساسية. 3. عناصر الخريطة (Map Anatomy): ا Scale (المقياس): المقياس الكبير = تفاصيل كتير لشارع، المقياس الصغير = تفاصيل قليلة لدولة. (المقياس الخطي هو الأفضل للطباعة). ا Legend: قاموس الخريطة (معاني الألوان والرموز). اNeatlines: برواز الخريطة الخارجي. اLocator Map: خريطة مساعدة بتوريك مكانك جوه سياق أكبر (نقطة على خريطة الدولة). اInset Map: خريطة مكبرة (Zoom-in) لحتة معينة زحمة في الخريطة عشان توضحها. حاجات تانية: Title (العنوان)، Direction (اتجاه الشمال)، Projection (المسقط - دايماً بيعمل نسبة تشوه)، والـ Date/Source (تاريخ ومصدر البيانات). ]]>gis/lectures/lecture-8-cartography.html2 - Areas/College/GIS/Lectures/Lecture 8 - Cartography.mdSun, 12 Apr 2026 00:00:00 GMT<figure><img src="https://i.ibb.co/RdyKYJP/image.png"></figure> المميزات تفاصيل عالية (High Resolution) — صور أوضح من الصور الأقمار الصناعية القديمة. تكاليف معقولة لمساحات صغيرة ومتوسطة. مرنة — ممكن تصوير في أي وقت حسب الطقس. العيوب محتاجة طقس صافي (Clear Weather) — الغيوم والضباب بيأثروا على جودة الصور. معالجة بطيئة — الصور الجوية بتحتاج معالجة كتير. تكلفة عالية لمساحات كبيرة. Definition RS Process The process of acquiring information about the Earth's surface without being in contact with it — by sensing and recording reflected or emitted energy and processing, analyzing, and applying that information. الاستشعار عن بُعد (Remote Sensing) هو علم اكتساب معلومات عن سطح الأرض بدون لمس مباشر (Without Physical Contact) — عن طريق كشف وتسجيل الطاقة المنعكسة أو المُصدَرة من الأجسام. بيعتمد على قياس "الأشعة الكهرومغناطيسية" (Electromagnetic radiation) اللي بتنعكس أو بتنبعث من الأجسام، باستخدام أجهزة استشعار (Sensors) بتلقط موجات مختلفة (زي الضوء المرئي، أو الميكروويف). ا HOW MUCH — تحديد بالعد أو قياس المساحة أو النسبة المئوية. ا WHERE — ربط المواقع بالخرائط أو المواقع الحقيقية على الأرض. ملاحظة: كلمة "Where" بتتكون لفترة زمنية كمان (التوقيت مهم). الاستشعار السلبي (Passive): جهاز بيستقبل بس. بيعتمد على مصدر إضاءة طبيعي (غالباً الشمس). الاستشعار الإيجابي (Active): جهاز "بيبعت ويستقبل". الجهاز نفسه بيطلع أشعة تخبط في الأرض وترجعله يقيسها. كأنك بتصور بالليل وشغلت الفلاش. (أشهر أمثلته: الرادار RADAR، والليزر LIDAR). Passive RS Interactions فيه 3 تفاعلات بتحصل في الـ Passive RS: ا Extinction: الطاقة بتتمتص أو تتبعثر من الحزمة. ا Emission: الطاقة بتتسرَّب من الجسم (الغلاف الجوي). ا Scattering: الطاقة الطبيعية بتتتبعثر نحو القمر الصناعي. Active RS Interaction في الـ Active RS فيه تفاعل واحد بيحصل الـ Backscattering: الإشعاع الاصطناعي بيتبعثر رجوعًا نحو القمر الصناعي من سطح الأرض. RS Elements ا Energy Source / Illumination (A) — مصدر الطاقة (الشمس). ا Radiation and the Atmosphere (B) — مرور الإشعاع عبر الغلاف الجوي. ا Interaction with the Target (C) — تفاعل الطاقة مع السطح. ا Recording of Energy by the Sensor (D) — تسجيل الطاقة بالحساس (القمر الصناعي). ا Transmission, Reception, and Processing (E) — نقل البيانات ومعالجتها. ا Interpretation and Analysis (F) — تفسير وتحليل البيانات. ا Application (G) — التطبيق (خرائط، تقارير). Radiation Interactions -لما الأشعة أو الطاقة (Incident Energy - I) بتسيب الغلاف الجوي وتخبط في سطح الأرض بيحصلها حاجة من تلاتة (أو ميكس بينهم): الامتصاص (Absorption - A): الهدف بيمتص الطاقة دي. (زي الأسفلت لما يمتص حرارة الشمس ويسخن). النفاذية (Transmission - T): الأشعة بتخترق الهدف وتعدي الناحية التانية. (زي لما الضوء بيعدي جوه الماية أو إزاز الشباك). الانعكاس (Reflection - R): الأشعة بتخبط في الهدف و"ترتد" وتنعكس تاني لفوق. (وده أهم واحد بالنسبة لنا، لأن ده اللي القمر الصناعي بيلقطه عشان يصور الهدف). النسب بتاعت كل تفاعل بتعتمد على الطول الموجي (Wavelength) و نوع المادة (Material) و حالة السطح (Condition). نظام تحديد الموقع العالمي (GPS) هو نظام ملاحة فضائي مبني على قمر صناعي، بيتم التحكم فيه من الولايات المتحدة (U.S Air Force) لصالح وزارة الدفاع (DOD). اشتغل في 26 يونيو 1993 مع إطلاق القمر الصناعي الـ 24. جهاز الـ GPS بتاعك بيستقبل إشارات عشان يحسب 3 حاجات: (مكانك، سرعتك، والوقت). عشان الموبايل يقدر يحدد مكانك بدقة في الـ 3D (خط الطول، دائرة العرض، والارتفاع) ويظبط الوقت، لازم يلقط إشارة من 4 أقمار صناعية على الأقل. كل ما الأقمار زادت، الدقة زادت. GPS Characteristics مجاني (Free) دقيق (Precise) موثوق (Reliable) يشتغل في كل الظروف الجوية (All Weather) في أي وقت وأي مكان (Anytime & Anywhere) — مع ملاحظة إن "Almost!" على الشريحة لا نهائي المستخدمين (Unlimited User Capacity) الـ GPS النظام مبني على 3 شرائح (Segments). ا Space Segment ا Control Segment ا User Segment
ا مجموعه (constellation) من 24 قمر صناعي بيدوروا حول الأرض على ارتفاع حوالي 11,000 ميل بحري (nautical mile). كل قمر بيدور مرة كل 12 ساعة. كل قمر ليه رقم تعريفي فريد وبيبث إشارة فريدة. الإشارة بتسافر بـ سرعة الضوء (Speed of Light). كل قمر فيه ساعة عالية الدقة — 0.000000003 ثانية. زي ما اتفقنا قبل كده، عشان الجهاز يحدد مكانك، لازم يعرف المسافة بينك وبين أكتر من قمر صناعي. الـ GPS بيستخدم نوعين من الإشارات عشان يحسب المسافة دي: الـ Code-phase ranging الـ Carrier-phase ranging الـ Code-Phase Ranging (حساب المسافة بالكود): الإشارة (Signal & Time stamp): كل قمر صناعي بيبعت إشارة فريدة خاصة بيه، ومكتوب عليها "وقت انطلاقها" بالظبط. حساب الزمن (Time Delay): الرسيفر (الموبايل) متسجل عليه نسخة من نفس الإشارة، فبيحسب الإشارة اتأخرت قد إيه عشان توصله (وقت الوصول - وقت الانطلاق). المعادلة (The Equation): الجهاز بيحسب المسافة بقانون السرعة: (المسافة = الزمن × السرعة). الـ Carrier-phase ranging: الطريقة دي بتعتمد على إن الجهاز بيقيس المسافة بـ "عد موجات الراديو" نفسها اللي شايلة الإشارة، بدل ما يقرا الكود اللي جواها. وعشان الموجات دي قصيرة جداً، بتدي دقة مرعبة بالسنتيمتر، فبيستخدموها في أجهزة المساحة الهندسية الاحترافية مش في الموبايلات العادية. دي محطات موجودة على الأرض (محطة رئيسية ومحطات فرعية) متوزعة في العالم. المحطة رئيسية وظيفتها إنها تراقب الأقمار الصناعية، تظبط مساراتها، وتصلح ساعاتها لو أخرت أو قدمت. 5 محطات تحكم حول العالم: ا Falcon AFB, Colorado Springs — Master Control Monitor Station ا Hawaii Monitor Station ا Ascension Island Monitor Station ا Diego Garcia Monitor Station ا Kwajalein Monitor Station النظام فيه كمان 12 انتينا (command and control antennas) ، و16 محطة مراقبة Master Control Station determines satellite conditions (orbit, clock, health status) and calibrates the satellite’s clock ده جهاز الـ GPS بتاعك (أو موبايلك). وظيفته بس إنه يستقبل ويفك شفرة الإشارات اللي جاية من الأقمار ومبيبعتش حاجة. المستقبل الأساسي مفيش جهاز إرسال (No Transmitter). مستويات دقة مختلفة — من $100 لـ $30,000. المستقبل بيحدد موقعه عن طريق التثليث المساحي (Trilateration). Types of Receivers Garmin Handheld — مستقبل يدوي للمستخدمين العاديين. Trimble GeoCE — جهاز ميداني للمحترفين. HiPer Pro — جهاس مسحي دقيق على Tripod. كل قمر صناعي بيعرف موقعه ومسافته من مركز الأرض وبيبث المعلومات دي باستمرار. المستقبل بيحسب مسافته من كل قمر وبيحدد موقعه. قمر صناعي واحد: المستقبل ممكن يكون في أي مكان على الدائرة المحيطة بالقمر.
قمرين: المستقبل بيضيق لموقعين فقط (نقطتين بتتقاطع).
3 أقمار: المستقبل بيحدد موقعه لأن أحد المواقع بيكون في الفضاء (غير ممكن).
4 أقمار أو أكتر: الدقة بتزيد كل ما الأكتر أقمار اتستخدمت.
ملاحظة: الأقل 4 أقمار مطلوبين لحساب الموقع في 3 أبعاد + فرق الوقت (Time Offset). أحياناً الـ GPS بيغلط، ده بيحصل بسبب: ا Satellite Geometry — توزيع الأقمار في السماء. ا Satellite Orbits — أخطاء في مسار القمر. ا Multipath — إشارات بترتد من أسطح صلبة (مباني، عربيات). ا Atmospheric Effects — الغلاف الجوي بيبطئ الإشارة. ا Clock — أخطاء في ساعة المستقبل أو القمر. PDOP is Position Dilution of Precision Satellite Geometry ا Good PDOP: ألما الأقمار تكون متوزعة وبعيدة عن بعض في السماء، التقاطع بتاعهم بيكون دقيق جداً . ا Poor PDOP: لو الأقمار كلها متجمعة في حتة واحدة في السماء (فوق دماغك مثلاً)، التقاطع بيكون واسع والدقة بتقل جداً. ا PDOP = Position Dilution of Precision — كل ما القيمة اقل، كل ما الدقة أعلى.
Sources of Signal Interference ا Earth's Atmosphere — الغلاف الجوي بيأثر على سرعة الإشارة. ا Solid Structures — المباني بتسبب Multipath. ا Metal — العربيات والهياكل المعدنية بترتد الإشارة. ا Electro-magnetic Fields — الأسلاك الكهربائية بتسبب تداخل. Atmospheric Error إشارات الراديو بتسافر بسرعة الضوء في الفضاء، لكن الغلاف الجوي بيبطئهم. الإشارات منخفضة التردد بتتأثر أكتر. المستقبل بيفرق بين وقت وصول الترددات العالية والمنخفضة وبيحسب تصحيح. نظام تحديد الموقع العالمي التفاضلي (DGPS) بيبعت إشارات تصحيح (RTCM Corrections) للأجهزة على الأرض وبيزود دقة الموقع وجودة الإشارة. عشان نحل مشاكل الأخطاء، عملوا نظام اسمه DGPS. الفكرة إننا بنحط جهاز GPS ثابت على الأرض إحنا "عارفين إحداثياته الحقيقية بالمللي". الجهاز ده بيستقبل الإشارة ويقارنها بمكانه الحقيقي، فيعرف "قيمة الخطأ" كام، ويقوم باعت إشارة لاسلكية لجهازك (اللي بيتحرك) يقوله: "نقص 5 متر من الـ X، وزود 3 متر على الـ Y عشان تبقى دقيق". How DGPS Works ا DGPS Site بيبقي في موقع معروف تمامًا (True Coordinates = x+0, y+0). القمر الصناعي بيبث إشارة فيها خطأ (Error). المستقبل العادي بيحسب موقعه مع الخطأ: x+30, y+60. الـ DGPS Site بيحسب الخطأ ويبعت تصحيح (Correction): x-5, y+3. المستقبل بيستخدم التصحيح: x+25, y+63 → أدق بكتير. Real-Time DGPS: التصحيح بيحصل في الوقت الفعلي (Real-Time) على السفن، العربيات، والمروحيات.
Future Systems ا GPS (USA) — النظام الحالي. ا GLONASS (Russia) — نظام روسي. ا GALILEO (Europe) — نظام أوروبي. الأنظمة دي بتشتغل مع بعض وبتعلي الدقة والتوفر. ملخص مصادر البيانات: Primary (جمع أولي) و Secondary (جمع ثانوي) × Raster/Vector. الفوتوجرامترية (Photogrammetry): بتستخدم صور جوية مع Overlap 60% و Sidelap 30% + Stereoscopy لإنشاء إحداثيات. الاستشعار عن بُعد (Remote Sensing): علم الحصول على معلومات بدون لمس مباشر — Passive (شمس) و Active (LIDAR/RADAR). عناصر الـ RS السبعة: Energy Source → Atmosphere → Target Interaction → Sensor Recording → Transmission → Interpretation → Application. تفاعلات الإشعاع: Absorption, Transmission, Reflection — بت depend على الطول الموجي والمادة. ا GPS: نظام ملاحة فضائي بـ 3 شرائح (Space, Control, User) — 24 قمر على ارتفاع 11,000 nautical mile. التثليث (Trilateration): 4 أقمار على الأقل لحساب الموقع في 3 أبعاد + الوقت. أخطاء GPS: Geometry, Orbits, Multipath, Atmosphere, Clock. ا PDOP: كل ما أكتر انتشار الأقمار، كل ما الدقة أعلى. ا DGPS: محطة على موقع معروف بتبعت تصحيحات للمستقبلات → دقة أعلى. أنظمة مستقبلية: GPS (USA), GLONASS (Russia), GALILEO (Europe). ]]>gis/lectures/lecture-6-spatial-data-inputs.html2 - Areas/College/GIS/Lectures/Lecture 6 - Spatial Data Inputs.mdSun, 12 Apr 2026 00:00:00 GMT<figure><img src="https://www.researchgate.net/profile/Kinga-Kiss-2/publication/262375346/figure/fig4/AS:667782517645325@1536223167277/Overlap-between-aerial-photographs.jpg"></figure> الشكل الهندسي لـ Tessellation بياخد أشكال مختلفة: ا Triangle — مثلث (3 أضلاع). ا Quad (Quadrilateral) — أرباع الأضلاع (4 أضلاع). ا Pentagon — خماسي (5 أضلاع) Three Basic Regular Tessellations في 3 أشكال أساسية من الـ Regular Tessellations: Triangular — مثلثات. Square — مربعات. Hexagonal — سداسيات. لو رصيت الأرض بمربعات أو مثلثات، الشكل الناتج هو الـ Raster. التعريف الأدق: الـ Regular Square Tessellation هو اللي بيسمّى Raster Data Model. definition Raster Data Model (RDM) The regular square or rectangular tessellation is called the raster data model, The raster data model uses regular grid to cover space. الـ Raster هو نموذج بيانات بيستخدم شبكة منتظمة من المربعات (Regular Grid) عشان يغطي المكان ويمثل الظواهر المكانية المستمرة. الـ RDM هو الأكثر استخدامًا في الـ GIS عمليًا، وده بسبب التوافق مع: أجهزة مختلفة للإدخال والإخراج (Different types of hardware devices for data capture and output). صور الـ Bitmap في الرسوميات الحاسوبية (Bit-mapped images in computer graphics). أنظمة إحداثيات شبكية زي Plane Rectangular Coordinate System (Grid-oriented coordinate systems). حته زياده من الكتاب نموذج الـ Raster متغيرش من ناحية المفهوم أو الصيغة من 3 عقود (3 decades), البحث ركز بدل كده على هيكل البيانات وتقنيات الضغط. بيانات الـ Raster بتشتغل مع ملفات زي DXF من AutoCAD — الـ GIS بيقدر يقرأها ويحدد لها الإحداثيات والبروجكشن والزون. s البيانات اللي بتشتغل بيها في الـ GIS بصيغة Rater: ا Digital Elevation Data — بيانات الارتفاع الرقمية. ا Satellite Images — صور الأقمار الصناعية. ا Digital Orthophotos — الصور الجوية الرقمية المعدلة. ا Scanned Maps — الخرائط الممسوحة. ا Graphic Files — ملفات الرسوميات.> ملاحظة الصور (Images) هي شكل من أشكال بيانات الـ Raster — كل صورة digitized عبارة عن Raster بيتمثّل بـ Rows و Columns و Pixels. ArcGIS بيقدر يقرأ صيغ صور كتير زي TIFF, JPEG, PNG، والمهم في الـ GIS هو الصيغة اللي بتخزن الإحداثيات زي GeoTIFF.> برامج الـ GIS التجارية بتقدر تعرض بيانات الـ Raster و الـ Vector مع بعض في نفس الوقت (Simultaneously)، وتبدل بين الصيغتين بسهولة.
الـ RDM بيقسم المساحة الجغرافية لشبكة من الخلايا (Grid Cells). كل خلية لازم يكون فيها قيمة (Value) — لازم كل Cell تحتوي على قيمة (Each cell must contain a value). القيمة دي بتبين الكمية أو الصفة (Quantity or Characteristic) للمعلم المكاني أو الظاهرة الموجودة في موقع الخلية. الـ Raster بيمثل المعالم كالتالي: ا Points — بنقطة واحدة (Single cell / Single cells). ا Lines — بتسلسل من الخلايا المتجاورة (Sequences of neighboring cells). ا Areas — بمجموعة من الخلايا المتصلة (Collections of contiguous cells). الـ RDM بيتكوّن من 4 عناصر أساسية: قيمة الخلية (Cell Value) — كل خلية لازم يكون فيها قيمة. حسب نوع القيمة، الـ Raster ممكن يكون: ا Integer Raster — أرقام صحيحة من غير كسور (1, 2, 3...). بيعبر عن فئات أو أنواع (Categorical data) — ممكن مرتبة أو غير مرتبة. مثال: 1 = Urban, 2 = Forest, 3 = Water. الـ Value Attribute Table بتخزن قيم الخلايا. ا Floating-Point Raster — أرقام عشرية (20.15, 12.23...). بيعبر عن بيانات مستمرة (Continuous numeric data). مثال: حاجات بتتغير بدقة شديدة زي بيانات المطر (Precipitation) . بياخد مساحة أكبر في الميموري من الـ Integer. ملوش Value Attribute Table (No VAT) عشان العدد كبير جدًا. الاستعلام بيبقى على نطاق قيم (Ranges) مش قيم فردية (مثلاً: من 12.0 الي 19.9).
حجم الخلية (Cell Size) — بيحدد الدقة (Resolution) بتاعة الـ Raster. مثال: حجم خلية 10 متر = 100 متر مربع (10 × 10). لو الحجم 30 متر، يعني المربع بيمثل 30×30 متر=900 متر مربع. (الـ 10 متر دقتها أعلى وتفاصيلها أوضح بكتير). كل ما حجم المربع (الخلية/البيكسل) يِصغر، كل ما الدقة والتفاصيل تبقى أحسن وأوضح. مشكلة الخلية الكبيرة لو فيه مربع ضخم (مثلاً 100×100 متر) بيغطي حتة أرض في الحقيقة نصها غابة، وربعها بحيرة، وربعها مباني. المربع ده في الـ Raster لازم ياخد قيمة واحدة بس. هنديله قيمة الغابة ولا البحيرة؟ دي اسمها مشكلة الـ "Mixed Features". عشان نحلها بنصغر حجم الخلايا، بس ده بيخلي حجم الملف كبير جداً وبياخد وقت طويل في المعالجة (Processing).. نطاقات الـ Raster (Raster Bands) — الـ Raster ممكن يكون: ا Single Band — نطاق واحد: الخلية فيها رقم واحد بس بيعبر عن حاجة واحدة. مثال: نموذج الارتفاع الرقمي (DEM)، المربع ده ارتفاعه 50 متر عن سطح البحر. مفيش معلومات تانية في الخلية دي. ا Multi-Band — نطاقات متعددة: كل خلية ليها أكتر من قيمة. مثال: صور الأقمار الصناعية (Satellite Image) — ممكن يكون فيها 5, 7, أو أكتر من نطاق. كل نطاق بيمثل مدى أمواج (Spectral band) من الطيف الكهرومغناطيسي.
1. الجزء اللي على الشمال: Single Band Raster (نطاق واحد) زي ما إنت شايف، دي طبقة واحدة (ورقة واحدة) وكل مربع في الطبقة دي بيشيل قيمة واحدة بس. مثال: لو افترضنا إن دي خريطة لدرجات الحرارة، فالنقطة الخضراء دي مثلاً متسجل فيها رقم (25)، اللي هو درجة الحرارة في المكان ده. مفيش أي معلومة تانية الخلية دي تقدر تشيلها. 2. الجزء اللي على اليمين: Multi Band Raster (نطاقات متعددة) هنا بقى هتلاحظ إنهم 4 طبقات مرصوصين فوق بعض بالظبط، وكلهم بيمثلوا نفس المكان الجغرافي. دي بتعبر عن فكرة صور الأقمار الصناعية. الطبقات الأربعة دول ممكن يكونوا: الطبقة الأولى (اللي تحت): بتسجل الأشعة الزرقاء. الطبقة التانية: بتسجل الأشعة الخضراء. الطبقة التالتة: بتسجل الأشعة الحمراء. الطبقة الرابعة (اللي فوق خالص): بتسجل الأشعة تحت الحمراء. المرجع المكاني (Spatial Reference) عشان الـ Raster ده ميبقاش مجرد صورة طايرة في الهوا، لازم نربطه بإحداثيات حقيقية على كوكب الأرض (Georeferencing)، عشان لما نحطه فوق خريطة تانية ينزل في مكانه الصح. الـ Raster اللي اتعدل عشان يتطابق مع نظام إحداثيات مشروع بيتسمي Georeferenced Raster. ملاحظة من الكتاب في تعديلين لازم يتعملوا عشان الـ Raster يرتبط بنظام إحداثيات مُشروع: ال origin في نظام الإحداثيات المشروع بيبقى تحت علي الشمال (Lower-left corner)، لكن origin الـ Raster بيبقى فوق علي الشمال (Upper-left corner). إحداثيات المشروع لازم تتطابق مع الصفوف والأعمدة بتاعة الـ Raster. حته زياده من الكتاب الـ Raster في الـ GIS مش نوع واحد ده بيشمل أنواع كتير من البيانات حسب الغرض منها: ا 1. Satellite Imagery (صور الأقمار الصناعية) صور بتتصور من الأقمار الصناعية عشان تقيس الضوء المنعكس من سطح الأرض. ممكن تبقى: ا Single-Band: أبيض وأسود (نطاق طيفي واحد). ا Multispectral: أكتر من نطاق طيفي للتحليل والتصنيف. ا 2. Digital Elevation Models (DEMs) دي خرائط بتمثل ارتفاعات سطح الأرض. كل Pixel فيها بيخزن قيمة الارتفاع عند المكان ده. من أدق طرق إنتاجها حاليًا تقنية LiDAR اللي بتستخدم الليزر. ا 3. Digital Orthophoto Quadrangles (DOQ) صور جوية متصورة من طيارات. بعد التصوير بيتم تصحيحها هندسيًا عشان يتشال منها أي ميل أو تشوه. في الآخر بتبقى دقيقة مكانيًا وتتعامل معاها كأنها خريطة. ا 4. Scanned Maps (الخرائط الممسوحة ضوئيًا) خرائط ورقية اتعملها Scan وتحولت لبيانات Raster. ا DRG (Digital Raster Graphics) خريطة طبوغرافية ورقية اتعملها Scan واتحفظت كصورة Raster ملونة. ا Bi-Level Images صور فيها قيمتين بس (0 و 1) أو أبيض وأسود. بتستخدم كتير قبل تحويل الخطوط والحدود إلى بيانات Vector. ا 5. Graphic Files (ملفات الصور العادية) ملفات صور معروفة زي: ا JPEG ا TIFF ا PNG أهم نوع في الـ GIS هو GeoTIFF لأنه بيخزن الإحداثيات والمعلومات المكانية جوه الملف نفسه. Comparison "Raster is faster, but raster is vaster, and vector just seems more corrector" الـ Raster أسرع في الجمع والعرض، لكنه بياخد مساحة أكبر. الـ Vector أبطأ في الجمع، لكنه أدق و بياخد مساحة أقل. معلومه زياده من الكتاب لو الجهاز بتاعك فيه Processor ضعيف و Memory قديمة، الـ Raster هياخد وقت طويل عشان الصور كبيرة جدًا. مثال: صورة من الساحة العسكرية ممكن تاخد 300+ GB — ده بسبب إن الـ Raster بيخزن كل خلية لواحدها. Raster Pyramids الـ Raster Pyramids هي مجموعة نسخ من الـ Raster بدقة أقل (Reduced Resolution) بتتخزن عشان تسرّع عملية عرض البيانات على الشاشة (Screen Drawing). كل مستوى في الهرم بيكون نسخة أصغر من الصورة الأصلية، وبالتالي يحتاج وقت أقل في العرض والمعالجة. لما تعمل Zoom Out، البرنامج بيستخدم النسخة المناسبة من الـ Pyramid بدل ما يقرأ الصورة الأصلية كاملة. في ArcMap غالبًا بتتخزن الـ Pyramids في ملفات بامتداد .rrd. إنشاء الـ Pyramids لما تضيف Raster جديد في ArcMap ومفيش Pyramids موجودة، البرنامج غالبًا هيطلب منك تعملها (Build Pyramids). العملية دي بتحصل مرة واحدة وبعدها بتساعد في تسريع العرض بشكل ملحوظ. مثال لو عندك Raster حجمه 10000 × 10000 بكسل: Pyramid Level 1: 5000 × 5000 Pyramid Level 2: 2500 × 2500 Pyramid Level 3: 1250 × 1250 لما تعرض الصورة على مستوى عام (Overview) أو تعمل Zoom Out بشكل كبير، ArcMap هيستخدم النسخة الأصغر بدل الصورة الأصلية، وده بيخلي العرض أسرع بكتير ويقلل استهلاك الموارد. definition Cell-by-Cell Encoding : A raster is stored as a matrix, and its cell values are written into a file by row and column. هو أبسط هيكل بيانات للـ Raster. الـ Raster بيتخزن كـ Matrix وقيم الخلايا بتتكتب في ملف صف بصف وعمود بعمود (By row and column). الطريقة دي مثالية لو قيم الخلايا بتتغير باستمرار (Continuous) — زي بيانات الارتفاع وصور الأقمار الصناعية. صور الأقمار الصناعية كمان بتشتغل بالطريقة دي.
الـ Raster على الشاشة بيبان كأنه شبكة ثنائية الأبعاد (2D Matrix) مكونة من صفوف وأعمدة. لكن الكمبيوتر مبيخزنوش كده الـ Linear Array: الكمبيوتر بياخد قيم الخلايا دي ويرصها كلها في "خط واحد طويل" (Linear array). يعني بيمسك الصف الأول يكتب أرقامه ورا بعض، وبعدين يلزق فيه الصف التاني، والتالت، وهكذا. الإحداثيات الضمنية (Implicit Location): الكمبيوتر مش بيخزن إحداثيات (X, Y) لكل خلية. ليه؟ لأننا مجرد ما نعرف الخلية دي في الصف الكام والعمود الكام، الكمبيوتر يقدر يحسب مكانها الجغرافي تلقائياً.
بما إن الكمبيوتر حول خزن البيانات في طابور طويل من الأرقام، لو جه يفتح الملف تاني مش هيعرف الطابور ده يمثل خريطة أبعادها كام في كام!(يعني هل دول 1000 صف × 1000 عمود، ولا 500 صف × 2000 عمود؟). عشان كده، أي ملف Raster لازم يتكون من حتتين: البيانات نفسها: اللي هي الأرقام المكتوبة صف ورا صف. الـ Header (رأس الملف): وبتكون مكتوبة في أول الملف خالص عشان تفهم الكمبيوتر يقرأ الأرقام دي إزاي. الـ Header ده بيكون جواه معلومات أساسية زي: عدد الصفوف والأعمدة (Rows and Columns): عشان الكمبيوتر يعرف يكسر طابور الأرقام الطويل ده ويرجعه لشبكة (Matrix) تاني. عدد البتات (Number of Bits): اللي بتحدد حجم الخلية في الذاكرة والألوان المتاحة (مثلاً 8-bit يعني 256 لون/قيمة). نوع البيانات (Type): هل الأرقام دي صحيحة (Integer) ولا عشرية (Floating) مفتاح الخريطة (Legend). الإحداثيات الجغرافية (Coordinate Transformation): المعلومات اللي بتربط الصورة دي بمكانها الحقيقي على كوكب الأرض (Georeferencing). حته زياده من الكتاب لما الـ Raster يكون فيه أكتر من نطاق (Multi-band)، فيه 3 صيغ لتخزين البيانات: ا Band Sequential (.bsq): كل نطاق بيبقى ملف منفصل — Band 1, Band 2... ا Band Interleaved by Line (.bil): القيم بتتكتب صف بصف — Row 1 Band 1, Row 1 Band 2... ا Band Interleaved by Pixel (.bip): القيم بتتكتب بكسل ببكسل — Pixel(1,1) Band 1, Pixel(1,1) Band 2... زي ما قلنا قبل كده "Raster is vaster" (حجمه كبير)، وده بيعمل مشكلة كبيرة وبطء لو حابين نبعت الملفات دي أو نخزنها. عشان كده اخترعوا (Compression Algorithms) عشان نقلل مساحة الملفات دي. ومن اشهر الطرق دي: ا Run Length Encoding ا Block Coding ا Chain Coding ا Quadtrees ا Wavelet Compression (زي صيغة MrSID): دي طريقة قوية جداً بتضغط الملف لحد 2% من حجمه الأصلي لكنها Lossy (يعني بتضحي بشوية جودة وتفاصيل مقابل تصغير الحجم). definition Run-Length Encoding Adjacent cells along a row with the same value are treated as group called a run length encoding. دي طريقه بتخزن تسلسل القيم المتكررة (Repeated Sequences), بدل ما الكمبيوتر يكتب قيمة كل خلية لوحدها ويفضل يكررها، بيعد الخلايا اللي شبه بعض ورا بعض ويكتبهم كـ مجموعة. مثال: بدل ما نكتب الخريطة كده: A A A A A A A A A A B B A A A... بنكتبها بالـ RLE كده: 10A 2B 3A... يعني (عشر خلايا قيمتهم A، بعدهم خليتين قيمتهم B، بعدهم 3 خلايا قيمتهم A).

بدل ما البرنامج يسجل إحداثيات كل بيكسل لوحده، بيحاول يجمع البيكسلات اللي ليها نفس القيمة، ويسجل بس نقطة البداية بتاعة كل كتلة وحجمها. يعني بنشوف اكبر مربع نقدر نخزنه وهو في المثال بتاعنا في الصوره مربع 3x3 ,وبيبدا من 5,2 نشوف بعدها لو فيه مربعات تانية نقدر نجمعها مع بعضها هنلاقي مربعين 2x2 مكانهم 8,3 و 7,5وهكذا لحد ما نخزن كله.
الطريقه دي بتمشي على حدود الشكل, بتختار نقطة بداية وبعدين تفضل تسجل الاتجاهات (يمين، شمال، فوق، تحت) لحد ما ترجع عند نقطة البداية. ا N (North) = فوق ا S (South) = تحت ا E (East) = يمين ا W (West) = شمال المثال: لو قرأنا السطر المكتوب في الـ File structure: هنبدا من النقطه (4,3) ا N,2 ⬅️ اطلع لفوق خطوتين. ا E,4 ⬅️ امشي يمين 4 خطوات. ا S,1 ⬅️ انزل لتحت خطوة. وهكذا... لحد ما نقفل الشكل ونرجع لنقطة البداية.
الـ Quadtree بيقسم الـ grid (المربع الكبير او الشبكه) لـ اربع مربعات , وكل مربع منهم بيتقسم لاربع مربعات وهكذا (Recursive Decomposition). Quadtree properties 2^k pixels depth k+1 internal nodes always have 4 children internal nodes represent non-homogeneous regions leaves represent homogeneous regions بنبص على الراستر كـ مربع واحد كبير. ونشوف: هل المربع ده كله نفس اللون او القيمه (متجانس - Homogeneous)؟ لو الإجابة أيوة: بيسجل المربع ده كله بلون واحد ويقف. لو الإجابة لأ (فيه ألوان مختلفة): نقسم المربع الكبير ده لـ 4 مربعات متساوية . نمسك كل مربع من الأربعة الجداد ونكرر نفس السؤال: زي بعض ولا مختلفين؟ المربع المتجانس بيقف ويبقى اسمه "نقطة نهاية" أو ورقة (Leaf). أما المربع الملون فبيتقسم لـ 4 مربعات أصغر.. وهكذا نفضل نقسم لحد ما كل المربعات اللي باقية تبقى بلون موحد.
هيبدأ يقسم الشبكة لـ 4 أرباع كبيرة (أرقامهم: 0، 1، 2، 3): الربع 0 و 1 و 2: مربعات فاضية. عشان كده البرنامج هيوقف تقسيم فيهم. الربع 3 (اللي تحت على اليمين): المربع ده جواه الشكل الأسود، يعني المربعات مش زي بعض، فهناخده ونقسمه لـ 4 مربعات أصغر. التقسيم جوه المربع 3 (أرقامهم 30، 31، 32، 33): المربع 30: أسود بالكامل (مساحته 2×2 بيكسل). كده بقى متجانس، هنقف عنده ونحفظه. المربع 32 و 33: أبيض بالكامل، هنتجاهلهم. المربع 31: أغلبه أبيض بس جواه بيكسل واحد أسود. كده لسه غير متجانس، هنقسمه مرة تالتة التقسيم جوه المربع 31 (أرقامهم 310، 311، 312، 313): قسمه لبيكسلات فردية عشان يقدر يعزل البيكسل الأسود لوحده. لقى إن المربع 312 هو البيكسل الأسود، والباقي أبيض، فخلاص هيحفظ 312 ويوقف تقسيم.
هنا السؤال بيطلب مننا نمشي بحرف U , هنبدا بالمربع الي فوق علي الشمال ونشوف هل هو متشابه ؟ الاجابه لا يبقي هنقسمه لاربعه ونمسك كل واحد فيهم نشوف هل هو متشابه؟ اول مربع متشابه يبقي مش هنقسمه وهنعمله ك leaf دايره تاني مربع نفس الحاجة تالت مربع مختلف فهنقسمه اول اتنين ابيض والاتنين التانيين اصفر كده اول مربع فوق علي الشمال خلص هندخل علي الي بعده ونكمل بنفس الطريقة في الاخر خالص بنرقم البيكسلزالي في التري من 0-3 ونكتب ارقام البيكسلرز المتظلله, زي 002 ده معناه ان اول مربع فوق علي الشمال متقسم لاربعه اول مربع فيهم اخر اتنين فيه متظللين لو عايز تجيب عدد البيك لو اتلغبطت من الي انا كاتبه اقرا المثال هتفهمه مع نفسك ثواني من غير شرح. Caution الترتيب الي بنشتغل فيه علي المربعات بيفرق , المفروض الطبيعي اننا شغالين بحرف Z يعني بنبدا فوق علي الشمال وبعدين فوق يمين وبعدين تحت شمال وبعدين تحت يمين بس لو السؤال قالك تستخدم طريقه تانية زي الي فوق يبقي هنمشي معاه. May be use to get variable resolution for imagery in the National Map
الـ overlay ده باختصار اننا نحط اتنين راستر علي بعض , مثلا عندنا راستر لاماكن المايه وراستر لاماكن فيها ممكن تلوث المايه, بنحطهم علي بعض والاماكن الي يحصل فيها تقاطع يبقي فيها مايه ملوثه. اللون الاسود ده المايه واللون الاخضر دي الماده الي بتلوث المايه واللون الاحمر هو التقاطع او المايه الملوثه حته زياده من الكتاب ا DOQs, DRGs, Graphic Files: بتتستخدم كـ خلفية (Background) لعرض البيانات. ا Bi-Level Scanned Files: مدخلات لـ ترقيم (Digitizing) خطوط أو مضلعات. ا DEMs: أهم مصدر لاستخراج معالم التضاريس زي: ا Contour — خطوط التضاريس. ا Slope — الانحدار. ا Aspect — الاتجاه. ا Drainage Network — شبكة الصرف. ا Watershed — الحوض المائي. المعالم دي ممكن تتخزن بصيغة Raster أو Vector. صور الأقمار الصناعية: مفيدة في الدمج — صور مرجعية مكانيًا زي DOQs. بيانات الـ Vector: بتتستخدم كـ معلومات مساعدة (Ancillary information) لمعالجة صور الأقمار الصناعية. مثال: Image Stratification — تقسيم المشهد لمناطق مختلفة Characteristics ومعالجة كل منطقة لوحدها. ملخص نماذج البيانات: Vector (Points/Lines/Polygons), Raster (Grid Cells), TIN (Triangles). الـ Raster Data Model بيستخدم شبكة منتظمة من الخلايا لتمثيل الظواهر المستمرة. الـ Tessellations هي الترتيبات الهندسية اللي بتغطي السطح — الـ Raster بيستخدم المربعات. كل خلية لازم يكون فيها قيمة بتبين الصفة أو الكمية في الموقع ده. تخزين الـ Raster: بيتعرض كـ 2D Matrix لكن بيتحفظ كـ Linear Array — الموقع بيتحدد بشكل implicitly من الصف والعمود، والإحداثيات بتتحسب وقت العرض والتحليل. عناصر الـ RDM:ا Cell Value (Integer/Floating-point), Cell Size (Resolution), Raster Bands (Single/Multi), Spatial Reference (Georeferenced). أنواع بيانات الـ Raster:ا Satellite Imagery, USGS DEMs, DOQs, DRGs, Graphic Files, Bi-Level Scanned Files — الصور هي شكل من أشكال الـ Raster. هياكل البيانات: Cell-by-Cell, Run-Length Encoding, Quadtree, Block Coding, Chain Coding, Wavelet (MrSID — lossy, يقلل لـ 2%). ]]>gis/lectures/lecture-5-raster-data-model.html2 - Areas/College/GIS/Lectures/Lecture 5 - Raster Data Model.mdSat, 06 Jun 2026 21:16:53 GMT<figure><img src="https://i.ibb.co/xthpr1Fz/Screenshot-2026-06-04-154943.png"></figure> مفاتيح الرسمة الأساسية: النقط (Nodes): الأرقام (11, 12, 13, 14, 15) بتمثل نقطة بداية أو نهاية أي خط. الخطوط (Arcs): الأرقام العادية (1, 2, 3, 4, 5, 6, 7) بتمثل الخطوط (اتجاه السهم مهم جدا). المضلعات (Polygons): الأرقام المايلة (101, 102, 103, 104) بتمثل المساحات المقفوله. الفراغ الخارجي: رقم (100) بيمثل أي مساحة بره حدود الخريطة (Universe Polygon). مهم تعرف اسامي الجداول الجدول ده بيسجل كل خط (Arc) بيبدأ منين وبينتهي فين. ا F-node (From): نقطة البداية (عند ديل السهم). ا T-node (To): نقطة النهاية (عند رأس السهم). الجدول ده بيعرف الكمبيوتر مين المضلعات المتجاورة من غير ما يبص على الرسمة. بص على Arc 6: السهم ماشي ناحية الشمال. وإنت ماشي معاه، المضلع اللي على يمينك هو 101 (R-poly)، والمضلع اللي على شمالك هو 103 (L-poly). بص على Arc 1: السهم طالع لفوق ويمين. شمالك الفراغ الخارجي 100 (L-poly)، ويمينك المضلع 101 (R-poly). الجدول ده بيحدد إيه هي الخطوط (الحدود) اللي بتتقاطع عشان تقفل وتكون مضلع معين. مثال: مضلع 101 حدوده هي الخطوط رقم 1, 4, 6. رقم 0: بص على مضلع 102، مكتوب قدامه 4, 2, 5, 0, 7. ليه حطينا صفر؟ الصفر 0 بيُستخدم كـ "فاصل" عشان يقول للكمبيوتر إن المضلع ده جواه فراغ أو "مساحه مقفوله" (اللي هو مضلع 104). يعني الخطوط 4, 2, 5 دي الحدود الخارجية لمضلع 102، والخط 7 هو الحد الداخلي ( الـ hole اللي جواه). الجدول ده ملوش علاقة بالـ Topology، ده إحداثيات (X, Y) من على الشبكة عشان ترسم شكل النقط والخطوط. مثال: خط Arc 1: بيبدأ من النقطة (1,3)، وبيطلع لفوق ينكسر عند النقطة (1,9)، وبعدين يكمل لحد النقطة (4,9). خط Arc 6: خط مستقيم بيبدأ من (5,3) وينتهي عند (1,3). definition الـ Topology (علم التوبولوجيا) هو علم العلاقات المكانية بين المعالم — بيشرح إزاي المعالم مترابطة مع بعض من غير ما يتأثر بالتشويهات زي الثني أو التمدد (Invariant under bending/stretching). في الـ GIS بنستخدم Digraphs (رسوم بيانية موجهة) — فيها نقاط وخطوط ليها اتجاه: الخطوط الي ليها اتجاه بتتسمى Arcs. النقاط اللي الخطوط بتتقابل عندها بتتسمى Nodes. الـ Coverage بيدعم 3 علاقات أساسية: definition ا Connectivity: الخطوط (Arcs) بتتصل ببعض عند النقاط (Nodes). ا Area Definition: كل مضلع بيتحدد بسلسلة خطوط متصلة. ا Contiguity: كل خط ليه اتجاه وحد أيسر ويمين (Left/Right Polygons). لو خط بيربط بين نقطتين، النقطتين بيقولوا عليهم متجاورين (Adjacent) للخط و محددين (Incident) عليه. العلاقات دي بتتمثل في جداول (Matrices).
المصفوفة دي بتوصف كل نقطة (Node) إيه الخطوط (Arcs) اللي طالعة منها أو داخلة فيها. شكل الجدول: الصفوف (Rows) هي النقاط 11, 12...، والأعمدة (Cols) هي الخطوط 1, 2... مفتاح الحل: 1 = الخط طالع من النقطة (F-node). -1 = الخط داخل في النقطة (T-node). 0 = مفيش أي اتصال بين النقطة والخط ده. 2 = الخط بيلف ويرجع لنفس النقطة (Self-loop). أمثلة من الرسمة عشان تتأكد: بص على النقطة (11): الخط 1 داخل فيها ⟵ نكتب -1. الخط 2 طالع منها ⟵ نكتب 1. الخط 4 طالع منها ⟵ نكتب 1. باقي الخطوط ملمستهاش ⟵ نكتب 0. (لو بصيت في الصف بتاع 11 في الجدول هتلاقيه مطابق). رقم 2: بص على النقطة (15). الخط 7 طالع منها ولافف وراجع يصب فيها تاني (عامل زي الدايرة المغلقة). عشان كده بنكتب في الجدول قدام خط 7 رقم 2. المصفوفة دي بتعرفنا هل في طريق (خط) مباشر بيوصل من نقطة لنقطة تانية ولا لأ؟ شكل الجدول: الصفوف والأعمدة هما الاتنين بيمثلوا النقاط (Nodes). مفتاح الحل: 1 = أيوة، فيه سهم طالع من نقطة الصف رايح مباشر لنقطة العمود. 0 = لأ، مفيش سهم مباشر في الاتجاه ده. أمثلة من الرسمة عشان تتأكد: من النقطة (11): السهم طالع من 11 رايح مباشر لـ 12 ورايح لـ 14. يبقى هنيجي في صف رقم 11، ونحط وحايد 1 تحت عمود 12 وعمود 14. والباقي أصفار. تأثير الاتجاه (مهم جداً): * هل ينفع أروح من 11 لـ 12؟ أيوة السهم معايا (الجدول فيه 1) طب هل ينفع العكس ؟ لا. رغي زياده من الكتاب بيانات الـ Topology ليها مميزتين رئيسيتين: بتكشف الخطوط اللي مش متقابلة صح (Dangling nodes). بتكشف المضلعات اللي مش مسدودة صح (Unclosed polygons). بتمنع المعالم الناقصة وتحافظ على سلامة البيانات (Data Integrity). مثال: تحليل أقصر طريق (Shortest path analysis) بيحتاج الطرق تتقابل صح. لو في فجوة في شارع متصل، التحليل هياخد طريق أطول عشان يتجنب الفجوة.> الـAddress Geocoding: عملية ربط عناوين الشارع بنقاط على الخريطة. الـ TIGER database فيها نطاقات عناوين بتقسم على يمين وشمال الشارع — الـ Topology بتمكّن من رسم العناوين صح. تحليل تدفق المرور (Traffic flow): تدفق المرور بيتم semiclass الاتجاه، زي الـ Geocoding بالظبط. تحليل تدفق الأنهار (Stream flow): التدفق في الأنهار كمان بيتم semiclass الاتجاه. صيغة الـ Shapefile هي الصيغة القياسية للبيانات بدون Topology. definition الـ Shapefile هو صيغة بيانات Vector غير Topology — بيخزن Geometry في ملفين: ا .shp: بيخزن شكل المعلم (Feature Geometry). ا .shx: بيخزين الفهرس المكاني (Spatial Index). حته زياده من الكتاب عرض أسرع على الشاشة من البيانات المبنية على Topology — وده مهم للناس اللي بتستخدم مش بتنتج بيانات GIS. غير ملكية ومتاحة (Non-proprietary and interoperable) — يعني تقدر تستخدمها بين برامج مختلفة (مثلا: MapInfo تستخدم Shapefiles و ArcView تستخدم MapInfo Interchange Format).> ا .shp: بيخزن شكل المعلم (Feature Geometry). ا .shx: بيخزين الفهرس المكاني (Spatial Index). ا .dbf: بيخزن logical data , database file ا .sbx: بيخزن geometrical data ا .prj: بيخزن الـ projection مثال من الكتاب — Figure 4.10 تحويل Shapefile → Coverage بيتطلب بناء العلاقات.Topology وإزالة الخطوط المكررة. تحويل Coverage → Shapefile أبسط، لكن لو الـ Coverage فيها أخطاء Topology (زي خطوط مش متقابلة صح)، الأخطاء دي ممكن تسبب فقدان معالم في الـ Shapefile. مثال: لو شارع فيه فجوة في الـ Coverage، بعد التحويل للـ Shapefile الشارع هيختفي تمامًا. الـ Geodatabase بي implement الـ Topology عن طريق قواعد (Rules). Line: Must not have dangles ممنوع تسيب طرف "طاير في الهوا"
Line: Must not overlap ممنوع ترسم خطين فوق بعض بالظبط في نفس المكان
Polygon: Must not overlap يعني ممنوع مضلعين (زي قطعتين أرض أو محافظتين) يدخلوا في مساحة بعض او يبقوا فوق بعض
Point: Must be properly inside Polygons يعني النقطة لازم تترسم جوه حدود المضلع بتاعها ومتطلعش بره
definition Composite Features refer to those spatial features that are better represented as composites of points, lines, and polygons. دي المعالم الجغرافية اللي تمثيلها الاحسن يكون كـ مجموعة من النقاط والخطوط والمضلعات مع بعض. نموذج الـ Coverage بيدعم مزايا مركبة زي: TIN (Triangulated Irregular Networks) Regions Routes definition الـ TIN هو نموذج بيانات رقمي بيستخدم في الـ GIS لتمثيل الأسطح غير المنتظمة زي التضاريس — بديل لخطوط التضاريس (Contour lines). مدخلات الـ TIN: نقاط (X, Y, Z) وخطوط ومضلعات. الـ TIN بتمثّل الأرض بـ مثلثات غير متراكبة — كل مثلث بيفترض ميل ثابت (Constant gradient). المناطق المنحدرة: مثلثات أكبر وأقل. المناطق عالية التباين: مثلثات أصغر وأكتر كثافة. الأشكال الهندسية في الـ TIN: مثلثات (Faces), نقاط (Nodes), خطوط (Edges).
الجدول ده بيعرفنا مكان كل نقطة على الخريطة (X, Y)، والأهم بقى: ارتفاعها عن سطح البحر (Z). ا Nodes: أرقام النقاط (11, 12, 13, 14, 15). ا (X, Y): الإحداثيات العادية من على الشبكة. ا Z: ده الارتفاع (Elevation). ده في الـ TIN اللي بيعمل البعد التالت. الجدول ده بيعرفنا كل مثلث متكون من أنهي نقاط، ومين المثلثات الجيران اللي لازقة فيه. ا Triangle: رقم المثلث (101, 102, 103). ا Node list: إيه هي الـ 3 نقاط (رؤوس المثلث) اللي قفلوه؟ ا Neighbors: مين المثلثات الجيران اللي مشتركة معاه في الحيطان (الأضلاع)؟ (لو الضلع ده بيبص على الشارع بره الخريطة ومفيش جار، بنحط شرطة --). الـ Regions من الكتاب definition الـ Region هو منطقة جغرافية فيها خصائص متشابهة — زي الأراضي الطبيعية, الغابات, الأنقاض, المجموعات العرقية, والأديان. الـ Region ممكن تكون: متصلة مكانيًا (Spatially joint) — قطع أراضي متجاورة. غير متصلة مكانيًا (Spatially disjoint) — قطع أراضي متباعدة. الـ Regions ممكن (Overlapping) — يعني منطقتين ممكن يكونوا في نفس المنطقة. امثله: ا Clearwater National Forest: بتستخدم Regions عشان تخزن حدود الحرائق التاريخية — كل سنة region subclass لوحدها. ا National Hydrography Dataset (NHD): بتستخدم Regions عشان تخزن البحيرات ومناطق الفيضانات. الـ Regions فقدت أهميتها في السنين الأخيرة لأن الـ Shapefile والـ Geodatabase بيقدروا يتعاملوا مع مضلعات فيها مكونات غير متصلة. لكن المفهوم لسه مهم في الـ GIS. الـ Routes من الكتاب definition الـ Route هو معلم خطي زي طريق أو نهر لكن فيه نظام قياس بيمكّن من استخدام مقاييس خطية على نظام إحداثيات مُشروع. الخصائص الخطية (الحوادث, الجسور, حالة الإسفلت, جودة الماء, أسماك) بتتسمى Events وبتتربط بالـ Routes عشان تتعرض وتحلل مع المعالم المكانية. الـ Routes بتُخزن كـ subclasses في Line Coverage. كل Route بتتكون من Sections — كل Section بترجع لـ Arcs في الـ Line Coverage وبتحدد مواقع محددة عليها. استخدامات الـ Routes وكالات النقل: خطوط الحافلات المختلفة على نفس شبكة الشوارع. أقسام الطرق: مسارات مختلفة للطرق السريعة والطرق المحلية. الـ Measured Polylines في الـ Shapefile — أبسط في الهيكل وبتخزن X, Y وقيمة M (Measure). definition الـ TIGER — Topologically Integrated Geographic Encoding and Referencing — هو قاعدة بيانات من مكتب التعداد الأمريكي (US Census Bureau) بتشمل العلاقات المكانية بين النقاط والخطوط والمناطق. الـ TIGER فيها: حدود قانونية وإحصائية — مقاطعات (Counties), أحياء التعداد (Census tracts), مجموعات الكتل (Block groups). طرق، سكك حديدية، أنهار، مياه، خطوط طاقة، أنابيب. نطاقات عناوين على كل جانب من شارع. في قاعدة بيانات الـ TIGER: النقاط بتتسمى 0-cells. الخطوط بتتسمى 1-cells — كل واحدة موجهة من نقطة البداية لنقطة النهاية وليها يمين وشمال واضح. المناطق بتتسمى 2-cells. مثال من الكتاب — Figure 4.6 — نطاقات العناوين كل شارع ليه اتجاه ونطاقات عناوين على اليمين والشمال. مثال: شارع عليه اليمين 600-700 والشمال 601-701. الـ ZIP codes بتتحدد بناءً على الاتجاه. definition الـ Geocoding هو عملية تحويل وصف مكان لـ إحداثيات جغرافية. ممكن تعمل Geocoding عن طريق إدخال وصف مكان واحد كل مرة أو إدخال جدول كامل من الأماكن. الناتج: معلومات جغرافية (Geographic Features) ببيانات وصفية تقدر تستخدمها في الرسم أو التحليل المكاني. ملخص بيانات الـ GIS ليها نوعين: بيانات هندسية (Geometry) و بيانات وصفية (Attributes). الـ Vector Data Model بيستخدم Point, Line, و Area لتمثيل المعالم الجغرافية. الـ Georelational Data Model بيخزن البيانات المكانية والوصفية في نظامين منفصلين. الـ Coverage هو صيغة Topology-based، أما الـ Shapefile فهو صيغة Non-topological. الـ Geodatabase هو نموذج Object-oriented بيخزن البيانات في ملف واحد. الـ Topology بتساعد في ضمان جودة البيانات وتحسين التحليل الجغرافي. الـ TIN بيستخدم لتمثيل الأسطح غير المنتظمة زي التضاريس. الـ Geocoding هو عملية تحويل وصف مكان لـ إحداثيات جغرافية. ]]>gis/lectures/lecture-4-georelational-vector-data-model.html2 - Areas/College/GIS/Lectures/Lecture 4 - Georelational Vector Data Model.mdSat, 06 Jun 2026 17:09:55 GMT<figure><img src="https://i.ibb.co/hJY08fLG/image.png"></figure> Tip قصة John Snow مهمة عشان بتوري إن الـ GIS فكرته أقدم من البرامج الحديثة. زمان كان التحليل يدوي على خريطة، دلوقتي نفس الفكرة بتتعمل ببرامج وdatabases وlayers ( ومهمه عشان الدكتور جابها في الميد). حته زياده من الكتاب أول GIS اتعمل في كندا في الستينيات عشان يحدد موارد الأرض والاستخدامات الحالية والمستقبلية. في أواخر الستينيات، US Bureau of the Census عمل برنامج DIME (Dual Independent Map Encoding) لكل الشوارع الأمريكية عشان يدعم الإحصاء التلقائي. في أواخر السبعينيات، جامعة Harvard عملت ODYSSEY GIS. الـ Automated Cartography بدأ في الستينيات، وبحلول أواخر السبعينيات معظم الجهات الحكومية كانت بتشتغل بالكمبيوتر جزئيًا. الـ GIS بدأ ينتشر في التمانينيات لما أسعار الهاردوير بقت ارخص (اوعدنا يارب). definition GIS answers the queries of: What, Where and Why. What is attribute, Where is location, and Why is analytical why. الـ GIS بيجاوب على أسئلة أساسية: What? Where? Why? الـ What معناها إيه الحاجة أو الـ attribute اللي بنتكلم عنها؟ يعني المعلومة نفسها المرتبطة بالمكان. مثال: اسم الدولة. عدد السكان. الـ Where معناها الحاجة دي موجودة فين؟ ودي نقطة أساسية (Space is essential to Geography). الجغرافيا أصلا معتمدة على المكان، فالسؤال المكاني هو قلب الـ GIS. ا Why معناها ليه النمط ده موجود؟ أو إيه التحليل اللي يفسر اللي شايفينه؟ هنا الـ GIS يدخل في التحليل مش العرض بس. يعني مش بس نعرف إن الحوادث بتحصل في منطقة معينة، لكن نحاول نفهم: ليه بتحصل هناك؟ في أوقات معينة؟ هل فيه نمط مكاني أو زمني؟ بصمجيات ا What = الـ attribute أو المعلومة. ا Where = الـ location أو المكان. ا Why = الـ analysis او التحليل وفهم السبب. الفرق عن Database عادية الـ Database العادية ممكن تجاوبك على What: اسم، عنوان، رقم، قيمة، صفة. الـ GIS بيضيف عليها Where: الحاجة دي موجودة فين؟ وبعد كده يدخل في Why: ليه النمط ده ظاهر هنا؟ وإيه العلاقة بين المكان والبيانات؟ definition GIS is a means of storing, retrieving, sorting, and comparing spatial data to support some analytic process. GIS = Information System + Geographic Position. الـ GIS هو نظام معلومات، بس الفرق إنه بيشتغل على بيانات مرتبطة بالمكان. يعني عندك جزئين أساسيين: ا Information System: تخزين، استرجاع، ترتيب، مقارنة، إدارة بيانات. ا Geographic Position: مكان أو إحداثيات أو موقع على الأرض. لما الاتنين يتجمعوا، نقدر نعمل نظام يفهم البيانات مكانيًا. يعني مش بس نخزن إن فيه مدرسة، لكن نخزن مكانها، ونقارنها بمكان السكان والطرق والخدمات. الـ GIS مش خريطة لوحدها ومش database لوحدها. هو integration بين: ا Map / Graphic Representation ا Database / Attribute Data يعني عندك رسمة أو خريطة، وعندك جدول بيانات، والاتنين مربوطين ببعض. حته زياده من الكتاب GIS = CAD + DBMS + Spatial Analysis الـ CAD بيركز على رسم العناصر، والـ DBMS بيركز على تخزين البيانات، أما الـ GIS فيربط بين الخريطة والبيانات الوصفية بحيث أي تعديل في أحدهما ينعكس على الآخر. بالإضافة إلى ذلك، يستطيع تحليل العلاقات المكانية بين العناصر وإنتاج خرائط ومعلومات جديدة من هذه العلاقات. definition GIS is a collection of computer hardware, software, and geographic data for capturing, managing, analyzing, and displaying all forms of geographically referenced information. Environmental Systems Research Institute (ESRI), 2007 (جت في الميد) التعريف ده مهم لأنه بيجمع كل أجزاء الـ GIS في جملة واحدة. الـ GIS عبارة عن مجموعة من: ا Hardware ا Software ا Geographic Data وبيستخدمهم عشان يعمل أربع وظائف رئيسية: ا Capturing: التقاط أو إدخال البيانات. ا Managing: إدارة البيانات. ا Analyzing: تحليل البيانات. ا Displaying: عرض البيانات. وكل ده على معلومات Geographically referenced، يعني معلومات ليها علاقة بمكان على الأرض. كلمة Geographically referenced مهمة في التعريف. معناها إن المعلومات الجغرافية لازم يكون لها مرجع مكاني موحد. لو جهات مختلفة رسمت طبقات مختلفة من غير مرجع واحد، الطبقات هتتركب غلط. عشان كده لازم يبقى فيه reference موحد للطبقات، بحيث كل layer تركب صح فوق التانية. حته زياده من الكتاب والمحاضره definition الـ Base Map هي الخريطة الأصلية المرجعية اللي عليها بتتبني كل الطبقات. في أي دولة، الجهة المسؤولة عن إنتاج الصور المساحية الدقيقة هي الهيئة المساحية العسكرية. عشان نعمل Referenced Map في أي بلد، محتاجين صورة أو خريطة أصلية تبقى هي المرجع الأساسي. الصورة دي اسمها Base Map، وده اللي كل الـ layers بتتبني عليه. في أي دولة في العالم، الجهة الوحيدة المنتجة للصور المساحية الدقيقة هي: الهيئة المساحية العسكرية أو الجهة المختصة بالمساحة العسكرية. يعني Military Survey Authority. الصور دي بتروح بعدها لجهات مختلفة عشان تطلع Layers: جهة المباني والعقارات تطلع Buildings Layer. جهة الطرق والكباري تطلع Roads Layer. جهة المياه تطلع Water Network Layer. كل layer ليها Base Map واحد، وده اللي بيخلي الطبقات تركب فوق بعضها صح. لو مفيش Base Map موحد، الطبقات هتطلع غلط: عمود كهرباء في وسط المياه. مبنى فوق جنينة. طريق في مكان مش منطقي. حرف S في GIS ممكن يشير لأكتر من معنى حسب السياق: System Science Studies Service Survey definition Geographic Information System: a collection of computer hardware, software, and geographic data for capturing, managing, analyzing, and displaying all forms of geographically referenced information. Technology for the acquisition and management of spatial information ده المعنى الأشهر، وهو محور المادة. بيركز على النظام العملي اللي بنستخدمه عشان ندخل ونخزن ونحلل ونعرض البيانات الجغرافية. definition Geographic Information Science: comprehending the underlying conceptual issues of representing data and processes in space-time. ا GIScience ده العلم اللي ورا الـ GIS مهتم بالـ theory and concepts. بيهتم بأسئلة زي: إيه النظريات والمفاهيم اللي ورا التكنولوجيا؟ الخوارزميات نطورها ازاي عشان النتائج تبقى أحسن؟ الـ GISystems يجاوب على what و where، أما GIScience مهتم بـ how والتطوير. definition Geographic Information Studies: understanding the social, legal and ethical issues associated with the application of GISy and GISc. ده جانب اجتماعي وقانوني وأخلاقي. يعني استخدام الـ GIS مش تقني بس، فيه أسئلة مهمة: الخصوصية. القوانين المرتبطة بالمعلومات الجغرافية. الآثار الاجتماعية لاستخدام البيانات المكانية. definition Geographic Information Service: functionality provided by a software entity through its interfaces defined as named sets of operations, and provisions of information generated from geospatial data. ده بيركز على الخدمات اللي بتتعامل مع المعلومات الجغرافية. زي تصميم وتطوير نظم GIS، أو تقديم خرائط وخدمات جغرافية للمستخدمين. مثال عملي: خدمة تحديد Location داخل تطبيقات زي WhatsApp أو أي تطبيق موبايل. لما حد يبعتلك Location، ده service مبنية على Geographic Information. تطور الخدمات المكانية مرتبط بـ distributed object technology والإنترنت. definition Geographic Information Survey: collecting spatial data from the field using measurement tools and field work. الـ Survey يعني جمع وقياس بيانات مكانية من الواقع. طرق التجميع الأساسية: عمل Field Survey يدوي في أماكن معينة. استخدام Aerial Survey (صور جوية من طيران فوق مناطق معينة). استخدام GPS لتسجيل مواقع دقيقة. بصمجيات ا System = النظام اللي بنستخدمه. ا Science = العلم والنظريات اللي وراه. ا Studies = الآثار الاجتماعية والقانونية والأخلاقية. ا Service = خدمات مبنية على المعلومات الجغرافية. ا Survey = جمع وقياس بيانات مكانية. definition GIS is an organized collection of hardware, network, software, data, people, and procedures. مكونات الـ GIS الأساسية: Hardware Network Software Data People Procedures definition Hardware: the devices that the user interacts directly with to carry out GIS operations. يعني الأجهزة الملموسة اللي بنستخدمها في شغل الـ GIS. أمثلة: ا Computer ا Scanner ا Digitizer ا Plotter definition Software provides the functions that the user needs to store, analyze and display geographical information. البرامج هي اللي بتدينا أدوات التخزين والتحليل والعرض. مثال: برامج GIS و ArcGIS. definition Data is the most important component of GIS. البيانات هي قلب الـ GIS. مثال: ا Vector Data ا Raster Data ا Attribute Data definition People are the most active component dealing with the design, programming and management of GIS. الناس هما اللي بيصمموا النظام ويديروه ويحللوا البيانات. من غير مستخدم فاهم، النظام مش هيطلع قرارات مفيدة. مجال الـ GIS فيه مجموعات مختلفة من المستخدمين، كل مجموعة ليها خلفية مختلفة وأولويات مختلفة: ا 1. Mature Technologies دول اللي بيشتغلوا مع الـ GIS وبيساهموا في إنتاج البيانات. زي: Surveyors, Engineers, Cartographers, Scientists using Remote Sensing. ا 2. Management and Decision-Making دول اللي بيستخدموا الـ GIS في اتخاذ القرارات. زي: Resource Managers, Urban Planners, Municipal Officials, Facilities Managers, Marketing and Retail Planning, Vehicle Routing and Scheduling. ا 3. Science and Research دول اللي بيدرسوا الـ GIS ويبحثوا فيه. زي: Universities, Government Labs. definition Procedures are related to the management aspects of GIS. خطوات وقواعد العمل. يعني البيانات تدخل ازاي، تتحلل ازاي، تتراجع ازاي، وتطلع التقارير ازاي. definition Network allows rapid communication and sharing digital information. الشبكة بتسمح بمشاركة البيانات والخدمات الجغرافية بسرعة. عشان نعمل تحليل كامل، محتاجين نجمع الطبقات دي من جهات مختلفة. وده مهم في WebGIS و Online GIS. بدون Network، كل جهة هتشتغل لوحدها وهنخسر القيمة الحقيقية للـ GIS. بصمجيات مكونات الـ GIS هما 6 (غلطت فيها في الميد والله) حته زياده من الكتاب GIS is a convergence of technological fields and traditional disciplines. GIS has been called an 'enabling technology' because of the potential it offers for the wide variety of disciplines which must deal with spatial data. الـ GIS هو نتيجة ربط تطورات متعددة في مجالات مختلفة. الـ Geography بتوفر مفاهيم وتقنيات Spatial Analysis وفهم العلاقات المكانية. الـ Cartography (رسم الخرائط) مسؤولة عن تصميم وعرض الخرايط، وهي مصدر مهم للبيانات وواحده من أهم مخرجات الـ GIS. الـ Remote Sensing بتوفر صور وبيانات من الأقمار الصناعية والطائرات، ودي من أهم مصادر البيانات الجغرافية. الـ Photogrammetry استخدام الصور الجوية لاستخراج قياسات ومعلومات دقيقة، خصوصًا الارتفاعات والتضاريس (Topography). الـ Surveying بيحدد مواقع وحدود الأراضي والمباني بدقة عالية، وبيوفر بيانات مكانية موثوقة. الـ Statistics بتستخدم في التحليل المكاني وفهم الأخطاء وعدم اليقين في البيانات. الـ Computer Science (احنا) بيوفر أدوات وتقنيات زي AI وCAD وComputer Graphics وDBMS لتخزين وتحليل وعرض البيانات. الـ Mathematics خاصة Geometry و Graph Theory، وبيكون ليها دور مهم في تصميم وتحليل بيانات الـ GIS. definition Scanner is used to convert the analog paper map to computer readable form automatically. الـ Scanner بيحول الخريطة الورقية لصورة رقمية يقدر الكمبيوتر يقراها. يعني بياخد حاجة analog ويطلعها في شكل رقمي. مثال: خريطة أثرية قديمة أو خريطة ورقية عادية. definition Digitizer is used to transform information from analog format (paper map) to digital format so it can be stored and displayed with a computer. الـ Digitizer بيحول معلومات من خريطة ورقية لشكل رقمي. الهدف إن البيانات تتخزن وتتعرض على الكمبيوتر. مثال: عندك خريطة أثرية لطريق قديم أو خريطة لمنطقة محددة. عايز تحطها في GIS. الخطوة الأولى: تمسحها بالـ Scanner أو تستخدم Digitizer عشان تحولها لشكل رقمي. بعد كده تقدر تشتغل عليها في الـ GIS وتضيفها كـ Layer. معلومه علي السريع كده الـ Scanner والـ Digitizer الاتنين ممكن يستخدموا عشان يحولوا الخرايط لبيانات رقمية , بس الـ Scanner الناتج بيكون صورة Raster والـ Digitizer الناتج بيكون بيانات Vector definition CAD provides techniques for data input, displaying, and representing data particularly in 3 dimensions. الـ CAD بيساعد في إدخال وعرض وتمثيل البيانات، خصوصا في 3D. هو مش GIS كامل، بس مرتبط بتمثيل وتصميم البيانات. definition GPS is a set of hardware and software designed to determine accurate locations on the earth using signals received from satellites. الـ GPS بيحدد مواقع دقيقة على الأرض باستخدام إشارات من الأقمار الصناعية. مهم جدا كمدخل من مداخل البيانات المكانية. definition SDE helps manage spatial data to provide quicker retrieval of that data from database engines such as Oracle, SQL Server and Informix. الـ SDE معناها Spatial Data Engine. وظيفتها إدارة البيانات المكانية وتسهيل استرجاعها بسرعة من قواعد البيانات. اتطورت لمجتمعين: ا GIS Community ا DBMS Community الهدف إن قواعد البيانات العادية تقدر تدعم Spatial Technology. يقدر يتعامل مع بيانات جاية من مصادر مختلفة: يعني لو عندك data في Excel أو في SQL Server أو في Access، الـ GIS يقدر يستقبلها ويعالجها. definition IMS provides maps through the Internet usually as images. ا IMS معناها Internet Map Server. بيوفر خرائط عن طريق الإنترنت، غالبا في شكل صور. بيخلي ناس مش لازم تكون فاهمة GIS تقدر تشوف وتتفاعل مع الخرائط. مرتبط بـ: ا WebGIS ا Online GIS الـ Internet Map Services خرائط مرفوعة على الإنترنت ومتاحة لكل المستخدمين. الناس تقدر تشوف الأماكن، وتضيف أماكن جديدة، وتحط صور وأسماء على الخريطة. بصمجيات ا SDE = إدارة واسترجاع أسرع للـ spatial data من databases. ا IMS = عرض خرائط على الإنترنت للمستخدمين (Online). الـ GIS بيتعامل مع منظومة software وأدوات مرتبطة، مش برنامج واحد بس. أمثلة: ا ArcGIS في إدارة وعرض وتحليل البيانات المكانية والجداول الوصفية. ا QGIS بديل مشهور في برامج الـ GIS. ا CAD أداة مرتبطة بإدخال وعرض وتمثيل البيانات. ا SDE لإدارة spatial data داخل database engines. ا IMS لتقديم الخرائط عبر الإنترنت. البنية الأساسية للـ GIS ممكن تتلخص بالشكل ده: Data Input -> Geographic Database -> Transformation and Analysis -> Output Display أمثلة إدخال البيانات: ا Satellite Imagery ا Air Photos ا Digitize ا Scan ا Digital Elevation Model ا GPS ا Tiger/Line يعني مصادر البيانات ممكن تكون صور أقمار صناعية، صور جوية، خرائط ممسوحة، بيانات GPS، أو نماذج ارتفاعات. بعد الإدخال، البيانات بتتخزن في Geographic Database. الفرق هنا عن database عادية إن البيانات مش attributes بس، دي كمان مرتبطة بمكان. بعد التخزين، النظام يعمل تحويلات وتحليلات. التحليل ممكن يجاوب أسئلة زي: فين المشكلة؟ إيه اللي تغير؟ مخرجات الـ GIS ممكن تكون: Maps Charts Reports definition Where is what? means obtaining information from a location. يعني تبدأ من مكان وتسأل: إيه الموجود هنا؟ مثال: تضغط على قطعة أرض على الخريطة وتعرف المالك، العنوان، المساحة، نوع الاستخدام، والتقييم. definition What is where? means querying information to find location. يعني تبدأ بمعلومة وتدور على مكانها. مثال: عايز تعرف فين كل الأراضي الصناعية، أو فين المناطق ذات كثافة عالية. ا Where is what? = عندي location وعايز أعرف بياناته. ا What is where? = عندي attribute وعايز أعرف مكانه. حته زياده من الكتاب للـ GIS استخدامات كتير، منها: ا Mapping Where Things Are نرسم أماكن الأشياء. مثال: أماكن المدارس، المستشفيات، الأشجار، الحوادث، الطرق. ا Mapping Quantities نرسم الكميات على الخريطة. مثال: عدد السكان في كل منطقة، عدد الحوادث، كمية الإنتاج. ا Mapping Densities نرسم الكثافة. يعني مش بس العدد، لكن العدد بالنسبة للمساحة. مثال: كثافة السكان في كيلومتر مربع واحد في مناطق مختلفة. مثال: Traffic Density خرايط الطرق بتعرض traffic density بألوان مختلفة: أخضر = حركة سلسة، _traffic قليل. أصفر = حركة عادية. أحمر = زحمة شديدة. الألوان دي مبنية على بيانات حقيقية من المستخدمين والـ mobile devices. ا Getting Information About a Feature ممكن تضغط على feature وتطلع بياناته. ا GIS Queries الـ GIS يقدر يجاوب على أسئلة كتير زي: ا What is at this location?: إيه الموجود في المكان ده؟ ا Where is the nearest gas station?: أقرب بنزينة فين؟ ا Routing and Navigation الـ GIS بيستخدم في تحديد أفضل طريق من مكان لمكان. المدخلات: بيانات الـ Road Network. بيانات الـ Traffic Density. بيانات الـ Speed Limits. بيانات الـ Signals. المخرجات: أفضل route من النقطة A للنقطة B. ا Change Detection استخدام GIS عشان نعرف التغير مع الزمن. مثال: مقارنة خريطة المدينة في 1950 مع خريطة 1990. ده مهم في التخطيط العمراني ومراقبة التوسع العمراني. ا Geocoding : the process of converting addresses into geographic coordinates (latitude/longitude) to be placed on a map. الـ Geocoding بيحول عناوين (Address) لإحداثيات (Latitude, Longitude). يعني لما تكتب عنوان مكان، النظام بيحوله لنقطة على الخريطة. ا Predictive / Forecasting Analysis استخدام GIS للتنبؤ بأحداث مستقبلية بناءً على بيانات مكانية. مثال: توقع أماكن الحوادث بناءً على أنماط سابقة. أو توقع التوسع العمراني فيnext 10 years. ا Land Parcel Based Applications تطبيقات مرتبطة بقطع الأراضي. زي: ا Land acquisition ا Environmental impact statements ا Water quality management ملخص ا GIS = Information System (نظام معلومات) + Geographic Position (مكان جغرافي). ا الفرق الأساسي: الـ GPS بيحدد المكان، والـ Database بتخزن بيانات عادية، الـ GIS بياخد الاتنين ويضيف عليهم Spatial Analysis. ا قصة John Snow (1854): أول إثبات إن الـ GIS فكرة قبل ما يكون برنامج. استخدم خريطة وطبقات (Layers) لربط حالات الكوليرا بمصادر المياه (Geostatistics). ا الـ W-W-W: الـ GIS بيجاوب على: What (المعلومة/Attribute)، Where (المكان/Location)، والأهم Why (التحليل المكاني/Analysis). ا مكونات الـ GIS هما 6: Hardware, Software, Network, Data, People, Procedures. (الـ Data هي الأهم، والـ Network أساسي لربط البيانات بين الجهات المختلفة). ا الـ S فيGIS : ا System: النظام والبرامج اللي بنشتغل عليها. ا Science: العلم والنظريات والخوارزميات. ا Studies: القضايا الاجتماعية والقانونية (زي الخصوصية). ا Service: الخدمات والتطبيقات (زي شير اللوكيشن). ا Survey: تجميع وقياس البيانات من الواقع. ا إدخال البيانات: الـ Scanner بيحول الخريطة لصورة (Raster)، والـ Digitizer بيحولها لبيانات متجهة (Vector). ا مصطلحات قواعد البيانات: ا SDE (Spatial Data Engine): بيسرع استرجاع البيانات المكانية من قواعد البيانات (زي SQL). ا IMS (Internet Map Server): بيعرض الخرايط للمستخدمين على الإنترنت (Online GIS). ا من تطبيقات الـ GIS: حساب الكثافة (Densities)، تحديد المسارات (Routing)، رصد التغيرات مع الزمن (Change Detection)، والـ Geocoding (تحويل العنوان العادي لإحداثيات). ]]>gis/lectures/lecture-1-gis-fundamentals.html2 - Areas/College/GIS/Lectures/Lecture 1 - GIS Fundamentals.mdSat, 06 Jun 2026 16:44:16 GMT<figure><img src="https://blog.rtwilson.com/wp-content/uploads/2012/01/SnowMap_Points.png"></figure> definition GCS is a three-dimensional reference system that locates points on the Earth's surface. الـ GCS بيحدد أماكن الـ spatial features على سطح الأرض و كل point بيبقى ليها قيمتين: Latitude و Longitude. دوائر العرض ( Parallels/Latitude): دي حلقات بالعرض بتقطع الأرض من (0 °-90 °). أهم حلقة فيهم هو الـ Equator او خط الاستواء (0°) ، وبيقسم الأرض لنصين قد بعض شمال (Northern Hemisphere) وجنوب (Southern Hemisphere). خطوط الطول (Meridians/Longitude): دي أقواس (أنصاف دوائر) بتنزل بالطول من القطب الشمالي لحد القطب الجنوبي من (0 °-180 °). نقطة البداية بتاعتهم هي الـ (Prime Meridian) او خط جرينتش (0°).
1° of longitude at the equator != 1° of longitude near the poles الـ Latitude و Longitude بيتم التعبير عنهم بوحدات: Degrees, Minutes, Seconds (DMS). فيه أكتر من format لكتابة الإحداثيات: definition A Projected Coordinate System is also called a plane coordinate system. بيستخدم شبكة هندسية (X, Y) بدل الدرجات والزوايا. معمول عشان Detailed calculations, Positioning, و Large-scale mapping: الحسابات الدقيقة (Detailed calculations): بيقيس بوحدات مسافة حقيقية وثابتة (زي المتر)، عشان كده بنقدر نحسب بيه المساحات والمسافات بدقة. تحديد المواقع (Positioning): بيقدر يحدد أماكن المعالم (زي أركان المباني أو أعمدة النور) بدقة عالية جداً. الخرائط التفصيلية (Large-scale mapping): هو النظام الأساسي لتخطيط المدن والأحياء اللي بتحتاج تفاصيل قريبة ومقاسات مترية. حل مشكلة التشوه بالـ (Zones): عشان نعمل Projectionللكره الارضية من غير ما يحصل Distortion او تشوه، بنقسم الخريطة لشرايح بالطول اسمها (Zones). كل Zone ليها مركز إسقاط (Projection Center) خاص بيها، ونسبة التشوه عند المركز ده بتبقى صفر، عشان تفضل المقاسات مظبوطة جوه المنطقة دي. definition Projection is the conversion of data sets from geographic coordinates to projected coordinates. definition Reprojection converts from one type of projected coordinates to another type. يعني: تحويل من GCS لـ PCS اسمه Projection. تحويل من نوع PCS لنوع PCS تاني = Reprojection.
حته زياده من الكتاب definition الـ Convergence والـ Projection مصطلحين مختلفين — الـ Convergence بيحول بين أنظمة إحداثيات، والـ Projection بيعمل خريطة 2D من بيانات 3D. يعني لما تحوّل بيانات من WGS84 لـ UTM Zone 36N — ده Convergence. ولما ترسم خريطة للقاهرة باستخدام Transverse Mercator — ده Projection. إحنا غالبًا بنتخيل الأرض Sphere (كروية). رغم انها أقرب لـ Spheroid أو Ellipsoid (بيضاوي) — نصف قطر الأرض عند خط الاستواء أكبر شوية من نصف القطر عند القطبين. بس في الحقيقة الارض Geoid وده معناه انها شكل بيضاوي بس غير منتظم. Eratosthenes’ (276-194 BC) approach to determining the Earth’s circumference. الأرض مش كورة ملساء — فيها جبال وسهول ومحيطات وقشور أرضية مختلفة. كل منطقة ليها خصائص فيزيائية مختلفة (الجاذبية، الارتفاع، الكثافة). عشان كده الـ Ellipsoid الواحد مش بيقدر يمثل الأرض كلها بدقة. الحل: نعمل Datums محلية — كل منطقة ليها Datum مناسب ليها. مثال: في أمريكا الشمالية NAD83 هو الأنسب، بس في أوروبا ETRS89 هو الأنسب. الـ Global Datums (زي WGS84) حل وسط — بيحاول يمثل الأرض كلها بس مش بأعلى دقة في كل مكان.
definition An ellipse is defined by a constant distance from F1 to P to F2 for all points on the ellipse. الـ Ellipse بيتحدد باستخدام: Focal length = ε Major axis = a Minor axis = b لو ε = 0، الـ ellipse يبقى circle. note ا Bessel 1866 ا: Bessel هو اللي قاس نصف قطر الأرض أول مرة سنة 1866. ا Clarke 1866 (التعديل): Clarke عدّل قياسات Bessel, ا Clarke 1866 هو اللي بيستخدم في NAD27. ا GRS80 (التحديث): سنة 1980، اتقاس إن المحور الأكبر أقل من قياسات Clarke بحوالي 70-80 متر. ده خلّى GRS80 أدق. definition GRS80 - Geodetic Reference System 1980 is a geodetic reference system consisting of a global reference ellipsoid and a gravity field model. الـ GRS80 من أشهر الـ standard ellipsoids — وهو الـ reference coordinate system المستخدم في الـ GPS. ا WGS84 قريب جدًا من GRS80 وبيستخدم عالميًا ومرتبط باستخدامات GPS. الاتنين (GRS80 و WGS84) من أمثلة الـ best fit ellipsoids — يعني أدق ellipsoids اللي بتمثل شكل الأرض ككل. definition The geoid is a model of global mean sea level. الـ Geoid بيستخدم عشان قياس elevations بدقة. ا Geodesists بيقيسوا الارتفاعات بناءً على sea level. الـ Geoid مش جسم هندسي (geometrically) — لكنه جسم متعرف فيزيائيًا (physically) بالـ gravity، عشان الأرض نفسها bumpy وغير منتظمة. definition A Datum is a mathematical model of the Earth, which serves as the reference or base for calculating the geographic coordinates of a location. الـ Datum هو نموذج رياضي بيمثل كوكب الأرض. بنعتبره "المرجع" اللي بنبدأ من عندها حساب الإحداثيات الجغرافية (خطوط الطول ودوائر العرض) لأي مكان على الخريطة. الـ Datum بيتكون من حاجتين أساسيتين: مجسم بيضاوي (Ellipse) ومحور دوران (Axis of rotation). وطبعاً بيُعتبر جزء أساسي من نظام الـ GCS. الـ Local Datum بيعمل (Align) أو بيظبط المجسم (Spheroid) على المنطقة دي بس، وبيحدد "نقطة أصل" (Origin Point) مكانها على سطح الأرض يقيس منها. الـ Global Datum نقطة الأصل بتاعته مش على السطح، دي بتكون جوه "مركز كتلة الأرض" (center of the earth ), ده الأساس اللي بيعتمد عليه الـ GPS وقياسات الأقمار الصناعية. لو غيرت الـ datum، نفس النقطة هياخد إحداثيات مختلفة.
في مصر فيه أمثلة datums زي: Helmert, Hayford, Suez 1974. الاختيار بيعتمد على المنطقة اللي بتشتغل عليها — كل بلد ليها datum مناسب ليها. حته زياده من الكتاب لما بتحول إحداثيات خريطة من المرجع القديم (NAD27) للمرجع الجديد (NAD83)، النقط بتترحل وتتحرك من مكانها، وده بنسميه (Horizontal Shift), الحركه دي بتتقاس بالمتر, وقيمة الترحيل بتختلف من مكان للتاني عشان المهندسين مايتلخبطوش، بيعملوا خرايط مرسوم عليها خطوط اسمها (Isolines)، الخطوط دي بتوضحلك المنطقة اللي إنت فيها دي بالظبط حصلها شيفت كام متر. definition A map projection is a mathematical formula for representing the curved surface of the earth on a flat map. الـ Map Projection هو ناتج تحويل سطح الأرض الكروي أو المنحني لسطح مستوي. definition Distortions are inherent in maps because the Earth is round and a map is flat. مفيش projection يحافظ على كل الخصائص مرة واحدة. عشان كده بنختار projection حسب الهدف. definition الـ Equal Area (Homolographic): بيحافظ على نسب المساحات — مساحة النرويج على الخريطة = مساحتها الحقيقية نسبيًا. الـ Orthomorphic (True-Shape): بيحافظ على الأشكال — حدود الدول بتبان زيها زي على الأرض. الـ Azimuthal (True-Bearing): بيحافظ على الاتجاهات من نقطة معينة. الـ Equidistant (True Scale): بيحافظ على المسافات — لكن مفيش projection بيحافظ على المقياس في كل مكان، فقط على خطوط معينة. فكرة الإسقاط ببساطة: كوكب الأرض كورة، والورقة مسطحة. إزاي ننقل الرسمة من الكورة للورقة؟ بنختار "شكل مجسم" نلف بيه الأرض: The principal scale: A common measure of projection distortion
لما نيجي نعمل projection للكوره علي الورقة فيه عندنا حالتين: الحالة البسيطة (Tangent - مماس): الورقة بتلمس الأرض من بره في "خط واحد" (One Standard Line). الخط ده التشوه عنده بيكون صفر، بس كل ما تبعد عنه التشوه بيزيد . الوضع القاطع (Secant - قاطع): الورقة بتخترق وتقطع كوكب الأرض، فبتعمل "خطين تماس" (Two Standard Lines). ده بيوزع التشوه على مساحة أكبر، فبيقلل التشوه العام وبيخلينا نقدر نرسم مساحات أكبر بدقة أحسن.
الـ cone بيلمس الأرض على خط عرض. خطوط الطول بتتقاطع عند apex (رأس المخروط), ودوائر العرض بتبقى عبارة عن أقواس فوق بعض (concentric arcs).
ا Equidistant Conic: المسافات بين دوائر العرض متساوية. مش بيحافظ على المساحة (Area) ولا الشكل (Shape)، بس مناسب للمناطق الصغيرة. بيحافظ على المسافات (distance/scale). ا Lambert Conformal Conic: دوائر العرض بتقرب من بعض في النص. بيحافظ على الأشكال (Shapes) وممتاز للخرائط التفصيلية. ا Albers Equal Area Conic: دوائر العرض بتقرب من بعض عند الأطراف. بيحافظ على المساحات (Areas). لما بنفرد الأسطوانة، خطوط الطول والعرض بتتقاطع بزوايا قايمة (90 درجة). المسافات بين خطوط الطول بتبقى متساوية، بس دوائر العرض بتبعد عن بعض كل ما تقرب للقطبين.

الـ Mercator: أشهر أنواع الـ cylindrical projections. بيتميز إنه conformal وبيحافظ على الـ directions المسافات بتكون دقيقة 100% عند الـ equator، لكن بتتمدد وتتشوه جداً كل ما نقرب للـ poles (مثال: Greenland بتبان على الخريطة أكبر من Africa، مع إن أفريقيا في الحقيقة أكبر منها 14 مرة). الـ plane بتلمس الأرض عند point of contact. الـ focus بيتحدد بـ central longitude و central latitude.

بصمجيات الـ Universal Transverse Mercator (UTM) نوعه cylindrical و Conformal الـ Lambert نوعه Conic و Conformal الـ Albert نوعه Conic و Equal Area UTM System الـ UTM مبني على إسقاط Transverse Mercator، وبيقسم الأرض لـ 60 منطقة (Zones)، عرض كل واحدة 6° من خطوط الطول، وكل منطقة بيتعملها إسقاط لوحدها عشان يقلل التشوه. النظام شغال من 80°S لحد 84°N، أما المناطق القطبية فبتستخدم نظام UPS. لكل منطقة Central Meridian في النص، ومعامل المقياس عنده 0.9996، عشان كده التشوه داخل المنطقة بيكون صغير جدًا (أقل من 0.1%). الإسقاط بيحافظ على الأشكال والزوايا كويس، لكنه مش بيحافظ على المساحات. كل منطقة ليها رقم من 1 لـ 60، وكمان شريط عرضي بحرف من C لـ X، وبيتكتبوا مع بعض لتحديد المنطقة زي 11U. مصر مثلًا موجودة في Zone 35R و Zone 36R، ولازم تعرف الـ Zone الصحيحة لبياناتك لأن دمج بيانات من مناطق مختلفة من غير تحويل ممكن يسبب أخطاء في الموقع والمسافات. حته زياده من الكتاب ا Mercator ممتاز للملاحة لأنه بيخلي الاتجاهات ثابتة، لكنه بيشوّه المساحات جدًا كل ما نبعد عن خط الاستواء. ا Hammer إسقاط بيحافظ على نسب المساحات والنقطه الوحيده الي مفهاش تشوه هيا المركز ا Goode بيحافظ على المساحات الحقيقية، إسقاط متقطع. ا Robinson اتعمل عشان يدي شكل متوازن وأقرب للواقع للعالم كله، فمش بيحافظ لا على المساحات ولا الأشكال بشكل كامل، لكنه بيقلل التشوه العام وبيخلي الخريطة شكلها طبيعي أكتر من Mercator. حته زياده من الكتاب في ArcGIS لازم تحدد Coordinate System عشان البيانات تتعرض وتتقاس بشكل صحيح. ملف .prj هو اللي بيخزن كل معلومات نظام الإحداثيات والإسقاط. ملف .prj بيتكون من 3 أجزاء: نظام الإحداثيات الجغرافي (Datum, Spheroid, Prime Meridian, Units)، ومعاملات الإسقاط (زي Central Meridian و Scale Factor)، والوحدة الخطية المستخدمة في القياس وغالبًا بتكون المتر. Define Projection vs Project: اDefine Projection — بييعرّف النظام بس من غير ما يغيّر البيانات. بس تستخدمه لو البيانات مفيهاش معلومات عن نظام الإحداثيات. اProject — بييحوّل البيانات فعليًا من نظام لإحداثيات لنظام تاني. بس تستخدمه لو عايز تحوّل بيانات من WGS84 مثلا لـ UTM Zone 36N. حته زياده من الكتاب الـ On-the-fly Projection بتخلي برنامج الـ GIS يعرض طبقات بيانات من أنظمة إحداثيات مختلفة مع بعض وكأنها على نفس النظام، من غير ما يغير البيانات الأصلية. البرنامج بيعمل التحويل تلقائيًا لنظام إحداثيات مشترك، وغالبًا بيكون نظام أول طبقة اتضافت للخريطة. لو طبقة البيانات مفيهاش معلومات عن نظام الإحداثيات، البرنامج ممكن يفترض نظام افتراضي، وده ممكن يسبب أخطاء في عرض البيانات لو الافتراض كان غلط. حدود الاستخدام: لو عايز تستخدم البيانات في تحليل مكاني (Spatial Analysis)، لازم تعملها Reproject فعلي — الإسقاط اللحظي مش بيحوّل البيانات فعلًا. لو هتستخدم البيانات كتير في نظام إحداثيات مختلف عن الأصلي، لازم تحولها عشان النتائج تطلع أدق. ملخص ا Coordinate Systems هدفها تخلي الـ layers تركب فوق بعض صح. لو الـ reference مختلف، الطريق أو الحدود ممكن يظهروا في مكان غلط والتحليل كله يطلع غلط. ا GCS بيحدد المكان على سطح الأرض بـ Latitude و Longitude. القيم دي angles، مش X,Y، عشان كده نفس الدرجة مش دايمًا بتساوي نفس المسافة. ا PCS بيحول الأرض لخريطة مسطحة بـ X,Y، وده أنسب للحسابات الدقيقة والـ large-scale mapping. ا Datum هو المرجع اللي الإحداثيات مبنية عليه. اختلافه ممكن يعمل shift بين layers حتى لو البيانات نفسها صح. شكل الأرض بيتقرب بثلاث مستويات: Sphere أبسط حاجة، Ellipsoid أدق هندسيًا، و Geoid أقرب للواقع عشان مرتبط بالـ gravity و mean sea level. ا Projection = تحويل من GCS لـ PCS. ا Reprojection = تحويل من PCS لنوع PCS تاني. أي projection لازم يعمل distortion في Area, Shape, Distance/Scale, أو Direction. الاختيار بيكون حسب الخاصية الأهم في الخريطة. الأنواع الأساسية للـ projections: Planar, Conical, و Cylindrical. ومن أهم الأنظمة UTM، ومصر في zones 35, 36 و band R. في ArcGIS: ا Define Projection بيعرف النظام بس، أما Project بيحول البيانات فعليًا. وملف .prj بيخزن معلومات الـ projection. ]]>gis/lectures/lecture-3-coordinate-systems.html2 - Areas/College/GIS/Lectures/Lecture 3 - Coordinate Systems.mdSat, 06 Jun 2026 13:31:26 GMT<figure><img src="https://gisrsstudy.com/wp-content/uploads/2022/08/GCS-vs-PCS.jpg"></figure> الأشكال الي متلونه ازرق (المستطيلات الصغيرة والنقط) اللي تحت دي البيانات الحقيقية بتاعتنا (مثلاً: بيوت، بحيرات، شوارع). كل مجموعة أشكال زرقا قريبة من بعض حوطناهم بـ مستطيل رفيع على قدهم بالظبط (زي المستطيلات a, b, c, d), المستطيلات الرفيعة دي هي الـ (MBR) اللي جوه العقد الورقية (Leaf Nodes). في الشجرة اللي فوق، هتلاقي الحروف دي (a, b, c...) هي اللي في المستوى قبل الأخير، وكل حرف طالع منه خطوط لتحت (دي المؤشرات أو الـ Tuple-identifiers اللي بتوديك للشكل الأزرق الحقيقي). بعدها جمعنا كل كام مستطيل رفيع قريبين من بعض، وحوطناهم بـ مستطيل تخين كبير (دي العقد الداخلية). من الاخر البيانات الحقيقية (الأشكال الزرقاء): دي العناصر الفعلية اللي على الخريطة (بيوت، شوارع، إلخ) وموجودة جوه أصغر مستطيلات. العقد الورقية / Leaf Nodes (المستطيلات الرفيعة a,b,c...): دي أصغر مستطيلات (MBR) بتترسم عشان تحوط الأشكال الزرقاء بالظبط، وبتكون في المستوى قبل الأخير في الشجرة اللي فوق. العقد الداخلية / Internal Nodes (المستطيلات الكبيرة m,n,o,p): دي مستطيلات "تجميعية" أكبر، كل مستطيل فيهم بيلم جواه مجموعة من المستطيلات الرفيعة القريبة من بعض. الجذر / Root Node (البلوك [m|n|o|p]): ده قمة الشجرة (نقطة البداية)، وجواه المؤشرات اللي بتوزعك على المستطيلات الكبيرة عشان تبدأ رحلة البحث. الإضافة (Inserts): إنك تحط عنصر أو شكل جديد في الشجرة. الحذف (Deletes): إنك تمسح عنصر من الشجرة. التحديث (Updates): خلي بالك، التحديث هنا مش بيحصل في نفس المكان، لكن النظام بيمسح العنصر القديم ويضيفه من جديد بتعديلاته. (السبب: إن تغيير حجم العنصر ممكن يغير حجم المستطيلات اللي محوطاه، فالأضمن يمسحه ويضيفه عشان الشجرة تتوزن صح). دي الميزة الأقوى للـ R-Tree، إنها بتعمل "بحث مكاني" (Spatial Search). امثله: البحث جوه مساحة معينة: "هاتلي أسماء كل الطرق اللي جوه مساحة 1 كيلومتر مربع؟". البحث في مسار معين: "إيه المباني اللي هتقابلني وأنا ماشي بين مبنى كذا ومبنى كذا؟" الاحتواء الكامل (Contained): "هاتلي كل المستطيلات (العناصر) اللي واقعة بالكامل جوه المستطيل اللي ببحث بيه". التقاطع (Intersecting): "هاتلي كل المستطيلات اللي بتتقاطع أو بتلمس المستطيل اللي ببحث بيه" (حتى لو جزء منها بس هو اللي جوه). الـ K-D Tree (K-Dimensional Tree) هو Binary Search Tree كل عقدة فيه نقطة في K بُعد. بيستخدم لتخزين النقاط في K أبعاد (مثلًا: 2D أو 3D). الـ Range queries: دي اهم ميزه, بتمكنك تبحث بأكتر من شرط (Key) في نفس الوقت. مثال: لو بتبحث في داتا بيز، تقدر تقول: "هاتلي الناس اللي سنهم بين 34 و 49 وكمان مرتبهم بين 100 ألف و 150 ألف". أشهر مجالاتها: بتستخدم بكثرة في الـ GIS (عشان الإحداثيات) والجرافيكس. هي تطوير للـ binary search tree اللي خدناها زمان (BST)، بس بدل ما كانت بتبحث في بُعد واحد (1D)، بقت بتبحث في عدد من الأبعاد (-dimensional). النود في الـ K-D Tree مش بتشيل قيمة واحدة، دي بتشيل (مجموعة قيم مع بعضها = Vector)، بالإضافة لـ (الأسهم = Pointers) اللي بتوديك للخطوة اللي بعدها في الشجرة.
1. عملية الإدخال (Insert): إنت بتدخل عنصر ليه بُعدين (Vector حجمه 2، زي [X, Y]). دايماً العنصر الجديد بينزل في آخر الشجرة كـ ورقة (Leaf). الفكره هنا: المقارنة بتتغير حسب المستوى. يعني وإنت نازل في الشجرة، بتسأل نفسك: "أنا في مستوى كام؟ لو 0 هقارن الـ X، لو 1 هقارن الـ Y"، وهكذا بالتبادل. 2. عملية البحث في نطاق مستطيل (Orthogonal Range Query): عشان تبحث عن بيانات جوه منطقة محددة، إنت بتدي للكمبيوتر حدود "صندوق" يبحث جواه: البُعد الأول key[0] (زي محور X): بتديله حد أدنى low[0] وحد أقصى high[0]. البُعد التاني key[1] (زي محور Y): بتديله حد أدنى low[1] وحد أقصى high[1]. الكمبيوتر بيمشي في الشجرة ويجيبلك بس النقط اللي واقعة جوه الصندوق ده. الحالات الخاصة للبحث الصندوق ده مش دايماً لازم يكون مستطيل، ده ممكن يتغير حسب إنت بتبحث عن إيه بالظبط، وعندنا حالتين: الحالة الأولى: التطابق التام (Exact match) القاعدة: low[level] = high[level] (يعني الحد الأدنى بيساوي الأقصى في كل الأبعاد). الشرح: لو إنت قولت للكمبيوتر دورلي في الـ X من النقطة 5 للنقطة 5، وفي الـ Y من 10 لـ 10.. كده المستطيل انكمش وبقى عبارة عن نقطة واحدة بس. الخلاصة: إنت هنا مش بتبحث في مساحة، إنت بتبحث عن إحداثيات "نقطة محددة بالظبط" عشان تتأكد هي موجودة في الداتا بيز ولا لأ. الحالة التانية: التطابق الجزئي (Partial match) القاعدة: بتحدد النطاق لبعض المحاور، والمحاور التانية بتعتبرها واخدة من (من سالب ما لا نهاية لموجب ما لا نهاية). الشرح: افرض إنك بتبحث بشرط واحد بس، زي "هاتلي كل الموظفين اللي سنهم من 20 لـ 30 سنة" ومش مهتم بالمرتب (محور Y).
القاعده الي بنمشي عليها: المستوى 0 (الروت): بنقارن بمحور X. (لو أصغر تروح شمال، لو أكبر تروح يمين). المستوى 1: بنقارن بمحور Y. (لو أصغر تنزل شمال، لو أكبر تنزل يمين). المستوى 2: نرجع نقارن بـ X. المستوى 3: نرجع نقارن بـ Y.. وهكذا. تعالى نمشي مع الأرقام واحدة واحدة ونشوف اترصت في الشجرة إزاي: 1. النقطة (A = 65, 50): أول نقطة دخلت، فبقت هي الـ Root. 2. النقطة (B = 60, 70): نقف عند A (مستوى 0 يعني نقارن X): الـ X بتاعت B بـ (60) أصغر من الـ X بتاعت A الي بـ (65). النتيجة: B تروح شمال A. 3. النقطة (C = 70, 60): نقف عند A (مستوى 0 نقارن X): الـ X بتاعت Cبـ (70) أكبر من 65. النتيجة: C تروح يمين A. 4. النقطة (D = 75, 25): نقف عند A (نقارن X): 75 أكبر من 65 ⬅️ نروح يمين عند C. نقف عند C (مستوى 1 يعني نقارن Y): الـ Y بتاعت D بـ (25) أصغر من الـ Y بتاعت C بـ (60). النتيجة: D تنزل شمال C. 5. النقطة (E = 50, 90): نقف عند A (نقارن X): 50 أصغر من 65 ⬅️ نروح شمال عند B. نقف عند B (مستوى 1 نقارن Y): الـ Y بتاعت E بـ (90) أكبر من الـ Y بتاعت B بـ (70). النتيجة: E تنزل يمين B. Tip لو التري 3d (فيها تلات قيم X,Y,Z ) يبقي هنعمل نفس الحاجة بس نزود Z: المستوى 0 (الروت): بنقارن بمحور X. (لو أصغر شمال، لو أكبر يمين). المستوى 1: بنقارن بمحور Y. المستوى 2: بنقارن بمحور Z. المستوى 3: نرجع نعيد الدورة ونقارن بـ X. المستوى 4: نرجع نقارن بـ Y.. وهكذا. Java Code (مش عارف مهم ولا لا بس موجود في المحاضره) public void insert(Vector<T> x) { root = insert(x, root, 0); } private KdNode<T> insert(Vector<T> x, KdNode<T> t, int level) { if (t == null) t = new KdNode(x); int compareResult = x.get(level).compareTo(t.data.get(level)); if (compareResult < 0) t.left = insert(x, t.left, 1 - level); else if (compareResult > 0) t.right = insert(x, t.right, 1 - level); else ; // do nothing if equal return t; } ملاحظة: 1 - level بيعيد البُعد — لو level=0 (X) يبقى 1-0=1 (Y). ملخص هياكل البيانات المكانية بتتقسم حسب نوع البيانات: Point Data (K-D Tree, PR Quadtree, Grid Files), Line Data (Arc-Node, Chain Codes), Area Data (Boundary Model, Region Quadtree). ا R-Tree = Dynamic Index Structure للبيانات المكانية (2D/3D). حلّ محل الـ B+ Tree اللي مش مناسب للأبعاد المتعددة. ا Properties: Height Balanced, Internal Nodes + Leaf Nodes, Leaves بتشاور على Disk Pages، كل Leaf Record = MBR، Max Capacity = M (min M/2)، Completely Dynamic، Root لازم يبقى ليه ابنين على الأقل. -ا Structure: Internal Nodes = (Rectangle + Child pointer). Leaf Nodes = (MBR + Tuple-identifier للـ Data). ا Operations: ا Insert, Delete, Update ]]>gis/lectures/lecture-7-spatial-data-structure.html2 - Areas/College/GIS/Lectures/Lecture 7 - Spatial Data Structure.mdSun, 12 Apr 2026 00:00:00 GMT<figure><img src="https://i.ibb.co/dw4tjnM2/image.png"></figure> في مثال الأشجار، بنرسم موقع كل شجرة ونحدد أي attributes تخص أي شجرة. وده هو أساس الـ GIS. بصمجيات الـ Feature = الحاجة نفسها على الخريطة. الـ Spatial Data = مكان الحاجة دي علي الخريطه الـ Attribute = بيانات الحاجة دي. definition Information is separated into layers. الفكرة التانية إن المعلومات بتتقسم لطبقات. كل طبقة تمثل نوع معين من البيانات. مثال: ا طبقة انهار ا طبقة طرق ا طبقة مباني
كل طبقة ممكن تتحط فوق التانية عشان نطلع صورة وتحليل كامل. الطبقة الأساسية غالبا بتبقى تحت، وباقي الطبقات فوقها. معلومه من العملي كل Layer بيبقي ليها Geometry واحد بس مينفعش تحط Points و Lines و Polygons في نفس الـ Layer. يعني: Trees → Points Roads → Lines Buildings → Polygons العلاقة بين الـ map والـ database علاقة تفاعلية. لو اخترت feature من الـ map، الـ record المقابل ليه يتحدد في جدول البيانات. ولو اخترت record من الجدول، الـ feature المقابل ليه يتحدد على الخريطة. كمان التعديل على الـ Features الي في الماب او تقسيمها ممكن يغير الـ database. ا Vector layers بتمثل الـ features بطرق مختلفة ا Points ا Lines ا Polygons definition A point is good for representing information in which it is necessary to show where a feature is. الـ Point يمثل حاجة مكانها مهم، لكن حجمها أو مساحتها مش هي المهمة في الخريطة. أمثلة: شجرة. عمود نور. موقع حادثه. definition A line is suitable to represent many real world features, such as rivers in a river layer. الـ Line يمثل حاجة ممتدة في مسار. أمثلة: نهر. طريق. سكة حديد. definition Polygon is a solid multi-sided shape. الـ Polygon يمثل مساحة مقفولة. يعني شكل ليه حدود ومساحة. أمثلة: دولة. بحيرة. قطعة أرض. منطقة إدارية.
ملخص definition GIS Data Models are methods of representing geographic space. الـ Data Model هو الطريقة اللي بتمثل بيها البيانات الجغرافية جوه الـ GIS. فيه نوعين أساسيين من GIS Data Models لتمثيل الـ geographic space: ا Vector ا Raster Note A database structure need seldom be made to suit a data model. But a well prepared data model is vital for a successful GIS analysis. مش لازم نعيد تصميم قاعدة البيانات كلها عشان تناسب Data Model معين، لكن لازم نفكر كويس في الـ Data Model نفسه لأن نجاح تحليل الـ GIS بيعتمد عليه بشكل كبير. definition Vector Data Model uses points and their x-, y-coordinates to represent spatial features: points, lines, and areas. الـ Vector بيمثل الواقع باستخدام إحداثيات. يعني كل feature بيتوصف بنقط وإحداثيات x, y. الـ Point عبارة عن node واحدة. ملوش area. بيتحدد بإحداثيات: (x, y) الـ Line أو Arc عبارة عن اتصال بين nodes أو vertices. بيبدأ من نقطة وينتهي عند نقطة. بيتحدد بسلسلة إحداثيات: (x1, y1), (x2, y2), ..., (xN, yN) الـ Polygon عبارة عن سلسلة arcs بتقفل حوالين label point. لازم يكون فيه closure point عشان الشكل يبقى مقفول. الـ Vector Representation مناسب لما عندك features منفصلة وواضحة الحدود. مثال: طريق، حدود دولة، قطعة أرض. definition Raster Data Model uses a grid with cells to represent spatial features. الـ Raster بيمثل المكان كـ شبكة (Grid).
كل cell في الشبكة ليها value. الـ raster يقدر يمثل: ا Point: قيمة في cell واحدة. ا Line: سلسلة cells متصلة تمثل طول. ا Area: مجموعة cells متصلة تمثل شكل ومساحة. note Because the raster data model is a regular grid, spatial relationships are implicit. Therefore, explicitly storing spatial relationships is not required as it is for the vector data model. عشان الـ Raster عبارة عن شبكة منتظمة من الـ Cells، فموقع كل Cell بالنسبة للخلايا المجاورة معروف تلقائيًا من مكانها داخل الشبكة. عشان كده الـ GIS يقدر يفهم علاقات الجوار بسهولة من ترتيب الـ Cells نفسه، من غير ما يخزن العلاقات دي بشكل صريح زي الـ Vector. صور الـ satellite من الأشكال الشائعة للـ Raster. كل صورة satellite ليها Bands كتير (ممكن 5 أو 7 أو أكتر). كل band بيمثل Layer . مثال: Red Band, Green Band, Near Infrared Band. definition DEM is a raster dataset where each cell represents elevation above sea level. الـ DEM ده Raster كل cell فيه بيمثل الارتفاع عن سطح البحر. بيستخدم في: تحليل المنحدرات. تحديد مسارات الصرف. دراسة التضاريس. definition Data is stored in four basic methods: points, lines, areas, and a grid (or raster). بيتخزن على هيئة إحداثيات (X,Y) مع بيانات وصفية (Attributes). مثال: نقطة في bird data بتمثل كل الطيور المسجلة في مكان معين و تاريخ معين. بيتكون من مجموعة نقاط متوصلة ببعض. كل Line بيبقى ليه Attributes مرتبطة بيه. بتتخزن كـ نقطتين و arc بيربطهم مع attributes في table. مثال: زي نهر, طريق. بيستخدم لتمثيل الحاجات اللي ليها مساحة وحدود. بيتكون من نقط (Points) , وخطوط (Arcs or lines) بتوصل النقط دي ببعض في شكل مغلق. زي Lines و Areas، الـ table بتخزن الـ points و lines مع الـ attributes. مثال:بحيره, قطعة ارض, حي سكني. الـGrid عبارة عن سلسلة square cells ليها value مرتبطة بكل cell. الـ grids بتستخدم لتمثيل مناطق واسعة وبتستخدم قيم مختلفة لتمثيل حاجات مختلفة. مثال: درجة الحرارة, الارتفاعات, الأمطار, صور الأقمار الصناعية. Temperature in Raster في الـ Raster كل Cell بتخزن رقم بيمثل قيمة الظاهرة في المكان ده. مثال: درجة حرارة منطقة في البحر = 18.0°C تتخزن داخل الـ Cell كقيمة 180 يعني الرقم المخزن مش شرط يكون درجة الحرارة نفسها، لكنه ترميز (Encoded Value) بيمثلها عشان يسهل تخزين البيانات ومعالجتها داخل الكمبيوتر. الـ Vector-based line: بتتخزن كـ flat file فيه coordinate pairs. الـ Raster-based line: بتتخزن كـ binary grid (0s و 1s) — كل cell فيها line بتبقي 1.
الـ Vector أحسن للحاجات المنفصلة والواضحة زي الطرق والحدود وقطع الأراضي. الـ Raster أحسن للحاجات المستمرة زي الارتفاعات والحرارة والكثافة والصور. Geometry: coordinates and form of the objects Topology: expresses explicitly the spatial relationships between features Attributes: properties and values. الـGeometry بتقول الشكل والإحداثيات. الـTopology بيوضح العلاقات المكانية بين الـ features، مين جنب مين، ومين بيحد مين. الـAttributes بتقول معلومات وخصائص العنصر وقيمه. يعني إيه Topology (حته زياده ) الـ Topology باختصار هي شوية قواعد وأدوات بتظبط العلاقات الهندسية والمكانية بين البيانات بتاعتك عشان تكون دقيقة ومظبوطة. بتشتغل إزاي؟ بتتحفظ جوه الـ Geodatabase كعلاقات (Relationships) بتحدد إزاي الـ Features بتشارك المكان مع بعضها، وكل ده من غير ما تغير أصل الـ Feature class نفسه (بيفضل Simple زي ما هو). ميزتها: ممتازة عشان تصطاد وتصلح أخطاء الرسم (Digitizing errors) زي الفراغات والتقاطعات، وضرورية جداً لو هتعمل تحليلات مكانية متقدمة. عيبها: البيانات اللي متطبق عليها Topology بتكون أبطأ شوية وبتاخد وقت أطول في العرض (Rendering) لو قارنتها بالبيانات العادية (Non-topological data) اللي بتفتح وتعرض أسرع. definition Attribute data is the "I" in GIS. حرف I في GIS هو Information، وده غالبا بيظهر في صورة Attribute Data. الـ GIS غالبا بيتقسم لمكونين: ا Coordinate information: بتوصف حاجات مكانية geometry أو spatial information. ا Attribute information: بتوصف properties غير مكانية مرتبطة بالعنصر. الـ attribute data غالبا بتتعرض في شكل جداول، عشان كده بنسميها Tabular Data. في ArcGIS، الـ attribute table بيبقى فيه: ا Records: الصفوف، كل صف يمثل feature. ا Fields / Attributes: الأعمدة، كل عمود يمثل خاصية. definition Spatial data describes the absolute and relative location (geometrical data) of geographic features. الـ Spatial Data يعني بيانات بتوصف مكان features. ممكن تكون: ا Discrete: حاجات منفصلة زي buildings أو roads أو trees. ا Continuous: حاجات ممتدة ومستمرة زي elevation أو temperature. ملخص القاعدة الأساسية للـ GIS: أي عنصر على الخريطة (Feature) ليه مكان (Spatial Data) وليه معلومات وصفية (Attributes) متخزنة في جدول. العلاقة بينهم تفاعلية (اللي بتختاره هنا، بينور هناك). قاعدة الطبقات (Layers): كل طبقة لازم يكون فيها نوع هندسي (Geometry) واحد بس. (مينفعش تحط نقط وخطوط في نفس الطبقة). نماذج البيانات (Data Models): الـ Vector: بيعتمد على الإحداثيات (X,Y) وممتاز للحاجات "المنفصلة" والواضحة زي: النقط (أشجار)، الخطوط (طرق)، والمضلعات (مباني/دول). حجم بياناته أصغر وشكله أحسن. الـ Raster: بيعتمد على شبكة مربعات (Grid Cells)، كل مربع جواه "قيمة". ممتاز للحاجات "المتصلة" والممتدة زي: الحرارة، التلوث، أو الارتفاعات (DEM). بيحتاج مساحة تخزين أكبر. الفرق بين الـ Geometry و Topology و Attributes: ا Geometry: ده "الشكل" و"الإحداثيات" بتاعت العنصر. ا Attributes: دي "البيانات" والمعلومات الوصفية للعنصر. ا Topology: دي "العلاقات المكانية" (مين جنب مين؟ مين بيقطع مين؟). ودي اللي بتصلح أخطاء الرسم، بس بتخلي البيانات أبطأ شوية في العرض. بيانات خاصة: ا DEM (Digital Elevation Model): ده ملف Raster، كل Cell فيه بتمثل "الارتفاع عن سطح البحر"، وبيستخدم لدراسة التضاريس والمنحدرات. صور الأقمار الصناعية: بتعتبر Raster، وبتتكون من عدة طبقات (Bands) كل طبقة بتلقط طول موجي معين (زي الأحمر، والأخضر، والأشعة تحت الحمراء).> ]]>gis/lectures/lecture-2-gis-data-models.html2 - Areas/College/GIS/Lectures/Lecture 2 - GIS Data Models.mdSat, 06 Jun 2026 00:53:09 GMT<figure><img src="https://i.ibb.co/TBfFPD1D/image.png"></figure>https://t.me/DevNourEldeen ومتنساش تدعيلي]]>gis/index.html2 - Areas/College/GIS/Index.mdFri, 05 Jun 2026 17:15:07 GMT عندنا 3 أنواع من الـ Cones، كل نوع حساس لمدى معين من الـ Wavelengths بيمثل الألوان دي: الأحمر، الأخضر، والأزرق. استجابة الخلايا دي بتتداخل مع بعضها في حاجة اسمها Response Curves (منحنيات الاستجابة). في الأغلب، حساسية الخلية بتقل كل ما الطول الموجي يبعد عن القمة (Peak) بتاعتها، بس خد بالك ان: الـ Red cone عنده استجابة تانية خفيفة عند الأطوال الموجية القصيرة (ناحية الأزرق).
بما إن العين بتتعامل مع استجابات قريبة من Red و Green و Blue، نقدر نعيد إنتاج ألوان كتير عن طريق خلط RGB light بكثافات مختلفة. المبدأ ده هو أساس معظم تقنيات العرض الحديثة، زي: CRTs LCDs TFTs Plasma displays Digital projectors في أنظمة الـ graphics، لون كل pixel بيتمثل رقميا باستخدام RGB Triplet. (R, G, B) كل بيكسل (Pixel) على الشاشة بيتمثل بأرقام بنسميها RGB Triplet. الهاردوير بياخد الأرقام دي ويحولها لقوة إضاءة للألوان التلاتة، وعينك هي اللي بتدمجهم عشان تشوف اللون النهائي. ا RGB معناها: ا Red ا Green ا Blue دول اسمهم Additive Primary Colors. اتسموا additive عشان اللون بيتكون بإضافة light بكثافات مختلفة. لو مفيش ضوء، النتيجة Black. كل ما نزود الضوء، brightness تزيد. لو جمعنا Red و Green و Blue بأقصى intensity، النتيجة هتبقي الـ White Light. Key Idea الـ RGB ده موديل لخلط "الضوء"، مش خلط ألوان دهانات أو حبر (Not paint or ink). الموديل ده بيستخدم في أي نظام بيطلع ضوء من نفسه (Emissive Display Systems) زي: Computer monitors Televisions Projectors لما نخلط لونين من RGB، بنطلع secondary additive colors. لو غيرنا relative intensities بين R و G و B، نقدر نطلع ألوان كتير جدا. ا Red أكتر من Green ممكن يطلع Orange. ا Green أكتر من Red ممكن يطلع Lime. خلطات غير متساوية من التلاتة ممكن تطلع Brown أو complex colors. التحكم المستمر في intensity هو اللي بيخلي الأنظمة الرقمية تمثل ملايين الألوان.
بصمجيات ا Additive Mixing زي الـ RGB ,بيضيف light , كل ما بنضيف الوان الاضاءه بتزيد لحد ما تبقي ابيض , لو مضفناش حاجة بتبقي اسود, بيشتغل مع الشاشات والحاجات الديجيتال لما نتعامل مع الاصباغ (Pigments)، خلط الألوان بيشتغل بطريقة تانية. الموديل ده اسمه Subtractive (طرحي) عشان إحنا بنطرح أو بنمتص (absorb) الضوء مش بنطلعه, هنا إحنا مش بنضيف light، إحنا بنمتص أو نشيل wavelengths معينة ونسيب غيرها ينعكس. ده اسمه Subtractive Color Mixing. Cyan Magenta Yellow الجسم الأصفر بيبان أصفر عشان بيعكس wavelengths الخاصة بالأصفر ويمتص غيرها. ا Cyan بيعكس green-blue wavelengths. ا Magenta بيعكس red-blue wavelengths. لو عايز تفهم اكتر احنا عرفنا ان اللون الابيض هو لون فيه كل الاطوال الموجية متضافة علي بعضها , الفكره هنا اننا لما بنيجي نطبع علي ورق بنطبع علي ورق ابيض , فهنا مينفعش نضيف الوان احنا المفروض نشيل الوان ,، وده هو مبدأ Subtractive Color Models. Yellow + Cyan → Green نظريا، خلط Cyan + Magenta + Yellow يمتص كل الضوء المرئي ويطلع black.
بصمجيات ا Subtractive Mixing زي الـ CMY (أو CMYK)، بيمتص الـ light، كل ما بنضيف حبر الإضاءة بتقل لحد ما تبقى أسود، لو مضفناش حاجة بتبقى أبيض (اللي هو لون الورقة الفاضية)، بيشتغل مع الطباعة والحبر والورق. نظريا، خلط Cyan, Magenta, و Yellow المفروض يطلع black. عمليا، النتيجة غالبا بتبقى dark brown بسبب عدم نقاء في الحبر. كمان اللون الأسود بيتستخدم كتير جدا في المستندات المطبوعة. عشان كده الطابعات بتضيف ink أسود منفصل اسمه K. C = Cyan M = Magenta Y = Yellow K = Black / Key بيحسن print quality. بيقلل استهلاك الحبر. بيخلي النصوص والظلال sharp أكتر. definition Color space defines how colors are represented numerically. الـ Color Space (مساحة اللون) دي طريقة رياضية عشان نمثل بيها الألوان بأرقام. خلينا نبص على مساحة الـ RGB بالتفصيل. دي بتتمثل كأنها نقطة في مساحة ثلاثية الأبعاد (3D space)، وبنتخيلها في شكل مكعب اسمه RGB Color Cube. المحاور بتاعت المكعب ده هي الـ Red والـ Green والـ Blue. قيم grayscale موجوده على diagonal جوه RGB Color Cube.
### Important RGB Valuesdefinition Frame buffer is a dedicated memory region used to store pixel data for the image currently displayed on the screen. أي صورة بتتعرض على الشاشة عبارة عن مجموعة من البيكسلات. عشان الكمبيوتر يدير الكلام ده بكفاءة بيحجز حتت ميموري ورا بعضها (Contiguous block) مخصصة بس إنها تخزن بيانات الألوان بتاعت البيكسلات دي. الحتة دي من الميموري هي اللي بنسميها الـ Frame Buffer. الـ graphics system يقدر يتحكم في لون كل pixel عن طريق read/write لمكانه في frame buffer. تاريخيا، Frame Buffer كان معناه memory اللي بتمثل frame المعروض حاليا على الشاشة مباشرة. في الأنظمة الحديثة، المصطلح بقى أوسع. دلوقتي، الكلمة دي بقت بتستخدم عشان توصف أي هيكل ميموري بيخزن بيانات صورة، حتى لو الصورة دي مش بتتعرض بشكل مباشر على الشاشة (زي الـ off-screen buffers والـ textures).
Tip مش فاهم الصوره معناها ايه بس الدكتور حاططها في الكتاب الـ hardware systems بتدعم أكتر من نوع frame buffer. كل نوع بيحدد إزاي قيم الـ pixels بتتخزن في memory. الأنظمة المختلفة بتدعم فورماتس كتير للـ Frame Buffer عشان التوافق مع القديم (backward compatibility) وعشان توازن بين استهلاك الميموري، الأداء، ودقة الألوان. Grayscale Pseudo-color / Indexed color True-color ده أبسط نوع عندنا، والناس بتغلط وتسميه "أبيض وأسود"، بس هو في الحقيقة تدرجات الرمادي. في grayscale، كل pixel بيخزن intensity value يمثل درجة رمادي. أشهر طريقة لتطبيقه هي إن كل بيكسل ياخد 8 bits، وده بيدينا مستوى مختلف من الإضاءة. القيمة 0 بتمثل اللون الأسود (Black). القيمة 255 بتمثل اللون الأبيض (White). الأرقام اللي في النص دي درجات الرمادي (مثلاً 128 ده رمادي متوسط). البيكسلات بتتخزن في الميموري بنظام Row-major order، يعني بنمشي من الشمال لليمين في الصف، ولما يخلص ننزل للصف اللي تحته وهكذا. الصف الواحد الكامل من البيكسلات بنسميه Scan-line.
الدكتور مش مركز عليها ولا حاطط امثله فمش لازم تفهم الفكره اوي احفظ القانون وخلاص بما إن الـ 8 بت بيساووا 1 بايت (1 Byte)، يبقى كل بيكسل في الصورة بياخد مساحة 1 بايت بالظبط في الميموري, عشان كده الحسبة سهله: لو عندك صورة عرضها بيكسل، وطولها بيكسل، يبقى إجمالي عدد البيكسلات هو حاصل ضربهم : Memory Size = W * H (in bytes) دلوقتي لو أنا عايز ألون بيكسل معين في الإحداثيات ، الكمبيوتر هيعرف مكانه إزاي؟ هنا بنحسب حاجة اسمها الـ Offset (اللي هو رمزه )، وده معناه البيكسل ده ترتيبه رقم كام من أول بايت في الميموري. Memory Offset (A) of pixel (x, y) = x + W * y الإحداثي بيعبر عن رقم الصف (بنبدا من 0). عشان تنزل للصف رقم ، لازم تتخطى عدد من الصفوف الكاملة اللي فوقيك, بما إن كل صف حجمه بيكسل، يبقى إنت هتتخطى مسافة . بعد ما نزلت للصف بتاعك، هتمشي جواه من الشمال لليمين مسافة عشان توصل للبيكسل بتاعك. تجمع الاتنين على بعض يديك المكان بالظبط! مثال لزياده الفهم (مش من الكتاب) لو عندنا شاشة شغالة بنظام الـ Grayscale Frame Buffer، أبعادها: Width بيكسل Height بيكسل وعايزين نحسب مساحة الصورة كلها، ومكان Pixel معين عند الإحداثيات : 1. الحجم الكلي (Memory Size): بما إن كل بيكسل بياخد 1 Byte، يبقى هنضرب العرض في الطول: 2. مكان البيكسل في الميموري (Memory Offset): عشان نعرف البيكسل ده قاعد في البايت رقم كام من بداية الميموري، بنطبق المعادلة دي: يعني البيكسل بتاعنا متخزن في البايت رقم 40,100. interleaved scan-line storage زمان في الأنظمة القديمة، سرعة الميموري كانت بطيئة جدا مقارنة بسرعة تحديث الشاشة (Screen refresh rate)، وده كان بيعمل مشاكل مستفزة للعين زي الرعشة (Visible flickering) وإن الفريم يترسم نصه بس (Partially drawn frames). الحل: بدل ما نرسم الصورة صف ورا صف بالترتيب، استخدموا نظام الـ Interleaved؛ يعني الشاشة ترسم الصفوف الفردية الأول (1، 3، 5) وبعدين ترجع ترسم الصفوف الزوجية (2، 4، 6). التكنيك ده نجح إنه يداري عيوب الهاردوير الضعيف (Limited hardware)، بس في المقابل عقد الـ Graphics programming جدا على المبرمجين (كلهم بييجوا علي الغلبان). definition Pseudo-color frame buffer stores an index per pixel instead of storing the full RGB color directly. اسمه كمان Indexed Color Frame Buffer. الفكرة هنا إن البيكسل مش بيخزن اللون نفسه، لا ده بيخزن "رقم الإندكس" (من 0 لـ 255). أكبر عيب هنا إنك مقدرش تعرض غير 256 لون بس في نفس الوقت على الشاشة، بالرغم من إن الـ RGB مساحته بتشيل أكتر من 16.7 مليون لون ( ). الـ index ده بيشاور على لون في Color Lookup Table (CLUT) أو Palette. Index → (R, G, B) بيستخدم لحد دلوقتي في: ا اLegacy systems (الأنظمة القديمة) ا Backward compatibility modes (أوضاع التوافق) ا Resource-constrained devices (الأجهزة اللي الميموري بتاعتها ضعيفة جداً) definition True-color frame buffer stores the full RGB color value directly for each pixel. هنا إحنا مش محتاجين جدول ولا وجع دماغ، إحنا بنخزن اللون RGB على طول جوه البيكسل نفسه. التوزيعة الأشهر هي إننا ندي لكل لون 8 بت: Red: 8 bits Green: 8 bits Blue: 8 bits المجموع هيبقى 24 bits (يعني 3 بايت) لكل بيكسل، وعشان كده بنسميه 24-bit color. الميزة هنا إنك تقدر تعرض الـ 16.7 مليون لون في نفس الوقت، بس العيب إنه بيسحب ميموري قد الـ Pseudo-color تلات مرات، وبيحتاج Bandwidth أعلى. بسبب ان كل بيكسل بياخد 3 Bytes البيكسلات بتتخزن ورا بعضها في الميموري (Sequentially) بالشكل ده: البيكسل الأولاني (0, 0) هياخد اول تلاته بايتس من 0 لـ 2. البيكسل التاني اللي جنبه (1, 0) هياخد البايتس من 3 لـ 5. البيكسل التالت (2, 0) هياخد البايتس من 6 لـ 8.. وهكذا. بما إن البيكسل مبقاش بايت واحد زي زمان، القوانين بتاعتنا لازم تتعدل شوية عشان تضرب في 3. فظهر عندنا مصطلح جديد اسمه الـ Stride. الـ Stride (S): ده بيمثل حجم الصف الواحد الكامل (Scan-line) بالبايت. يعني لو الصورة عرضها بيكسل، يبقى الصف ده هياخد مساحة قد إيه في الميموري؟ هنضرب العرض في 3 (لان البيسل بياخد 3 بايتس). Stride (S) = 3 * W دلوقتي، لو عايزين نحسب مكان بيكسل معين في الميموري (Offset أو رمزه ) عند الإحداثيات ، هنستخدم المعادلة دي: Memory Offset (A) of pixel (x, y) = 3x + S * y زي المره الي فاتت عشان تنزل للصف رقم ، لازم تتخطى كل الصفوف اللي فوقيك. بما إن الصف الواحد حجمه بايت، يبقى هتتخطى مسافة . بعد ما وصلت للصف بتاعك، إنت عايز تمشي بيكسل ناحية اليمين. وبما إن كل بيكسل بياخد 3 بايت، يبقى هتمشي مسافة . تجمع الاتنين على بعض، يديك رقم البايت بالظبط اللي بيبدأ عنده البيكسل ده. لو مش فاهم احفظ القانونين وخلاص الموضوع مش مستاهل مش كل الأنظمة بتشتغل بـ 24-bit RGB (ساعات بيتقال عليه RGB888) بس. في فورماتس تانية ظهرت لأسباب تقنية أو معمارية في الهاردوير. ا BGR Order (BGR888): بعض صيغ الصور زي الويندوز بيت ماب (BMP) بتخزن الألوان بالعكس (أزرق، أخضر، أحمر). ده حصل عشان معالجات الـ PC زمان كانت بتستخدم معمارية الـ Little-endian. الأنظمة الحديثة بتستخدم فورماتس تانية زي: ا RGB565 (16-bit): بيوفر ميموري، بيدي للأحمر 5 بت، والأخضر 6، والأزرق 5. ا RGBA8888 (32-bit): ده بيضيف قناة رابعة اسمها Alpha channel (المسؤولة عن الشفافية)، وكل قناة بتاخد 8 بت (4 بايت للبيكسل). بصمجيات RGB565 = جودة أقل + ميموري أقل. RGB888 = لون كامل. BGR888 = RGB بالعكس. RGBA8888 = RGB + شفافية. بصمجيات مسائل المساحه : كده خلصنا المحاضره اتكلمنا في المحاضره دي عن Color Representation في الـ Computer Graphics. بدأنا بمفهوم اللون نفسه وإنه مش خاصية فيزيائية، ده ظاهرة إدراكية ناتجة عن تفاعل الضوء، الجسم، ونظرك. بعد كده عرفنا Color Models: ا RGB (Additive): خلط ضوء — بيستخدم في الشاشات والبروجيكتور. مفيش ضوء = Black, كل الألوان كاملة = White. ا CMY/CMYK (Subtractive): خلط حبر — بيستخدم في الطباعة. بيمتص wavelengths ويسيب غيرها ينعكس. وفي الآخر عرفنا Frame Buffer Formats: ا Grayscale: pixel واحد بايت (256 درجة رمادي) ا Pseudo-color: pixel بيخزن index يشاور على لون في CLUT (أقصى 256 لون) ا True-color (RGB888): pixel بيخزن RGB مباشرة — 3 بايت — 16.7 مليون لون ا RGB565 / RGBA8888: فورماتس بديلة للتوفير أو إضافةAlpha channel ]]>computer-graphics/lectures/chapter-5-color-representation-in-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 5 - Color Representation in Computer Graphics.mdMon, 01 Jun 2026 05:16:11 GMT<figure><img src="https://pic2.zhimg.com/v2-7d7bdb13bae0106215d511a9e2199e05_1440w.png"></figure> لو إنت معاك طول المتجه نفسه (اللي هو ) والزاوية بتاعته ()، تقدر تجيب مركباته بقوانين حساب المثلثات (الجا والجتا): عشان تجيب الـ : بتضرب الطول في جتا الزاوية. عشان تجيب الـ : بتضرب الطول في جا الزاوية. definition Vector magnitude is the length of a vector, or how much of the quantity it represents. الـ Magnitude هو طول الـ vector. مثال: vector بيعبر عن السرعه ممكن المقدار بتاعه يبقى 60 km/h. الـ magnitude هو المسافة من الـ origin للنقطة اللي الـ vector بيحددها. القوانين كلها مبني على فكرة قانون فيثاغورث، وعشان تحسب طول أي متجه (وبنرمز لطوله بالرمز أو ) بتجمع مربعات المركبات بتاعته وتحطهم تحت الجذر: في الـ 2D (بُعدين): لو المتجه ليه حركتين بالعرض والارتفاع : في الـ 3D (تلات أبعاد): لو زاد عليه العمق : القانون العام لأي أبعاد (n-Dimensions): مجموع مربعات كل المركبات اللي عندك تحت الجذر: الـ Normalization لما تحب تثبت اتجاه السهم بس تخلي طوله بيساوي 1 بالظبط (هنعرف يعني ايه كمان شوية). الـ Distance computation عشان تعرف البُعد بين أي نقطتين في اللعبة أو البرنامج. الـLighting & Shading calculations عشان دقة النور بتعتمد على المسافة بين مصدر الضوء والمجسم. Note الـ Magnitude ممكن تتكتب بالشكل |v| أو ||v||. في المحاضرة هنستخدم |v|.
لو عندك متجه جواه البيانات دي جاهزة: و . عشان تجيب طوله، هتربعهم وتجمعهم تحت الجذر: ده معناه إن طول السهم ده في الفراغ بيساوي 5 وحدات.
لو عندك نقطة البداية A(1,2) ونقطة النهاية B(4,6) وعايز تحسب طول المتجه AB الواصل بينهم: الخطوة 1 (هات المركبات): اطرح إحداثيات النهاية ناقص البداية عشان تعرف السهم مشي قد إيه في الـ X والـ Y: فكده المتجه بتاعنا بقى عبارة عن (3, 4). الخطوة 2 (احسب الطول): طبق القانون العادي على المركبات الجديدة: ده معناه: ان المسافة الحقيقية بين النقطةA والنقطة B هي 5 وحدات. في الـ 2D كنا بنحتاج زاوية واحدة عشان نفك المتجه لـ و عن طريق الـ والـ . أما في الـ 3D، الموضوع بيكبر معانا ومبقاش ينفع زاوية واحدة لأن السهم بيبقى طاير في الفراغ! فبنقيس الزاوية اللي بيعملها المتجه مع كل محور من المحاور التلاتة (). بنسمي الزوايا دي () (الفا , بيتا , جاما ) وبنستخدم حاجة اسمها Directional Cosines (جيوب تمام الاتجاه): مركبة محور العرض (): مركبة محور الارتفاع (): مركبة محور العمق (): مجموع مربعات جيب تمام الزوايا دي لازم يساوي 1 بالظبط: العلاقة دي بتأكد إن اتجاه الـ vector متعرف صح في 3D space. لو عايز تفهم ليه فهيا ليها اثبات رياضي ممكن تبحث عنه. definition Unit Vector is a vector with magnitude equal to 1, and it represents direction only. الـ Unit Vector (متجه الوحدة): ده سهم طوله بيساوي 1 بالظبط، ووظيفته الوحيدة إنه يشاور على الاتجاه ومبيعبرش عن مسافة أو مقدار. بنرمز له بـ (v-hat). definition Normalization is the process of converting a vector into a unit vector. الـ Normalization (التوحيد): دي العملية اللي بنحول بيها أي متجه عادي لمتجه وحدة (Unit Vector) ,بنعملها إزاي؟ بنقسم المتجه على طوله الحقيقي: بنحتاج الحركة دي في إيه في الجرافيكس؟ الإضاءة (Directional Lighting): لما نحسب اتجاه شعاع النور، إحنا مش محتاجين نعرف طول شعاع النور قد إيه، إحنا محتاجين اتجاهه بس عشان نحسب الظل. اتجاه الكاميرا (Camera Orientation): عشان نحدد الكاميرا بتبص في أنهي اتجاه بالظبط في اللعبة. الـ (Scaling): لما تحب تحرك أو تكبر مجسم في اتجاه معين من غير ما تبوظ أبعاده. مثال لزياده الفهم (اختياري) تخيل إنك واقف في مكانك وعايز تشاور لواحد صاحبك على مستشفى بعيده عنكم بـ 10 كيلومتر في اتجاه معين. المتجه الحقيقي اللي بيوصل للمستشفى طوله كبير جدا (10 كم مثلا). هل وأنت بتشاور لصاحبك محتاج تمد إيدك لمسافة 10 كيلومتر عشان يفهم؟ أكيد لأ إنت كل اللي بتعمله إنك بتفرد دراعك بطول 1 متر بالظبط (اكيد دراعك مش 1 متر بس بقرب المثال شوية) وتشاور في اتجاه المستشفى. صاحبك هيبص على اتجاه دراعك (اللي افترضنا طوله 1 متر) ويفهم الاتجاه. الـ Normalization هو بالظبط اللي دراعك عمله؛ أخدنا المتجه الكبير اللي رايح للمستشفى وقسمناه على مسافته (10 كم)، فصغرناه وخليناه سهم صغير طوله 1 متر بس بيشاور في نفس الاتجاه بالظبط، عشان الكمبيوتر يعرف المكان من غير ما يتلخبط برقم الـ 10 كم او يحسب حسابات زياده ومش ضرورية. الـ Dot Product بنستخدمه علشان نعرف الزاوية بين متجهين. الكمبيوتر في الأصل أعمى، مبيشوفش الأسهم مايلة إزاي، لكن بيحسب الزاوية (عن طريق الـ Cosine بتاعها). لو بتعمل لعبه وعندك مشكله، عندنا الحارس واللاعب, وعايزين نعرف هل اللاعب ده في نطاق رؤية الحارس ولا الحارس مش شايفه, هنعرف منين الزاوية الي الحارس بيبص ليها ؟
عشان نحل المشكله دي هنستخدم الـ dot product. القانون ده بنستخدمه عشان نطلع رقم عشري بيعرفنا لو السهمين في نفس الاتجاه ولا عموديين على بعض ولا عكس بعض. هنا إنت أخدت الناتج بتاع الخطوة الأولى عشان نجيب الزاوية نفسها (). ا |v|: ده الـ magnitude بتاع vector v. ا |w|: ده الـmagnitude بتاع vector w. ا θ: الزاوية بين v و w. الزاوية بتتقاس غالبا بين 0° و 180°. الدكتور مشرحش امثله علي النقطه دي فهكتفي بالي في الكتاب نماذج التظليل (Shading Models): بنستخدم الـ Dot Product علشان نعرف الضوء واقع على السطح بزاوية ايه، وبالتالي نحدد السطح منور ولا غامق. اختبارات الرؤية (Visibility tests): كارت الشاشة بيعرف هل الـ object ده في مجال للكاميرا ولا لا؟ لو لا الكارت مبيرسموش أصلا عشان يوفر في الرامات ويزود الـ FPS الـSurface Orientation and Normal Evaluation: بنحدد اتجاه السطح والـ Normal Vector بتاعه، وده مهم في الإضاءة والانعكاسات والظلال. كده خلصنا المحاضره اتكلمنا في المحاضره دي عن الأساس الرياضي للـ Computer Graphics وعرفنا الفرق بين Scalar (رقم بس من غير اتجاه)، Point (مكان ثابت في الفراغ)، و Vector (ليه Magnitude و Direction). وعرفنا إزاي نحسب Vector Components في 2D و 3D باستخدام الـ directional cosines، وإن الـ Magnitude بنحسبها بالقانون |v| = sqrt(x² + y² + z²). واتكلمنا عن Unit Vectors - اللي طولها 1 وبتستخدم عشان تعبر عن الاتجاه بس، وإن الـ Normalization هي عملية تحويل أي Vector لـ Unit Vector عن طريق قسمته على Magnitude بتاعه. وفي الآخر عرفنا الـ Dot Product وازاي بنستخدمه عشان نحسب الزاوية بين Vectors، وده بيستخدم في مجالات زي الإضاءة Shading Models واختبارات الرؤية Visibility Tests. ]]>computer-graphics/lectures/chapter-2-mathematical-foundations-of-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 2 - Mathematical Foundations of Computer Graphics.mdMon, 01 Jun 2026 05:06:41 GMT<figure><img src="https://d138zd1ktt9iqe.cloudfront.net/media/seo_landing_files/components-of-a-vector-in-the-coordinate-axes-1626994132.png"></figure> في الـ 3D graphics: الـ vertices بتحدد زوايا المجسمات (polyhedra corners):
definition An edge is a line segment connecting two vertices. الـ Edge (أو الضلع) هو الخط اللي بيوصل بين اتنين vertices.
في الـ 2D polygon: الـ edges بتمثل الحدود (boundary) بتاعة الشكل.
في الـ 3D polyhedron: الـ edge هو خط التقاطع بين وجهين (intersection of two faces). definition A face is one of the flat surfaces of a solid object. الـ Face (أو الوجه) هو السطح المسطح بتاع المجسم. كل face بيبقى متحوط بـ edges و vertices. في الـ Computer Graphics، كلمة face مرتبطة أكتر بالـ 3D objects. عدد الـ faces بيساعدنا نصنف المجسمات. مثال: الـ tetrahedron (الهرم الرباعي) ليه 4 أوجه مثلثة.
كلمة Side شائعة في الـ 2D geometry ( side للمثلث أو للمستطيل). لكن في الـ 3D graphics، استخدام كلمة "side" مش دقيق وممكن يعمل لغبطة ambiguous. ممكن حد يقصد بيها edge، وممكن حد تاني يقصد بيها face. عشان الدقة، في الـ 3D بنستخدم Edge أو Face بدل side.

definition Graphics Primitives (or output primitives) are the fundamental geometric elements in computer graphics. الـ Graphics Primitives هي حجر الاساس اللي بنستخدمه عشان نركب صور وأشكال معقدة. أهم الـ primitives دي: Points, Lines, Circles, Ellipses, Polygons, Curves, Text. definition A point is the most basic geometric primitive. It represents a specific location in 2D or 3D space. الـ Point هي أبسط وحدة. ملهاش لا حجم، ولا طول، ولا مساحة. مجرد مكان location في الـ space، وهي الأساس لباقي الأشكال. طبعا عارفين من قبل كده انها بتتمثل بالطريقة دي: 2D:(x,y) 3D:(x,y,z) definition A line in computer graphics is drawn as a finite line segment between two endpoints. الكمبيوتر مش بيعرف يرسم خط ملوش نهاية infinite، عشان كده دايما بيرسم قطعة مستقيمة line segment بين نقطتين ليها بداية ونهاية. Slope-intercept form: هنا الـ هو "الميل" (Slope)، والـ هي النقطة اللي الخط بيقطع فيها محور الصادات (-intercept). Parametric form: ا P0: نقطة البداية (في الـ 2D بتبقى (x0, y0) وفي الـ 3D بتبقى (x0, y0,z0)) ا P1: نقطة النهاية (في الـ 2D بتبقى (x1, y1)وفي الـ 3D بتبقى (x1, y1,z1)) ا P1 - P0: الـ direction vector (متجه الاتجاه) ا t: المتغير scalar parameter اللي بيحدد مكان النقطة على الخط. تفسير قيم t اt = 0: إنت واقف عند P0 ا 0 < t < ا 1: إنت في حتة بين P0 و P1 ا t = 1: إنت وصلت لـ P1 ا t < 0: إنت قبل الـ P0 ا t > 1: إنت عديت الـ P1 ا t(P1 - P0): الحتة دي بتعمل (Scaling) للمتجه. يعني بتطوله أو تقصره حسب قيمة . لو مثلاً ، يبقى إحنا كده جبنا نص المسافة بالظبط. ا P0 + t(P1 - P0): دي الخلاصة، بنجيب المتجه بعد ما حددنا طوله بالـ ونجمعه على نقطة البداية، فيدينا النقطة الجديدة اللي هنرسمها على الخط. ا DDA (Digital Differential Analyzer): Incrementally computes pixel position along the line. طريقة بتحسب أماكن البيكسلز على طول الخط خطوة بخطوة ورا بعض. ا خوارزمية (Bresenham's Line Algorithm): An efficient integer-based method for rasterizing lines. دي طريقة أذكى وأسرع بكتير، لأنها بتستخدم الأرقام الصحيحة بس (Integer-based) عشان ترسم الخطوط من غير كسور معقدة. تحديد حواف الأشكال (Outlining shapes). توصيل النقط ببعض في الرسومات البيانية أو المخططات (Connecting nodes). محاكاة المسارات في برامج الفيزيا (زي مثلاً مسار كورة بتترمي). definition A circle is the set of points at a fixed distance r (radius) from a center (xc, yc). الدايرة هي مجموعة نقط بتبعد مسافة ثابتة (نصف القطر r) عن المركز. Implicit equation: هنا الـ هو المركز بتاع الدائرة، والـ هو نصف القطر (Radius). Parametric form: ودي بتجيبلك نقطة نقطة على محيط الدائرة باستخدام الزوايا: , هنا الـ (ثيتا) هي الزاوية، وكل ما بتغير الزاوية (من 0 لـ 360 درجة)، المعادلتين دول بيحسبولك مكان النقطة الجديدة على حدود الدائرة. ا Circle equation method: Directly uses the implicit equation (inefficient due to floating-point calculation) الطريقة دي بتستخدم المعادلة الرياضية بشكل مباشر، بس يعيبها إنها مش عملية وبطيئة (inefficient) عشان بتعتمد على حسابات الأرقام العشرية والكسور (floating-point calculations). ا Midpoint Circle Algorithm: Efficient inter-based method exploiting symmetry. دي طريقة Efficient لأنها بتعتمد على الأرقام الصحيحة بس (integer-based method)، وبتستغل التماثل (symmetry) بتاع الدائرة عشان ترسمها أسرع. ا Bresenham's Circle Algorithm: Optimized version of the midpoint algorithm دي تعتبر نسخة متطورة ومتحسنة من خوارزمية Midpoint اللي لسه قايلين عليها. الأيقونات، الزراير، وأي circular UI elements. العجل، المدارات orbits، والحركة الدائرية في الـ animation. الكلام الي جاي لحد الـ text ملغي حسب كلام زمايلنا بس هشرحه احتياطيdefinition An ellipse is a stretched/compressed circle, defined as the locus of points whose sum of distances from two foci is constant. عبارة عن دائرة بس ممطوطة (stretched) أو مضغوطة (compressed). بالتعريف الرياضي: هو مجموعة من النقط، لو جمعت المسافة بين أي نقطة فيهم وبين نقطتين ثابتين (بنسميهم بؤرتين أو focal points) هيطلعلك دايماً رقم ثابت. Implicit equation: هنا الـ هو مركز الشكل. والـ والـ هما أنصاف الأقطار للمحاور (واحد اسمه المحور الأكبر semi-major والتاني المحور الأصغر semi-minor). Parametric form: بتترسم بطرق شبه رسم الدايرة بالظبط، بالاعتماد على التماثل symmetry والـ incremental methods. العدسات lenses والمدارات البيضاوية. اللوجوهات والتصميمات اللي فيها حواف مدورة. definition A polygon is a closed, non-self-intersecting shape formed by connecting line segments (edges) through vertices. المضلع هو شكل مقفول متكون من خطوط متوصلة ببعضها عن طريق vertices ومفيش خطوط بتقطع بعضها. Convex polygon (مضلع محدب): كل الزوايا الداخلية أقل من 180 درجة. الـ Algorithms بتبقى أسرع وأسهل بكتير مع النوع ده. Concave polygon (مضلع مقعر): فيه على الأقل زاوية داخلية واحدة أكبر من 180 درجة.
في الكمبيوتر الجرافيكس، الخوارزميات بتحب يتعاملوا مع المضلعات المحدبة (Convex) أكتر لأنها أسهل وأسرع في الحسابات من المضلعات المقعرة. بيتمثل بلستة مترتبة عباره عن نقط Ordered list of vertices: [(x1, y1), (x2, y2), ...] ممكن يترسم فاضي من جوه outlined أو متلون filled. ا (Scanline Fill Algorithm): Used to fill polygons with color. دي طريقة بتستخدم عشان نملى المضلعات بالألوان سطر بسطر. ا (Boundary Fill Algorithm): Starts at a seed point and fills until it reaches the boundary. it is mainly used for simple , closed shapes. دي بتبدأ من نقطة معينة جوه الشكل (اسمها seed point) وتفضل تلون لحد ما تخبط في حدود الشكل من بره. الطريقة دي بنستخدمها مع الأشكال البسيطة المقفولة. الخرايط Maps والمناطق 2D. الأسطح Surfaces في الـ 3D modeling. أشكال التضاريس والمباني. definition A curve is a smooth continuous geometric object that may not be straight. المنحنى هو شكل هندسي ناعم ومستمر بس مش خط مستقيم. Bezier curves: المنحنى بيبدأ من أول نقطة تحكم، وبينتهي عند اخر نقطة تحكم، لكن مش شرط إنه يعدي على النقط اللي في النص. النقط اللي في النص دي وظيفتها إنها تشد او تخلي المنحنى ييجي ناحيتها عشان تديله شكله، يعني أماكن النقط دي هي اللي بتأثر على شكل المنحنى النهائي. درجة المنحنى (Bezier degree) بتتحدد بعدد النقط: نقطتين (linear Bezier): هيطلع منحنى خطي (يعني خط مستقيم). 3 نقط (quadratic Bezier): هيطلعلك منحنى تربيعي. 4 نقط (cubic Bezier): هيطلعلك منحنى تكعيبي، وده أكتر نوع مستخدم. Splines: منحنيات متقطعة بس متوصلة بنعومة Piecewise curves. بتتمثل عن طريق حاجة اسمها knot vectors و basis functions. منحنيات بيزيير (Bezier Curve): المعادلة بتاعتها شكلها يخض بس فكرتها بسيطة: الـ دي هي نقط التحكم اللي اتكلمنا عليها من شوية، والـ دي حاجة في الرياضة اسمها متعددات حدود بيرنشتاين (Bernstein polynomials)، ودي الدالة اللي بتحسب قوة تأثير كل نقطة تحكم على المنحنى عشان تطلعه ناعم. منحنيات الـ Splines: الكمبيوتر بيعرفها عن طريق حاجة اسمها "متجهات العقد" (knot vectors) ودوال أساسية (basis functions). دي ببساطة الأدوات الرياضية اللي بتخلي حتت المنحنى تلزق في بعضها من غير ما يبان أي تكسير. المسارات الناعمة Smooth paths. الأشكال العضوية Organic shapes في الرسم والأنيميشن. definition Text is a graphical primitive used to display alphanumeric characters and symbols on screen. النص هو primitive زيه زي أي شكل بنستخدمه عشان نعرض الحروف والرموز على الشاشة. أشكال الخطوط (Font styles): (زي serif, sans-serif, monospace). الرموز (Glyphs): شكل الحرف نفسه بيتخزن في الكمبيوتر بطريقتين: يا إما Outlines (فيكتور): يعني متخزن كمعادلات وحدود خارجية، وده مهما كبرته مش بيبكسل. أو Bitmaps: متخزن كصورة مكونة من بيكسلات (مربعات صغيرة). إزاي بنرسمه على الشاشة ؟ (Rendering) عملية الـ Rasterization: خدنا العملية دي قبل كده ولو مش فاكر فدي العملية اللي بنحول فيها شكل الحرف (اللي متخزن كمعادلات) لبيكسلات حقيقية عشان الشاشة تقدر تعرضه. تنعيم الحواف (Anti-aliasing): لما بنحول الحرف لبيكسلات ( حواف الحرف بتبقى jagged. التقنية دي بتعمل تنعيم للحواف دي عشان الحرف يبان ناعم وسلس. الـ Labels والـ captions. النصوص الديناميكية في الألعاب والبرامج. كده خلصنا المحاضره اتكلمنا في المحاضره دي عن Graphics Primitives (الأشكال الأساسية في الـ Computer Graphics) وعرفنا المفاهيم الهندسية الأساسية: Vertex (النقطة اللي بتتقابل فيها الخطوط)، Edge (الخط اللي بيوصل بين Vertices)، Face (السطح المسطح للمجسم)، و Side (مصطلح 2D مش دقيق في 3D). وبعد كده استعرضنا كل Primitive: Point - أبسط وحدة، مجرد مكان في الفراغ Line - قطعة مستقيمة بين نقطتين، وليها طرق تمثيل (Slope-Intercept و Parametric) Circle - مجموعة نقط على مسافة ثابتة r من المركز Ellipse - دائرة ممطوطة Polygon - شكل مقفول من خطوط (Convex و Concave) Curve - منحنيات ناعمة (Bezier و Splines) Text - حروف ورموز (Fonts و Glyphs) وعرفنا خوارزميات الرسم لكل شكل زي DDA و Bresenham للخطوط، و Midpoint و Bresenham للدواير، و Scanline و Boundary Fill للمضلعات. ]]>computer-graphics/lectures/chapter-3-graphics-primitives.html2 - Areas/College/Computer Graphics/lectures/Chapter 3 - Graphics Primitives.mdSun, 31 May 2026 22:09:13 GMT<figure><img src="https://www.mathsisfun.com/geometry/images/pentagon-vertices.svg"></figure> الـ Subtractive Color Models بتستخدم في الطباعة. بتدمج pigments أو inks عشان تمتص اطوال موجية معينة من الضوء. ,ئأشهر model هنا هو CMYK: Cyan Magenta Yellow Black / Key Why Does CMYK Use K? الـ K معناها Key , المشكله اننا لو ضفنا الـ Cyan , Magenta , Yellow هيديلنا بني غامق فـ بنستخدم الـ key عشان نعرف ننتج اللون الاسود
definition Color Depth is the number of bits used to represent the color of a single pixel. كل بيكسل على الشاشة محتاج مساحة في الميموري (بالـ Bit) عشان يخزن بيانات لونه. كل ما تزود مساحة الـ Bits للبيكسل الواحد، كل ما تقدر تطلع تدرجات ألوان أكتر بكتير. يعني 24-bit color بيمثل تقريبا: 2^24 = 16,777,216 colors // More bits per pixel = more possible colors Bit Depth Bits Per Pixel (bpp) Bits Per Channel (bpc)
definition Color Palette is a predefined table containing a limited set of colors available for an image or display. بدل ما نخزن اللون كامل لكل pixel، ممكن نخزن index بس. الـ index ده بيشاور على لون موجود في palette. الطريقة دي بتقلل memory usage و file size. كانت مهمة جدا في أنظمة الكمبيوتر القديمة, بس لسه بتستخدم ساعات لما memory efficiency تبقى مهمة. definition Indexed Color is a color representation method that uses a color palette. في Indexed Color: كل pixel بيخزن index value. الـ index بيشاور على لون داخل الـ palette. قيم الألوان الحقيقية بتتخزن مرة واحدة في الـ palette. بيستخدم غالبا مع color depth محدود زي: 1-bit 4-bit
8-bit التلاتة بيستخدموا RGB Color Model، بس بيختلفوا في عدد color combinations ووجود alpha channel. ا Higher color depth محتاج memory أكتر و processing power أكتر. بس أغلب modern graphics hardware بتدعمه. definition Alpha Channel is an additional component added to RGB to represent transparency. الـ Alpha Channel بيتحكم في درجة شفافية أو عتامة كل pixel. القيم الأقل معناها transparency (شفافيه) أعلى. القيم الأعلى معناها opacity (وضوح) أعلى. الـ 32-bit color بيستخدم alpha channel مع RGB عشان يدعم: ا Transparency ا Shadows ا Smooth blending
ا Advanced effects ألوان واقعية أكتر. الـ gradients أنعم. دعم أحسن للـ shadows والـ transparency والـ complex visual effects. ممكن يقلل eye strain أثناء مشاهدة الصور والفيديوهات. استهلاك أكبر للـ memory. محتاج processing power أكتر. ممكن يقلل FPS في الألعاب حسب graphics card ومتطلبات اللعبة. definition True Color is any color setting using at least 24 bits per pixel, capable of representing about 16.7 million colors. الـ True Color بيقدر يمثل الصور والـ complex graphics بدقة عالية في RGB Color Space. غالبا بيتقسم لـ 256 shade لكل channel: Red Green Blue بيدي display ناعم ودقيق للألوان. عدد الألوان فيه أكبر من اللي العين البشرية تقدر تميزه بدقة في حالات كتير. كده خلصنا الجزء الرابع اتكلمنا في المحاضره دي عن Color Models وعرفنا إن فيه نوعين: Additive (زي RGB و HSV و HSL - بيستخدم في الشاشات بإضافة الضوء) و Subtractive (زي CMYK - بيستخدم في الطباعة بامتصاص الضوء). وعرفنا الـ Color Depth - عدد البتات المستخدمة لكل Pixel، وكل ما زادت كل ما الألوان كانت أكتر ودقة أعلى (زي 24-bit True Color بـ 16.7 مليون لون). واتكلمنا عن Indexed Color و Color Palette - إن كل Pixel بيخزن Index بدل اللون الكامل عشان توفير memory، وده كان مهم في الأنظمة القديمة. وفي الآخر عرفنا الـ Alpha Channel - القناة الإضافية للشفافية في 32-bit color، و True Color (24-bit) وقارنا بين 16-bit و 24-bit و 32-bit. ]]>computer-graphics/lectures/chapter-1-[part-4]-foundations-of-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 1 - [Part 4] Foundations of Computer Graphics.mdSun, 31 May 2026 21:54:36 GMT<figure><img src="https://cdn.prod.website-files.com/61f9082050036c6c4b4899f8/69a0485fb777604233e1f35c_a-1693558643138-2x.jpeg"></figure>implementation Code (عشان تجرب) import math import pygame import sys def draw_circle(screen, center_x, center_y, radius): for x in range(center_x - radius, center_x + radius + 1): dx = x - center_x square_term = radius**2 - dx**2 if square_term < 0: continue dy = math.sqrt(square_term) y1 = round(center_y - dy) y2 = round(center_y + dy) screen.set_at((x, y1), (255, 255, 255)) screen.set_at((x, y2), (255, 255, 255)) pygame.init() screen = pygame.display.set_mode((500, 500)) pygame.display.set_caption("Circle Demo") clock = pygame.time.Clock() running = True while running: for event in pygame.event.get(): if event.type == pygame.QUIT: running = False screen.fill((0, 0, 0)) draw_circle(screen, 250, 250, 150) pygame.display.flip() clock.tick(60) pygame.quit() sys.exit()
لما تعمل Run للكود ده وتشوف النتيجة (زي الصورة)، هتلاحظ حاجة غريبة : من فوق ومن تحت (Top and bottom edges): الدائرة طالعة ناعمة ومظبوطة (Smooth). من اليمين ومن الشمال (Left and right sides): الدائرة فيها فراغات واضحة جداً تحسها متقطعة (Noticeable gaps). ليه ده بيحصل؟ الفكره في الـ Discrete nature of the pixel grid (طبيعة الشاشة المتقطعة). لما بنقرب من أقصى اليمين أو أقصى الشمال، ميل الدائرة (Slope) بيبقى رأسي جدا. ده معناه إن مع كل خطوة صغيرة بنمشيها على الـ X، قيمة الـ Y بتتغير برقم كبير جدا. ولأننا بنمشي بمقدار 1 بيكسل بس على الـ Xوبنعمل Rounding، الالجورزم بتفوت بيكسلات كتير بالطول ومبترسمهاش، فبيطلع الشكل متقطع ومفيش نقط كفاية تغطي المنطقة دي. عشان كده، الحل ده مش عملي وبنلجأ لحلول تانية زي الـ Midpoint Circle Algorithm اللي هتحل المشكلة دي تماماً. لو جاهز ندخل عليها، دوس! definition Eight-way symmetry means a circle can be divided into eight identical octants, and one computed point can generate seven other symmetric points. عشان نخلي الخوارزمية بتاعتنا Efficient (سريعة وفعالة)، أول حاجة لازم نلاحظها إن الدائرة اللي مركزها نقطة الأصل (0, 0) ليها تماثل ثماني الأبعاد. الـ Optimization ده بيوفر علينا عمليات حسابية متكررة ملهاش لازمة (Redundant calculations). امتى نقول على شكل إنه متماثل؟ لو قدرنا نعمله تحويلات (زي الدوران أو الانعكاس) وفضل شكله زي ما هو متغيرش. الدايرة بقى بالذات ليها Infinite rotational symmetry (تماثل دوراني لا نهائي)، يعني مهما لفيتها بأي زاوية، هتفضل شكلها دائرة. يعني إحنا نقدر نقسم الدائرة لـ 8 حتت متساوية (كانها بيتزا 🍕 ) بخطوط بتترسم كل 45 درجة (عند 0°، 45°، 90°، 135°، وهكذا). كل حتة من التمانية دول متطابقة تماما مع الباقيين. يعني لو حسبنا ورسمنا تمن واحد بس (1/8)، نقدر نعكسه ونلفه عشان نجيب الـ 7 أتمان الباقيين ببلاش من غير حسابات معقدة.
كل تمن من الـ 8 أتمان بنسميه Octant. لو إحنا حسبنا نقطة واحدة بس اسمها موجودة على محيط الدائرة في الـ Octant الأول، نقدر نستنتج الـ 7 نقط الباقيين بمجرد إننا نبدل الـ مكان الـ أو نغير الإشارات بتاعتهم (موجب وسالب).
افرض إن الالجورزم بتاعتنا (بعد ما عملت حساباتها المعقدة) طلعت نقطة واحدة بس في التمن الأول وهي (2, 7) ، يعني الـ X = 2 والـ Y = 7. بدل ما الالجورزم تحسب باقي الدائرة، هتاخد النقطة دي وتطبق عليها الجدول اللي فوق عشان ترسم 8 بيكسلات في نفس اللحظة: النقطة في Octant 1 هتبقى: النقطة في Octant 2 هتبقى: النقطة في Octant 3 هتبقى: النقطة في Octant 4 هتبقى: النقطة في Octant 5 هتبقى: النقطة في Octant 6 هتبقى: النقطة في Octant 7 هتبقى: النقطة في Octant 8 هتبقى: لو استخدمنا الجورزم وحسبنا اول نقطة في التمن الاول لدائرة مركزها (0,0)، والنقطة دي (4, 3). عايزين نجيب الـ 7 نقط المتماثلة معاها في باقي الدائرة من غير ما نحسب معادلة الدائرة من أول وجديد. أول حاجة بنعملها إننا بنجهز قواعد الانعكاس (Reflection rules) اللي الخوارزمية بتبرمجها. إحنا عارفين إن الدائرة متماثلة في الـ 8 أثمان.لو النقطة الأساسية هي x = 4 و y = 3: عشان نروح للتمن اللي جنبه، بنعكس الـ x مكان الـ y. عشان نروح للنص الشمال، بنخلي السينات بالسالب. عشان نروح للنص اللي تحت، بنخلي الصادات بالسالب. هنا بقى الخوارزمية بتمسك النقطة اليتيمة اللي حسبتها (4, 3)، وتطبق عليها الـ 8 قواعد في نفس اللفة عشان تنور 8 بيكسلات مرة واحدة:Final Pixels:(4,3), (3,4), (-3,4), (-4,3), (-4,-3), (-3,-4), (3,-4), (4,-3)
Eight-way Symmetry Example Code import pygame import math # Constants WIDTH, HEIGHT = 800, 600 WHITE = (255, 255, 255) BLACK = (0, 0, 0) BLUE = (0, 0, 255) # For octant labels # Center and radius of the circle CENTER_X, CENTER_Y = WIDTH // 2, HEIGHT // 2 RADIUS = 250 # Initialize Pygame pygame.init() screen = pygame.display.set_mode((WIDTH, HEIGHT)) pygame.display.set_caption("Eight-way Symmetry Example") screen.fill(WHITE) # Font for labeling font = pygame.font.SysFont("Arial", 20) # 1. Draw the circle using parametric form: # x = r * cos(theta), y = r * sin(theta) for theta in range(0, 360): rad = math.radians(theta) x = CENTER_X + round(RADIUS * math.cos(rad)) y = CENTER_Y - round(RADIUS * math.sin(rad)) pygame.draw.circle(screen, BLACK, (x, y), 1) # 2. Draw octant lines (every 45 degrees) for i in range(8): angle_deg = i * 45 rad = math.radians(angle_deg) end_x = CENTER_X + RADIUS * math.cos(rad) end_y = CENTER_Y - RADIUS * math.sin(rad) pygame.draw.line( screen, BLACK, (CENTER_X, CENTER_Y), (end_x, end_y), 1 ) # 3. Octant labels labels = [ "Oct1: (x, y)", "Oct2: (y, x)", "Oct3: (-y, x)", "Oct4: (-x, y)", "Oct5: (-x, -y)", "Oct6: (-y, -x)", "Oct7: (y, -x)", "Oct8: (x, -y)" ] for i in range(8): angle_deg = i * 45 + 22.5 rad = math.radians(angle_deg) # Place text inside the circle label_x = CENTER_X + (RADIUS * 0.7) * math.cos(rad) label_y = CENTER_Y - (RADIUS * 0.7) * math.sin(rad) text = font.render(labels[i], True, BLUE) text_rect = text.get_rect(center=(label_x, label_y)) screen.blit(text, text_rect) # Update the display pygame.display.flip() # Main loop to keep window open running = True while running: for event in pygame.event.get(): if ( event.type == pygame.QUIT or ( event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE ) ): running = False pygame.quit() definition Midpoint Circle Algorithm is an efficient circle drawing algorithm that uses decision parameters to choose the next pixel. الالجورزم دي بتعتبر من أكفأ الطرق عشان نرسم بيها دوائر من غير الفراغات اللي شفناها قبل كده. فكرتها إنها بتيجي بين بيكسلين محتملين (واحد أفقي وواحد قطري (بالورب))، وتحسب نقطة الـ Midpoint (نقطة المنتصف) بينهم، وتشوف خط الدائرة الحقيقي أقرب لأنهي بيكسل فيهم عشان تنوره. ا Symmetry of Circles: بنستغل الـ 8-way symmetry الي اتكلمنا عنها قبل كده عشان نحسب تمن واحد بس (1/8) ونعكسه 7 مرات. ا Decision Parameter: بنستخدم معامل قرار عشان نحدد البيكسل الصح اللي عليه الدور. ا Integer Arithmetic: الميزة هنا إننا بنتجنب الـ Floating-point (الكسور) والـ Roots (الجذور) خالص، وكل حساباتنا بتبقى أرقام صحيحة، فبتبقى Computationally efficient (سريعة جداً للبروسيسور). بنبدأ بنقطة المركز (X0, Y0) ونصف القطر r. ا Initialize variables: بندي قيم ابتدائية للمتغيرات بتاعتنا للتمن الأول: x = 0 y = r بنحسب الـDecision Parameter: decision parameter = 1 - r بنعمل Plot لأول نقطة وبنستخدم الـ Symmetry عشان نرسم الـ 8 نقط المتماثلين. في كل خطوة، بنحدث الـ Decision parameter وبناءً عليه بنقرر: هل نزود الـ بس؟ ولا نزود الـ وننقص الـ ؟ عايزين نرسم دائرة مركزها (0,0) ونصف قطرها r = 5 باستخدام معادلة الدائرة الأساسية (Direct Equation). عشان نقدر نعمل جدول trace صغير، خلينا ناخد مثال مصغر من النقط اللي في الكود: مركز الدائرة: (0, 0) نصف القطر (): 5 تجهيز الخوارزمية: بنبدأ من أول نقطة خالص فوق خالص وهي نقطة البداية: x = 0 و y = r = 5. بنحسب قيمة الـ decision_param من القانون: الـ Loop بتاعنا هيفضل شغال طول ما قيمة x < y. متتخضش هنا بقى الالجورزم بتشوف قيمة الـ Pkفي كل لفة عشان تاخد القرار.
Midpoint Circle Algorithm Code import pygame import math # Function for midpoint circle algorithm to calculate circle points def midpoint_circle(center_x, center_y, radius): x = 0 y = radius decision_param = 1 - radius points = [] # Function to add 8 points for each symmetrical point in octants def add_symmetric_points(cx, cy, x, y): points.extend([ (cx + x, cy + y), (cx - x, cy + y), (cx + x, cy - y), (cx - x, cy - y), (cx + y, cy + x), (cx - y, cy + x), (cx + y, cy - x), (cx - y, cy - x) ]) # Add the initial points add_symmetric_points(center_x, center_y, x, y) # Begin algorithm loop to create circle points incrementally while x < y: x += 1 if decision_param < 0: decision_param += 2 * x + 1 else: y -= 1 decision_param += 2 * (x - y) + 1 # Add next set of symmetrical points add_symmetric_points(center_x, center_y, x, y) return points # ========================================== # Main Execution Block # ========================================== if __name__ == "__main__": # Initialize Pygame pygame.init() # Colors WHITE = (255, 255, 255) BLACK = (0, 0, 0) # Logical screen settings WIDTH, HEIGHT = 800, 600 PIXEL_SIZE = 1 # Circle parameters radius = 250 center = (WIDTH // 2, HEIGHT // 2) # Set up display screen = pygame.display.set_mode( (WIDTH * PIXEL_SIZE, HEIGHT * PIXEL_SIZE) ) pygame.display.set_caption( "Circle Drawing Using Midpoint Algorithm" ) # Fill background with white color screen.fill(WHITE) # Calculate all circle points using the algorithm points = midpoint_circle(*center, radius) # Draw each generated point for x, y in points: pygame.draw.rect( screen, BLACK, ( x * PIXEL_SIZE, y * PIXEL_SIZE, PIXEL_SIZE, PIXEL_SIZE ) ) # Update display pygame.display.flip() # Main loop running = True while running: for event in pygame.event.get(): if ( event.type == pygame.QUIT or ( event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE ) ): running = False # Quit Pygame pygame.quit() definition Bresenham's Circle Algorithm Similar to the Midpoint algorithm but uses integer arithmetic exclusively, making it faster and more efficient for hardware implementation. اBresenham عمل خوارزمية للدوائر زي ما عمل للخطوط بالظبط. شبه الـ Midpoint بس متظبطة أكتر بحيث إن كل عملياتها تكون جمع وطرح وضرب في أرقام صحيحة بس، وده بيخليها سريعه جدا. بتستخدم الـ Symmetry برده عشان تقلل الحسابات. بتحسب حاجة اسمها Error term (نفس فكرة الـ Decision parameter) عشان تقرر إحنا هنمشي أفقي (Increment x) ولا قطري (بالورب) (Decrement y). ا Initialize: x = 0 y = r اDecision parameter بنرمزله بـ d وبنحسبه كده: d = 3 - 2r ا While loop: طول ما X <= Y (يعني لسه مخلصناش التمن الأول بتاع الدائرة): بنعمل Plot (رسم) للـ 8 نقط المتماثلين حوالين المركز (Cx, Cy). ا If d < 0: ده معناه إننا هنمشي أفقي (Move horizontally): x = x + 1 بنحدث معامل القرار: d = d + 4x + 6 ا Else: ده معناه إننا هنمشي قطري (Move diagonally): x = x + 1 y = y - 1 بنحدث معامل القرار: d = d + 4(x - y) + 10 عايزين نرسم دايرة مركزها (0,0) ونصف قطرها r = 5 باستخدام Bresenham's Circle Algorithm. أول حاجة بنجهز المتغيرات بتاعتنا قبل ما ندخل في الـ Loop: نقطة البداية: و . بنحسب قيمة الـ Decision Parameter من قانون Bresenham d = 3 - 2r: الكود بيرسم أول 8 نقط متماثلة بناءً على النقطة (0, 5). شرط الدوران (Condition): الـ Loop بيفضل شغال طول ما x≤y. جوه الـ Loop، الخوارزمية بتزود الـ x بمقدار 1 الأول، وبعدين تبص على إشارة الـ d عشان تقرر هتقلل الـ y ولا لأ، وتحسب الـ d الجديدة بناءً على النقط الجديدة. النقط اللي طلعت من الكود ده للربع الأول هي: (0,5), (1,5), (2,4), (3,3), (4,2).
Bresenham Circle Algorithm Code import pygame # Function for Bresenham's circle algorithm to calculate circle points def bresenham_circle(center_x, center_y, radius): x = 0 y = radius d = 3 - 2 * radius points = [] # Function to add 8 points for each symmetrical point in octants def add_symmetric_points(cx, cy, x, y): points.extend([ (cx + x, cy + y), (cx - x, cy + y), (cx + x, cy - y), (cx - x, cy - y), (cx + y, cy + x), (cx - y, cy + x), (cx + y, cy - x), (cx - y, cy - x) ]) # Add the initial symmetric points for (0, radius) add_symmetric_points(center_x, center_y, x, y) # Begin algorithm loop while x <= y: x += 1 if d < 0: d = d + 4 * x + 6 else: y -= 1 d = d + 4 * (x - y) + 10 # Add next set of symmetrical points add_symmetric_points(center_x, center_y, x, y) return points # ========================================== # Main Execution Block # ========================================== if __name__ == "__main__": # Colors WHITE = (255, 255, 255) BLACK = (0, 0, 0) # Logical screen settings WIDTH, HEIGHT = 80, 60 PIXEL_SIZE = 10 # Circle parameters radius = 25 center = (WIDTH // 2, HEIGHT // 2) # Initialize Pygame pygame.init() screen = pygame.display.set_mode( (WIDTH * PIXEL_SIZE, HEIGHT * PIXEL_SIZE) ) pygame.display.set_caption( "Bresenham's Circle Algorithm" ) # Fill background screen.fill(WHITE) # Draw the circle points points = bresenham_circle(*center, radius) # Render the calculated points on screen for x, y in points: pygame.draw.rect( screen, BLACK, ( x * PIXEL_SIZE, y * PIXEL_SIZE, PIXEL_SIZE, PIXEL_SIZE ) ) # Update display pygame.display.flip() # Main loop running = True while running: for event in pygame.event.get(): if ( event.type == pygame.QUIT or ( event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE ) ): running = False pygame.quit() definition Parametric Circle Drawing Algorithm uses trigonometric functions ( and ) to calculate the coordinates of the circle. While simple, it is computationally expensive due to the use of floating-point operations. دي طريقة مختلفه بتعتمد على الدوال المثلثية اللي أخدناها في الرياضة. سهلة في الفهم، بس مكلفة حسابيا عشان بتستخدم floating-point operations. بنستخدم الـ Parametric equation بتاعت الدائرة، اللي بتجيب الإحداثيات عن طريق زاوية اسمها x = x0 + r cos(θ) y = y0 + r sin(θ) بنعمل Loop ونزود الزاوية من لحد (يعني لفة كاملة 360 درجة) عشان نولد كل النقط بتاعت الدائرة. خزن center (x0, y0) و radius r. خلي θ تتحرك من 0 لـ 2π. لكل قيمة θ، احسب x و y. ارسم النقطة الناتجة. استخدام sin, cos, و floating-point operations بيخليها أبطأ من integer-based algorithms. عايزين نرسم دايرة مركزها (0,0) ونصف قطرها r = 5 باستخدام معادلة الدائرة الأساسية (Direct Equation). المعادلة البارامترية (Parametric equation) للدائرة بتعتمد على زاوية الدوران (ثيتا). القوانين اللي هنعوض فيها هي: بما إن المركز (0,0)، القوانين هتبقى:الـ Loop بتاعنا بيلف على الزوايا من لحد .عشان منطولش الجدول بـ 360 خطوة، خلينا نمسك شوية زوايا مميزة في الربع الأول (من 0 لـ 90 درجة) ونشوف النقط بتتحسب إزاي: زي ما إنت شايف، الطريقة دي بتجيب النقط بشكل مباشر من غير ما تعتمد على النقطة اللي قبلها، وده اللي بيخليها مختلفة عن الـ Incremental Algorithms زي (DDA أو Bresenham).
Parametric Circle Drawing Algorithm Code import pygame import math # ========================================== # Parametric Circle Drawing Algorithm # ========================================== # Initialize Pygame pygame.init() screen = pygame.display.set_mode((600, 500)) pygame.display.set_caption( "Parametric Circle Drawing Algorithm" ) # Colors WHITE = (255, 255, 255) BLACK = (0, 0, 0) # Fill background screen.fill(WHITE) # Circle parameters center_x, center_y = 300, 250 radius = 200 # Draw circle using parametric equation for theta in range(0, 360): # Convert degrees to radians rad = math.radians(theta) # Calculate x and y coordinates x = center_x + radius * math.cos(rad) # Invert y because screen y increases downward y = center_y - radius * math.sin(rad) # Plot the pixel pygame.draw.circle( screen, BLACK, (round(x), round(y)), 1 ) # Update the display pygame.display.flip() # Main loop running = True while running: for event in pygame.event.get(): if ( event.type == pygame.QUIT or ( event.type == pygame.KEYDOWN and event.key == pygame.K_ESCAPE ) ): running = False # Quit Pygame pygame.quit() كده خلصنا الجزء التاني اتكلمنا في الجزء ده عن Circle Drawing Algorithms - إزاي الكمبيوتر بيسوي Rasterization ويحول الدوائر الرياضية لـ Pixels على الشاشة. عرفنا 5 طرق لرسم الدواير: Circle Equation Method - سهل ومباشر بس فيه Square Root و Gaps كبيرة Eight-Way Symmetry - إن الدائرة ليها 8 Octants متماثلة، فبنحسب نقطة واحدة ونطلع 7 نقط تانية Midpoint Circle Algorithm - بيعتمد على Decision Parameter و Symmetry، بيحل مشكلة الـ Gaps Bresenham's Circle Algorithm - Integer-Based ومناسب للـ Hardware Parametric Circle - بيستخدم sin و cos، سهل فهمه بس أبطأ ]]>computer-graphics/lectures/chapter-4-[part-2]-fundamental-drawing-algorithms-in-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 4 - [Part 2] Fundamental Drawing Algorithms in Computer Graphics.mdSun, 31 May 2026 13:49:13 GMT<figure><img src="https://i.ibb.co/PzjxQFGn/Chat-GPT-Image-May-29-2026-07-30-56-PM.png"></figure>Line Equation Code (للتجربه) import pygame # Function to draw a line using the line equation (y = mx + c) def draw_line_equation(x0, y0, x1, y1): # 1. Handle Vertical Line (Infinite slope) if x0 == x1: for y in range(min(y0, y1), max(y0, y1) + 1): screen.set_at((x0, y), Red) return # بنعمل return عشان الكود ميحسبش الميل ويضرب Division by zero # 2. Calculate Slope (m) and Y-intercept (c) m = (y1 - y0) / (x1 - x0) # Slope c = y0 - m * x0 # Y-intercept # 3. Draw the line based on the slope type if abs(x1 - x0) > abs(y1 - y0): # Shallow line (more horizontal) -> Loop over x for x in range(min(x0, x1), max(x0, x1) + 1): y = m * x + c screen.set_at((x, round(y)), Black) else: # Steep line (more vertical) -> Loop over y for y in range(min(y0, y1), max(y0, y1) + 1): x = (y - c) / m screen.set_at((round(x), y), Blue) # ========================================== # Main Execution Block # ========================================== if __name__ == "__main__": # Initialize pygame pygame.init() # Define colors Black = (0, 0, 0) Red = (255, 0, 0) Blue = (0, 0, 255) White = (255, 255, 255) # Get user input from the console print("Enter coordinates (x0, y0, x1, y1) separated by commas:") input_str = input("Example -> 50,50,700,500: ") x0, y0, x1, y1 = map(int, input_str.split(',')) # Set up display screen = pygame.display.set_mode((800, 600)) pygame.display.set_caption("Line Drawing Using Line Equation") screen.fill(White) # Draw the line draw_line_equation(x0, y0, x1, y1) # Add text labels for start and end points font = pygame.font.Font("freesansbold.ttf", 13) text_surface1 = font.render(f"({x0},{y0})", True, Black) screen.blit(text_surface1, (x0 + 5, y0 - 17)) text_surface2 = font.render(f"({x1},{y1})", True, Black) screen.blit(text_surface2, (x1 + 5, y1 + 3)) # Update the display to show everything pygame.display.flip() # Main loop to keep the window open running = True while running: for event in pygame.event.get(): if event.type == pygame.QUIT: running = False if event.type == pygame.KEYDOWN: if event.key == pygame.K_ESCAPE: running = False pygame.time.wait(10) # Reduce CPU usage pygame.quit() definition DDA is a line-drawing algorithm that incrementally computes pixel positions using floating-point arithmetic. ده بقى Algorithm أذكى شوية. الغرض بتاعه إنه يقرب الخط المستقيم من خلال حساب إحداثيات البيكسلات اللي في النص خطوة بخطوة (Step-by-step). الفكرة الأساسية إننا بنزود الـ X أو الـ Y بخطوات صغيرة جداً بناءً على ميل الخط، وبنختار الاتجاه الغالب (Dominant direction) عشان نقلل الحسابات. يعني بنمشي خطوة خطوة بدل ما نحسب المعادلة كلها من الصفر كل مرة. خد نقطتين: (x0, y0) و (x1, y1). احسب الفرق: حدد عدد الخطوات (ناخد القيمة الأكبر بين الـ والـ .): احسب مقدار الزيادة في كل خطوة: ابدأ من (x0, y0). في كل خطوة زود x بـ xinc و y بـ yinc. ارسم pixel عند الإحداثيات بعد rounding. سهل ومفهوم. أسهل في التنفيذ من algorithms كتير. أسرع من direct line equation عشان بيستخدم incremental generation. بيقلل التكرار في الحسابات. لسه بيستخدم Floating-Point Arithmetic. ممكن يراكم rounding errors. ممكن يبقى أقل دقة عند endpoints. عايزين نرسم خط بين النقطتين (2,2) و (10,6) باستخدام DDA. أول حاجة بنعملها إننا بنجيب الفرق بين نقطة النهاية ونقطة البداية، عشان نعرف إحنا هنتحرك مسافة قد إيه على محور السينات والصادات,الفرق ده بنسميه Delta X و Delta Y. Δx = 10 - 2 = 8 Δy = 6 - 2 = 4 بعد كده بنحسب الـ Steps. بناخد القيمة الأكبر بين الـ والـ . ليه؟ عشان نضمن إننا بنمشي خطوة خطوة على المحور الأطول، ويبقى الخط بتاعنا متصل ومفيش فيه فراغات. steps = max(8, 4) = 8 أخيراً، بنحسب الـ Increment (مقدار الزيادة). دي القيمة اللي هنزودها على الـ والـ في كل خطوة. بنقسم المسافة الكلية على عدد الخطوات. x_inc = Δx / steps = 8 / 8 = 1 y_inc = Δy / steps = 4 / 8 = 0.5 يبقى كده إحنا فهمنا إن في كل خطوة، الـ هتزيد بمقدار 1 صحيح، بس الـ هتزيد بمقدار 0.5 (يعني نص خطوة). هنا بنبدأ التنفيذ. بنبدأ من أول نقطة (2.0, 2.0) وكل دورة بنزود الـ x_inc والـ y_inc. المشكلة اللي بتظهر هنا زي ما إنت شايف، إن الـ بتطلع بكسور زي 2.5 و 3.5. طبعا الشاشة مفهاش بكسل ونص, البيكسل ده مربع مش بيتقسم. عشان كده إحنا لازم نعمل خطوة الـ Rounding (التقريب)، عشان نحول الكسور دي لأرقام صحيحة الجهاز يقدر يفهمها (مثلا 2.5 هتتقرب وتبقى 3). (2,2), (3,3), (4,3), (5,4), (6,4), (7,5), (8,5), (9,6), (10,6)
definition Bresenham's Line Algorithm is an efficient integer-based algorithm for drawing straight lines on raster displays. ا Bresenham بيستخدم Decision Parameter عشان نختار البيكسل اللي عليه الدور من غير أي كسور. ميزته إنه بيتجنب floating-point calculations. عشان كده أسرع وأنسب للهاردوير. خد نقطتين: (x0, y0) و (x1, y1). احسب: Δx = x1 - x0 Δy = y1 - y0 حدد نوع الخط (بنحدد ميل الخط عشان نعرف هنمشي على أي محور): لو |Δy| <= |Δx| يبقى الخط Shallow، (يعني ميله خفيف وأقرب للأفقي). لو |Δy| > |Δx| يبقى الخط Steep، (يعني ميله حاد وأقرب للرأسي). استخدم الـdecision parameter الي هو p: في shallow line: p = 2Δy - Δx في steep line: p = 2Δx - Δy بنبدأ من أول نقطة ,وفي كل خطوة بنحدث معامل القرار وبنرسم البيكسل اللي بعده. عايزين نرسم نفس الخط بين النقطتين (2,2) و (10,6) بس المرة دي باستخدام خوارزمية Bresenham. اول حاجة بنحدد نقط البداية والنهاية، وبنجيب الفرق بينهم. x0 = 2, y0 = 2 x1 = 10, y1 = 6 نحسب الـ Delta X والـ Delta Y: Δx = 10 - 2 = 8 Δy = 6 - 2 = 4 بما إن Δx > Δy، يبقى الخط ده ميله خفيف (Shallow line)، وعشان كده إحنا هنعمل Iterate (نلف) على محور السينات x (يعني الـ x هتزيد دايما بـ 1)، والقرار كله هيبقى: هل نزود الـ y ولا نسيبها زي ما هي؟ عشان ناخد القرار ده من غير ما نستخدم أي كسور، بنحسب حاجة اسمها Decision Parameter (معامل القرار) وبنرمزله بـ p. أول قيمة ليه بنحسبها كده: p0 = 2Δy - Δx = 2(4) - 8 = 8 - 8 = 0 بعد كده في كل خطوة، بنبص على قيمة الـ p وبناءً عليها بنقرر: لو p ≥ 0: الـ y بتزيد بـ 1، وبنحسب الـ p الجديدة بالمعادلة دي: p = p + 2Δy - 2Δx لو p < 0: الـ y بتفضل ثابتة زي ما هي، وبنحسب الـ p الجديدة بالمعادلة دي: p = p + 2Δy لاحظ إن كل الحسابات هنا جمع وطرح لأرقام صحيحة (Integers)، مفيش أي Rounding ولا كسور خالص لاحظ برده اننا بنزود الـ X كل مره بس الـ Y ساعات اه وساعات لا. (2,2), (3,3), (4,3), (5,4), (6,4), (7,5), (8,5), (9,6), (10,6) بما إن دي نفس النقط اللي طلعت من الـ DDA، فالرسمة هتكون هي هي بالظبط على الشبكة، بس الفكرة كلها إن الطريقة اللي وصلنا بيها للنقط دي أسرع بكتير ومفيهاش وجع دماغ الكسور.
كده خلصنا الجزء الأول اتكلمنا في الجزء ده عن Drawing Algorithms - إزاي الكمبيوتر بيعمل Rasterization ويحول الأشكال الرياضية لـ Pixels على الشاشة. بالنسبة لـ Line Drawing عرفنا 3 طرق: ا Direct Line Equation (y = mx + c) - سهلة وبديهية بس فيها Floating-Point و Rounding Errors ا DDA - بيحسب Incrementally خطوة بخطوة، أسهل من Direct بس لسه فيه Floating-Point ومحتاج Rounding ا Bresenham's Line Algorithm - الأسرع عشان Integer-Based بالكامل وبيستخدم Decision Parameter، مش محتاج Rounding ولا كسور ]]>computer-graphics/lectures/chapter-4-[part-1]-fundamental-drawing-algorithms-in-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 4 - [Part 1] Fundamental Drawing Algorithms in Computer Graphics.mdSun, 31 May 2026 12:45:10 GMT<figure><img src="https://i.ibb.co/84DdNVv4/Chat-GPT-Image-May-29-2026-07-06-07-PM.png"></figure>https://t.me/DevNourEldeen ومتنساش تدعيلي]]>computer-graphics/index.html2 - Areas/College/Computer Graphics/Index.mdSun, 31 May 2026 00:40:56 GMT في الـ 3D، إحنا بنخزن بيانات للأجسام دي في الكمبيوتر، وبنعمل عليها حسابات زي: ا Transformations (زي النقل والدوران) ا Lighting (الإضاءة) ا Shading (التظليل) النتيجة النهائية بتكون 2D Image تتعرض على الشاشة، إما real-time أو pre-rendered. بالرغم من إننا عايشين في عالم 3D، بس الشاشات بتاعتنا مسطحة (2D). فبقي هدف الـ 3D graphics هو إنتاج صور 2D بتعبر عن العالم الـ 3D ده. Remember A model of a 3D scene is first constructed using geometric shapes, then transformed and projected onto a 2D viewing surface through a process known as Projection. الاول بنكون الـ 3D باشكال هندسية وبعدها بنحوله لـ 2D, العملية دي بنسميها الإسقاط (Projection).
الـ 3D فكرته أقرب للـ Vector graphics، لأننا بنوصف المشهد باستخدام أشكال هندسية بدائية (Geometric primitives) زي النقط، الخطوط، المضلعات (Polygons)، والأسطح، مش مجرد بيكسلات مرصوصة زي الـ Raster. بس ده مش معناه إننا مبنستخدمش الـ Raster خالص. ساعات بنجيب صورة 2D (راستر) ونلزقها على سطح الجسم الـ 3D عشان نديله تفاصيل واقعية. الصورة اللي بنستخدمها دي بنسميها Texture (خامة). والعملية دي نفسها بنسميها Texture mapping. المكتبات البرمجية والـ APIs زي OpenGL بتدعم الطريقتين، بس تركيزنا الأساسي بيكون على التعامل مع الـ Geometry. definition Rendering is the process of producing a 2D image from a 3D scene description. الـ Rendering مصطلح بنسمعه كتير في الالعاب , دي العملية اللي بناخد فيها الفايل بتاع المشهد (اللي فيه الـ geometry، الـ viewpoints، الـ textures، الإضاءة، والـ shading) وندخله على برنامج عشان يطلعلنا صورة ديجيتال نهائية. عشان العملية دي تقيلة جدا وفيها حسابات معقدة زي الـ Rendering equation، بنعتمد على كارت الشاشة (الـ GPU) عشان يساعد المعالج (الـ CPU) ويسرع العملية دي في حاجة اسمها الـ Graphics pipeline. عشان الصورة تطلع واقعية وشكلها حقيقي تحت الإضاءة الافتراضية اللي إنت حاططها، السوفتوير بيحل معادلة رياضية اسمها الـ Rendering equation. دي اللي بتظبط شكل الإضاءة عشان تطلع مظبوطة. في الأول الأجسام بتترسم في وضعية الـ Wireframe mode (كأنها مجسمات معمولة من سلك، بنشوف الحواف Edges بس). بعدين بنطبق حاجة اسمها Hidden line removal، ودي بتشيل الخطوط اللي المفروض تكون مستخبية ورا أسطح الجسم، عشان يبان كأنه جسم صلب. بعد كده بنطبق التظليل عشان نحسن إدراكنا للشكل والعمق.
definition Shading is used to depict depth in 3D models by varying levels of brightness. الـ Shading ده هو التظليل اللي بيدي للـ 3D موديل بتاعنا عمق عشان تحس إنه مجسم حقيقي مش مجرد شكل مسطح، وده بنعمله عن طريق إننا بنغير درجات الإضاءة في الموديل. في التقنيات الحديثة، shade بيتطبق ديجيتال. من تقنيات shading في الرسم التقليدي: Cross-Hatching. خطوط متعامده (perpendicular) بكثافة مختلفة. الخطوط المتقاربة = أغمق. الخطوط المتباعدة = أفتح. الـ shading بيعتمد كمان على الـ lighting. الـ rendering غالبا بيستخدم اكتر من مصدر ضوء عشان يطلع شكل واقعي.
أي مجسم مدور بيبقي عباره عن حتت مسطحة صغيرة (Tiny flat surfaces) مرصوصة جنب بعض الكمبيوتر بيحسب التظليل لكل حتة لوحدها حسب النور جاي منين. وعشان الشكل ميطلعش مضلع ومكسر زي الشكل ده :
بنستخدم تقنيات تنعم الأسطح دي وتخليها تبان مدورة وطبيعية: ا Gouraud shading: التقنية دي بتنعم شكل الجسم عن طريق إنها بتعمل عملية حسابية اسمها Interpolating (تدرج للتظليل)، فبتخفي شكل المربعات أو الأسطح الفردية دي، والمجسم بيبان ناعم ومفيش فيه حتت مكسرة . ا Phong shading: اللمعان (Highlights): التقنية دي بتدي للمجسم لمعة واقعية بتعتمد على درجة لمعانه (Shininess) وزاوية نظرتك ليه (Viewing angle)، فبتبين الأماكن الناعمة اللي بتعكس النور وسط الأسطح المطفية (Matte أو Diffuse). الشفافية (Transparency): بتقدر تخلي الموديل شفاف زي الإزاز، النور يعدي منه وفي نفس الوقت السطح من بره يعكس الإضاءة.
بصمجيات ا Flat Shading: لون/إضاءة واحدة لكل Polygon , الشكل يبان مكسر (Faceted). ا Gouraud Shading: بيحسب الإضاءة ويعمل Interpolation للـ surfaces , يخفي حدود المضلعات ويخلي الشكل أنعم (كأن فيه Gradient effect). ا Phong Shading: بتدي الجسم Highlights , Transparency , وبتدي شكل واقعي اكتر. التظليل بيغير ألوان الأسطح بناء على زاويتها بالنسبة لمصدر النور، خلينا نقارن التطور بتاعها:
definition Ray tracing generates images by tracing light paths through pixels on an image plane. الـ Ray Tracing تقنية بتطلع صور واقعية كأنها متصورة بكاميرا (Photorealistic)، وجودتها عالية جدا. بس المشكلة إنها بتسحب موارد كتير جدا وحساباتها معقدة (Greater computational cost). produces highly photorealistic images, often exceeding the quality of typical scanline methods, but with greater computational cost.
الفكرة بتاعتها ببساطة إنها: بتتتبع مسار شعاع النور من الكاميرا (Camera)، مرورا بكل بيكسل في شاشة العرض (Image Plane). ويفضل ماشي كـ شعاع رؤية (View Ray) لحد ما يخبط في أي مجسم في المشهد (Scene Object). ولما يخبط، بيطلع منه شعاع ضل (Shadow Ray) يروح لمصدر النور (Light Source) عشان يحسب الإضاءة والضل والانعكاسات بدقة عالية.
definition Texture mapping adds detail, surface patterns, or color to 3D models. دي العملية اللي بنضيف بيها تفاصيل، نقوش، أو ألوان للموديل الـ 3D بتاعنا. عاملة بالظبط زي ما تجيب ورقة هدايا منقوشة وتغلف بيها كوره مثلا. وممكن كمان نحط أكتر من Texture على نفس السطح ودي حركة بنسميها Multitexturing.
ده شكل الاوبجكت من غير Textures:
ده بعد ما ضفناله Textures: لما بنيجي نلزق صورة 2D (اللي هي الـ Texture) على مجسم 3D مدور، غصب عننا بيحصل تشوهات في شكل الصورة عشان تتطبع على السطح ده. Spherical mapping distorts the image by compressing the poles into pie-wedges and stretching the equator, whereas Cylindrical mapping shares the same pole distortion but leaves the equator perfectly unstretched. الـ Spherical mapping بيعمل distort (تشوه) في الـ Poles على شكل مثلثات و stretch للـ Equator، إنما الـ Cylindrical mapping بيعمل distort للـ Poles برضه بس بيسيب الـ Equator سليم من غير أي stretch. زياده فهم (اختياري) الـ Spherical Mapping : بنحول إحداثيات النقطة الـ 3D لخطوط طول وعرض (Latitude و Longitude) عشان نغلف بيها كورة كاملة. ده بيعمل مشكلتين: ا Poles (الأقطاب): من فوق وتحت، الصورة بتضغط لحد ما تاخد شكل مثلثات أو حتت بيتزا (Pie-wedge shapes). ا Equator (خط الاستواء): في نص الكورة الصورة بتتمط (Stretched) عشان تغطي العرض ده كله. الـ Cylindrical Mapping : هنا إحنا بنلف الصورة على أسطوانة (زي ما بتلف ورقة على كانز). ا Poles: بيحصل فيها تشوه (Distortion) زي اللي بيحصل في أقطاب الكورة بالظبط. ا Equator: مختلف عن الكوره ,عشان الأسطوانة عرضها ثابت, الصورة في النص بتلف بسلاسة ومبيحصلهاش أي مط (أبعادها بتفضل مظبوطة). definition 3D modeling is the creation of a mathematical or wireframe representation of a three-dimensional object using specialized software. هو إنك تبني المجسم نفسه جوه السوفتوير، كأنك بتنحت بس ديجيتال، وبنعمله تمثيل رياضي أو شبكي (Wireframe). الموديلز دي ممكن تتعمل أوتوماتيك أو بشكل يدوي زي النحت. Applications: الموديلز دي ممكن تترندر كصور 2D, بتستخدم في الـ Simulations , الـ Animation, الـ 3D printing. definition 3D projection maps three-dimensional points onto a 2D plane. ده ببساطة هو الإسقاط، يعني إزاي نعرض نقط المجسم الـ 3D بتاعنا على شاشة مسطحة 2D. بيستخدم كتير جدا في الجرافيكس، الهندسة، والتصميم.
definition A 3D scanner captures real-world objects or environments to create digital 3D models. ده جهاز بياخد نسخة من العالم الحقيقي ويدخله للكمبيوتر. بيصور المجسمات الحقيقية ويطلعلنا حاجة اسمها Point cloud (سحابة من النقط) بنستخدمها عشان نعيد بناء شكل المجسم، وممكن كمان يلقط ألوانه.
Multiple scans from different angles are aligned (registration) and merged to produce a complete model. This overall process is the 3D scanning pipeline. الاسكانر ده شغال زي الكاميرا، ليه زاوية رؤية معينة (Cone-like field of view) ومبيقدرش يشوف غير الأسطح اللي مواجهاه بس. عشان كده، إحنا بناخد كذا لقطة من زوايا مختلفة ونعملهم محاذاة وتجميع مع بعض في عملية اسمها Registration عشان نطلع الموديل كامل. اللفة دي كلها على بعضها بنسميها الـ 3D scanning pipeline. definition Animation is a sequence of images that, when displayed rapidly one after another, creates the impression of continuous motion or change. ببساطة، animation هي عملية illusion of movement ( ا to give life). الفكرة إننا بنعرض صور ثابتة (Still images) ورا بعض بسرعة جدا، فالعين البشرية بتنخدع وتحس إن في حركة مستمرة، مع إن مفيش حاجة بتتحرك بجد وكلها صور منفصلة. الأنيميشن بيضيف بُعد الوقت (Dimension of time) للجرافيكس، وده بيخلينا نقدر نوصل معلومات أكتر بكتير من الصور الثابتة. التحدي الأساسي للـ (Animator) إنه يختار أدوات تديله تحكم ومرونة عشان يوصف الحركة اللي هو عايزها، وفي نفس الوقت ميمعملش كل حاجة يدوي عشان ميتسحلش في تفاصيل ملهاش لازمة. وطبعا مفيش أداة واحدة بتنفع لكل حاجة، الأدوات الفنية غير الأدوات اللي بتعمل محاكاة للواقع. definition Traditional Animation Animation that involves drawing each frame of a film by hand. After the drawings are completed and colored, they are photographed or scanned into a computer and combined with sound. الـ Traditional Animationدي الطريقه القديمة زي أفلام ديزني بتاعت زمان. الأرتيست بيقعد يرسم كل Frame بإيده، رسمة ورا التانية. بعد ما بيخلصوا رسم وتلوين على الورق، بياخدوا الرسومات دي يصوروها أو يعملولها سكان على الكمبيوتر، وبعدين يركبوا عليها الصوت. الموضوع ده متعب جداً وبيسحب وقت مهول (Extremely time-consuming)، عشان الثانبة الواحدة بس من الفيلم بتحتاج حوالي 24 رسمة بالايد! عشان المجهود الجبار ده، الشغل ده غالباً ملهاش حد يقدر يعمله غير ستوديوهات كبيرة.
definition Stop-Motion Animation An animation technique that requires the animator to physically manipulate objects in the scene, capture a single frame, adjust the objects, and repeat the process. الـ Stop-Motion Animation هنا بتجيب مجسمات حقيقية قدامك، تحركها حركة بسيطة ، وتاخد صورة بالكاميرا (Capture a frame)، وبعدين تحركها كمان حركة بسيطة وتاخد صورة تانية، وهكذا. ولما تعرض الصور دي ورا بعض بسرعة، تحس إن الجسم بيتحرك لوحده. الأجسام اللي بيستخدموها ممكن تكون أي حاجة: شخصيات صلصال (Clay figures)، ورق، أو حتى أدوات من البيت. في طرق بيستخدموا فيها أشخاص حقيقيين، يوقفوهم في وضعيات معينة وياخدوا فريم، وبعدين يغيروا الوضعية وياخدوا فريم تاني. في الآخر، كل الصور دي بتتجمع على شريط الفيلم وبيتركب معاها الصوت.
definition Computer-Generated Animation Animation that uses software to create animated images and models, making the process generally faster than traditional methods. It can be used for both 2D and 3D characters and objects. الـ Computer-Generated Animation (أو الـ CG) دي الطريقه الحديثه. بنستخدم سوفتوير عشان نعمل الصور والمجسمات، ده بيخلي العملية أسرع وأسهل من الطرق القديمة. ده بينقسم لحتتين: ا 2D Computer Animation: زي التقليدي بالظبط، الأرتيست بيعمل سلسلة صور ورا بعض فيها اختلافات بسيطة عشان تعمل حركة، بس كله بيتم ديجيتال جوه البرنامج. ا 3D Computer Animation: هنا إحنا بنبني مجسم ديجيتال كامل (Digital model) للشخصية. التحريك هنا بيتم بطريقتين: يا إما الأرتيست بيتحكم في نقط معينة على المجسم اسمها Control points أو يغير في المتغيرات (Variables) بتاعتها عشان يحركها. أو بيستخدموا تقنية اسمها الـ Motion Capture (أو Mo-cap)، ودي عبارة عن إنهم بيجيبوا ممثل حقيقي، يسجلوا حركته الحقيقية، وبعدين يركبوا الحركة دي على الـ 3D Character بتاعهم في الكمبيوتر عشان يطلع واقعي جداً. الأنيميشن ملوش استخدام واحد بس، ده داخل في مجالات كتير، خلينا نشوف أهمهم: الترفيه (Entertainment): زي الأفلام، البرامج التلفزيونية، وألعاب الفيديو. التعليم (Education): الفيديوهات الشارحة والمحتوى التعليمي اللي بيبسط المعلومة. الإعلانات (Advertising): شغل الميديا الأونلاين والتسويق. البحث والتطوير (Research and development): بنعمل بيه محاكاة للآلات والأنظمة والعمليات (Simulations). التصميم والهندسة (Design and engineering): عشان نحلل ونختبر الأفكار بتاعتنا من غير ما نحتاج نصرف ونبني نماذج حقيقية (Physical prototypes). التجسيد العلمي (Scientific visualization): بيساعدنا نتخيل الظواهر المعقدة جداً، أو الحاجات الصغيرة أوي والكبيرة أوي اللي مستحيل نشوفها بعنينا المجردة. دعم الأبحاث العلمية وتحليل البيانات. الصور المتحركة مش بتتحرك فعلا. The illusion of movement occurs due to a phenomenon known as persistence of vision, where the human eye and brain briefly retain images. الـ illusion بيحصل بسبب Persistence of Vision: العين والدماغ بيحتفظوا بالصورة لفترة قصيرة بعد ما تختفي. الدماغ بيمهد الصور المتتالية، فيبان كأنها حركه مستمره. الـ Computer Animation هو صناعة الصور المتحركه باستخدام الكمبيوتر. ده يعتبر فرع من الجرافيكس والأنيميشن في نفس الوقت. ورغم إن الـ 3D هو الاشهر في الأنيميشن الحديث، بس الـ 2D graphics لسه بتستخدم كتير جدا عشان الـ Rendering بتاعها أسرع بكتير ومش بتحتاج موارد ولا إنترنت عالي (Low-bandwidth applications). في مجال السينما والأفلام، الشغل ده بنسميه CGI (Computer-Generated Imagery). عشان نحرك أي مجسم افتراضي (Virtual objects) جوه الكمبيوتر، لازم نكون عارفين إن المجسم ده متعرف بشوية خصائص أساسية زي: ا Position: مكانه فين. ا Orientation: اتجاهه ودورانه عاملين إزاي. ا Scale: حجمه قد إيه. الخصائص دي كلها بتتخزن رياضياً في حاجة اسمها Transformation matrices. والـ Animation بيحصل ببساطة لما الخصائص دي تتغير مع مرور الوقت. إحنا بقى بنعمل الأنيميشن ده إزاي ونتحكم في الموديل؟ السوفتوير فيه كذا تكنيك بنستخدمهم:بصمجيات الـ Keyframes: حدد البداية والنهاية والبرنامج يكمل اللي بينهم. الـ Procedural Animation: الخوارزمية هيا الي بتتحكم في الحركه, بستخدم مع الحاجات المعقده زي المطر. الـ Expression-Based Animation: المعادلات هيا الي بتتحكم في الحركه, بنستخدمهفي حركة الهيكل العظمي. كده خلصنا المحاضره اتكلمنا في المحاضره دي عن 3D Computer Graphics و Animation. بدأنا بـ Concepts of 3D وإن المشهد بيكوّن من (Geometric Models, Materials, Light Sources, Virtual Camera) وبنحوله لـ 2D عن طريق الـ Projection. بعد كده عرفنا الـ Rendering (إنتاج صورة 2D من مشهد 3D) وخطوات رسم الأجسام. بعدين دخلنا في Shading: ا Gouraud Shading: بيعمل Interpolation للاسطح عشان يخفي المضلعات. ا Phong Shading: بيدي Highlights و Transparency لشكل واقعي أكتر. وفي الآخر اتكلمنا عن: ا Ray Tracing: تقنية Photorealistic بتتتبع مسار الشعاع من الكاميرا. ا Texture Mapping: إضافة نقوش وألوان للـ 3D Models. ا 3D Modeling: بناء المجسمات (NURBS, Polygonal Mesh, Subdivision). ا 3D Projection: إسقاط النقط من 3D لـ 2D. ا 3D Scanners: مسح المجسمات الحقيقية وعمل Point cloud. ا Animation: أنواعها (Traditional, Stop-Motion, CG) وتقنياتها (Keyframes, Procedural, Expression-based). ]]>computer-graphics/lectures/chapter-6-3d-computer-graphics-and-animation.html2 - Areas/College/Computer Graphics/lectures/Chapter 6 - 3D Computer Graphics and Animation.mdSun, 31 May 2026 00:39:37 GMT<figure><img src="https://i.ibb.co/wThv9K6/Chat-GPT-Image-May-30-2026-03-21-46-PM.png"></figure>computer-graphics/lectures/chapter-1-[part-5]-foundations-of-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 1 - [Part 5] Foundations of Computer Graphics.mdSat, 30 May 2026 23:51:46 GMT في الـ 3D Graphics، النقطة بتتكتب: (x, y, z) الـ z-axis بيضيف العمق depth. عشان كده نقدر نمثل objects في مساحة ثلاثية الأبعاد. شاشات الكمبيوتر بتستخدم conventions مختلف عن الرياضيات. الـ origin (0, 0) بيبقى فوق على الشمال top-left corner (في الـ Cartesian system كان تحت علي الشمال). الـ x-axis بيزيد ناحية اليمين.
الـ y-axis بيزيد لتحت (في الـ Cartesian system كان بيزيد لفوق). بصمجيات في الرياضيات y بيطلع لفوق، لكن في الشاشات y بينزل لتحت. دي احنا عارفينها من قبل كده ,الصور بتتمثل كشبكة Raster, كل cell في الـ raster هي Pixel, وكل pixel ليه لون واحد وبالـ cells بتبقي عباره عن صفوف واعمده. (x, y) الـ columns بتتعد من الشمال لليمين بداية من 0.
الـ rows غالبا بتتعد من فوق لتحت بداية من 0. مش لازم coordinates تكون integers أو pixels. أحيانا بنستخدم وحدات قياس حقيقية , مثلا : لو مستطيل بيمثل أوضة مساحتها 15 foot × 12 foot، يبقى منطقي نستخدم: ا x من 0 لـ 15 ا y من 0 لـ 12 أحيانا graphics system بيسمحلك تحدد custom coordinate system. الفكرة إنك بتحول نقطة من old coordinate system لـ new coordinate system مع الحفاظ على نفس relative position. عندك old limits: ا oldLeft, oldRight ا oldTop, oldBottom و هيديلك new limits: ا newLeft, newRight ا newTop, newBottom النقطة القديمة (oldX, oldY) بتتحول لنقطة جديدة (newX, newY). لو عندنا نقطة في "النظام القديم" وعايزين نعرف مكانها في "النظام الجديد" ، بنستخدم المعادلة دي: أي Coordinate Transformation بيتكون من خطوتين أساسيتين: ا Normalize (تحويل لنسبة): بنحول قيمة old لنسبة بين 0 و 1: ا Scale to new system: بنضرب النسبة في مدى النظام الجديد ونجمعها على البداية الجديدة: ليه الموضوع ده مهم؟ الآلية دي بتتستخدم في كل حاجة في الـ Computer Graphics: OpenGL viewport transformation DirectX rendering pipeline Mouse input handling Game engines (Unity, Unreal Engine) Window resizing UI layout systems عايزين ننقل نقطة من نظام إحداثيات منطقي (من 0 لـ 100) لشاشة 800×600 بكسل. المعطيات: Old system: oldLeft = 0, oldRight = 100, oldTop = 0, oldBottom = 100 New system: newLeft = 0, newRight = 800, newTop = 0, newBottom = 600 النقطة: (oldX, oldY) = (25, 50) حساب newX: حساب newY: النتيجة: (25, 50) → (200, 300) النظام ده أشهر حاجة في OpenGL. الإحداثيات فيها بتتراوح من -1 لـ +1. المعطيات: oldLeft = -1, oldRight = +1, oldTop = -1, oldBottom = +1 النقطة: (0, 0) — مركز النظام المنطقي حساب newX: حساب newY: النتيجة: (0, 0) → (400, 300) المركز المنطقي بقى مركز الشاشة بالظبط. الماوس بيشتغل بإحداثيات الشاشة (pixels)، بس إحنا محتاجين نحولها لنظامنا المنطقي. نفس القانون بس بعكس الاتجاه. المعطيات: Screen size: 800 × 600 Logical system: من 0 لـ 100 Mouse position: (600, 150) حساب oldX: حساب oldY: النتيجة: (600, 150) → (75, 25) بكده نقدر نحول أي mouse click لإحداثيات منطقية في تطبيقنا. لو شاشة Full HD (1920×1080) ونظام منطقي من 0 لـ 10. المعطيات: Old system: من 0 لـ 10 New system: 1920 × 1080 النقطة: (7, 2) حساب newX: حساب newY: النتيجة: (7, 2) → (1344, 216)definition Aspect Ratio is the ratio between width and height.
القانون العام (لو عايز تحسب النسبه بتاعة الشاشه): قانون نظام الإحداثيات (لو عايز تحسب النسبة علي الـ Coordinate system): مثلا لو الـ aspect ratio عباره عن 2:1 يعني العرض ضعف الارتفاع. نظام الإحداثيات اللي بترسم عليه ليه Aspect Ratio، والشاشة اللي بتعرض عليها ليها Aspect Ratio. لو النسبتين دول مش قد بعض، الرسمة "هتتمط" أو هتبوظ. المعادلة دي بتمثل دايره: x^2 + y^2 = 9 لو aspect ratios مش متطابقة، الـدايره ممكن تظهر شكل بيضاوي. عشان نحافظ على دقة الأشكال، بنعدل: الـ horizontal range أو vertical range الهدف إن الزياده تبقى متساويه في الاتجاهين يعني لو هنزود الـ horizontal يبقي كمان نزود الـ vertical. definition Aliasing is the visual artifact that appears when continuous geometric shapes are approximated using a finite grid of square pixels. طبعا شرحناها قبل كده ولو ناسي هنشرحها تاني. الشاشة بتاعتنا عبارة عن شبكة مربعات صغيرة جداً اسمها "بيكسلات". المشكلة بتظهر لما تيجي ترسم خط مايل أو كيرف (دوران) على المربعات دي. بما إن البيكسلات مربعة ومرصوصة جنب بعض، مستحيل ترسم خط مايل ناعم عليها، فبيظهر تأثير اسمه Staircase Effect (تأثير السلالم أو الـ Jaggies)، وهو إن حواف الرسمة بتبان مشرشرة وشبه درجات السلم. بصمجيات الـ Aliasing بيحصل بسبب اننا : بنحاول نرسم أشكال ناعمة على بيكسلات مربعة ومتقطعة (Sampling Error)، لان البكسل بياخد غير واحد بس (Limited Resolution)، بيحصل لخبطة للكمبيوتر في تحديد مكان النقطة بالظبط (Ambiguity). definition Antialiasing is a technique used to reduce aliasing artifacts by smoothing object boundaries. الـ Antialiasing مش بيلغي aliasing, هو بيخليها أقل وضوحا للعين. بدل ما كل pixel ياخد لون واحد ، بنحسب قد إيه الشكل مغطي الـ pixel,يعني لو بنرسم خط اسود مايل مثلا , البكسلز الي علي الطرف نديلها لون وسط مش اسود ولا ابيض فيحصل كان الحواف بتسيح في بعضها او بتبقي انعم.
الـ Antialiasing بيزود cost, بس بيحسن جودة الصوره بشكل كبير. كده خلصنا الجزء التالت اتكلمنا في المحاضره دي عن أنظمة الإحداثيات (Coordinate Systems) وعرفنا الفرق بين Cartesian System (الـ origin تحت على الشمال و y بتزيد لفوق) و Screen System (الـ origin فوق على الشمال و y بتزيد لتحت) و Pixel Coordinates (الـ columns من الشمال لليمين والـ rows من فوق لتحت). وعرفنا إزاي بنحول بين Coordinate Systems باستخدام معادلات الـ mapping، وإن Aspect Ratio = Width / Height، ولو الـ Aspect Ratio بتاع نظام الإحداثيات مش مطابق للشاشة، الشكل هيتشوه. واتكلمنا عن Aliasing - إنه تأثير السلاسل (Jaggies) اللي بيظهر لما بنحاول نرسم خطوط مائلة على شبكة Pixels، و Antialiasing اللي بيحل المشكلة دي باستخدام ألوان متوسطة على الحواف عشان تنعيم الشكل. ]]>computer-graphics/lectures/chapter-1-[part-3]-foundations-of-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 1 - [Part 3] Foundations of Computer Graphics.mdSat, 30 May 2026 23:39:34 GMT<figure><img src="https://www.geogebra.org/resource/f3zjnk3h/5IrSYoN1BF75qQTS/material-f3zjnk3h.png"></figure> definition Raster Graphic, or Bitmap Graphic, is an image made from many small colored square elements called pixels or dots. الـ Raster Image بتتكون من شبكة pixels. كل pixel ليه: لون color مكان position الصورة بتتحدد بحاجتين مهمين: ا Resolution: العرض × الارتفاع بالـ pixels ا Color Depth: عدد الـ bits المستخدمة عشان تمثل لون كل pixel مناسبة للصور الواقعية photographs. بتتعامل كويس مع الصور المعقدة اللي فيها تغيرات ألوان بسيطة وتدريجات كتير. سهل تعدل على pixels معينة جوه الصورة. بتستخدم في الـ Pixel art , Web images بتفقد الجودة لما تكبرها بسبب الـ Pixelation. الصور الـ high-resolution بتاخد مساحه كبيره. صعب تعدل شكل معين لوحده من غير ما تأثر على باقي الصورة، عشان الصورة كلها pixels مش objects مستقلة. definition Vector Graphics represent images using mathematical equations that define shapes, lines, curves, and colors. الـ Vector Graphics بتتمثل بمعادلات رياضية وبتبقي عباره عن: Points Lines Curves Polygons مناسبه للـ logos والـ icons والرسومات اللي بتتغير أحجامها كتير. حجم الملفات غالبا صغير، خصوصا مع الأشكال البسيطة. سهل تعدل shapes معينة لوحدها. دقيقة جدا، عشان كده مناسبة للـ technical drawings والـ designs. مش مناسبة للصور الواقعية أو الـ photorealistic images. عمل تفاصيل كتير جدا بالـ vector ممكن يبقى time-consuming. الـ rendering بتاع vector images المعقدة ممكن يحتاج processing power أكتر. لما تحتاج صور واقعية زي photographs. لما تكون شغال على textures أو gradients معقدة. لما الصورة هتتعرض بحجم ثابت أو resolution ثابت زي web images. لما تحتاج صورة قابلة للتكبير والتصغير زي logos و icons. لما تعمل illustrations أو technical drawings. لما الصورة هتتطبع بأحجام مختلفة زي business cards أو billboards. بصمجيات لو عايز تفاصيل واقعية يبقى Raster, لو عايز shapes وخطوط وlogo ومحتاجة scaling يبقى Vector. definition Pixel is short for Picture Element, and it is the smallest addressable element in a digital image. الـ Pixel هو أصغر وحدة ممكن تتحكم فيها في الصورة الرقمية وهو حجر الاساس للـ Raster Graphics. الـ pixels بتترتب في شبكة 2D منتظمة وعدد الـ pixels هو اللي بيحدد الـ Resolution. الصورة بتتكون من rows و columns وكل pixel ليه مكان في الشبكة. الـ resolution بيتكتب بالشكل ده: width × height مثال: 1920 × 1080 يعني 1920 pixels أفقي و 1080 pixels رأسي. كل ما عدد الـ pixels يزيد، الصورة تبقى أوضح وأحد, أمثلة على resolutions: 320 × 200: low resolution 1920 × 1080: Full HD 3840 × 2160: 4K في الصور الـ grayscale أو black-and-white، كل pixel بيتخزن كقيمة intensity, ممكن تبقى من: 0.0: black 1.0: white بس عشان التخزين binary، غالبا بتتخزن كـ integer من: 0: black 255: white في الصور الملونة، كل pixel بيتكون من 3 components: Red R Green G Blue B كل component غالبا بيتخزن في 8-bit من 0 لـ 255. عدد الألوان الممكنة في RGB 24-bit: 256 × 256 × 256 = 16,777,216 colors صورة resolution بتاعها 800 × 600 فيها: 800 × 600 = 480,000 pixels زيادة الـ resolution بتحسن الجودة عشان بتزود عدد الـ pixels المتاحة لتمثيل التفاصيل الصغيرة. definition Pixel Art is a form of digital art created using raster graphics software, where images are edited at the pixel level. الـ Pixel Art بيتم عن طريق تعديل pixels واحدة واحدة أو باستخدام algorithms. كان منتشر جدا في الألعاب القديمة لان ساعتها كانت امكانيات الاجهزه ضعيفه, بس لسه مستخدم لحد دلوقتي عشان شكله المميز والـnostalgia. الـ Pixel Art ممكن يتعمل بالايد أو بـ algorithms, بيستخدم عدد ألوان محدود عشان يبقي بسيط , وبيبقي فيها عيوب مقصودة بتدي character للشكل. الـ Pixel هو أصغر عنصر في electronic image (صور علي الشاشات مش صور حقيقية بتترسم علي ورق). كل ما عدد الـ pixels يزيد، جودة الصورة تزيد. في الشاشات الملونة، الـ pixel غالبا بيتكون من 3 subpixels,ا red, green , blue الـ Point واختصارها pt هي وحدة قياس في typography. بتستخدم لقياس ارتفاع الخطوط font heights والـ 1 point بتساوي 1/72 inch. علاقة الـ points بالـ pixels بتعتمد على screen resolution أو PPI. الـ Dot هي أصغر وخدة physical بيعملها بستخدمها الطابعات (printers) على الورق. بيتقاس غالبا باستخدام DPI,معناها Dots Per Inch Pixels vs Points: الـ pixels هيا screen-based وبتعتمد على PPI. الـ points عباره عن وحدة قياس ثابتة. Points vs Dots: الـ points للتصميم والـ typography. الـ dots للطباعة. علاقة الاتنين بتعتمد على DPI بتاع الطابعة. Pixels vs Dots: الـ pixels رقمية digital. الـ dots مادية physical. بصمجيات Pixel للشاشة. Point للخطوط والقياسات الطباعية. Dot للطابعة. كده خلصنا الجزء التاني اتكلمنا في المحاضره دي عن تمثيل وتخزين الصور الرقمية وعرفنا بالتفصيل الفرق بين Raster Graphics (صور من Pixels، بتعتمد على Resolution، بتتبكسل لما تكبر) و Vector Graphics (صور من معادلات رياضية، scalable، مناسبة للوجوهات). وعرفنا الـ Pixel بالتفصيل - إنه أصغر وحدة في الصورة الرقمية، وإن الـ Resolution بتتحسب بـ Width × Height، وإن كل Pixel في الصور الملونة بيتكون من 3 مكونات R, G, B. واتكلمنا عن Pixel Art وإنه كان منتشر في الألعاب القديمة ولسه مستخدم لغاية دلوقتي لشكله المميز. وفي الآخر فرقنا بين Pixel (للشاشة)، Point (للطباعة والخطوط و 1 pt = 1/72 inch)، و Dot (أصغر وحدة في الطباعة وتتقاس بـ DPI). ]]>computer-graphics/lectures/chapter-1-[part-2]-foundations-of-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 1 - [Part 2] Foundations of Computer Graphics.mdSat, 30 May 2026 23:26:18 GMT<figure><img src="https://penji.co/wp-content/uploads/2025/02/Chart_-Vector-vs.-Raster.png.webp"></figure> Uses patterns of pixels to simulate colors and gradients that may not be available in a limited color palette. الـ Dithering هو "خدعة بصرية" بيعملها الكمبيوتر عن طريق إنه بيستخدم انماط معينه من الـ Pixelsعشان يعوض نقص الألوان المتاحة في الصورة. يعني من الاخر بيرص بيكسلات بألوان مختلفة جنب بعضها بنمط معين عشان يحاكي لون جديد.
definition Transformations modify the position, size, orientation, or shape of objects in a 2D space. الـ Transformations بيغير مكان أو حجم أو اتجاه أو شكل العنصر في الـ 2D. بتتمثل باستخدام transformation matrices. definition Clipping restricts rendering to a defined region such as a viewport or window. الـ Clipping يعني بنحدد منطقة ونرسم بس الجزء اللي جوه المنطقة دي. أي جزء خارج الـ viewport أو الـ المنطقة الي حددناها بيتقص ومبيتعرضش.
بصمجيات من الاخر الـ Point Clipping بتتعامل مع النقط (points) والـ Line Clipping بيتعامل مع الخطوط (lines) اما الـ Polygon Clipping بيتعامل مع الـ polygons الي هيا الاشكال المعقده بصمجيات ا Cohen بتتعامل مع الخطوط العادية , اما Liang-Barsky بتستخدم parametric equations, و Sutherland بقي بتتعامل مع الـ polygons الي هيا الاشكال المعقده definition Compositing combines multiple images, layers, or graphical elements to produce a final image. الـ Compositing يعني تركيب أكتر من صورة أو طبقة فوق بعض عشان نطلع صورة نهائية. بيستخدم في: Image editing (لو بتستخدم فوتوشوب هتبقي عارف الكلام ده ) Special effects UI rendering بصمجيات الـ Alpha Blending بيستخدم الـ transparency , الـ Masking بيحدد حته تظهر (revealed) وحته لا (hidden), الـ Layering من اسمها بتبقي separate layers definition Shading simulates lighting effects in 2D graphics to create the illusion of depth, texture, and material properties. الـ Shading بيحاول يخلي عنصر 2D يبان فيه إحساس بالإضاءة والعمق والخامة. يعني مش بيحول الصورة لـ 3D، بس بيخليك تحس انها 3D.
بصمجيات الـ Flat بيعمل شكل وبدائي وبيبقي لون واحد (single color)، الـ Gouraud بيعمل تدرج في الالوان (gradient)، الـ Phong بيبقي واقعي جداً (realistic lighting.)، والـ Shadow من اسمه بيعمل اسقاط للظلال (shadow buffer) definition Text rendering focuses on displaying high-quality text that is visually clear and readable. الـ Text Rendering مسؤول عن عرض النصوص بشكل واضح وحاد وقابل للقراءة. بيتعامل مع: Fonts Spacing Visual clarity Readability on screens and printed media definition Vector fonts represent characters using mathematical curves, mainly Bezier curves. الـ Vector Fonts بتمثل الحروف بمنحنيات ومعادلات رياضية (زي الـ vector images بالظبط). ميزتها الأساسية إنها بتتكبر وتصغر من غير ما تفقد الجودة(برده زي الـ vector images). Scalable. Resolution-independent. محتاجة resources أكتر في الـ rendering. definition Bitmap fonts store characters as fixed-size pixel grids. الـ Bitmap Fonts بتخزن كل حرف كشبكة pixels جاهزة بحجم معين (زي الـ raster images). Fast rendering. Efficient. Not scalable. لما تكبرها بتبكسل.
definition Kerning adjusts spacing between specific pairs of characters to improve readability and visual balance. الـ Kerning بيتحكم في المسافة الي بين الحروف. مثلا (AVATAR) -> (A V A T A R) definition Ligatures replace certain character pairs with a single stylized glyph. ا Ligatures بيتحكم في طريقة ربط الحروف مع بعضها (زي الانجليزي المشبك كده). الهدف إنها تحسن الشكل الجمالي aesthetics والقراءة readability.
زي الصور, لما النص يتعرض على شاشة الحواف ممكن تبان متكسرة عشان الشاشة مبنية من pixels. ا Anti-aliasing بينعم حواف النص عن طريق مزج pixels الحواف مع الألوان اللي حواليها. definition Subpixel rendering improves text clarity by using the red, green, and blue subpixels of LCD displays. الـ Subpixel Rendering بتحسن حدة النصوص عن طريق انها بتستغل إن كل pixel في شاشة LCD غالبًا متكوّن من subpixels: Red Green Blue كده خلصنا الجزء الأول اتكلمنا في المحاضره دي عن مقدمة في الـ Computer Graphics وعرفنا إنها مجال بيهتم بإنشاء ومعالجة الصور باستخدام الكمبيوتر. وعرفنا الفرق بين Raster Graphics (صورة من Pixels) و Vector Graphics (صورة من معادلات رياضية)، وإن 2D Graphics بتشتغل على محورين x و y. بعد كده عرفنا أهم تقنيات الـ 2D Graphics: ا Rendering وتحويل الداتا لصورة (وفيه Rasterization, Anti-aliasing, Dithering) ا Transformations اللي بتغير موقع/حجم/اتجاه العناصر (Translation, Scaling, Rotation, Shearing, Reflection) ا Clipping وقص الأجزاء الخارجة عن المنطقة المحددة (Point, Line, Polygon ومعاهم Algorithms زي Cohen-Sutherland و Liang-Barsky و Sutherland-Hodgman) ا Compositing وتركيب الطبقات (Alpha Blending, Masking, Layering) ا Shading اللي بيعمل إحساس بالعمق والإضاءة (Flat, Gouraud, Phong, Shadow Mapping) واخر حاجه اتكلمنا عن Text Rendering وعرفنا فيه Vector Fonts (TTF, OTF) و Bitmap Fonts و Kerning و Ligatures و Anti-aliasing للنصوص و Subpixel Rendering. ]]>computer-graphics/lectures/chapter-1-[part-1]-foundations-of-computer-graphics.html2 - Areas/College/Computer Graphics/lectures/Chapter 1 - [Part 1] Foundations of Computer Graphics.mdThu, 28 May 2026 19:36:38 GMT<figure><img src="https://camo.githubusercontent.com/f8b6f14633a9b8d7cafd0e23db7008b1fc175808ffd9769eb788d1cc2ea3bd93/68747470733a2f2f686172647a6f6e652e65732f6170702f75706c6f6164732d686172647a6f6e652e65732f323032302f30342f416e74692d416c696173696e672d312e6a7067"></figure>Chapter 7 - Practice]]>prolog/summaries/chapter-7-input-and-output.html2 - Areas/College/prolog/Summaries/Chapter 7 - Input and Output.mdThu, 28 May 2026 18:30:07 GMTChapter 6 - Practice]]>prolog/summaries/chapter-6-controlling-backtracking.html2 - Areas/College/prolog/Summaries/Chapter 6 - Controlling Backtracking.mdThu, 28 May 2026 18:30:07 GMTChapter 5 (Part 2) - Practice]]>prolog/summaries/chapter-5-part-2-lists-and-arithmetic.html2 - Areas/College/prolog/Summaries/Chapter 5 Part 2 - Lists and Arithmetic.mdThu, 28 May 2026 18:30:07 GMTChapter 5 (Part 1) - Practice]]>prolog/summaries/chapter-5-part-1-lists-and-arithmetic.html2 - Areas/College/prolog/Summaries/Chapter 5 Part 1 - Lists and Arithmetic.mdThu, 28 May 2026 18:30:07 GMTChapter 4 - Practice]]>prolog/summaries/chapter-4-prolog-syntax-&-structures.html2 - Areas/College/prolog/Summaries/Chapter 4 - Prolog Syntax & Structures.mdThu, 28 May 2026 18:30:07 GMTChapter 3 - Practice]]>prolog/summaries/chapter-3-prolog-rules-&-recursion.html2 - Areas/College/prolog/Summaries/Chapter 3 - Prolog Rules & Recursion.mdThu, 28 May 2026 18:30:07 GMTChapter 1 & 2 - Practice]]>prolog/summaries/chapter-1-&-2-introduction-to-prolog.html2 - Areas/College/prolog/Summaries/Chapter 1 & 2 - Introduction to Prolog.mdThu, 28 May 2026 18:30:07 GMThttps://t.me/DevNourEldeen]]>prolog/prolog-index.html2 - Areas/College/prolog/Prolog Index.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-7-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 7 - Practice.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-6-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 6 - Practice.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-5-(part-2)-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 5 (Part 2) - Practice.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-5-(part-1)-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 5 (Part 1) - Practice.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-4-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 4 - Practice.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-3-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 3 - Practice.mdThu, 28 May 2026 18:30:07 GMTprolog/practice-examples/chapter-1-&-2-practice.html2 - Areas/College/prolog/Practice Examples/Chapter 1 & 2 - Practice.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-9-cryptography.html2 - Areas/College/Networks/Lecture 9 - Cryptography.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-8-security-fundamentals.html2 - Areas/College/Networks/Lecture 8 - Security Fundamentals.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-7-wireless-networks.html2 - Areas/College/Networks/Lecture 7 - Wireless Networks.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-6-subnetting.html2 - Areas/College/Networks/Lecture 6 - Subnetting.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-5-transmission-media.html2 - Areas/College/Networks/Lecture 5 - Transmission Media.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-4-tcp-ip-model.html2 - Areas/College/Networks/Lecture 4 - TCP IP Model.mdThu, 28 May 2026 18:30:07 GMT00:01:31 بيحول الداتا من حروف وارقام الي binary ← العملية دي اسمها Translation بيضغط الملفات عشان يقلل حجمها ← Data compression بيعمل تشفير للداتا قبل ما تتبعت (Encryption ), والشخص الي بيستقبل البيانات بيفك التشفير ده (Decryption) ( بروتوكولات TLS/SSL بتشتغل هنا) “hover-notes-images/screenshot-01KS017G2PSBXW5M66ZZY4T50R.png” could not be found.
00:02:36 مسؤول عن إدارة الجلسات (Session Management) بين الأجهزة : مسؤول عن إنشاء واستمرار وإنهاء الجلسات (Session Establishment, Maintenance & Termination) بين الجهازين. بيسمح بالتواصل (Transmission ) بين الأجهزة سواء هو Simplex ولا Half-Duplex ولا Full-Duplex. مسؤول انه يتحقق من الصلاحيات (Authentication & Authorization). بيعمل (Synchronization) عن طريق إضافة Checkpoints في البيانات عشان لو حصل انقطاع يكمل من آخر نقطة. بيتحكم في الحوار بين الأنظمة (Dialog Controller) وبيسمح بالتواصل سواء Half-Duplex او Full-Duplex. “hover-notes-images/screenshot-01KS01JWYGFFQX5MD042RFM1G8.png” could not be found.
00:04:00 مسؤوله عن نقل البيانات بيعمل Segmentation (بيقسم الداتا لاجزاء صغيره) كل segment بيبقي ليه port number عشان يحدد التطبيق اللي هيستقبل البيانات. كمان كل segment بيبقي ليه sequence number عشان يحدد ترتيب الـ segment بيعمل Flow control (بيتحكم في الـ transfer rate بحيث سرعة الإرسال والاستقبال تكون مناسبة للطرفين. بيحدد نوع البروتوكول الي هنستخدمه في نقل البيانات حسب الاكشن الي اليوزر بيعمله اما هيستخدم الـ TCP (دقيق لكن مش سريع اوي) او الـ UDP (مش دقيق لكن سريع جدا) وبنستخدمه في الـ streaming زي مثلا الفيديوهات او الالعاب بتوفر Service Point Addressing عن طريق إضافة الـ Source Port والـ Destination Port في الـ Header عشان البيانات توصل للـ Process الصح. بتدعم بروتوكولات زي NetBIOS و PPTP المستخدمة في بعض خدمات الشبكات والاتصالات. مسؤولة عن نقل البيانات (Data Transfer) بين الأجهزة. “hover-notes-images/screenshot-01KS021WQM1T8YZVWGTJ9WT61A.png” could not be found.
00:07:40 بتعمل Logical Addressing بتاخد الـ Segments من ال Transport layer وتضيف عليهم الـ IP Address بتاعة الـ sender , receiver عشان تكون Packets بتعمل routing وهي عملية اختيار افضل مسار الداتا هتمشي فيه “hover-notes-images/screenshot-01KS026YJ82CTS1N7KYXVQ78W7.png” could not be found.
00:08:40 بتستقبل الـ Packets من الـ Network Layer وبتحولها لـ Frames عشان تبعتها على الشبكة. بتعمل Physical Addressing عن طريق إضافة الـ MAC Address بتاع الـ Sender والـ Receiver داخل الـ Frame. وبتستخدم بروتوكول ARP عشان تجيب الـ MAC Address المقابل للـ IP Address. بتعمل Framing عن طريق إضافة Header و Trailer للبيانات. وكمان بتحط Special Bit Patterns في بداية ونهاية الـ Frame عشان تحدد حدود الـ Frame بشكل صحيح. بتعمل Flow Control لضمان إن سرعة الـ Sender والـ Receiver تكون متقاربة ومناسبة لبعض. بتعمل Error Detection & Error Control لاكتشاف الأخطاء في الـ Frames. ولو الـ Frame حصلها Damage أو Lost بيتم إعادة إرسالها (Retransmission). الأجهزة اللي بتشتغل في الـ Data Link Layer : Switches Bridges “hover-notes-images/screenshot-01KS02KJQZ7STHZS022SYE9V26.png” could not be found.
00:09:45“hover-notes-images/screenshot-01KS02M83CS5CA027PDJT0RRCW.png” could not be found.
00:12:17 بتحول البيانات (Bits) إلى Signals عشان تقدر تنتقل عبر الوسط الفيزيائي. ممكن تكون Electrical Signals أو Optical Signals أو Radio Signals بتوفر Bit Synchronization عن طريق توفير Clock يزامن بين الـ Sender والـ Receiver على مستوى الـ Bits. بتحدد معدل نقل البيانات (Bit Rate Control) يعني عدد الـ Bits اللي بتتبعت في الثانية. بتحدد شكل الشبكة الفيزيائي (Physical Topologies) زي: Bus Star Mesh بتحدد طريقة تدفق البيانات (Transmission Mode) هل هي: Simplex Half-Duplex Full-Duplex الأجهزة اللي بتشتغل في الـ Physical Layer تشمل: Hub Repeater Modem Cables “hover-notes-images/screenshot-01KS02SKEX66ZS18GVTQJWRQTS.png” could not be found.
00:17:28“hover-notes-images/screenshot-01KS02TZWEKHBCRMJ9MT3VFQHY.png” could not be found.
00:19:53 ا Application Layer بيكتب الإيميل في التطبيق وبيتضاف HTTP/SMTP header ا Presentation Layer: البيانات بتتشفر وتتضغط عشان تبقى جاهزة للنقل ا Session Layer: الاتصال بيتأسس بين الجهازين ا Transport Layer: البيانات بتتقطع Segments وبيتضاف Source/Destination Port Number و Sequence Number ا Network Layer: الـ Segments بتتغلف في Packets وبيتضاف Source/Destination IP Address ا Data Link Layer: الـ Packets بتتغلف في Frames وبيتضاف Source/Destination MAC Address ا Physical Layer: الـ Frames بتتحول لـ Bits (إشارات كهربائية/ضوئية/راديوية) وبتتبعت على الشبكة ا Physical Layer: بيستقبل الإشارات ويحولها لـ Bits ويوديها للـ Data Link ا Data Link Layer: بيشيل MAC header ويتأكد من إن الـ Frame مفيهاش أخطاء (Error Detection) ا Network Layer: بيشيل IP header ويشوف الـ destination عشان يعرف يوصل الـ Packet لمين ا Transport Layer: بيشيل TCP/UDP header ويعمل Reassembly للـ Segments ويعرف إيه التطبيق اللي محتاج البيانات من Port Number ا Session/Presentation/Application: يفك التشفير ويظهر الإيميل للمستخدم ]]>networks/lecture-3-osi-layers.html2 - Areas/College/Networks/Lecture 3 - OSI Layers.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-2-ip-addressing.html2 - Areas/College/Networks/Lecture 2 - IP Addressing.mdThu, 28 May 2026 18:30:07 GMTnetworks/lecture-1-introduction.html2 - Areas/College/Networks/Lecture 1 - Introduction.mdThu, 28 May 2026 18:30:07 GMT