التعليم والتعلم

header ads new

Hot

Post Top Ad

Your Ad Spot

الأربعاء، 4 يوليو 2018

تقسيم صفحة الويب بواسطة العناصر عن طريق لغة HTML

يوليو 04, 2018

صفحة الويب ,html ,لغة برمجة , تعليم ,تعلم ,تصميم ,انشاء ,عناصر , وسوم , صفحة ,تقسيم ,دروس ,elements ,class ,inline,div ,دورة ,كورس

موضوعنا اليوم من اهم دروس لغة HTML وهي عناصر تقسيم صفحات الويب وسنعرضها لكم اليوم


نوع ال Doctype html

كان في السابق لابد من تحديد نوع HTML والذي تم استخدامه في الصفحة ولكنه قد تم تجاوز ذلك الامر واصبحت كل صفحات HTML تبدأ بالعنصر التالي



<!DOCTYPE html>

التعليقات Comments

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


<!-- comments -->

خاصية id

استعمال خاصية ID يمكن بكل بساطة في كيفية تخصيص قسم من تلك الصفحة بهوية محددة ولكن لايمكن تكرار ال ID اكثر من مرة ومن خلال لغة CSS سنرى كيفية التحكم فيه وكيفية اعطائه تصميم مختلف يميزه عن باقي اجزاء الصفحة ويتم اضافة الخاصية كمايلي 


paragraph
</p>

خاصية class

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


<ul class="className">
<li>elemnet</li>
</ul>

عناصر لا تجتمع في نفس السطر Block Elements

توجد بعض عناصر html elements التي لا يتم جمعها في نفس السطر حيث أنه بمجرد وضع عنصر بجانب عنصر تكون العودة للسطربشكل ضروري.
على سبيل المثال:
h1 h2  وهي العناوين
p وهي الفقرات
li تمثل عناصر لائحة

عناصر تجتمع في نفس السطر Inline Elements

وعلى عكس block elements هتكون ذه العناصر في نفس السطر مثالل:
b  بمعنى لنص عريض
i بمعنى لنص مائل

 

جمع العناصر  والنصوص باستعمال div

ذلك العنصر من التقنيات التي يتم استعمالها لإنشاء اقسام داخل صفحة الويب على سبيل المثال div وهو الخاص براس الصفحة ويوجد بداخله شعار الموقع والقائمة وكذلك div  خاص بالجزء الجانبي
سنعرض اليك كيف تقوم بالتحكم ب css  في مربعات div وكذلك كيف تقوم بإعطائها الطول والعرض والألوان التي تريدها كما يلي 
<div id="header">
<div class="logo">
</di>
<div class="menu">
</div>
</div>

span

من اهم العناصر التي يتم استخدامها للتحكم في جزء بداخل نص أو فقرة.

iframe

من خصائص ذلك العنصر انه يمكنك إظهار صفحة ويب داخل صفحة ويب اخرى يمكن إضافة iframe
والذي يتكون من 3 عناصر وهي
src بمعنى رابط الصفحة
width العرض
height الطول

<iframe src="http://www.education-learning.com/" width="200px" height="300px" />

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

معلومات حول الصفحة

ويمكنك من خلال هذا العنصر استخدام عناصر تساعدك على عرض اي معلومات اصافية عن الصفحة

meta

وهو ذلك العنصر الذي يتم من خلاله إضافة داخل  head ويحتوي كذلك على مجموعة من المعلومات مثل الكاتب او لغة الموقع وكذلك الوصف

description وصف صفحة الويب

<mete name="description" content="مدونة التعليم والتعلم تهتم بالانترنت والتدوين والبرامج"/>

 مواضيع ذات صله


تعلم تصميم المواقع html للمبتدئين 2018
المعلمات لمحتوى الصفحة بلغة html
اقرأ المزيد
مرسلة بواسطة في
التسميات: , ,

الثلاثاء، 3 يوليو 2018

اهم دروس لغة css نظام الصندوق CSS Boxes

يوليو 03, 2018

اهم دروس لغة css نظام الصندوق CSS Boxes

من اهم دروسنا اليوم في لغة css درس اليوم والذي سنرى من خلاله طريقة التحكم في نظام الصندوق 

- الطول والعرض

من السهل جدا التحكم في طول وعرض اي صندوق من خلال خاصيتين مهمتين
الطول او width
العرض او height

<div class="box">
<p>يمكنك تعلم أي شيء، ما دمت ترغب في ذلك وتعمل لتحقيق الأمر.</p>
</div>
باضافة كود css
div.box {
height: 300px;
width: 300px;
background-color: #bbbbaa;}
p {
height: 75%;
width: 75%;
background-color: #0088dd;}

 من الواضح ان المربع الموجود باللون الرمادي والذي يحمل class اسمها box والموجود بعرض 300 بيكسل على 300 طول. وتوجد بداخله فقرة تصل نسبة 75 في المائة من المساحة بالنسبة للطول والعرض.
وبذلك يمكننا الحصول على النتيجة التالية :

دروس لغة css ,الصندوق ,Boxes ,برمجة , تصميم مواقع ,width ,height ,كود , code ,دورة ,تعلم ,تعليم ,صفحة ويب ,موقع الكترونى ,تكنولوجيا ,انترنت 

ويمكنك ايضا التحكم في كلا من الطول والعرض باحدى الطرق الاخرى والتي تكون عبارة عن خواص اخرى مثل:

Max-width
Max-height
Min-width
Min-height

Max  هنا لابد أن يكون الحجم اقل من المحدد وأن لا يتم تجاوزه بأي حال
Min وهنا يمكن ان يكون الحجم اكبر بعض الشئ من هذا ولا يكون اقل منه باي حال.

- over flow


 وهنا يحتمل قيمتين
Hidden وهي عبارة عن تجاوز الصندوق الحد المحدد وهنا يمكننا القيام باخفاءه
Scroll ويحدث عند  تجاوز الصندوق الحجم المحدد وهنا نقوم بإظهار خط النزول للأسفل

- نظام الصندوق


من اهم القواعد التي تحتاج إلى القليل من الانتباه حتى نستطيع فهمها وتتكون من بعض القواعد نقوم بسردها 

من القواعد التي تتطلب القليل من الإنتباه لفهمها. وهي تتألف من القواعد التالية:
Margin : وهو عبارة عن الهامش الذي يقوم بالفصل بين كلا من الصندوق ومحيطه من الخارج 
Padding : وهو ذلك الهامش الموجود في الصندوق
Boder : وهو ذلك الحد المحيط بالعنصر
دروس لغة css ,الصندوق ,Boxes ,برمجة , تصميم مواقع ,width ,height ,كود , code ,دورة ,تعلم ,تعليم ,صفحة ويب ,موقع الكترونى ,تكنولوجيا ,انترنت

 

- الحد او Border

 

.box{
border: 1px #000000 solid;
}

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

- المحيط الداخلي padding

 

.box{
padding: 10px  0px 5px 30px;
}
- المحيط الداخلي يحمل أربعة قيم والموجودة على التوالي أعلى يمين اسفل يسار:
10px  وهي في الأعلى
0px موجودة على اليمين
5px  وهي في الأسفل
30px موجودة على اليسار
.box{
padding: 10px;
}

  هنا 10px واما من  جميع الجهات

.box{
padding: 10px 0px;
}

هنا 10px  في الأعلى والأسفل ثم 0px على اليمين وعلى اليسار

- المحيط الخارجي

ويعمل بنفس نظام Padding وهو المحيط الداخلي

- التوسيط centering

حتى يتم جعل أي مربع في الوسط من الكافي جدا استخدام قاعدة المحيط الخارجي من اليمين ومن اليسار ايضا
مثلا:

.box{
margin-right: auto;
margin-left: auto;
}

أو :
.box{
margin: 0px auto;
}

- التوجيه Float

من الممكن جدا توجيه أي عنصر سواء إلى اليمين أو إلى اليسار وذلك باستخدام قاعدة float وهي التي تحتمل قيمتين وهما:
 يسار right  أو يمين left

.box { 
float: right;
}

 

 - الاظهار او

Display


والتي تحتمل أربع خيارات
Inline  اولا وهو ظهور الصناديق بجانب بعضها البعض
Inline-block والذي يلعب نفس الدور وذلك بالنسبة ل inline  ثانيا يمكن ان يتم تحديد الطول والعرض
Block ثالثا ظهور الصناديق لوحدها
None رابعا وهو اخفاء الصندوق

- الرؤوس الدائرية

حتى يمكنك جعل كل الرؤوس الخاصة بالصندوق تظهر بصورة دائرية يمكنك القيام بإضافة قاعدة border-radius كما هو موضح بالاسفل

.box {
border-radius: 5px;
}

ومن الجدير بالذكر انه كلما زادت قيمة القاعدة كلما أصبحت الرؤوس دائرية اكثر

اقرأ المزيد
مرسلة بواسطة في
التسميات: , ,

السبت، 30 يونيو 2018

المعلمات لمحتوى الصفحة بلغة html

يونيو 30, 2018

عند قيامك بانشاء صفحة ويب فإنك تقوم بإضافة مايسمى الوسوم والمعروفة بإسم العلامات لمحتوى تلك الصفحة وتلك الوسوم تقوم بتوفير بعض المعلومات الإضافية والتي تسمح بإظهار البنية الاساسية المناسبة لتلك الصفحة بكل المتصفحات

html ,صفحة ويب ,الوسوم ,لمحتوى ,المعلمات ,لغة ,العناوين ,الفقرات ,HEADER ,الكود ,h1 ,دروس , دورة ,تصميم ,الدلالية ,semantic markup ,برمجة ,انشاء , اوامر ,انترنت ,كمبيوتر ,tags , elements ,المعلمات البنيوية


ماهي المعلمات في لغة HTML:


تنقسم المعلمات إلى نوعين

المعلمات البنيوية 

 من المعروف اننا نقوم بإستخدامها في العناوين والفقرات

العناوين او HEADER


ومن الجدير بالذكر أن عناوين لغة HTML تبدأ من 1 حتى 6

مثلا الكود
<h1>العنوان الرئيسي</h1>
<h2> العنوان الثانوي رقم 1</h2>
<h3>العنوان الثانوي رقم 3</h3>
<h4>العنوان الثانوي رقم 4</h4>
<h5>العنوان الثانوي رقم 5</h5>
<h6>العنوان الثانوي رقم 6</h6>
ينتج عنه النتيجة التالية كما في الصورة حينما نقوم بنسخه
html ,صفحة ويب ,الوسوم ,لمحتوى ,المعلمات ,لغة ,العناوين ,الفقرات ,HEADER ,الكود ,h1 ,دروس , دورة ,تصميم ,الدلالية ,semantic markup ,برمجة ,انشاء , اوامر ,انترنت ,كمبيوتر ,tags , elements ,المعلمات البنيوية
سنلاحظ ان h1 هو العنوان الرئيسي الاكبر حجما وتدريجيا يتم تصغير الحجم حسب الاكثر اهمية حتى h6

الفقرة :

حتى يمكنك انشاء فقرة عليك نسخ الكود كالتالي

 <p>دروس تصميم مواقع الويب على مدونة التعليم والتعلم</p>
والنتيجة ستكون عن طريق عرض المتصفح لشكل الكود كما وضحناه مع ترك فؤاغ بين كل فقرة والاخرى
العودة للسطر
يكون الكود كما يلي
<p>دروس تصميم مواقع ا لويب </br> على مدونة التعليم والتعلم</p>
خط افقي للتفريق
يكون من خلال الكود التالي
<p>دروس تصميم مواقع الويب على مدونة التعليم والتعلم</p>
</hr>
<p>دروس تصميم مواقع الويب على مدونة التعليم والتعلم</p>

المعلمات الدلالية اوsemantic markup

 
وهي تقوم بإضافة المزيد من المعلومات 
عريض
حتى تجعل الخط واضح عليك باستخدام الكود التالي
الكود
<p><bold>دروس تصميم موا قع الويب </bold>على مدونة التعليم والتعلم</p>
مائل
حتى يمكنك جعل الخط مائل لابد من استخدام الكود التالي
<p><i>دروس تصميم موا قع الويب </i>على مدونة التعليم والتعلم</p> 
اقتباس

مهمته تمييز جزء من الكلام كاقتباس له

الكود

<p>

قال حكيم

<blockquote>من علمني حرفا، صرت له عبدا<blockquote>

</p>  
html ,صفحة ويب ,الوسوم ,لمحتوى ,المعلمات ,لغة ,العناوين ,الفقرات ,HEADER ,الكود ,h1 ,دروس , دورة ,تصميم ,الدلالية ,semantic markup ,برمجة ,انشاء , اوامر ,انترنت ,كمبيوتر ,tags , elements ,المعلمات البنيوية

مواضيع ذات صلة 



للمبتدئين : دليلك للتعرف على لغة بايثون python

طريقة التحكم في الصور بلغة css
اقرأ المزيد
مرسلة بواسطة في
التسميات: , ,

الأربعاء، 27 يونيو 2018

للمبتدئين : دليلك للتعرف على لغة بايثون python

يونيو 27, 2018

المبادئ الاساسية لتعلم لغة بايثون
سوق العمل ملئ بلغات البرمجة ولكى نبدأ فى التعلم يجب اختيار لغة سهلة فى التعلم وقوية وعليها الطلب
بايثون , python , لغة برمجة , لغة سهلة ، استخدام لغة ، تعلم , تعليم , مبرمج , تصميم العاب , صفحات ويب , المبتدأيين
اقرأ المزيد
اضغط لمشاهدة باقى الموضوع »
مرسلة بواسطة في
التسميات: , ,

السبت، 23 يونيو 2018

طريقة التحكم في الصور بلغة css

يونيو 23, 2018

حتي يمكنك التحكم في حجم الصورة لابد ان يتم استخدام قاعدة  width و قاعدة height
  وذلك من خلال وجود كود html حيث يمكنك ادراج صورة مع استعمال خاصية class تحت مسمى  large وكذلك كود css حتى يمكنك التحكم في الصورة لابد ان يكون بهذا الشكل:

طريقة التحكم في الصور بلغة css حتي يمكنك التحكم في حجم الصورة لابد ان يتم استخدام قاعدة width و قاعدة height وذلك من خلال وجود كود html حيث يمكنك ادراج صورة مع استعمال خاصية class تحت مسمى large وكذلك كود css حتى يمكنك التحكم في الصورة

1- التوجيه او Aligning
تلك الخطوة التي يتم من خلالها توجيه الصورة والذي يحتمل احدى الخيارات يمينا او يسارا وذلك باستخدام قاعدة float
 ويكون لدينا كود html ليمكننا من ادراج الصورة مع استخدام خاصية class تحت مسمى  large

2- التوسيط centering

ولان الصور تعتبر من اهم العناصر التي تقوم باتباع قاعدة inline والذي يوضح انه في حالة وضع الصورة فانها تقوم باتخاذ مكانها بجانب احدى الفقرات النصية مثلا وحتى يتم جعل الصورة في الوسط لابد من تحويلها لعنصر block ليمكنك ذلك من التحم في الصورة ووضعها في الوسط
كود html
<img src="photo.png" class="mylogo"/>
كود css

img.mylogo{

display: block;

margin: 0 auto;

}

3- استخدام الصورة كخلفية

من الجدير بالذكر ايضا انه يمكنك استخدام الصور كخلفيات بلغة css
واليكم الطريقة بالتفاصيل  :

body {

background-image: url("pattern.gif");
}



يمكن التحكم غي الخلفية بعدة طرق ومن اهم تلك القواعدالخلفية :

Background-repeat والتي تحتمل الخيارات التالية:



repeat إعادة الخلفية

repeat-x أفقيا

repeat-y عموديا

no-repeat عدم إعادة الخلفية
كود css:

body {
background-image: url("pattern.gif"); Background-repeat: repeat;
}



background-attachement وتحتمل الخيارات التالية:

fixed وتعني لا تتحرك

scroll تعني انها تتحرك مع النزول لأسفل الصفحة
كود css:
body {
background-image: url("pattern.gif"); background-attachement: fixed;
}



background-position
left top يسار أعلى
left center يسار وسط
left bottom يسار اسفل
right top يمين أعلى
right center يمين وسط
right bottom يمين اسفل
center top وسط أعلى
center center وسط
center bottom وسط أسفل
كود css:

body {
background-image: url("pattern.gif"); background-position: top left;
}

ويمكنك ايضا استخدام النسبة المئوية
x% y%  القيمة الأولى افقيا والثانية عموديا
أو البيكسلز px
10px 50px

 مواضيع ذات صلة : 
درس مهم جدا عن النصوص في لغة css
اهم دروس لغة css نظام الصندوق CSS Boxes


تعريفات الالوان في لغة css
اقرأ المزيد
مرسلة بواسطة في
التسميات: , ,

الخميس، 14 يونيو 2018

اللعب على الإنترنت ، اللعب الإلكتروني عبر شبكة الكمبيوتر ، خاصة عبر الإنترنت games online العاب اون لاين

يونيو 14, 2018

العاب اون لاين تحميل مباشر مجانا بدون تحميل حرب على النت للكمبيوتر استراتيجية مع الاصدقاء games online mmorpg 2018

العاب اون لاين تحميل مباشر مجانا بدون تحميل حرب على النت للكمبيوتر استراتيجية مع الاصدقاء games online 2018

لقد ولدت عوالم الألعاب الإلكترونية مليارات الدولارات ، حيث يحارب الملايين من اللاعبين حول العالم ، ويشترين ، ويبيعون ، ويبيعون في مجموعة متنوعة من البيئات عبر الإنترنت. كان واحدًا من أكبر الكتّاب هو Warcraft of Warcraft من شركة Activision Blizzard. اجتذبت اللعبة متعددة اللاعبين عبر الإنترنت (MMOG) الملايين من المشتركين ، الذين جلبوا الشركة ما يقدر بنحو 1 مليار دولار سنويًا في مبيعات التجزئة ورسوم الاشتراك من 2007 إلى 2010. تختلف MMOGs عن ألعاب الكمبيوتر التقليدية في عدد من الطرق الهامة. أولاً ، يعتبر الاتصال بالإنترنت شرطًا أساسيًا لكل MMOGs ، حيث يمكن تشغيل الألعاب فقط بعد تسجيل الدخول إلى الخادم الذي يستضيف عالم اللعبة (تتطلب MMOGs الشائعة العشرات من هذه الخوادم لتتوافق مع قواعد اللاعبين الأكبر). ثانيًا ، غالبًا ما يلقي جانب التواصل الاجتماعي للتفاعل مع الآلاف من اللاعبين حول العالم على محتوى الألعاب نفسه. توصلت دراسة أجريت عام 2006 إلى أن حوالي ثلث اللاعبات الإناث ونحو 10 في المائة من اللاعبين الذكور قد قاموا بتأريخ شخص ما قابلوه في مباراة. ثالثًا ، تعمل معظم MMOGs على أساس الاشتراك ، مع فرض رسوم شهرية بالإضافة إلى سعر الشراء الأولي لبرامج اللعبة. تقدم بعض الشركات "رقع" متكررة قابلة للتحميل من محتوى اللعبة الجديدة لجعل هذه الرسوم الشهرية أكثر قبولا للاعبين ، في حين يقدم البعض الآخر ألعابهم مجانا للاعبين الذين هم على استعداد لتحمل تدفق الإعلانات في اللعبة.


على الرغم من أن World of Warcraft و MMOGs الأخرى تستخدم الرسومات المتقدمة وقوة المعالجة المتقدمة النموذجية للجيل الحالي من أجهزة الكمبيوتر الشخصية (أجهزة الكمبيوتر الشخصية) ، فإن ألعاب الإنترنت لها جذورها في بعض تقنيات الحوسبة المبكرة. وبحلول أواخر السبعينيات تم ربط العديد من الجامعات في الولايات المتحدة من قبل ARPANET (انظر DARPA) ، وهي مقدمة لشبكة الإنترنت. سمح هيكل ARPANET للمستخدمين بتوصيل أجهزة الكمبيوتر أو المحطات الطرفية بكمبيوتر مركزي مركزي والتفاعل فيما كان قريبًا من الوقت الفعلي. في عام 1980 تم ربط ARPANET بجامعة Essex ، Colchester ، بإنجلترا ، حيث قام اثنان من طلاب البكالوريوس بكتابة لعبة خيالية مبنية على النصوص التي أطلق عليها MUD ، أو "زنزانة متعددة المستخدمين". عندما يكون أول المستخدمين الخارجيين متصلين بالـ MUD من خلال ARPANET ، ولدت الألعاب عبر الإنترنت. وسرعان ما توسع المبرمجون الآخرون على تصميم MUD الأصلي ، مما أدى إلى ازدهار الرسومات ، ووظائف الدردشة ، ومجموعات اللاعبين (أو النقابات). هذه الميزات الأساسية ، بالإضافة إلى إعداد الخيال ، انتقلت إلى الجيل التالي من الألعاب عبر الإنترنت ، والتي كانت أول MMOGs حقيقية.


 وشملت الموجة الأولى من MMOGs ألعابًا مثل Ultima Online (ظهرت لأول مرة في عام 1997) ، و Lineage الكوري الجنوبي (1998) ، و Sony Corporation’s EverQuest (1999). كان النمو في هذه الألعاب المبكرة بطيئًا نسبيًا ولكن ثابتًا ، باستثناء النسب ، وكانت شعبية المتفجرة يرجع أساسًا إلى توفر اتصالات الإنترنت عالية السرعة في كوريا الجنوبية بشكل مبكر وواسع النطاق. لكن هذه الشعبية لم تأتِ بدون ثمن. توفي عدد من اللاعبين الكوريين بسبب الإرهاق بعد جلسات ماراثون للألعاب ، وأظهر مسح أجرته حكومة كوريا الجنوبية عام 2005 أن أكثر من نصف مليون كوري عانوا من "إدمان الإنترنت". شركات الألعاب مولت العشرات من مراكز الاستشارات الخاصة للاعبين المدمنين في محاولة ل وفي هذا الصدد ، فإن هذا التشريع ، مثل القانون الذي اعتمدته الصين في عام 2005 ، من شأنه أن يجبر المصممين على فرض عقوبات في اللعبة على اللاعبين الذين قضوا أكثر من ثلاث ساعات متتالية على الإنترنت.

العاب اون لاين تحميل مباشر مجانا بدون تحميل حرب على النت للكمبيوتر استراتيجية مع الاصدقاء games online


بحلول الوقت الذي ظهرت فيه World of Warcraft في نوفمبر 2004 ، كان سوق الألعاب العالمي جاهزًا للتغيير. مع الاستثناءات الملحوظة لـ EVE Online ، وهي لعبة مؤامرة الشركات بين النجمي ، ومدينة الأبطال الخارقين تحت عنوان الأبطال الخارقين ، كانت السوق مشبعة بأجرة "السيوف والشعوذة". جذب اهتمام World of Warcraft إلى الفكاهة ولعب الفريق ومنحنى التعلم الضحل الملايين من اللاعبين العرضيين الذين لم يسبق لهم تجربة لعبة MMOG من قبل. هذا النجاح على نطاق واسع جلبت تحدياتها الخاصة ل Blizzard ، ومع ذلك ، عندما علقت الشركة مؤقتا حساب لاعب جنسيا على قضايا حرية التعبير. في حين يبدو أن هذا الحادث كان نتيجة لسوء الفهم الرهيب في جزء عاصفة ثلجية قوية ، فقد فتح حوارًا حول طبيعة عوالم الواقع الافتراضي. هل هم مثل النوادي الخاصة ، حيث يمكن للإدارة أن تقيد العضوية والكلام؟ أم أنها تندرج تحت نطاق الإقامة العامة ، حيث يحظر التمييز صراحةً بموجب القانون الأمريكي؟


روابط ذات صله
لقطة من الاتجاهات الحالية في التصور
اقرأ المزيد
مرسلة بواسطة في
التسميات: , , ,

الجمعة، 8 يونيو 2018

لقطة من الاتجاهات الحالية في التصور

يونيو 08, 2018


يقدم جزء من موضوع Computing Now لشهر فبراير 2018 أهم مميزات IEEE VIS 2017 ، وهو مؤتمر متعدد المؤتمرات في مجال التصوير. أصبح التعلم الآلي نقطة محورية خلال IEEE VIS 2017 - وهو تطور جديد ملحوظ ولكنه غير مفاجئ. وقد تضاعف عدد الأوراق الفنية المتعلقة بالموضوع


المواد الست التالية تجسد التطورات الواسعة في مجال التصور. نُشرت المقالات الثلاثة الأولى في معاملات IEEE حول التصور ورسومات الكمبيوتر (TVCG) وحصلت على أفضل الجوائز الورقية خلال IEEE VIS 2017. تم نشر المقالات الثلاثة الأخيرة في IEEE Computer Graphics & Applications (CG & A) ، وهي منصة ممتازة لإبراز الموضوعات الناشئة والاتجاهات في التصور.

"تخيل" Dataflow Graphs of Deep Learning Models in TensorFlow "، بقلم Kanit Wongsuphasawat وزملاؤه ، حصل على جائزة أفضل IEEE VAST 2017. يقدم أداة تصور الرسوم البيانية كجزء من TensorFlow ، ™ منصة مفتوحة المصدر للتعلم الآلي

حصلت دانييل ألبيرز سزفير على جائزة أفضل ورقة في IEEE InfoVis 2017 عن "نمذجة اختلاف اللون لتصميم التمثيل البصري". تقدم سلسلة من التجارب المستندة إلى التعهيد الجماعي والمصممة لاكتساب نظرة ثاقبة في العلاقة بين اختلافات اللون المتصورة أثناء التصور والأشياء المرئية الملونة لأشكال مختلفة وأحجام

يتناول الفائز بجائزة أفضل ورقة في IEEE SciVis 2017 ، "Global Globe: Contextualized Spatio-Temporal Planetary Surface Visualization" للمخرج كارل بلادين والزملاء ، تحديًا كبيرًا في تصور البيانات الفلكية من خلال توفير نظام مفتوح المصدر كجزء من إطار التصور الفلكي ، مساحة مفتوحة

في "النوع الناشئ من Data Comics" ، يستكشف بنجامين باخ وزملاؤه إمكانية استخدام القصص المصورة للبيانات لإخبار قصة مجموعة البيانات والمعلومات السياقية ذات الصلة. لأول مرة في أدب التصور ، يقدم المؤلفون مقالة كاملة باستخدام رسوم هزلية للبيانات ، مما يدل على جدوى هذا الشكل الجديد من التصور.

منظور الصناعة

يصف الدكتور ليو رن ، المدير والعالم البارز في التفاعل بين الإنسان والآلة في مركز بوش للبحوث والتكنولوجيا في صنيفيل بولاية كاليفورنيا ، ابتكارات R & D الأخيرة للشركة في مجال التحليلات المرئية. تتناول هذه الابتكارات التحديات في عدد من مجالات التطبيق - مثل الصناعة 4.0 ، إنترنت الأشياء (IoT) ، المركبات المتصلة ، الذكاء الاصطناعي القابل للتفسير - وتستخدم لاكتشاف أنماط مثيرة للاهتمام في البيانات ، وفتح الصناديق السوداء في حلول الذكاء الاصطناعي ، وتقديم تحليلات البيانات المفسرة.

استنتاج

ظهرت هذه المقالات في الأصل في منشورتين من جمعية IEEE لجمعية الحاسبات. نحن نشجعك على متابعة التطورات الأخرى في التصور من خلال IEEE TVCG و IEEE CG & A. نأمل أن تستمتع بقراءة المقالات ومشاهدة الفيديو في هذه اللقطة الاختيارية لاتجاهات التمثيل البصري الحالية.


"من الصعب حسابياً أن نضع نموذجاً جيداً لبيئة البلازما المريخية بسبب الطبيعة المعقدة للتفاعل" ، تكتب Yingjuan Ma وزملاؤها من UCLA وجامعة ميتشيغان في "فهم تفاعل طاقة الرياح والطاقة الشمسية مع النمذجة المغناطيسية الديناميكية العالمية" المنشورة في عدد يوليو / أغسطس 2017 من الحوسبة في العلوم والهندسة.

كانت ما وزملاؤها أول من أدخل تأثير الحقول القشرية في نموذج MHD أحادي السوائل أحادي النوع. حلل نموذجهم أربع معادلات استمرارية لكثافة بروتونات الرياح الشمسية وثلاثة أنواع رئيسية من الأيونات الكواكب - معادلة زخم واحد لمتوسط سرعة البلازما. معادلة طاقة واحدة لمتوسط درجة الحرارة

وقد تم التحقق من صحة نتائج النماذج السابقة مع ملاحظات من العديد من بعثات المريخ ، وعلى الأخص مهمة MAVEN الجارية (الغلاف الجوي لدائرة المريخ وتطوُّر التطور) ، والتي تحمل على متن مجموعة كاملة من أدوات البلازما وتوفر فرصة ممتازة لفهم عملية التفاعل المعقدة بشكل أكبر.

تقدم الحوسبة في العلوم والهندسة (CiSE) مساهمات علمية وحسابية في شكل واضح ويمكن الوصول إليه.
اقرأ المزيد
مرسلة بواسطة في
التسميات:

تعلم تصميم المواقع html للمبتدئين 2018

يونيو 08, 2018

تصميم المواقع على شبكة الويب باستخدام لغة html

تعتبر لغة html من اقدم لغات البرمجه واسهلها ان صح التعبير وتسمى لغة النص الفائق hyper text markup حيث انها لغة تستخدم فى تصميم وانشاء الصفحات التى تكون فى النهاية صفحات الويب ومواقع الانترنت وتعتبر هى اللغة الاكثر والاوسع انتشارا بين باقى اللغات كما ذكرنا لسهولتها ومرونتها فى التعامل
اقرأ المزيد
اضغط لمشاهدة باقى الموضوع »
مرسلة بواسطة في
التسميات: , ,

Post Top Ad

Your Ad Spot
-رفع الصور-