Fez-Soft Blog » تطوير

الانتقال من CVS إلى SVN

Fez-Soft — Thu, 03 Jun 2010 04:04:15 +0000

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

ما هو CVS ؟

CVS وهي مختصر لـ Concurrent Versions System ، نظام النسخ المتلاقية أو ما نعرفه جميعا بـ système de versionnage concurrentiel ،هو نظام مفتوح المصدر تم ترخيصه وفق GNU General Public License ، يقوم CVS بتتبع كل التغييرات في مجموعة من الملفات، خاصة في حالة مشروع برمجة تطبيق ، مع السماح لعدة مطورين بالتعاون. طـُوّر هذا النظام من قبل (Dick Grune) في 1986، ; لتعويض RCS -Revision Control System . يقوم cvs على الضبط و التحكم الجيد في الملفات المتعلقة بالمشاريع الخاصة بمطور واحد ، او الخاصة بفريق حيث يتيح للجميع المشاركة في هذا التطوير مع الاطلاع على اضافات و تعديلات كل مشارك في المشروع على حدى .. كان CVS يحتل شعبية كبيرة لفترة طويلة في عالم البرامج المفتوحة المصدر ، يمكننا اعتبار هذا النظام كمعيار لتكملة بعض بيئات التطوير مثل Eclipse ، JBuilder و Netbeans ، لكنه غير مدعوم عمليا من طرف الاصدارات الجديدة من المحررات البرمجية الجديدة ، لكن يمكن العمل به عن طريق الأداة tortoisecvs ، اما بالنسبة لطريقة استخدام هذا النظام فقد شرحها الأخ خالد الشمعة هنا جزاه الله خيرا ، فلا داعي للتكرار .

ما هو SVN ؟

SVN أو نظام الإصدار الجزئي (Subversion) هو نظام تحكم بالإصدارات ، انطلق سنة 2004 من احد مطوري CVS . يُستخدم هذا النظام للحفاظ على الإصدارات الحالية والقديمة للملفات ، كشيفرات مصدرية و صفحات ويب مرتبة حسب التاريخ و الأقسام التي قد ينشأها المطور ، هذا الترتيب يفيدك في حالة ما تم الاحتياج للرجوع إليها ، لو تم ارتكاب اخطاء خلال التطوير الحالي ، عدد كثير من المشاريع العالمية تم العمل بـ SVN فيها مثلPython, Apache, WordPress, Samba,Mono, GCC, KDE ، أيضا ممن يزود هذه الخدمة مواقع SourceForge و Tigris و google code لاستضافة مشاريعها المفتوحة المصدر،

لم أنتقل من CVS إلى SVN ؟

هذا السؤال هو ما جعلني اكتب هذا المقال ، فالفرق بينهما ليس كبير ، فالنظامين متقاربين جدا ، ولمن عمل بـ CVS لن يجد صعوبة في التعامل مع SVN ولكن الميزات الجديدة في هذا الأخير مهمة لكل مطور ، وقد يرى انه كان يفتقدها خلال عمله ب CVS ، حيث أن SVN :

يخول لي : مسح / اضافة / إعادة تسمية / نقل الملفات أو المجلدات على حدى .. بكل حرية و مرونة ما لا وجود له في CVS
ينقل التعديلات الجديدة على ملفات المشاريع فقط ، وليس الملفات بأكملها التي تم تعديلها ، وهذا حل سريع و أكثر إنتاجية و سنستفيد منه لمعرفة التعديلات الجديدة بكل سهولة عكس CVS الذي ينقل الملفات المطورة بالكامل
يدعم ملفات binnaires ، باختلاف أنواع الاصدارات
يعمل بنظام trunk , branches, tags
النظام الذي يتم دعمه من طرف جل المحررات البرمجية الكبيرة و المتقدمة مثل eclipse , phpdesigner

هذا ما جعل مؤسسوا SVN يطلقون أداة csv2svn للتحول إلى SVN

يمكنني القول أن cvs نظام محدود الخصائص عكس SVN الذي يحتل شعبية كبيرة الآن ، يمكنك العمل به من خلال أي محرر يدعمه مباشرة مثل phpdesigner ، أو eclipse أو يمكنك تحميل اداة TortoiseSVN لمستعملي windows التي تحررك من قيود المحررات ، و تضيف اليك خصائص جديدة و مريحة و كثيرة يتم دمجها مع نظام وندوز قد لا تدعمها المحررات المتطورة في التعامل مع المشاريع بواسطة SVN ،أما عن طريقة تثبيت و استخدام هذه الأداة فقد شرحها الأخ خالد الحوراني هنا مشكورا .

أخيرا فقد طرحت شركة O’Reilly كتابا يشرح نظام svn مجانا بنسخ الكترونية هنا ، اما لو أردت النسخة المطبوعة منه فيمكنك شراؤها من هنا .

آمل ان تكون قد استفدت مما كتبته اليوم ، واعتذر لتغيبي عن الكتابة مؤخرا بسبب احد المشاريع الخاصة التي سنطلقها قريبا بإذن الله ،

بالتوفيق للجميع

انشر هذا المقال

تخصيص أوامر ie بطريقة جديدة و مريحة

Fez-Soft — Fri, 02 Apr 2010 18:13:07 +0000

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

سأحاول عمل class بتسمية معينة للمتصفح الاكسبلورر فقط على الوسم html أو body:

كما تلاحظ ، لن يظهر الكلاس لغير الاكسبلورر بكل إصداراته ، و هنا يمكنني التخصص في تحديد الإصدار مثل :

وهكذا ببساطة يمكنني التنسيق هكذا :

#sidebar { width: 180px; }
.ie6 #sidebar { margin-right: -3px; } 
.ie7 #sidebar { margin-right: -1px; } 
.
.

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

بالتوفيق للجميع

انشر هذا المقال

توجيهات عامة لاستعمالات أفضل للخطوط

Fez-Soft — Mon, 22 Feb 2010 20:03:08 +0000

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

انواع الخطوط

طبعا لا أحد يلزم علينا انواعا معينة من الخطوط ، ولكل أنواعه و مجموعته المفضلة من هذه الخطوط ، باستثناء القواعد التي تكلمنا عنها بالنسبة للغة العربية ، لكن ، عادة حتى تحصل على واجهات متناسقة و جدية نوعا ما ، حاول أن تجعل كل صنف معين من صفحتك بخط معين ، مثلا لو اخترت للعناوين خط times new roman فحاول أن لا تغير الخط في نفس التصنيف وهو العناوين ، كذلك الحال لو استعلمنا خط tahoma في التدوينات ، فمن الخطأ جعل خط آخر في محتوى الصفحات ، ببساطة لأنها من نفس تصنيف التدوينات ، ألا وهو المحتوى

الأحجام

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

الألوان

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

التغيير

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

تنسيق المحتوى

عادة انحراف المحتوى إلى اليمين أو الشمال من المبتعد ، غالبا ما نستعمل

text-align: justify;

للتنسيق بين جميع الحواف و المعادلة بينها ، كما في أوائل الفقرات حاول استعمال

text-indent: 10px;

10px مثال فقط ، حيث تبعد السطر الأول عن هذا التسيق قليلا لنعلم الزائر بأماكن بداية الفقرات

الكلمات الهامة

نعم ، لتثير انتباه الزائر بأن الكلمة الفلانية مهمة بالنسبة له ، حاول استعمال بعض الخصائص لتثير هذا الانتاه ، مثل

font-style: italic;

أو

font-weight:  bold;

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

التنسيقات

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

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

انشر هذا المقال

القوائم ، أنواعها ، اختلافاتها ، و ضوابطها

Fez-Soft — Sat, 19 Dec 2009 23:42:00 +0000

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

ما هي القوائم ؟
انواع القوائم .
ضابط الاختلاف .
بعض الأفكارو الحيل .

ما هي القوائم؟

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

الكل منا يعرف كود html الخاص بعرض قائمة عادية وهو كالتالي :


	عنوان
	عنوان
	عنوان

وهو كود عادي جدا ، يصلح لعمل قائمة متسلسلة ، و افتراضيا تكون عمودية

انواع القوائم .

من ناحيتين ، من ناحية الترتيب ، ومن ناحية التنسيق،

اما من ناحية الترتيب ، فهي تنقسم إلى :

مرقمة : تكون على الصيغة التالية :
```
	عنوان
	عنوان
	عنوان
```
يمكنني ان اتحكم في العدد الذي تبدأ منه بإضافة العنصر start :
```
	عنوان
	عنوان
	عنوان
```
و كذلك نوع الترتيب ، هل هو رقمي أم أبجدي بإضافة العنصر type
```
	عنوان
	عنوان
	عنوان
```
و بتغيير قيمة type الى 1 سنحصل على ترتيب رقمي ، و a أو A للترتيب الأبجدي اللاتيني ، و i أو I للترتيب الأبجدي الروماني
غير مرقمة : وهي القوائم التي لا يوجد بها ترتيب في جانب العناوين ، وتكتب هكذا :
```
	عنوان
	عنوان
	عنوان
```
افتراضيا ، تكون بجانب كل عنوان نقطة صغيرة ، يمكن التحكم في لونها و إظهارها من عدمه ، يمكن كذلك تغيير نوع النقطة بتغيير قيم العنصر Type :
```
	عنوان
	عنوان
	عنوان
	عنوان
```
إلى disc للنقط السوداء ، او square لمربعات صغيرة ، أو circle لنقط فارغة ، عبارة عن دوائر

التقسيم من ناحية التنسيق ، وهذا الذي يهمنا بعد هذه المقدمة ، وهو الذي سنحتاجه بكثرة مشاريعنا :

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

ضابط الاختلاف .

و أنا أقصد به الضابط في الاختلافات بين القوائم من نوع التنسيق ، سنأخد مثالا لذلك ، لدينا هذا الكود الخاص بقائمة عناوين عادية :


	عنوان
	عنوان
	عنوان

طبعا و بعد التنسيقات التي ستعملها من ألوان و border و مأثرات ، فإن الضابط لتتحكم في قائمتك من ناحية الاتجاه – أفقي أم عمودي – وهو قيم الخاصية float من كود css

ul li {
	float: right;
}

فإذا اعطيتم للـ float أي من right أو left فسيتم اعتبار هذه القائمة أفقية ، و البدأ من الاتجاه سيكن على حسب ما اعطيتها من اتجاه ، اما لو تم تجاهل الـ float و لم يتم اعطاؤها أي قيمة ، فهنا قائمتنا افتراضيا ستكون عمودية
طيب ماذا عن النوع الثالث وهو الخليط بين النوعين الفارط ذكريهما ؟؟
سأحاول شرح طريقة العمل في المثال السابق ، طبعا الاختلاف في التنسيق css :

ul {
	padding: 0;
	margin: 0;
	list-style: none; /* لنزع النقط السوداء الافتاضية بجانب العناوين */
	width:125px ; /* هنا العرض الاجمالي لكل القائمة  */
	border: 1px solid #ccc;
	font: 12px tahoma;
}
ul li {
	padding: 5px 10px;
	margin: 0 2px;
	float: right; /* اعتبارها أفقية مبدئيا */
	width : 36px;/* تحديد عرض كل قائمة على حدى */
	border-bottom: 1px solid #ddd;
}

لاحظ القيم التي بجانبها تعليق هي التي تميز هذا النوع من القوائم ، وما بقي هي فقط تنسيقات شخصية ، يمكنك استبدالها بما يصلح لك ، مع مراعاة العرض و الـ padding و margin حتى لا تخرج عن العرض المحدد أولا فتصبح القائمة عمودية بحتة .

بعض الأفكارو الحيل .

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

حاول أن تجعل الفواصل بين القوائم ظاهرة و بينة ، ولا تجعلها مشتركة ابدا ، حتى لا يتوهم و يتم جمع أكثر من عنوان في عنوان واحد
لا تستعمل القوائم بغير كود القوائم ، نعم هناك من يستعملها بغير الكود المخصص لها وهو ul او ol ، هناك من يستعملها بروابط عادية و يفصلها بعوارض مثل ( – ) أو هذه ( | ) كقوائم أفقية ، طبعا بغض النظر من ناحية الأرشفة التي يتضرر منها صاحب هذه القوائم ، فإن هذه الطريقة أصبحت تقليدية ولا تعطيك الحق للتحكم بقائمتك جيدا ، لذلك حاول أن تجتنب مثل هذه القوام التقليدية و التنسيقات القديمة ، و انتقل إلى بدائل لها في css ، مثلا border سواء على اليمين أو في الاسفل ، على حسب النوع ،
```
ul li {
	border-bottom: 1px solid #ddd; /* للقوائم العمودية */
	border-right : 1px solid #ddd; /* للأفقية */
}
```
طبعا لا تنسى مراعاة الخطوط في قوائم و انواعها ، فلهذا تاثير كبير جدا جدا على نفسية الزائر ، يمكنك ان تزداد معرفة بهذا من هنا
مراعاة قيم margin و padding على حسب نوع القائمة التي تعمل عليها ، يتجنب الالتصاق بين العناوين
التوازي في التموضع ، وذلك باجتناب أمر position في القوائم ، حتى تبقى قائمتك متوازية ، إلا في بعض الحالات التي يكون فيها التصميم يستدعي استعمال هذا الأمر

آمل ان تكون قد استفدت ولو شيئا قليلا مما سطرته ، و السلام عليكم ورحمة الله وبركاته

انشر هذا المقال

طرق التحويل إلى الترميز العالمي utf-8

Fez-Soft — Sun, 08 Nov 2009 04:11:20 +0000

بسم الله الرحمن الرحيم ، لا احد منا ينكر اهمية الترميز العالمي utf-8 ، فهو مفهوم لجميع محركات البحث ، و يضمن لك إظهار نصوصك بشكل سليم على جميع المتصفحات بأي لغة كانت ، فبه أنت تضمن تجنب المربعات المزعجة ، و العلامات الغريبة التي تظهر في نصوص موقعك ، وهذه المشاكل تعاني منها كل اللغات – ليست فقط العربية – من المواقع التي لا تستعمل هذا الترميز العالمي ، لذلك فتوحيد الترميز شيء ضروري لضمان سير موقعك في الطريق الصحيح، إلا ان الكثير من أصحاب المواقع الكبيرة و القديمة ، لم يكونوا يستعملون هذا الترميز من قبل ، فيرغبون بالتحويل ، فتبدأ الأسئلة والاستفسارات عن الطرق المتاحة لهذا الغرض، لذلك حاولت تفصيل هذه الطرق لعل اغلبنا يستفيد منها سواء في معارفه ، تطبيقاته ، او مشاكله ، حاولت ترتيب الأفكار إلى التالي :

مقدمة
على مستوى Html
على مستوى الملفات
على مستوى السيرفر :
- طريقة php
- طريقة Apache
على مستوى قاعدة البيانات
- من خلال الحقول champs
- من خلال الاتصال بالقاعدة
ملاحظات

مقدمة :

باختصار شديد ، فإن المتصفح لما تطلب منه صفحة ويب معينة ، فإنه إذا وجد انه static فسيقوم بتحليلة بطريقة عادية بالنظر في وسم meta ، اما لو كان الملف الذي يتم اسدعاؤه عبارة عن تطبيق dynamic فإنه يتم تحليل رأس التطبيق – l’en-tête

على مستوى Html

لتتمييز ترميز معين لصفحة ويب معينة عن طريق html ، فالطريقة سهلة حيث نقوم بتغيير الترميز في وسم meta إلى utf-8 هكذا :

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

على مستوى الملف

هذه الطريقة تعتمد على تحليل البتات لكل حرف ، وهذات يختلف من ترميز لآخر ، و لنتمكن من تحويل طبيعة الملف إلى الترميز utf-8 فنتتبع الطرق التالية :

phpdesigner : نذهب من القائمة المنسدلة إلى file -> file encoding ->UTF-8
NotePad ++ : نذهب إلى Format -> Encoder en UTF-8 (sans BOM)
المحرر العادي للويندوز : file -> save as و اختر utf-8 من قائمة الترميزات

على مستوى السيرفر :

طريقة php : هناك طريقتين بدالتين مختلفتين في اللغة :
1 – دالة header : يمكنني ان أحدد او اغير الترميز لصفحة معينة عن طريق الرأس :

header( 'content-type: text/html; charset=utf-8' );

2 – دالة utf8_decode : يمكنني استعمالها كالآتي عند استدعاء نص معين :

echo utf8_decode( 'هنا النص' );

الفرق بين الدالتين واضح ، وهو ان الأولى تقوم بتغيير الترميز لكامل الملف ، أو الصفحة ، اما الثانية تطبق الترميز فقط على نص معين

طريقة Apache : عن طريق التعديل على ملفات البرنامج على السيرفر ، يمكنني زرع الامر التالي :

AddDefaultCharset utf-8

في ملف httpd.conf و سيتم اضافة الترميز لكل الصفحات الموجودة على السيرفر

على مستوى قاعدة البيانات :

1 – من خلال الحقول : هنا توجد حالتين ، القاعدة المستعملة من قبل و بها معلومات ، لكنها بغير ترميز utf-8 ، و القاعدة الجديدة التي نريد انشاءها على هذا الترميز

القاعدة المستعملة : وهذه هي النقطة المهمة لأثحاب التطبيقات القديمة ، حيث يمكنهم من تحويل ترميز القاعدة الى الترميز العالمي بطريقة سهلة إن شاء الله ، لو كنت تستعمل برنامج phpMyAdmin فالطريقة بسيطة جدا ، وهي اختيار القاعدة يدويا ن ومن ثم اختيار الجدول ن و التعديل على قيمة الحقل Collation بالاختيار من القائمة المنسدلة utf8_unicode_ci
او طريقة الأوامر بالتالي :
```
ALTER TABLE `ma_table` CHANGE `mon_champ` `mon_champ` VARCHAR( 50 ) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL;
```
اما القاعدة الجديدة فيمكنك انشاؤها كالتالي بالترميز العالمي :
```
CREATE DATABASE `ma_base` DEFAULT CHARACTER SET utf8 COLLATE utf8_unicode_ci;
```

2 – من خلال الاتصال بالقاعدة : لم ننته بعد ، وهذه المرحلة مرتبظة بالتي قبلها ، فبعد تضبيط جميع حقول القاعدة على الترميز ، فلابد لي من ذكر الترميز عند الاتصال ، وهذا لن يتم إلا بالدالة mysql_set_charset() و طريقة استعمالها بالاتصال التالي :

$link = mysql_connect('localhost', 'user', 'password');
mysql_set_charset('utf8',$link);

للأسف الدالة لا تعمل سوى على php5 او ما هو اكثر ، لذلك بالنسبة للنسخ القديمة يمكنني استعمال التالي عوضmysql_set_charse

mysql_query("SET NAMES 'utf8'");

ملاحظات :

لا تستعمل طريقة التعديل على ملف Apache لأنه قد تتضرر باقي المواقع الموجودة على السيرفر ممن لا تدعم ملفاتها الترميز utf-8
كل الطرق الديناميكية التي تم طرحها لتغيير الترميز لابد من توفر شرط ضروري فيها ، وهو دعم الملف للترميز ، وذلك بتحويل الملف الأصلي للتطبيق إلى ترميز utf-8 كما شرحنا في جزء مستوى الملفات عن طريق المحررات
في جزء التغيير عن رطيق القاعدة ، حاول أن تتوفر على نسخ احتياطية للقاعدة قبل تطبيق أي عملية ، خشية الوقوع في الأخطاء و ضياع المعلومات
في نفس الجزء ، ستجد في حقل collation انه يوجد العديد من أنواع الترميزات utf-8 و التي أفضلها هما :utf8_unicode_ci و utf8_general_ci ، الفرق بينهما وهو أن الثاني أسرع من الترميز الأول ، إلا أن الأول أفضل في كفاءة العمل من الثاني ، مثلا في البحث عن الكلمات أو بعض الرموز الرياضيات ، فهو انفع و أفضل في الأداء

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

انشر هذا المقال

الخطوط العربية : قواعد ، أفكار و حيل

Fez-Soft — Sat, 10 Oct 2009 02:39:58 +0000

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

عادة ، و على المستوى العربي ، الخطوط التي تلائم المتصفحين ، وتدعم بشكل جيد في اللغة العربية في المتصفحات ، وهي مجموعتي serif و sans-serif ، و جميع الخطوط التي في كل مجموعة هي متشابهة فيما بينها ، لذلك لا نفرق بين استعمالنا بين arial و verdana في بعض المرات ، لأنهما من نفس المجموعة sans-serif ، مشكلة غالب مصممي الويب ، انهم لا يلتفتون للقيمة الملائمة لهذه الحروف ، حتى تظهر بشكل جيد وتلائم الزوار العرب ، سأحاول أن ألفت النظر لبعض الأشياء التي قد لا تخطر على بالك ، و سأتكلم عن الخطوط الملائمة للمحتوى العربي بشروطها :

Tahoma

وهو الخط العربي الأول المفضل للزوار العرب ، والذي يدعم بشكل جيد من برامج التصفح ، إلا أن استعماله الخاطئ في بعض المرات يخرجه من خط مسالم إلا خط مأذ أو مشوه للمنظر العام للموقع ، فيفضل عند استعمالك لهذا الخط :

أن تكون القيمة الدنيا منه لا تقل على 10px و القيمة العليا منه لا تزيد عن 12px ، بحيث لا يبقى له معنى عند التكبير أو التصغير المفرطين
الا يكون في حالة Bold ، لأنه من مميزات هذا الخط ، انه على شكل مربع للحروف ، فإذا اخذ قيمة bold في خصائص font-weight فإنه يصبح أعرض من اللازم
لا تستعمله في العناوين ، لأن العناوين من عادتها تكون كبيرة ، وهو لا يصلح له هذا المقام

Times New Roman

وهو خط جيد ، تكمل جماليته في كبره ، فمن ضوابطه :

ألا تقل القيمة الدنيا منه على 18px ، و 15px عندما يأخذ قيمة bold من font-weight
غير مقيد من ناحية الكبر ، لأنه كلما كبر زادت جماليته
يصلح للعناوين الكبيرة و اللامعة

verdana و arial

تاخذ نفس ملاحظات التي تمت على times new roman إلا أنها:

تفضل الا تكون مضغوظة إلا إذا كانت صغيرة ، مثل 14px .
تستعمل في عرض المحتوى في القياس السابق ، وتكون جيدة جدا .

Traditional Arabic

وهو خط عربي أصيل :

يصلح للمحتويات الإسلامية ، أو ذات طابع تاريخي
أن لا تقل قيمته الدنيا عن 20px في حالته العادية ، و عن 16px في حالة bold

أفكار و حيل

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

اجتنب كل الاجتناب أمر letter-spacing و الذي نستعمله كالتالي :
```
letter-spacing: 3px;
```
وظيفة هذا الأمر ، انه يقوم بالتفريق بين حروف الكلمة الواحدة بالمقدار الذي تعطيه له أنت ( في المثال عملت 3px ) ، وهذا لا يصلح بتاتا في اللغة العربية لأن جل حروفها تلتصق مع غيرها داخل الكلمة الواحدة ، وإذا فرقنا بين الحرف و اخيه ، فنحصل على فقرات من الحروف و ليس من الكلمات .

نريد في بعض الأحيان كتابة بعض العناوين المهمة ، بخطوط مميزة ، قد لا توجد على جهاز الزائر ، فنضطر إلى عمل العنوان داخل صورة بتصميم قد يعجبنا ، إلا ان هذه تبقى فكرة قديمة ، وهي الآن غبية بعض الشيء ، للعواقب التي ستخلفها على موقعك :
1. من ناحية زيادة وقت تحميل الصفحة ، لأنه يتم تحميل صور إضافية للصفحة ،
2. عدم الديناميكية ، لأنه سيبقى النص جامدا ، ولا يمكنني أن اعدل عليه إلا بالرجوع إلى الملف المفتوح للصورة أو أصمم واحدة جديدة ،
ما رأيك بأن نضع لك حلين مفيدين و فعالين :
1. حاول أن تستعمل اسم الخط الذي استعملته في تصميم الصورة ، مباشرة في ملف التنسيق css ، ثم اعمل بعده مجموعة خطوط توجد دائما في الأجهزة العادية ، و اعط الأولوية للخط الذي تريده ، هكذا :
```
font-family:  SC_DUBAI , arial , verdana , sans-serif ;
```
  ميزة هذه الطريقة ، وهي أنه يتم البحث في جهاز الزائر عن هذا النوع من الخطوط ، فإذا لم يجده مثبتا ، سبحث عن الذي يليه ، ثم الذي يليه ، إلى أن ينتهي إلى آخر خط او مجموعة تم ترتيبها في الأمر ، كما عملت في المثال مع خط SC_DUBAI ، ونحن نعلم أن غالبية زوار المواقع التطويرية هم مطورون ، وغالبية زوار مواقع التصميم ، هم مصممون ، فليس بالبعيد ان تكون اجهزتهم تحتوي على هذه الخطوط المميزة في نظرك ،
  ( طبعا هذه الطريقة أنضح بها من يعلم ان غالبية زوار موقعه يثبتون هذه الخطوط ، من خلال المحتوى الذي يقدمه ، فلكل محتوى زواره )
2. الطريقة الثانية ، جرب أن تستعمل تقنية siFr ، و هي إضافة رائعة لمكتبة jQuery ، حيث يمكنك ان تجعل عناوينك المميزة بخطوطك المميزة ، وتظهر بالشكل الذي تريده من دون أن نشترط عل جهاز الزائر أن يحتوي على هذا الخط ، فقط بملف jQuery و ملفات الإضافة ، وملف Flash مفتوح ، ساحاول ان أتوسع في الكلام عن هذه التقنية في درس مخصص بها إن شاء الله ،
لمحبي عمل سطر أو خط تحت جملة أو عنوان معين : اجتنب underline في text-decoration ، وحاول استعمال border-bottom ، فائدة هذه الحركة ، وهي التخويل باستعمال الـ padding حتى اتمكن من إبعاد هذا االسطر بالمسافة التي أريد عن الجملة ، وهذا الذي لا يوجد عند استعمال text-decoration : underline
حاول أن تستعمل خاصية الظل التي اتت مع جيل css3 في العناوين ، حيث يمكنني استعمالها في التأثير على جملة معينة ، بحيث تظهر كانها محفورة في الصفحة ، بجعل لون الظل أبيضا في حالة ما كانت الخلفية غامقة ، يمكنك استعمال هذا الأمر :
```
text-shadow: 2px 1px 0px #fff;
background: #eee;
```
حاول أن ترى النتيجة على صفحة تطبيقك ، ولايضرك عدم دعم بعض برامج التصفح لهذا الجيل من css ، فهي إضافة صغيرة تضيفها لجملك لا يتمتع بها إلا أصحاب المتصفحات المحترمة و الحديثة .

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

انشر هذا المقال

فضلا .. لا تستعمل Framework css

Fez-Soft — Sat, 15 Aug 2009 17:39:14 +0000

بسم الله الرحمن الرحيم ، من العنوان ظاهر أنني سأكون ضد كل ممن يستعمل منصات العمل الجاهزة في css ، لكن لا تتسرع ، لنقم بهذه الدراسة السريعة ، و لنحاول أن نفهم ما هي framework css و أنواعها و إيجابياتها و سلبياتها ، و أخيرا أترك لك الاختيار فيما سيصلح لك في مشاريعك كمطور … سنحاول أن نقسم الأفكار التي سنتحدث عنها إلى التالي :

ما هو framework css
لم framework css ؟
أمثلة جاهزة لـ framework css
ما دور الملفات التصفيرية reset css
فضلا .. لا تستعمل Framework css

ما هو framework css

هو عبارة عن منصة عمل ، مفتوحة المصدر ، ملفات تحتوي على أوامر css جاهزة ، و أكواد و تسميات تم علمها من صاحب المنصة ، ليسهل على المطورين التعامل مع مشاريعهم في ظل استعمالها .

لم framework css ؟

بكل بساطة ليسهل علينا التعامل مع المشاريع المستقبلية ، حيث نحاول أن نربح وقتا ، و تكون مشاريعنا واقعية من ناحية الوقت و الانتايجة ، يمكننا أن نحدد فوائده في التالي :

زيادة الإنتايجة ، بربح الوقت و الجهد .
التقليل من الأخطاء ( في بعض الحالات ) .
تجميع أسماء الـ class و الـ id
توافقية المشروع مع مختلف المتصفحات .
ترك كود نظيف موافق للمعايير القياسية و خال من الأخطاء الكتابية .

أمثلة جاهزة لـ framework css

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

YAML : و هي اختصار لكلمة : Yet Another Multicolumn Layout وهي منصة من عمل Dirk Jesse ، بسيطة ، واضحة ، مفهومة ، متوافقة مع كل المتصفحات ، انطلاقا من ie5 و ما فوق ، تتميز بصفحتين مهمتين ، صفحة التنسيف css الأصلية ، و صفحة للطباعة print ، تمكنني هذه المنصة من استعمال الواجهة الافتراضية لها ، كما يمكنني إعادة تسمية الـid و اختيار نوع Doctype ، يمكنني اختيار عدد الأعمدة في المشروع ، و أخيرا يمكنني أن أظهر الكود كاملا لمراجعته لو دعت الضرورة، يمكنك أن تحملها من صفحة التحميل في الموقع الأصلي ، كما يمكنك أن تزداد قراءة عن طريقة الاستعمال و الضبط من هنا .

Blueprint :منصة Blueprint تم عملها من طرف الطالب النرويجي Olav Frihagen Bjørkøy ، تتوفر هذه المنصة على عدة مميزات ، كسهولة الواجهة الافتراضية ، و الفروقات الظاهرة بين أحجام العناوين و الخطوط ، و ورقة تنسيق خاصة بالطباعة ، وورقة تصفير اعدادات ( reset ) ، هذه المنصة هي الأبسط و الأسهل و الألين في التعامل ، يمكنك تحميلها من الصفحة الرئيسية من الموقع الأصلي .

YUI : و هي مكتبة ياهو ، او باسمها الكامل Yahoo! UI Library CSS Foundation ، تحتوي على العديد ممن الخدمات التي قد تفيد المقدم على مشروع ويب و التسهيل عليه بعضص الأوامر ، مثل : Reset CSS ، Base CSS ، Fonts CSS و Grids CSS .

لا ننس كذلك الـ framework التي يقدمها لنا برنامج الدريم ويفر ، ففيه امثلة كثيرة و جاهزة و يمكنك التعديل عليها و بناء موقعك أو مشاريعك انطلاقا منها .

ما دور الملفات التصفيرية reset css

طبعا ، تعلب دورا مهما في المشاريع حيث تصفر كل إعدادات المتصفحات الافتراضية ، و تجعلها بلا اعدادات إن صح القول ، مما يعطيك الحق بالتعديل عليها بما يلائمك و يلائم احتياجاتك ، هناك ملفات تصفيرية كثيرة ، سنذكر بعضا منها :

Tripoli
Reset CSS Reloaded : لصاحبه Eric Meyer
ملف التصفير من مكتبة ياهو : Yahoo! UI Library وقد تكلمنا عنها قبل
CSS Global Styles Reset لصاحبه Kyle Neath
CSS Global Reset لصاحبه Christian Montoya
Master Stylesheet : وهو ملف تصفير عادي و جيد لمن أراد استعماله .

في الحقيقة الملفات التصفيرية ليست بالشيء الصعب ، و يمكن لأي أحد ضابط للغة ، قديم في التعامل مع اوامر css ان يعمل ملفا خاصا به للتصفير ، يستعملها في مشاريعه .

فضلا .. لا تستعمل framework css

هذا الذي جعلني اكتب كل هذه المقدمة عن framework في css و انواعها ، طبعا هذه الجملة التي أدعو فيها لعدم استعمال المنصات الجاهزة في css ن هي خاصة بالمطورين فقط ، اما غيرهم من أرباب المواقع العاديين ، أو من الهواة ، فلا أقصدهم بكلامي ، و إنما انصحهم باستعمال framework في css

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

التكرار : و الذي يحصل في الأوامر ، كأنك تعمل بأي برنامج تحرير كالدريم ويفر ، و لا تدر ما يحصل داخل أسطر الأوامر ، و إنما تطلع فقط على الواجهة و الشكل
ستبني مشروعك على مجهودات مطور آخر .
عدم التنظيم في تسمية id و class في أغلب الأحيان
زيادة الأوامر من حيث لا تدر ، فالـ framework يضم كل اوامر css و كل الحالات ، و انت قد تقدم على مشروع صغير لا تحتاج فيه اغلب الأوامر الموجودة في المنصة
عدم بنائك لكود css بيدك ، مما يدل على المتاهة عند الحاجة للتعديل و البحث عن id أو class المقصود
بالنسبة للملفات التصفيرية ، قد لا تحتاج كل الأوامر التصفيرية ، إذا كان مشروعك متخصصا او صغيرا ، مما يجعل الأوامر تزداد و تكبر حجم الملفات بلا داعي
الاتكال على هذه المنصات ، يجعل المطور يجهل الفروقات بين المتصفحات ، و التي يكتسبها مع المدة و العمل

إذا ؟؟ ما العمل ، إذا كنت لا تنصحني كمطور أن اعمل على هذه المنصات ؟؟ فما العمل ؟ هل اكتب كل مشروع أبدأه من الصفر ، و أضيع الوقت و الجهد ؟؟؟

لا . و إنما حاول أن تطور framework خاصا بكـ ، تعلم ما فيه و ما في أسطره ، و تعرف كل مسمى فيه ، اجعل مشروعا فارغا ، تبدأ به و منه كل مشروع ، اما بالنسبة للملفات التصفيرية ، فاجعل واحدا خاصا بك ، لا يزيد عن احتياجات مشاريعك ، و إن دعت الضرورة فاجعل واحدا للمشاريع الكبيرة و آخر للصغيرة ، حتى لا تقع في الخلط .

أخيرا ، لعلكم لاحظتم في كل الروابط التي ذكرت أعلاه أنها لمطورين غرب، فماذا عن العرب !!!!

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

آمل أن تجد هذه الدعوى آذانا صاغية ، كما آمل أن تكون قد استفدت من الدرس و السلام عليكم ورحمة الله وبركاته

انشر هذا المقال

أفكار و خطوات تسريع صفحات موقعك و مشروعك

Fez-Soft — Mon, 29 Jun 2009 01:00:33 +0000

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

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

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

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

body {
	padding: 5px;
	margin: 0;
}
 
p {
	margin: 0;
	padding: 5px;
	background: #eee;
	text-indent: 10px;
}
 
h1 {
	text-indent: 10px;
}

اكتب هذا :

body , p{
	padding: 5px;
	margin: 0;
}
 
p {
	background: #eee;
}
 
h1 , p{
	text-indent: 10px;
}

حاول استعمال اضافة Firebug 1.4.0b2 لمتصفح الـ Firefox التي ستساعدك على معرفة الأخطاء في أكوادك بدقة و معرفة الاماكن التي بها بطأ ، وحاول تصحيح أخطائك واحدة تلو الأخرى .
تجنب كثرة الصور و اعرف كيف تقطع مشروعك ، حيث في الأماكن الممددة حاول ان تستعمل الألوان فقط ، وهذا يتوقف على نوع المشروع و تصميمك و قدرتك على التفكير بطريقة دمع الألوان مع صور قليلة
تجنب حركات الفلاش ما استطعت إليه سبيلا، و إن كان ولابد فلا تتعدى ملفا صغيرا ،يفي بالغرض
في بعض الأحيان تحتاج الى عمل عناوين خاصة بخطوط تلائم تصميمك و تحتاج لطباعتها في صور ، جرب تقنية siFr لعلك تستغن عن الصور مستقبلا.
لمن يستعمل مكتبات الجافا سكربت بكثرة في تصاميمه ، فغن ملف المكتبة ليس بالخفيف ، فكن ذكيا عند اختيارك بين المكتبة و بين بعض الفلترات الجاهزة و التي هي أقل حجما من هذه المكتبات ، و سنضرب مثالا لذلك ، لو كنت ستحتاج للمكتبة في أكثر من حركة ، فالمكتبة افضل لك ، اما لو كنت ستستعملها لغرض واحد فقط ، فأنا أحبذ استعمال دالة او فلتر من الجاهز ، لأنك ستبطأ الصفحة إذا استدعيت المكتبة بالكامل من أجل حركة واحدة ، مثال لمثل هذه الفلترات
بالنسبة لمرحلة التصميم ، حاول أن تحفظ صورك على شكل صور للويب عن طريق
file – save for web
أفضل لك من حفظها jpg أو png ، إلا في حالة كانت جودة الصورة ستتغير .
لم كل هذا ؟؟ ببساطة ليتم تخزين االصورة على بحجم صغير لتكون سريعة التحميل عند العرض .
بالنسبة لمبرمجي php : حاول أن ستعمل تقنية الـ cache في تخزين و استدعاء المعلومات و ذلك ليخف الضغط على الموقع و بالتالي سرعة تصفح جيدة ( للمواقع الكبيرة فقط )
لمديري المواقع : حاول التخفيف من الملحقات كل ما استطعت !!! سواء من مستخدمي wordpress او joomla او drupal او vbulletin او باقي برامج الويب ، حاول أن تتجنب ملحقاتها و اضافاتها او ما يعرف بـ pllugin ، ببساطة للتخفيف من عدد الكويري ( Query ) على الصفحة ، حاول أن تعمل عملية حسابية لصفحة موقعك و اجمع كم عدد الكويري التي يتم تنفيذها في كل تحديث – refresh – و إذا كان في حدود 10 ، 20 ، 30 فمتوسط أما لو تعددى العدد ليصل إلى 70 ، 80 ، 90 ، فاعلم أن موقعك وبال على السيرفر الذي عليه ، و انك أنت سبب بطأ صفحتك ، وحتى لو كانت الصفحات غير بطيئة لأسباب أن موقعك على سيرفر مستقل او اي شيء من هذا القبيل ، فبتخفيفك لعدد الكويري سترى سرعة زائدة عن التي عهدتها من موقعك .

هذا ما يحضرني حاليا من أفكار ، ربما لو توصلت لأفكار جديدة سأسوغها ان شاء الله في تدوينة أخرى

و السلام عليكم ورحمة الله .

انشر هذا المقال

نص الحقوق ، ماله و ما عليه !!!

Fez-Soft — Fri, 05 Jun 2009 15:53:17 +0000

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

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

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

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

لكننا العرب أخذت علينا هذه الصفة الشنيعة من نزع الحقوق و تغييرها و نسبها للغير ، و ذلك لأسباب :

ننظر إلى العميل و كأنه ذئب يتربص بالعمل لينزع حقوقه
عدم حسن الظن في الآخر – مع أن الأصل في ديننا حسن الظن بالآخرين و حمل أفعالهم على محمل حسن
قلة الأعمال الاحترافية العربية ، مما يجعل المطور أو المصمم إذا عمل عملا يحسبه أنه احترافي و نادر في الساحة العربية ، فيملؤه حقوقا .

كنصيحة أخيرة .. لتكون أعمالك أكثر احترافية حتى في نص الحقوق :

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

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

انشر هذا المقال

هل أنت مصمم أم مطور ؟؟

Fez-Soft — Mon, 01 Jun 2009 11:13:46 +0000

السلام عليكم ورحمة الله وبركاته

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

فكل مصمم مبدع متقن لبرامج التصميم و لكن لا يفقه شيئا في التطوير و البرمجة ، او ربما لا يعيلها اهتماما ، فستبقى اعماله – في مجال الويب طبعا – عبارة عن صور جامدة ، و مواقع كأنها لوحة و صورة واحدة اا حركة لها ولا تجاوب مع الزائر ، فقد يشعر الزائر بالملل في تصفح الموقع الذي عمله هذا المصمم ،

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

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

ومن واقع تجربتي ، فإنه ينصح بالبدأ بمجال التصميم و الإبداع و الذوق ، ثم الانتقال به الى التطوير و البرمجة و جعل تصاميمك ديناميكية و اكثر تجاوبا مع الزائر ،

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

كخلاصة ،

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

و البرمجة كلها ذكاء ، و اختيار لأحسن و أقصر الطرق للوصول للمطلوب .

و من جمع بين الأمرين فقد فتح الله عليه ما أغلق على غيره ، فليحمد الله تعالى على هذه النعمة ، و ليفكر كيف يشكر الله تعالى عليها .

انشر هذا المقال