الكاتب إحسان

معلومات عن الكاتب

مهندسة برمجيّات ، مصمّمة ومطوّرة ويب وأعمل كـ Freelancer مهتمّة بـ : ASP.Net , C#.Net , CSS , XML , XPath , XSTL , Aptana FW

http://www.e7san1988.wordpress.com

www.twitter.com/E7san

http://delicious.com/wcms.su

أقلمة الإنترنت، وقانون جديد في تويتر !31 من التعليقات

الكاتب: 27 يناير, 2012
الزيارات: 2,022

 أقلمة الإنترنت، وقانون جديد في تويتر !

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

كانت SOPA وPIPA هما القانونين الأكثر إثارة للجدل والسّخط في الفترة الماضية ولن ننسى كيف أضفت ويكيبيديا اللون الأسود على محتوياتها اعتراضًا على قوانين تحجب المعرفة العالميّة عن النّاس، ثمّ أٌغلق موقع Megaupload بموجب قوانين أمريكيّة وأصبحت مواقع الرّفع والتّحميل مهدّدة بالإغلاق أيضًا تبعًا لذات القوانين .

المزيد

ما قبل الشروع في مشروعٍ تقنيّ !15 من التعليقات

الكاتب: 25 يناير, 2012
الزيارات: 1,226

steps 4 ما قبل الشروع في مشروعٍ تقنيّ !

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

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

في هذه المقالة سوف أتحدّث عن مرحلة ” ما قبل المشروع “، محاولةً وضع حدود واضحة لمتطلّبات بدء مشروع تقنيّ لمن لا يعرف إجابة سؤال: من أين أبدأ ؟

من المهمّ أوّلاً أن تعرف من أنت من بين هؤلاء الأشخاص :

١ : لديك فكرة – أو أفكار – وليست لديك أدنى معرفة برمجيّة أو تطويريّة .

٢ : لديك معرفة – ولو أساسيّة – وليست لديك أفكار لتطبيق هذه المعرفة .

٣ : لديك المعرفة والأفكار ولكنّك عاجزٌ عن الشروع في العمل .

المزيد

ASP.Net : كيف تنشئ قاعدة بيانات مؤقتّة ؟ ( سلّة المشتريات كمثال ١ )بدون تعليقات

الكاتب: 19 مارس, 2011
الزيارات: 953

مستوى الدرس / متقدّم .

فكرة الدرس / إنشاء قاعدة بيانات تخيليّة ومؤقتّة ومن ثمّ تخصيصها للعضو أو الزائر ليستخدمها خلال صفحات الموقع، ثمّ تدميرها بعد انتهاء الجلسة .

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

21838 plastic basket shopping cart trolley hypermarkets 1 ASP.Net : كيف تنشئ قاعدة بيانات مؤقتّة ؟ ( سلّة المشتريات كمثال ١ )

بدايةً، لماذا أحتاج إلى استخدام قاعدة بيانات مؤقتّة؟

في أنظمةٍ كثيرة قد أحتاج لجمع معلومات كثيرة من مستخدمٍ معيّن للاستفادة منها وقتئذٍ دون الحاجة لتخزينها – مباشرة – في قاعدة بيانات حقيقيّة، مثال على ذلك أنظمة التجارة الإلكترونية الَّتي يتمّ فيها تخزين معلومات البضائع الَّتي اختار المستخدم شراءها في سلّة المشتريات (مؤقتا ولمدة معينة) لحين تأكيده عملية الشراء، أو الأنظمة الخبيرة ” هذه اللعبة مثلاً ” الَّتي تستفيد من إجابات المستخدم لإخراج المخرجات لكنها لن تضطر للاحتفاظ بها في قاعدة بيانات الموقع كي تخرج هذه المخرجات .

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

لمتابعة الدرس في مدونة عالم التقنية تعليم اضغط هنا .

Tiny MCE، لمحات حول محرر النصوص الأكثر شهرةبدون تعليقات

الكاتب: 17 يناير, 2011
الزيارات: 888

TinyMCE thumb Tiny MCE، لمحات حول محرر النصوص الأكثر شهرة

Tiny MCE هو محرر نصوص غني  (Rich Text Editor  RTE معتمد على الجافاسكربت والـ HTML، وهو الأكثر شهرة والأقوى لتحرير النصوص عبر صفحات الويب حيث تستخدمه الكثير من أنظمة إدارة المحتويات الشهيرة مثل WordPress.

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

مطوري الويب يستخدمون هذا المحرر في لوحة تحكم التطبيقات أو لتمكين الأعضاء والزوار من التفاعل مع الموقع في كتابة المواضيع أو الردود، حيث يمكنك تهيئة محرر الـ Tiny MCE لأي هدف تريده.

بقية المقالة في عالم التقنية – تعليم

Microsoft tech.ed 201014 من التعليقات

الكاتب: 9 فبراير, 2010
الزيارات: 712

image 3 Microsoft tech.ed 2010

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

الحدث الَّذي أُطلق عليه tech.ed middle east سوف يستمرّ لمدّة 3 أيّامٍ فقط، ليبدأ من تاريخ 1 وحتّى 3 مارس 2010.

وصفت مايكروسوفت هذا الحدث بأكبر حدث تدريبيّ لعام 2010، ففي 3 أيّامٍ سوف تُقام 100 جلسة تعليميّة يلقيها خبراء من شركة مايكروسوفت في مواضيع مهمّة جدًا ومختلفة، مثل: الأمنية، تقصّي الأعمال، مايكروسوفت سيرفر، مايكروسوفت سيلفرلايت، مايكروسوفت موبايل،.. وغيرها.

للاطلاع على تفاصيل أجندة الحدثالأسئلة الشائعة.

آخرًا، التكلفة الماديّة للحضور هيَ 825 دولار فقط لا غير icon smile Microsoft tech.ed 2010

Color Your Life9 من التعليقات

الكاتب: 8 فبراير, 2010
الزيارات: 4,729

Hiding in Color Color Your Life

الألوان هيَ عنصر الحياة في جهاز الحاسب!

لولا سحرها  لما استطعنا الجلوس بمتعةٍ وسعادة أمام هذا الجهاز الأخرق لمدّة ساعاتٍ متواصلة  دون أن نُصاب بالملل أو الإرهاق.

من البديهيّ إذاً أن يولّي المصممين اهتمامًا طاغيًا بهذا العنصر، فمهما كان التصميم متقنًا وجبارًا إلاّ أنّه يسقط إذا صُبغ بألوانٍ منفّرة أو غير متناسقة.

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

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

لهذا السبب، برزت العديد من المواقع الّتي تقدّم للمصمّم المساعدة في اختيار مجموعة من  الألوان المناسبة والمتناسقة / بما يُعرف عادةً بـ color schema أي “مخطط الألوان”، هذه المخططات تتكوّن من لونين أو أكثر تجمع بينهما علاقة رياضيّة تعتمد على خوارزميات تنسيق الألوان.

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

المزيد

دورة XML: إنشاء search engine plugin لمتصفح الفايرفوكس13 من التعليقات

الكاتب: 3 فبراير, 2010
الزيارات: 998
.

sep5 دورة XML: إنشاء search engine plugin لمتصفح الفايرفوكس

.

يوفر متصفح الفايرفوكس صندوق للبحث في عدّة مواقع ومحرّكات بحث مثل amazon و Google وغيرها، بعض المواقع الَّتي لا يوفّر لها الفايرفوكس search engine plugin يتمّ توفير إضافة خاصّة بها للمستخدم – مثل محرّك البحث bing.

بالمناسبة، ما هي الـ search engine plugin تقنيًا؟

هي عبارة عن ملفات xml! كلّ محرّك بحث له ملف xml خاصّ به في مجلّد  Mozilla Firefox/search plugins،  بمجرّد معرفتنا بذلك فإنّنا نستطيع إنشاء إضافة لأيّ موقع يقدّم خدمة البحث عن طريق إنشاء ملف xml يحتوي على بياناته.

screencast: بسيط يوضّح كيفيّة إنشاء إضافة للبحث عن الصور في محرّك  bing، الأفضل أن تشاهد الفيديو بحجم كامل الشاشة:

كنتُ أرجو الاكتفاء بهذا الفيديو للشرح، لكن لا بدّ من توضيح عناصر ملف الـ xml للـ search plugin:

المزيد

دورة XML: درس خاص حول RSS7 من التعليقات

الكاتب: 23 يناير, 2010
الزيارات: 1,396

title6 دورة XML: درس خاص حول RSS

.

كيف تتابع الأخبار في منزلك؟
تستخدم الرسيفر لاستقبال ترددات الكثير من القنوات الفضائية، كل قناة تحتوي على عدد من البرامج والمحاورات والنقل المباشر، بجهاز تحكم واحد فقط تستطيع التنقل بين هذه القنوات دون بذل أدنى جهدٍ أو وقت. تخيّل لو توجّب عليك تركيب رسيفر لكلّ قناة، كم سيكون الأمر مكلفًا ومرهقًا، وربّما توقّفتَ عن متابعة أغلب البرامج المهمّة بسبب هذا الشيء.

كيف تتابع الأخبار على الويب؟ icon smile دورة XML: درس خاص حول RSS
إذا اخترتَ أن تزور كلّ موقعٍ بشكل مستقل فكأنّك تختار تركيب رسيفر خاصّ بكلّ قناة على التلفاز! أمّا إذا اخترت متابعة المواقع عبر قارئ الخلاصات، فكأنّك تستخدم رسيفر واحد لمتابعة جميع القنوات المفضّلة دون أن يفوتك برنامج. وقارئ الخلاصات يعمل عمل الرسيفر، حيث يستقبل تحديثات الكثير من المواقع عن طريق ملفات الـ RSS الخاصّة بها.

فما هو ملف الـ RSS تقنيًا؟

الـ RSS عبارة عن ملفّ مبني بلغة XML، يمثّل قناةً معينة لأحد المواقع “أو جزءٍ منها”، كلّ قناة تحتوي على عددٍ من العناصر، كلّ عنصر يحوي “ملخصًا” بمحتويات الموقع مثل: اسم كاتب المقالة، رابط الصفحة، عنوان المقالة ، وصف له أو مقطع بسيط منه. مرّت ملفات الـ rss بتاريخ عريض وطويل، و” الزبدة” أنّه أصبح لدينا نسختين مشهورتين من الـ rss: هما (RSS1.0 , RSS2.0).

RSS1.0: هي ملفات بُنيت على ملفات تسمى RDF، هذه الملفات مبنية على لغة XML والهدف منها هو تقديم معلومات حول الموقع مثل اسم الموقع ورابطه واسم الكاتب.

RSS2.0: بُنيَت أساسًا على ملف XML وهو آخر إصدارات الـ RSS، إذ ظهر بعدها ما يُسمّى بالـ”Atom”.

المزيد

دورة XML: الدرس الخامس4 من التعليقات

الكاتب: 20 يناير, 2010
الزيارات: 2,942

.

title5 دورة XML: الدرس الخامس .


XHTML /

ما هو الفرق بين لغة XHTML و HTML ؟

فرق استخدامهما بالنسبة للمطورين قد لا يكون كبيرًا ، مجرّد فروقاتٍ نحويّة ، ما يجب وضعه بالحسبان هو أنّ لغة XHTML بُنيَت بواسطة XML لذلك /

1- XHTML خاضعة لقوانين وشروط لغة XML النحوية بعكس لغة HTML الَّتي لا تخضع لأيّ شروط أو قواعد .

2- متصفّحات الإنترنت تستخدم متتبع خاصّ لقراءة وسوم لغة HTML .

لكنّها تستطيع استخدام المتتبع الخاصّ بلغة XML عند قراءتها لوسوم لغة XHTML .

لذلك الخضوع لقواعد XML يؤهل الموقع للعرض الصحيح عبر وسائط أخرى غير المتصفحات التقليديّة .

3- في تقنية الـ DOM عبر الجافاسكربت ، نستخدم الأمر document.write أو document.writeln للكتابة في صفحة الـ HTML ، لكنّها لا تعمل مع الـ XHTML .

في الـ XHTML نستخدم Document.getElementById(“content”).InnerHTML .

4-     لقراءة تفاصيل علميّة دقيقة حول الفرق بين اللغتين أنصحكم بزيارة هذا الرابط .

.

.

XML Schema /

اختصارًا XSD : لغة لكتابة ملفات مرافقة لملفات XML ، نعرّف بواسطتها عناصر الـ XML بتحديد  نوعها ونوع بياناتها ووضع شروط وقواعد لها .

وهي الملفات البديلة عن ملفات DTD الَّتي كانت تُستخدم سابقًا لهذا الهدف ، وتكمن قوّة XML Schema في أنّها مبنيّة بواسطة XML وتحمل مميزاتٍ أكبر من سابقتها .

المزيد

دورة XML: الدرس الرابع11 من التعليقات

الكاتب: 16 يناير, 2010
الزيارات: 2,440


.

title4 دورة XML: الدرس الرابع

.

  • · الإبحار في ملفات الـ XML :

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

الآن ، ماذا لو أردنا الوصول إلى بيانات كاتبٍ معين ، عن طريق رقم الـ id الخاصّ به مثلاً .. أو عن طريق اسمه أو رابط مدونته ؟

إنّ معرفتنا لاسم العنصر الَّذي يحمل بيانات الكاتب الواحد وهو <author> لا يكفي ، لا بدّ إذًا من وجود طريقة تساعدني على الوصول إلى عناصر معيّنة ، بعبارةٍ أخرى أسلوب للإبحار في ملفات XML ” XML Files Navigation ” .

توجد طريقتين لذلك وهما :

1-     استخدام لغات مخصّصة للاستعلام في ملفات XML ، وعلى رأسها :

XPath ، XQuery

هذه اللغات تقدّم أسلوبًا معيّنًا للبحث في ملف XML بالاعتماد على وجود معلوماتٍ حول العناصر ، على سبيل المثال :

  • اسم العنصر .
  • اسم أحد أبناءه .
  • اسم العنصر الأب .
  • قيمة إحدى الصفات .

2-     التعامل المباشر مع الهيكل الشجريّ لملف الـ XML ، وهنا يكون الوصول للعنصر عن طريق تتبع المسار الوراثي له .

بالنسبة للغة XPath فسوف نتناولها بالتفصيل في الجزء الثاني من الدورة بإذن الله ، أمّا درسنا اليوم فسوف نتحدّث فيه عن الطريقة الثانية .

مع ملاحظة أنّنا نستطيع الجمع بين الطريقتين أثناء البرمجة .

.

.

افتح ملف techwldAuthors.xml الذي قمنا بإنشائه في المرة السابقة عبر المتصفح .

لاحظ الهيكلية الشجرية التي تحدثنا عنها في الدرس الأول ، فهم هذه الهيكلية مهمّ جدًا للتعامل مع عناصر الـ XML برمجيًا .

xml navegation دورة XML: الدرس الرابع

المزيد

1 - 212


المقالات في عالم التقنية تُعبّر عن رأي كاتبها ¦ © 2011 - جميع الحقوق محفوظة عالم التقنية ¦ تصميم و تطوير: عبدالملك الثاري ¦ تطوير : المُعاصر | الخوادم بإدارة ah