Archive for category web

Hear Web part 1 (intro)


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

sound


الحقيقة ان الاجهزة الصوتية تستطيع تصفح المواقع اذا توافر بها اتصال بالانترنت ومتصفح يناسب الجهاز مثل الاجهزة التى يستخدمها المحرومون من البصر ولكن هل سيستخدم المصمم ادوات اخرى لتصميم المواقع الصوتية؟؟ الاجابة لا نفس ادوات التصميم تستخدم
HTML , CSS , javascript
المتصفحات تقوم بتحميل الاتش تى ام ال ثم قراءته للمستخدم والمتصفحات الرائدة فى هذا المجال هما
Opera 9 , firevox not firefox


دا لنك احصائيات عن البراوزرات على نظم التشغيل المختلفة التى بتدعم المواقع الصوتية
http://www.codestyle.org/css/media/aural-BrowserSummary.shtml


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


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

@media


تقوم هذه الخاصية باعطاء التنسيق المناسب حسب نوع الجهاز المتصفح وتأخذ القيم
aural , braille , embossed , handheld , print , projection , screen , tty , tv


@media screen{
/*هنا توضع التنسيقات الخاصة باجهزة الكمبيوتر العادية*/
}
@media handled{
/*هنا توضع التنسيقات الخاصة بالاجهزة المحمولة*/
}
@media aural{
/*هنا توضع التنسيقات الخاصة بالاجهزة الصوتية التى نتحدث عنها*/
}


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

1- 3D sound Effects


تستطيع عمل مؤثرات صوتية ثلاثية الابعاد على البرنامج

3D Sound Effects

3- User Interaction


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

interaction

3- Speak Controlling


تستطيع التحكم فى نبرة و جودة الصوت والاعدادات الصوتية

Sound control

..التفاصيل فى الجزء القادم


ماكان فيه خطأ فمنى ومن الشيطان وماكان فيه توفيق فمن عند الله

aHmEd DaIf

, , , , , , , , , , , , , , , , , , , , , , ,

4 Comments

jQuery UI


an open source library of interface components (interactions, full-featured widgets, animation effects ) based on jQuery javascript library , that you can use to build highly interactive web applications ,  download it .

From this link Customize your jQuery UI download by selecting the version and specific modules you need.

Also you can Select the theme  you want to include or design a custom theme

Some of this Components

Interactions ( Draggable , Droppable , Resizable ,  Selectable ,  Sortable)
Widgets (Accordion , Autocomplete ,  Button , Datepicker ,  Dialog , Progressbar , Slider , Tabs)
Effects (Color Animation ,Toggle Class , Add Class ,Remove Class ,Switch Class , Effect ,Toggle , Hide ,Show)

Some Examples

Once you’ve downloaded jQuery UI, you’ll get a zip containing the following files:

  • /css/
  • /development-bundle/
  • /js/
  • index.html

you can replace the index.html page with your index page by include these 3 files on any page to use jQuery UI widgets and interactions:

<link type="text/css" href="css/dark-hive/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>

Once you’ve included the necessary files, you can add some jQuery widgets to your page.

For example, to make

datepicker widget

datepicker

Just give Id attribute to a text input element or div tag ……, etc  to your page

HTML Code :

<div id="datepicker"></div>

then call .datepicker();on it

JS Code:

 $("#datepicker").datepicker( ); 

Tabs widget

Tabs

HTML Code :

<div id="tabs">
   <ul>
     <li><a href="#joinus">Join Us</a></li>
     <li><a href="#contactus">Contact Us</a></li>
     <li><a href="#home">Home</a></li>
   </ul>

   <div id="joinus">join us </div>
   <div id="contactus">contact us</div>
   <div id="home">home</div>
</div>

JS Code

$('#tabs').tabs();

accordion widget

accordion

HTML Code :

<div id="accordion">
     <div>
        <h3><a href="#">Required Information</a></h3>
        <div>Required Information</div>
     </div>
     <div>
        <h3><a href="#">Personal Information</a></h3>
        <div> Personal Information</div>
     </div>
     <div>
        <h3><a href="#">Technical Information</a></h3>
        <div>Technical Information</div>
     </div>
</div>

JS Code

$("#accordion").accordion({ header : "h3"});

Sortable Interactions

sortable

HTML Code :

<ul id="sortable">
    <li  class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Home Page</li>
    <li  class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>News</li>
    <li  class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Photos</li>
    <li  class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Contact Us</li>
    <li  class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>About Us</li>
</ul>

JS Code

$( "#sortable" ).sortable();

Selectable Interactions

selectable

HTML Code :

<ul id="sortable">
    <li  class="ui-<code>widget-content</code>">Home Page</li>
    <li  class="ui-<code>widget-content</code>">News</li>
    <li  class="ui-<code>widget-content</code>">Photos</li>
    <li  class="ui-<code>widget-content</code>">Contact Us</li>
    <li  class="ui-<code>widget-content</code>">About Us</li>
</ul>

JS Code

$( "#selectable" ).selectable();

So Simple , Just try 🙂

This is a tutorial to learn it

http://jqueryui.com/docs/Getting_Started

Good Luck 🙂

1 Comment

Become HTML5 developer ,right now

Hello every body,

first I am HTML5 geek so i will take about it in some articles,
but in first article I want to tell you why i love HTMl5 in 10 reasons

1 – Accessibility:

HTML5 makes creating accessible sites easier for two main reasons:
semantics: The new (some currently available) HTML headings like: <header> , <footer> , <nav> , <section> , <aside> , etc. allow screen readers to easily access content. Before, your screen readers had no way to determine what a given <div> was even if you assigned it an ID or Class.

ARIA : ARIA is a W3C spec that is mainly used to assign specific “roles” to elements in an HTML document – essentially creating important landmarks on the page: header, footer, navigation or article, via role attributes.For a more in depth discussion on HTML5 and ARIA please visit the WAI.

2 – Video and Audio Support:

Forget about Flash Player and other third party media players, make your videos and audio truly accessible with the new HTML5 <video> and <audio> tags,It’s actually that dead simple, however because old evil browsers out there don’t like our HTML5 friend, you’ll need to add a little bit more code to get them working correctly(will eplain later in upcoming articles),

<video poster="myvideo.jpg" controls>
 <source src="myvideo.m4v" type="video/mp4" />
 <source src="myvideo.ogg" type="video/ogg" />
</video>

3 – Doctype

<!DOCTYPE html>

Yup that’s it, that is the doctype, nothing more, nothing less. Pretty simple right? No more cutting andpasting some long unreadable line of code and no more dirty head tags filled with doctype attributes.

4 – Cleaner Code

If you are passionate about simple,HTML5 is the beast.
Consider this typical and simple header code with navigation:

<div id="header">
<h1>Header Text</h1>
<div id="nav">
<ul>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
</div>

So this code is pretty clean and simple? But with HTML5 you can clean this up even more and at the same time give your markup more meaning:

<header>
<h1><code>Header Text</code></h1>
<ul>
	<li><code><a href="#">Link</a></code></li>
	<li><code><a href="#">Link</a></code></li>
	<li><code><a href="#">Link</a></code></li>
</ul>
</header>

5 – Smarter Storage

One of the coolest things about HTML5 is the new local storage feature. It’s a little bit of a cross between regular old cookies and a client-side database.
Local storage is great for many things, but it’s one of HTML5 tools that are making web apps possible without third party plugins.
for more info.

6 – Better Interactions

we all want better interactions, we all want a more dynamic website that responds to the user and allows the user to enjoy/interact your content instead of just look at it. Enter <canvas> ,
Beyond <canvas> , HTML5 also comes with a slew of great APIs that allow you to build a better user experience and a beefier, more dynamic web application — here’s a quick list of native APIs:
1) Drag and Drop (DnD)
2) Offline storage database
3) Browser history management
4) document editing
5) Timed media playback

7 – Game Development

Yup, that is correct, you can develop games using HTML5′s <canvas> tag. HTML5 provides a great, mobile friendly way to develop fun, interactive games. If you’ve built Flash games before, you’ll love building HTML5 games.
for more Info. wait our upcoming articles.

8 – Cross Browser Support

Your modern, popular browsers all support HTML5 (Chrome, Firefox, Safari IE9 and Opera) and the HTML5 doctype was created so that all browsers.
HTML5 is being built to make things easier and more cross browser friendly so in those older IE browsers that don’t like the new tags we can just simply add a Javascript shiv that will allow them to use the new elements:

9 – Mobile, Mobile, Mobile!!!

mobile technology is becoming more popular these days.The adoption of mobile devices continues to grow very rapidly and this means that more and more users will be using their mobile browsers to view your web site or application. HTML5 is the most mobile ready tool for developing mobile sites and apps. With Adobe announcing the death of mobile Flash, you will now count on HTML5 to do your mobile web application development.Mobile browsers have fully adopted HTML5 so creating mobile ready projects is as easy as designing and constructing for their smaller touch screen displays.
you can also make mobile apps with HTML5!!!(wait upcoming articles).
For more info on how to mobilize your site via HTML5, check out “Mobifying” Your HTML5 Site.

10 – It’s the Future, Get With It!!!!

it’s the future, start using it now so you don’t get left behind. HTML5 is not going anywhere and as more and more elements get adopted more and more companies will start to develop in HTML5. HTML5 is essentially just HTML, it’s not scary,
You really don’t have any excuses not to adopt HTML5 and begin your new love affair with it. Truly, the only real reason I prefer to use HTML5 is just to write cleaner code, you can just start using it right now and not even change the way you design. So, start using it right now, whether you are just simplifying and making your markup more semantic OR you are gonna build some sick new mobile game that will take over the world — who knows, maybe you can start selling stuffed animal versions of your gaming characters too.

finally

I hope you start to use HTML5,
Happy new year 🙂

AhmedYousef

, , , ,

7 Comments

introduction to Java Script (part 1)

بسم الله الرحمن الرحيم

ما معني جافا سكريبت ؟

 تطلق كلمة “سكريبت” على النصوص التي تصف عملا أو حدثا معينا. وتستخدم الكلمة كثيرا عند التحضير للأعمال الفنية حيث يتم تحويل الفكرة أو القصة إلى سكريبت

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

الفرق بين جافا وجافا سكريبت؟

جافا عبارة عن لغة برمجة بطريقة التوليف Compiled Programming Language وهي مشابهة للغة البرمجة C أو C++. وهي من القوة للدرجة التي يمكنك فقط أن تكتب بها وتنتج برامج تطبيقية صغيرة لعمل أو أعمال محددة. تسمى هذه البرامج التطبيقية الصغيرة باسم “أبليتس” applets. وتقوم بتأدية مهمات قليلة محددة. إن جافا تتطلب أيضا جهدا معتبرا حتى يكون باستطاعتك التمكن منها.
جافا سكريبت مبنية أيضا على لغة البرمجة جافا ولكنها تختلف عنها باساليب عديدة منها أنها أكثر بساطة من لغة البرمجة الأصيلة ، ولهذا فهي نسبيا أسهل بالتعلم. والواقع أنها تميل أكثر لميزان HTML منها عن لغات البرمجة الحقيقية مثل جافا .

تاريخ جافا سكريبت

قامت شركة نتسكيب عام 1995 بابتكار لغة تدعي “Mocha” والتي سميت بعد ذلك بـ”LiveScript” وفي النهاية استقرت علي “java script” لانها كان تشبه الي حد ما لغة الجافا واختصارها هو js .

نترك التاريخ الان ونبدأ بتعلم اسياسيات الـjs

طرق كتابة الجافا سكريبت

body أو في الـ head ويمكن كتابة هذا التاج في الـ  script ويكون داخل تاج(internal) كتابته بداخل الصفحة-

 ثم استدعائه داخل الصفحة المراد وضعه بها عن طريق هذا الكود  js وحفظه بامتداد(external) كتابته في ملف خارجي 

<script type=“text/javascript” src=“external.js”>
</script>

سنتسخدم الطريقة الاولي وسوف نتسخدم برنامج notepad لكتابة اول صفحاتنا باستخدام js , في البداية ننشئ ملف تكست جديد ونسميه اي اسم بامتداد .html ونكتب بداخله هذا الكود

<html>
       <head>
       </head> 
      <body>
            <script type=“text/javascript”>
                     document.write(‘hello world!’);
            </script>   
       </body>
</html>

اذا حفظنا الكود وفتحنا الملف باستخدام اي متصفح ستظهر لك رسالة hello world
 شرح الكود : اكواد الجافا تكتب بداخل تاج والكود الوحيد الذي كتبناه هو كود طباعة جملة hello world
 و يفضل ان ينتهي كل امر بفاصلة منقوطة(;)

————————————————————–

jsوالان نبدأ بشرح اهم نقاط اساسية في الـ

اولا : المتغيرات

var يمكنك تعريف متغير اي كان نوعه عن طريق كلمة
var x=5; : مثال

(loops)ثانيا: التكرارات 

التكرارات في الجافا سكريبت هي نفسها التي في الـc# والجافا والـ++c وسخنوض فيها سريعا

1-for

for  (var=startvalue ; var<=endvalue ; var+=increment)
{
      Code to be executed
}

2- while

while  (var<=endvalue)
{
Code to be executed
}

 do while -3

do
 {
       Code to be executed
}
while  (var<=endvalue)

 if – if else :ثالثا

ايضا هي نفسها التي في معظم لغات برمجة

if

If  (condition)
 {
       Code to be executed if the condition is true
}

If else

if  (condition)
{
code to be executed if the condition is true
}
else
{
code to be executed if the condition is not true
}

(function) رابعا : الدوال 

الدوال تقوم باداء وظيفة معينة عن استدعائها في الصفحة وتبقي خاملة بدون وظيفة اذا لما لم تستدعي و لعمل دالة لاداء وظيفة معينة نكتب الكود التالي

Function functionName ( )
{
       Code to be executed
}

( POPUP boxes) خامسا : النوافذ الاضافية

وهي شاشات اضافية تظهر للسمتخدم للتنبية او لطلب ادخال قيمة معينة وسنتعلم اليوم ثلاث انواع من النوافذ

Alert Box :اولا

وهي شاشة تظهر للتنبيه بشئ ما و يتم كتابتها كالأتي
Alert();
: مثال

<html> 
      <body>      
            <script type=“text/javascript”>         
                  Alert(“hello user”);
            </script>   
      </body>
</html>

Confirm Box :ثانيا

وهي نافذة مثل نافذة alert ولكن مضاف اليها زر ok و زر cancel
و يتكتب كودها هكذا :
;(“confirm (“welcome
هذا الامر يأخذ قيمة true اذا ضغط المستخدم علي زر ok و false اذا ضغط علي cancel

مثال يوضح ذلك

<html>
      <body>
              <script type=“text/javascript”>           
                    var x=confirm(“how are you ?”);           
                   if (x==true)
                   {
                         document.write(“good”);
                   }
                  else  
                   {
                         document.write(“why?”);
                  }
           </script>
   </body>
 </html>

شرح الكود : عرفنا متغير x علي انه القيمة الناتجة من نافذة confirm اي انها ستصبح true اذا ضغط اليوزر علي ok وfalse اذا ضغط علي cancel بعد ذلك كتبنا اذا كانت قيمة x بتساوي true اطبع كلمة good و اذا كانت غير ذلك “اي false” اطبع why ؟

 Prompt Box :ثالثا

و هي نافذة تأخذ input من المستخدم وطريقة كتابة الكود كالأتي
;(“الرسالة التي ستظهر في النافذة” ,”القيمة الافتراضية التي ستظهر في البداية”)Prompt
سنوضح ذلك بمثال

<html>
    <body>
           <scripttype=“text/javascript”>
                   var x =prompt(“x=??”,”0″);
                   document.write(x);
           </script>
   </body>
</html>

شرح الكود : عرفنا متغير سيأخذ القيمة التي سيدخلها المستخدم من نافذة prompt وبداخل propmt كتبنا الرسالة التي ستظهر في النافذة والقيمة الابتدائية للx وفي النهاية طبعنا قيمة الx

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

Mohamed Fouad

,

11 Comments

SEO… تهيئة الموقع لمحركات البحث

مقدمه

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


ما هى تهيئة الموقع لمحركات البحث

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

ما هى اهميه ظهور موقعك ف الصفحات الاولى لدى محركات البحث … .؟

-يضع لموقعك مكانه مفضله لدى محركات البحث وبالتالى زياده ترتيبك وتصنيفك

-يعتبر جزءا مهما من التسويق الالكترونى

-زياده عدد زوار الموقع نظرا لكثافه الباحثين عن مختلف المجالات وتصفح اغلب المواقع على محركات البحث

-المواقع صاحبه الترتيب والتصنيف العالى  لدى محركات البحث المختلفه تعتبر مصدر ثقه من الزوار وايضا من المواقع والمؤسسات والمنظمات المحليه والعالميه المختلفه

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

كيفيه تهيئه موقعك للظهور ف محركات البحث …؟


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

دى كانت مقدمه بسيطه وان شاء الله تابعونا هيبقى ف مقالات تانيه وتطبيقات ع المقال فيما بعد باذن الله

Maha Elbasuony

, ,

Leave a comment

التصميمات المرسلة فى المسابقة – قيّم معانا

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

Group 1

DevRock_design1

Download


Group 1

DevRock_design2

Download


Group 2

Grendizer_design1

Download


Group 1

Grendizer_design2

Download


Group 3

Yousif_design1

Download


Group 3

Yousif_design2

Download


Group 4

Sara_design1

Download


Group 4

Sara_design2

Download


هناك اعمال اخرى لم يتم عرضها .. سيتم فحصها وعرضها ان شاء الله ولكن خارج المنافسة علما بان هناك تصميمات تم ارسالها تخالف قواعد المسابقة ولكن اصحابها لهم من الفريق كل الاحترام والتقدير على المجهود وحفاظا لحقوق الفكرية لهم سيتم نشر اكوادهم ايضا ولكن بعد انتهاء واعلان الفائز فى المسابقة (إبداع)… سيتم التقييم خلال 42 ساعة من الان من خلال حضراتكم ومن خلال لجنة التحكيم ايضا وبعدها سيتم الاعلان عن الفريق الفائز فى المسابقة بناء على التقييم من اللجنة ومن أرائكم ان شاء الله .. بالتوفيق 🙂

, , , , , , ,

6 Comments

مسابقة إبداع لتصميم صفحات الويب

بسم الله الرحمن الرحيم

متابعى فريق ديف ميكس وأنشطته الاعزاء .. نقدم لكم نشاط جديد وهذه المرة بمشاركتكم انتم وهى مسابقة إبداع فى تصميم صفحات الويب باستخدام XHTML+HTML5+CSS+CSS3 مع مراعاة عدم استخدام أدوات أخرى مثل ال JavaScript ويكمن ابداعكم فى هذه المسابقة فى اختياركم للافكار المعبرة عن التصميم وسوف يتم التقييم على الافكار قبل الادوات من قبل مصممين ذات كفاءة عالية سوف يعلن عنهم لاحقا لذا ارجو التركيز فى هذه الاعمال التى سوف تقدم.

مسابقة إبداع

قواعد المسابقة:

للمسابقة قواعد بسيطة لو تم الالتزام بها سوف تعم الفائدة على الجميع باذن الله، وهى كالتالى:

1 – اهمها الالتزام بمواعيد تسليم التصميمات التى سوف ينوه عنها واى تأخير لن يتم قبول هذه التصميمات للاسف فهناك died-line للمسابقة لا يمكن تعديه.

2 – كان هناك قاعدة بالزام العمل فى فريق ولكن .. طلب الكثير بعدم التحتم عليها حيث ان هناك الكثير بمفردهم .. لذا فمن الممكن ان تشترك منفردا ولكن من حقك تكوين فريق لا يتعدى ال 4 افراد.

3 – ارسال الاعمال فور الانتهاء منها فى سرية تامة الى devmix2011@gmail.comحتى يتم عرضها على لجنة التحكيم دون عرضها على العامة لتقيمها قبل انتهاء ميعاد المسابقة الاصلي.. وعند الانتهاء سوف يتم عرضها مفتوحة المصدر كما فى المثال التالى:

fci_design1

Download Design

Designed By:

  • IIIIIIIIIIIIIIIIIIIII
  • IIIIIIIIIIIIIIIIIIIII
  • IIIIIIIIIIIIIIIIIIIII
  • IIIIIIIIIIIIIIIIIIIII

Evaluation From Here

يستطيع الجميع انزال التصميم بملفاته من Download Design ويقوم بعدها بوصضه التقييم فى مكان التقييم المبين فى لينك Evaluation واتنى يكون التقييم فعلا على الاعمال بعيدا عن المجاملات والصداقات وسوف تعرض كل الاعمال فى موضوع واحد ان شاء الله مفتوحة المصدر.. اما عن اعلان الفائز فسوف يكون بعد يوم من التقييمات واهداء الجوائز فى أول ايفينت للفريق ان شاء الله فى القريب العاجل ليكون تكريم امام الجميع.


لجنة التحكيم:

عندما فكرت فى عمل لجنة لتحكيم الاعمال المقدمة وتقييمها .. قررت اختيار احسن المصممين على الاطلاق المعروفين لدى الكثير منكم فلجنة التحكيم تتكون من 3 افراد هم:

مهندس محمود متولى – مهندس UI/UX فى شركة كلود نينرز.

مهندس تميم ابراهيم – مهندس تصميم صفحات ويب ومدير شركة TameemGroup .

مهندس مدحت داود – مطور صفحات ويب ومنظم المسابقة.

تم الاتفاق على ان التقييم لن يكون فقط على جمال التصميم او كفاءة التول بل سيتوسع التقييم الى الفكرة الابداعية التى وراء التصميم .. فكن مبدعا 🙂


نظام المسابقة: {المطلوب فى المسابقة}

المطلوب الاول: مطلوب عمل تصميم فى احد المواضيع التالية:

-تصميم موقع لمدينة علمية

-تصميم موقع لمكتبة

-تصميم موقع لصفحة شخصية لاي من الشخصيات (مهندس -دكتور – مدرس – بياع سندوتشات :))

المطلوب الثانى: مطلوب عمل تصميم من ابداعك .. فكرة ابداعية من خيالكم تنفذ بشكل يجعلنا عندما ننظر اليها نستطيع ان نستشف الفكرة من التميم ولاى غرض تم.


طريقة تسليم الأعمال:

كما نوهت من قبل سيتم ارسالها على devmix2011@gmail.com ولكن الان انوه عن ما سيتم ارساله ، مطلوب وضع كل الملفات فى ملف واحد مضغوط zip/rar وارساله وتسميته باسم المجموعة المقدمة واذا كان التصميم الاول واسم المجموعة مثلا FCI سيتم تسمية الملف fci_design1.zip وارساله على الفور وبالطبع لو كان الديزاين الثاني سيكون fci_design2.zip بهذه الطريقة يكون الموضوع اكثر تنظيما، وسوف يتم ارسال الاعمال من المتحدث باسم الفريق الذي سيسجل فريقه فقط وليس مطلوب ان كل فرد فى الفريق ان يسجل.


طريقة التسجيل:

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

التسجيل مفتوح من الان وحتى غدا 2 سبتمبر 2011 الساعة 12 منتصف الليل وبعدها يتم اغلاق التسجيل وتبدأ المسابقة ولمدة 4 ايام باذن الله.

نتمنى من الله ان يجعلنا سبب فى ان نساعد الناس فى العلم والتعلم .. بالتوفيق 🙂

, , , , , , ,

5 Comments