اشترك في مجموعة montadaphp.net حتى تصلك أخبار المنتدى  

بريدك الإلكتروني:

صفحة 1 من 3 123 الأخيرةالأخيرة
النتائج 1 إلى 20 من 51
  1. #1
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي دورة برمجة راسم المخططات البيانية

    السلام عليكم
    دورة برمجة راسم المخططات البيانية

    وضعت هذه الدورة بناء على طلب من الأخ الدر المنثور و PHP S أكيد رح يفرحون بها وسيكون الذي سوف نبرمجة كهذا:
    المخطط البياني ....

    شروط الدورة:
    1- معرفة بالدوال التالية:
    imagecreate
    imagecolorallocate
    imagestring
    imagestringup
    imageline
    2- شطارة بالحساب
    3- خبرة خفيفة ، فالمبتدئين قد لا يستوعبون الشرح

    قريباً بداية الدورة ولكن الآن أريد معرفة مدى التفاعل مع الدورة وسوف أقوم بترككم تبرمجون الأمور البسيطة الأولى طبعاً مع مساعة أولاً سيكون الدورة على شكل كلاس:
    كود PHP:
    class KN_Graph{
      var 
    $source;
      var 
    $x_min$x_max,$x_step;
      var 
    $y_min$y_max;
      var 
    $width$height;
      function 
    KN_Graph($startX,$endX,$startY,$endY,$width,$height){
        
    // هنا ما سوف تبدأوون ببرمجته طبعاً بعض التحققات من المدخلات وانشاء الصورة وادخال البيانات لمتغيرات الكلاس
      
    }

    بدي مشاركة إلى لقاء آخر
    سلام

  2. #2
    عضو فعال
    تاريخ التسجيل
    13-07-2009
    المشاركات
    491
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    جزاك الله خير اخوي ملك الارقام

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

    بالنسبة للدوال التي اعرفها هي ( لدي فكرة بسيطة عنها )
    imagecreate ... انشاء صورة
    imagecolorallocate... وضع لون على الصورة
    .imagestring ... وضع نص على الصورة

    وهذة التي لا اعرغها
    imagestringup
    imageline .. ممكن رسم خط او ما شابه ؟

    الف شكر اخي ملك الارقام

  3. #3
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    imagestringup لكتابة نص من الأسفل للأعلى

  4. #4
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    نسيت كمان في دالة imagepng

  5. #5
    عضو فعال
    تاريخ التسجيل
    13-07-2009
    المشاركات
    491
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    اقتباس المشاركة الأصلية كتبت بواسطة ملك الأرقام مشاهدة المشاركة
    نسيت كمان في دالة imagepng
    هذي الدالة كي تضع الصورة بصيغة png صحيح ؟

    imagestringup لكتابة نص من الأسفل للأعلى
    كيف كتابة نص من الاسفل للاعلى .. ممكن مثال ؟

  6. #6
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية



    انظر إلى يمين الصورة عن الخط الأسود يوجد رقم 10 انظر كيف هو مقلوب

  7. #7
    عضو فعال
    تاريخ التسجيل
    13-07-2009
    المشاركات
    491
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    ايوه فهمتك تماما

  8. #8
    عضو شرف الصورة الرمزية ماهر الجميل
    تاريخ التسجيل
    10-10-2008
    السن
    28
    المشاركات
    603
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

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

  9. #9
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

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

  10. #10
    عضو شرف الصورة الرمزية ماهر الجميل
    تاريخ التسجيل
    10-10-2008
    السن
    28
    المشاركات
    603
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

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

  11. #11
    عضو فعال
    تاريخ التسجيل
    13-07-2009
    المشاركات
    491
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    ياريت تكمل يا ملك الارقام

  12. #12
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

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


    باراميترات الدالة هي 6 الأولى هي اضغر قيمة ل X داخل مجال الرسم والثانية أكبر قيمة لX داخل مجال الرسم
    نفس الشي بالنسبة ل Y في الباراميترات 3 و 4
    والبارميتر 5 و6 هي عرض وارتفاع الصورة
    الكود مع الشرح:
    كود PHP:
    <?

    function KN_Graph($minX = -10$maxX 10$minY = -10$maxY 10$w 500$h 500){
        
    error_reporting(0);  // لا نريد ظهور أي رسائل أخطاء وإلا لن نتعرض الصورة
        
    $minX floatval($minX);// تحويل البارميترات للنوع الرقمي العشري
        
    $minY floatval($minY);
        
    $maxX floatval($maxX);
        
    $maxY floatval($maxY);
        
    $w intval($w);// تحويل العرض والطول للرقم الصحيح
        
    $h intval($h);
        if(
    $minX == $maxX$maxX++; // لا يجب أن يكون $minX يساوي $maxX
        
    if($minY == $maxY$maxY++; // نفس الشي هون
        
    if($minX $maxX){ // التأكد من أن $minX أضغر من $maxX إذا لا فتبديل القيم
          
    $t $minX;
          
    $minX $maxX;
          
    $maxX $t;
          unset(
    $t);
        }
        if(
    $minY $maxY){ // نفس الشي بالنسبة ل Y
          
    $t $minY;
          
    $minY $maxY;
          
    $maxY $t;
          unset(
    $t);
        }
        
    $this->x_min $minX// ادخال القيم لمتغيرات الكلاس
        
    $this->x_max $maxX;
        
    $this->y_min $minY;
        
    $this->y_max $maxY;
        
    $this->x_step = ($maxX $minX)/($w-1); // طول كل خطوة لرسم التوابع سوف يفيدنا فيما بعد
        
    $this->width $w;
        
    $this->height $h;
        
    $this->source imagecreate($w,$h); // انشاء الصورة ووضعها في متغير عام
        
    $white imagecolorallocate($this->source255255255); // اعطاء الصورة لون أبيض
      
    }
    انتمنى أن يكون قد أعجبكم ولا مانع من أي أضافة أي استفسار أي شي
    والآن سوف أعطيكم نشاط لحين الدرس التالي
    الدالة التالية التي سوف نتعلمها هي pixel
    كما تعلمون الرياضيون يقلون لك الموقع (3،4) هل يقصدون 3 عرض بكسل و 4 ارتفاع بكسل هم ما بيتعاملو بالبكسل انما يتعاملون بالواحد الرياضي يعني هنا:

    ولكن لو كان بالبكسل كان ظهر بأعلى يسار الصورة لأن البكسل صغير اتمنى تكون وصلت الفكرة
    والآن مهمة الدالة pixel اعطاءها الأبعاد (الطول والعرض) بالواحد الرياضي ثم هي توجد لنا مكانها بالكبسل لكي نرسمها أو نعمل بها أمور أخرى هذه الدالة أساسية ومهمة جداً
    والآن كيفية الحساب هذا يعتمد على x_min و x_max و width الخ ونفس الشي بالنسبة للارتفاع تقريباً
    والنشاط هو محاولة برمجة هذه الدالة لكي تقوم بمهمتها هنا سوف تعتمد على شطارتك بالحساب
    اتمنى المحاولة إلى اللقاء القادم

  13. #13
    عضو شرف الصورة الرمزية ماهر الجميل
    تاريخ التسجيل
    10-10-2008
    السن
    28
    المشاركات
    603
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    الله عليك درس ممتع جميل
    وكمان لاننى بحب الرياضيات
    الخيل والليل والبيداء تعرفنى

  14. #14
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

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

  15. #15
    عضو فعال
    تاريخ التسجيل
    13-07-2009
    المشاركات
    491
    معدل تقييم المستوى
    9

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    بارك الله فيك

    طيب ماهي فائدة دالة floatval هنا بالضبط

  16. #16
    عضو شرف الصورة الرمزية issam-rrr
    تاريخ التسجيل
    10-09-2008
    السن
    27
    المشاركات
    419
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    جميل جدا يا مبدع

    تابع >

  17. #17
    عضو جديد
    تاريخ التسجيل
    10-10-2010
    المشاركات
    3
    معدل تقييم المستوى
    0

    افتراضي رد: دورة برمجة راسم المخططات البيانية

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

  18. #18
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    اقتباس المشاركة الأصلية كتبت بواسطة أبوعمار مشاهدة المشاركة
    السلام عليكم ورحمة الله وبركاته
    أنا عجبني الموضوع بس ودي اسئل
    هل أستطيع جعل لهذا الرسم البياني لوحة تحكم
    شي اخر مثالا اكتب الكود على عدد زوار الموقع عند زيادة عدد الزوار يزيد الرسم البياني إذا ممكن نرجو الشرح
    هذا احصاء كما قلت للأخ PHP S حالياً لا يمكن عمل هذا ولكني عند تفرغي سوف أعمل واحد خصوصي للاحصاء ان شاء الله

  19. #19
    عضو جديد
    تاريخ التسجيل
    10-10-2010
    المشاركات
    3
    معدل تقييم المستوى
    0

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    اقتباس المشاركة الأصلية كتبت بواسطة ملك الأرقام مشاهدة المشاركة
    هذا احصاء كما قلت للأخ PHP S حالياً لا يمكن عمل هذا ولكني عند تفرغي سوف أعمل واحد خصوصي للاحصاء ان شاء الله
    شكرا ع الرد السريع
    نعم كما قلت احصاء ان شاء الله قريب تتمكن
    موفق ملك الأرقام

  20. #20
    عضو شرف الصورة الرمزية ملك الأرقام
    تاريخ التسجيل
    07-08-2009
    السن
    22
    المشاركات
    1,576
    معدل تقييم المستوى
    10

    افتراضي رد: دورة برمجة راسم المخططات البيانية

    السلام عليكم اليوم درسنا عن الدالة pixel ومهمتها قما قلت تحويل من الواحد الرياضي للبكسل
    وهذا سوف يعتمد على الحساب سوف أشرح الطريقة:
    كل width يقابل x_max - x_min لأننا نريد أن نرسم داخل كل الصورة
    كل س يقابل 1 وسوف تكون س هي مسافة بالبكسل لكل واحد رياضي

    س = width/x_max - x_min

    ماذا لو أردنا مسافة 2 بالواحد الرياضي
    إذاً 2س لو كان لو أردنا مكان 4 حسب البكسل يجب أن نعرف كم واحد راضي تبعد عن بداية الصورة؟ وسوف نرمز له ع

    ع = المدخل وهو الرقم 4 فرضاً - x_min


    والآن لمعرفة كم يقابل الرقم 4 بالبكسل سوف نكتب ع × س ونعوضهم (width/x_max - x_min) * (المدخل وهو الرقم 4 فرضاً - x_min )
    والآن هناك بعض الأمور الشاذة عن هذه القاعدة وهي عندما يكون المدخل المطلوب تحويله للبكسل يساوي x_max عندها سيكون الناتج يساوي width ولكن لو كان ال width مثلا 500 سوف تكون بداية الصورة 0 بكسل ونهايتها 499 عندها لن يطهر ال 500
    لذا سوف ننقص واحد

    كما أن الأعغلى من الصورة يكون 0 بكسل كأرتفاع ولكن المخطط البياني يبدأ من الأسفل
    لذلك سوف نعكس الناتح بهذه الطريقة
    كود PHP:
    height - (height/y_max y_min) * (المدخل وهو الرقم 4 فرضاً   y_min 
    وسوف تكون الدالة هكذا:
    كود PHP:
    function pixel($x,$y){
        if(
    $x == $this->x_max){
          
    $value['x'] = $this->width 1;
        } else {
          
    $value['x'] = ($x $this->x_min) * ($this->width / ($this->x_max $this->x_min));
        }
        if(
    $y == $this->y_min){
          
    $value['y'] = $this->height 1;
        } else {
          
    $value['y'] = $this->height - ($y $this->y_min) * ($this->height / ($this->y_max $this->y_min));
        }
        return 
    $value;
      } 

    انتهى درس اليوم الدالة التالية سوف تكون drawGrid لرسم الخطوط الفضيةالتي ترونها

صفحة 1 من 3 123 الأخيرةالأخيرة

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

المواضيع المتشابهه

  1. دورة برمجة سكربت مقالات بسيط
    بواسطة Yofi king في المنتدى دروس للمبتدئين
    مشاركات: 4
    آخر مشاركة: 16-10-2010, 12:43 AM
  2. درس دورة برمجة سكربت توبيكات كاملة
    بواسطة Mr.Java في المنتدى دروس بي اتش بي PHP Lessons
    مشاركات: 14
    آخر مشاركة: 01-08-2010, 05:43 AM

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •