عالم التقنية » خالد الحوراني

ما بعد عرب نت 2011

خالد الحوراني — Sun, 27 Mar 2011 11:03:41 +0000

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

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

- المؤسس: شخصية المؤسس أو المؤسسين ستلعب أكبر دور في نجاح المشروع، حجر الأساس في نجاح المشروع ويكفي ملل المؤسس من نجاح المشروع أو عزوفه عن إكمال العمل عليه ليذهب هذا المشروع أدراج الرياح. ذكاء المؤسس وحماسه سيلعبان الدور الأكبر في نجاح المشروع (لا تيأس إن تكن ذكياً، فالذكاء بأكثره اكتساب وليس ولادي!)، إذن الذكاء والاجتهاد هما رفيقا دربك.

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

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

- الحظ أو التوفيق، التوفيق أو الحظ: يمكن ترتيب هذه الجملة حسب كل شخص، بعض الأشخاص تحمّل الحظ الجزء الأكبر للنجاح وبعض الناس لا تعيره اهتماماً، بعض الناس تهتم بالتوفيق وبعضهم لا يهتم به من أصله.

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

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

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

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

مواضيع مشابهة:

الأجاكس في jQuery

خالد الحوراني — Sat, 16 May 2009 02:58:07 +0000

السلام عليكم،

مثال بسيط موجود لدي أحببت أن أشارككم به وهو مثال لعملية جمع بسيطة باستخدام مكتبة jQuery وتقنية الأجاكس.

ملاحظة: يجب تشغيل الملفات داخل المخدم المحلي لأنها تحتوي على صفحات PHP أما الأجاكس لوحدها فلاتحتاج لأي سيرفر لأنها تعتمد على الجافاسكربت و XML.

صفحة (index.php)

<code>
<html>
<head>
    <script src="jquery.js"></script>
    <script language="javascript">
        $(function(){
            $("#add").click(function(){
                $.post("calc.php", { x: $("#x").val(), y: $("#y").val() },
                  function(data){
                    $("#result").append("The result: " + data);
                  });
            });
        });
    </script>
</head>
<body>
    <form action="calc.php" method="post">
        <input type="text" id="x" name="x"><br/>
        <input type="text" id="y" name="y"><br/>
        <input type="submit" value="Normal Add"><br/>
        <input type="button" id="add" value="Ajax Add"><br/>
    </form>
    <div id="result"></div>
</body>
</html>
</code>

بالتأكيد ملف jQuery يجب أن يكون موجود في نفس مسار هذه الصفحة (هكذا حددناه في السطر الثالث)، بكل بساطة تقوم باستدعاء تابع post.$ الموجود في مكتبة jQuery والذي يقوم بتغليف تابع الأجاكس التلقيدي بحيث يريحك من الاستثناءات كمتصفح IE، ونقوم بتمرير ثلاثة وسائط للتابع هم مسار واسم الصفحة التي سيرسل لها البيانات وسيأخذ منها النتائج، الثاني هي مجموعة المتحولات والتي يجب أن تكون بنفس اسم المتحولات في الصفحة التي ستقوم بالحساب (calc.php)، أما الثالث فهو تابع يستقبل وسيط واحد هو النتيجة التي جاءتنا من تلك الصفحة حيث نقوم بطباعة هذه النتيجة داخل div المسماة result.

أما الصفحة التي تقوم بالحساب (calc.php):

</code>

$x = $_POST['x'];
$y = $_POST['y'];
echo $x + $y;
?>
</code>

حمل ملف المثال:

مواضيع مشابهة:

صمم موقعك بكل سهولة

خالد الحوراني — Sat, 24 Jan 2009 03:42:16 +0000

960 هو إطار عمل لل CSS ولكن ليس كباقي أطر العمل، ديناميكي لدرجة كبيرة ويوفر الكثير من الوقت. اسم الإطار جاء من العرض 960 المشهور بالتصميم، العرض 960 بكسل مفضل لدى أغلب المصممين لأنه يلائم معظم الشاشات (أقل دقة للشاشات الآن هي بعرض 1024).

ميزة 960 الأساسية هي تقسيم الصفحة لوضع الهيكل الأساسي أو مايسمى prototyping، إذن هي طريقة سريعة لتصميم هيكلية الصفحة.

في gs يوجد هيكلين أساسيين، 12 عمود أو 16 عمود وبالطبع عرض الهيكلين هو 960 بيكسل، سنتكلم عن هيكل ال 12 عمود وهيكل 16 سيكون شبيهاً به، الغرض أن نتعلم كيف نصمم بواسطة هذا الإطار الرائع.

أولاً ألقي نظرة على صفحة المثال، ستلاحظ بأن هيكل ال 12 عمود فيه عدة مخططات، مثلاً المخطط الأول المكتوب عليه 940px يمثل div واحد كبير يشغل مساحة ال 12 عمود، شاهد الصنف (class) المسند لهذا div ستلاحظ أنه (grid_12)، جميع أصناف gs تأخذ هذا الاصطلاح في التسميات: gs_numberOfRows حيث numberOfRows يمثل عدد الأعمدة التي يشغلها هذا div.

أيضاً شاهد مخطط (140px, 780px)، ال div 140 لها صنف grid_2 أي تأخذ مكان عمودين. أما ال div 780 فتأخذ مكان عشرة أعمدة، إذن اسم صنفها سيكون grid_10، أظن أن الفكرة اتضحت الآن.

والآن سأقوم بتصميم موقع سريع كمثال لنتعلم منه، سأتوجه لمجلد templates ومن ثم photoshop واختار ملف (960_grid_12_col.psd) لأحرره في الفوتوشوب واصمم الموقع كما أريد، لنفرض أني أريد هكذا تصميم (أضفت الطبقات البرتقالية):

والآن جاءت المهمة التي كانت مزعجة وهي تحويل التصميم إلى html و css، توجه إلى مجلد code وانسخ مجلد css إلى المجلد الذي تعمل عليه (مثلاً، مجلد موقعي الجديد سيحتوي بداخله على مجلد css)، أنشأ صفحة جديدة index.html. نضع داخل الصفحة الكود اللازم لضم ملفات css التي تأتي مع الإطار والموجودة داخل مجلد css، هذه الملفات هي 960 وهو الخاص بتقسيم divs وملف reset المعروف وملف text الخاص بالتحكم بالخطوط وأحجامها وألوانها. أيضاً سنضع divs التي نريدها وهي: 960 للرأس، 220، 300 و 380 لقائمة التصفح والمحتويات، و 960 للفوتر.

ولكن قبل ذلك يجب أن نهيء 960 لكي يدعم العربية بإضافة:

direction:rtl;

في ملف 960 ابحث عن float:left واستبدلها ب float:right وبهذا التعديل نكون قد هيأناه للعربية.

الآن سأضع المخطط المبدئي الذي سيكون على الشكل:

لاحظ وضع div التنظيف بعد كل سطر.

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

هذا المثال متاح للتحميل

مواضيع مشابهة:

إضافة يملي للوردبريس

خالد الحوراني — Thu, 22 Jan 2009 11:35:24 +0000

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

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

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

صندوق التعليق

تدوينة جديدة

جربوها في صندوق البحث بأعلى المدونة أو في صندوق التعليق وأعطوني آرائكم (إذا كنت من زوار المدونة ففرغ الكاش أو اضغط ctrl+f5).

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

مواضيع مشابهة: