جميع المواضيع
‏إظهار الرسائل ذات التسميات دورات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات دورات. إظهار كافة الرسائل

السبت، 23 أغسطس 2014




Mapping the entity Relationship Diagram (ERD) to Tables الجزء الاول من دورة

هذه الدورة عبارة عن جزئين :
الجزء الاول سيتم التعرف على مكونات ERD بالتفصيل .
الجزء الثاني سيتم التعرف على طريقة تحويل ERD الى Tables .


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

في هذا المثال جميع انواع Attribute و Entity و Relationship ,, لذا سيتم التطبيق عليه لتغطية كامل الافكار .

1. Entity : تمثل اسم Table الذي يمثل شي او مسمى لشيء في الواقع الحقيقي التي توصف في قاعدة البيانات DB و تكون على الشكل مستطيل كما في الصورة , بها سترتبط  Attribute و Relationship.
Entity
Entity
2. Weak Entity : هي entity لكن لا تحتوي على unique attribute لذا يجب ربط Foreign key  مع Attribute اخرى  لنكون Primary Key لهذه entity و تكون على شكل مستطيلين داخل بعضهما كما في الصورة ادناه .

       Primary Key : هو Attribute لكن لا تحتوي تكرار في القيم و لا يمكن ان تحتوي على قيم Null لذا يتم تميز بها record                                  لهذا entity يرمز له بـ PK .
       Foreign key : هو Attribute يكون PK في entity اخر و تستخدم للربط بين entities و يرمز له بـ FK .

Weak Entity
Weak Entity
3. Relationship : تمثل عملية الترابط بين entity و تكون على شكل معين كمان في الصورة .
Relationship
Relationship
    تقسم Relationship الى 3 انواع و هي :
        one to one :  في هذه الحالة يرتبط record (صف) واحد من entity الاولى  مع record (صف) واحد من entity الثانية و                تكون على شكل 1:1 .
        one to many : في هذه الحالة يرتبط مجموعة records (صفوف) من entity الاولى  مع record (صف) واحد من entity                الثانية وتكون على شكل 1:M .
        many to many : في هذه الحالة يرتبط مجموعة records (صفوف) من entity الاولى  مع مجموعة records (صفوف)                من entity الثانية وتكون على شكل N:M .

4.  Identifying Relationship : هي relationship لكن تربط بين weak entity و owner entity و تكون على شكل معينين داخل بعضهما كما في الصورة . 
        
          Owner entity : هي entity التي على الطرف الاخر من relationship و تكون مرتبطة مع weak entity.
Identifying Relationship
Identifying Relationship
5. Attribute : هي عبارة عن صفات لـ entity و تكون على شكل بيضوي كما في الصورة .
Attribute
Attribute
    و قد تكون هذه Attribute تمثل PK عندها نضع تحت اسم Attribute خط كما في الصورة .
PK Attribute
PK Attribute
   و قد تكون هذه Attribute تحتوي على اكثر من قيمة في الوقت الواحد و تسمى Multivalued Attribute و تكون على الشكل      الذي بالصورة .
Multivalued Attribute
 Multivalued Attribute
و قد يتم تقسم Attribute الى sub part و عندها تسمى Composite Attribute و تكون على الشكل الظاهر في الصورة .
Composite Attribute
Composite Attribute
و اخيرا توجد Attribute يعتمد احتساب قيمها على Attribute اخرى و تسمى هذه Attribute بـ Derived Attribute .

Derived Attribute
Derived Attribute
انتهى الجزء الاول من هذه الدورة .. انتظرنا في الجزء الثاني و الذي سيتم شرح كيفية تحويل ERD الى Tables.

لانتأكد من تحقق اهداف الدرس ,, كتب بتعليق مثال على كل مكون من ERD الذي سيتم تطبيق الدورة عليه ..



دورات اخرى قد تستفيد منها :
أفضل مواقع لتنسيق الالوان لمصممين مواقع الويب
5 مكتبات لتأثيرات css ليكون تصميمك غني و ثري / 5 CSS Effects Libraries for Supercharging Your Designs
افضل 20 موقع لتعلم css3
دوره برمجه الاندرويد من الصفر الى الاحتراف
درس عمل غلاف للفيس بوك للمبتدئين 
كيفيه برمجه اضافات جوجل كروم (الجزء الرابع) / Google Extention
كيفيه برمجه اضافات جوجل كروم (الجزء الثالث) / Google Extention
كيفيه برمجه اضافات جوجل كروم (الجزء الثاني) / Google Extention
كيفيه برمجه اضافات جوجل كروم (الجزء الاول) / Google Extension
تحويل الصور الى كرتون بالفوتوشوب .. بالفيديو
PSD/HTML Conversion: Code a Clean Business Website Design / تحويل شكل الموقع من الفوتوشوب الى موقع HTML
اسرع و افضل طريقة لتجميل الوجه بالفوتوشوب / Super Fast and Easy Facial Retouching
How to Design a Clean Business Website with Photoshop / تصميم شكل القالب لموقع اعمال باستخدام الفوتوشوب
5 مبادئ ليكون تصميمك ناجح (تصميم الشعارات)



Mapping the entity Relationship Diagram (ERD) to Tables الجزء الاول من دورة

نشر في : السبت, أغسطس 23, 2014  |  من طرف Unknown

الاثنين، 21 يوليو 2014

css3 تهيئ للمصمم الفرص و الطرق ليضيف لمشروعه التفاعل الرائع .
فاذا اردت ان تستغل و تستفيد من هذه الفرص و الطرق و الامكانيات التي تقدمها css3 ، فما عليك الا ان تتجه الا الطريقة الاسرع و الاسهل و هي مكتبات css3 .
في هذا المقال سنقدم لكم اهم 5 مكتبات تقدم لك مجموعة من open source css لتساعدك في انجاز عملك .




1. Animate.css : تحتوي على اكثر من 60 تأثير  
 للمعاينة 
التحميل 


2.Hover.css :  تحتوي على اكثر من 48 تأثير بـ css3 .
 للمعاينة 
التحميل 



3.fancyInput :  تحتوي على تأثيرات رائعة لـ inputBox .
  للمعاينة 
التحميل 



 4.magic .
  للمعاينة 
التحميل 



 5.Effeckt.css .
  للمعاينة 
التحميل 

 اقرأ ايضا ...

أفضل مواقع لتنسيق الالوان لمصممين مواقع الويب
 PSD/HTML Conversion: Code a Clean Business Website Design / تحويل شكل الموقع من الفوتوشوب الى موقع HTML 
How to Design a Clean Business Website with Photoshop / تصميم شكل القالب لموقع اعمال باستخدام الفوتوشوب




5 مكتبات لتأثيرات css ليكون تصميمك غني و ثري / 5 CSS Effects Libraries for Supercharging Your Designs

نشر في : الاثنين, يوليو 21, 2014  |  من طرف Unknown

الجمعة، 21 مارس 2014

أفضل مواقع لتنسيق الالوان لمصممين مواقع الويب
أفضل مواقع لتنسيق الالوان لمصممين مواقع الويب

اليوم سنعرض عليكم بعض مواقع تنسيق الالوان لصممين مواقع الويب 
إذا كنت تبحث عن موقع مناسب لتنسيق الألوان css فلا تقلق سأعرض عليكم 
أفضل موقع تنسيق الألوان 

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



أفضل مواقع لتنسيق الالوان لمصممين مواقع الويب

نشر في : الجمعة, مارس 21, 2014  |  من طرف Unknown

الجمعة، 7 مارس 2014



اسرع و افضل طريقة لتجميل الوجه بالفوتوشوب / Super Fast and Easy Facial Retouching

دوره برمجه الاندرويد من الصفر الى الاحتراف


الدوره التي يبحث عنها الجميع و هي دوره للمبتدئين و للمتوسطين عند انتهائك من الدوره ستكون قادر على تصميم تطبيقات الاندوريد.

الدوره هي من 33 درس و مده كل درس من 15 دقيقه الى نصف ساعه .
اذا واجهت اي مشكلة لا تتردد بالسؤال اما بتعليق او بخدمة Ask الجديدة




















































دوره برمجه الاندرويد من الصفر الى الاحتراف

نشر في : الجمعة, مارس 07, 2014  |  من طرف Unknown

الثلاثاء، 4 مارس 2014


درس جميل و بسيط لتعلم كيفية عمل غلاف للفيسبوك 
لتحميل مستلزمات الدرس من هنا

  اذا واجهت اي مشكلة لا تتردد بالسؤال اما بتعليق او بخدمة Ask الجديدة 

درس عمل غلاف للفيس بوك للمبتدئين

نشر في : الثلاثاء, مارس 04, 2014  |  من طرف Unknown

الجمعة، 28 فبراير 2014

Google Extention
Google Extention

 سنتكلم اليوم عن امرين مهمين جدا لكل مطور تطبيقات لمتصفح جوجل كروم،هما الـ API و الرسائل التي من غير الممكن الإستغناء عنهما عند تطوير أي إضافة للمتصفح.
بطبيعة الحال يوفر جوجل كروم العديد من الوظائف عن طريق الـ API،لمن ﻻ يعرفها فهي اختصار لجملة Application Programming Interface،و هي تخص الوظائف التي يوفرها جوجل كروم أو يستخدمها في عمله و يتيح للمطور استخدامها و الإستفادة منها في تطبيقاته.
كما ذكرت قبل قليل،فإن كروم يوفر العديد من الوظائف و ﻻ يمكن بأي حال من الأحوال تغطيتها جميعا و لكن عليك الإطلاع على التوثيق الرسمي لها حتى تستطيع فهم آلية العمل مع معرفة كيفية الإستخدام.
يمكنك زيارة التوثيق الرسمي لها من هنا.

لننتقل إلى الجزء الثاني و هو الرسائل،تسمى رسائل و لكنها ليست كذلك.هي في الحقيقة أداة مراقبة ﻷداء الإضافة أو القيام بعمل ما استنادا لنتيجة معينة و هي نوعان:

One-Time Request: سأعطيكم مثاﻻ بسيطا حتى تتضح الأمور،لو اردنا الإستفسار أو اخذ معلومات عن صفحة معينة،و نريد اخذ معلومات تخص الـ DOM الخاص بالصفحة...سنقوم بكتابة الكود التالي:





كود:
chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
    switch(request.type) {
        case "dom-loaded":
            alert(request.data.myProperty);
        break;
    }
    return true;
});
يتم كتابة هذا الكود في صفحة الـ background(اعتقد أنكم تتذكرونها) و في ملف content سنضع الكود التالي ﻻستقبال المعلومات

كود:
window.addEventListener("load", function() {
    chrome.extension.sendMessage({
        type: "dom-loaded",
        data: {
            myProperty: "value"
        }
    });
}, true);
Long-lived Connection: يستخدم هذا النوع ﻹنشاء اتصال دائم،و ذلك عن طريق وضع الكود التالي في صفحة الـ content

كود:
var port = chrome.runtime.connect({name: "my-channel"});
port.postMessage({myProperty: "value"});
port.onMessage.addListener(function(msg) {
    // do some stuff here
});
كود:
و في صفحة الـ background نضع الكود التالي:

chrome.runtime.onConnect.addListener(function(port) {
    if(port.name == "my-channel"){
        port.onMessage.addListener(function(msg) {
            // do some stuff here
        });
    }
});
و هكذا نكون قد ختمنا هذه الدورة , و كالعادة لابد من التطبيق لتصبح متميز ...








كيفيه برمجه اضافات جوجل كروم (الجزء الرابع) / Google Extention

نشر في : الجمعة, فبراير 28, 2014  |  من طرف Unknown

الجمعة، 21 فبراير 2014

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

أدوات المطورين Developer Tools: تمكنك هته الخاصية من إضافة ألسنة جديدة لتطبيقك و بالتالي يمكنك جعل اﻹضافة تعمل ﻷكثر من مرة،حتى تستطيع استخدام هته الخاصية عليك إنشاء صفحة ويب جديدة و بعدها تطلبها في ملف manifest.json كاﻵتي:

كود:
devtools_page": "devtools.html"
في داخل الملف نقوم بتضمين ملف الأكواد البرمجية الخاصة بالجافاسكريبت كالتالي:
; 
كما تلاحظون علينا انشاء ملف جديد بإسم devtools.js:يمكنكم تسميته كما تشاؤون و لكن عليكم تغيير الإسم عند القيام بتضمين الملف.في ملف الجافاسكريبت ضع الكود التالي

كود:
chrome.devtools.panels.create(
    "TheNameOfYourExtension",
    "img/icon16.png",
    "index.html",
    function() {

    }
);




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

الـ Omnibox:
متصفح جوجل كروم يتيح لنا إصدار أوامر كتابية له لتنفيذها،هذه الأوامر هي في اﻷصل كلمات مفتاحية تم وضعها من قبل مبرمجي الإضافات.
يتم تعريف الكلمات المفتاحية في ملف manifest.json و تتم العملية كالأتي:

كود:
"omnibox": { "keyword" : "yeah" }




تلاحظون بأنه تم تعريف omnibox على أنه مصفوفة(قاموس).يتم تعريف الكلمات المفتاحية في ملف الخلفية Background-تتذكرونه- كاﻵتي

كود:
chrome.omnibox.onInputChanged.addListener(function(text, suggest) {
    suggest([
      {content: text + " one", description: "the first one"},
      {content: text + " number two", description: "the second entry"}
    ]);
});
chrome.omnibox.onInputEntered.addListener(function(text) {
    alert('You just typed "' + text + '"');
});
لو قمنا بكتابة yeah في المتصفح لتحصلنا على التالي:



المصدر مدونة المبرمج الاردني
كيفيه برمجه اضافات جوجل كروم (الجزء الرابع) / Google Extention


كيفيه برمجه اضافات جوجل كروم (الجزء الثالث) / Google Extention

نشر في : الجمعة, فبراير 21, 2014  |  من طرف Unknown

السبت، 15 فبراير 2014

Google Extention
 Google Extention

 تعرفنا في الدرس السابق عن بنية إضافات متصفح جوجل كروم،و أعتقد أن الدرس كان سهلا للجميع،لهذا علينا أن ننتقل سويا لنتعرف على شيء آخر يخص هته الإضافات قبل أن نفكر في تطوير إضافة خاصة بنا،و بالتالي سنتعرف اليوم على عناصر واجهة المستخدم.
هل تتذكرون من الدرس السابق خاصية Browser_action،فقد ذكرت أنها تعريف لبعض الخصائص،نعم فهي تستخدم للعديد من اﻷمور منها تعيين أيقونة للإضافة،شاهد المثال التالي:






كود:
"browser_action": {
    "default_icon": {
        "19": "icons/19x19.png",
        "38": "icons/38x38.png"
    },
    "default_title": "That's the tool tip",
    "default_popup": "popup.html"
}

بالطبع يتم تعريفها في ملف manifest.json ،أعتقد أن كل شيء واضح و ﻻ يستدعي الشرح المستفيض له،الآن للنتقل لجزئية أخرى و هي التسمية التي تظهر مع أيقونة الإضافة و أقصد هنا الكتابة yeah فيتم إضافتها عن طريق السطر التالي في نفس الملف:
   اذا واجهت اي مشكلة لا تتردد بالسؤال اما بتعليق او بخدمة Ask الجديدة 
كود:
chrome.browserAction.setBadgeText({text: "yeah"});
هنالك خاصية أخرى يمكن إستخدامها في تطوير تطبيقات متصفح كروم و هي page_action كمثال عليها:



و يتم تعريفها في نفس الملف السابق كالتالي:

كود:
"page_action": {
    "default_icon": {
        "19": "images/icon19.png",
        "38": "images/icon38.png"
    },
    "default_title": "Google Mail",
    "default_popup": "popup.html"
}
المصدر مدونة المبرمج الاردني
  اذا واجهت اي مشكلة لا تتردد بالسؤال اما بتعليق او بخدمة Ask الجديدة 

كيفيه برمجه اضافات جوجل كروم (الجزء الثالث) / Google Extention







كيفيه برمجه اضافات جوجل كروم (الجزء الثاني) / Google Extention

نشر في : السبت, فبراير 15, 2014  |  من طرف Unknown

تابعنا ليصلك جديدنا

انت الزائر رقم

Translate

back to top