OSBSA Bilişim

برمجة المواقع وتطوير التطبيقات الخاصة في اسطنبول

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

قد لا تحتاج إلى هذا

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

الفاصل هو التالي: هل في الموقع قواعد، أم محتوى فقط؟ إن لم يكن هناك سعر أو صلاحية أو عملية حسابية تتغير من مستخدم إلى آخر، فقراءتك إلى هنا تكفي.

ما الفرق عن التصميم؟

في الموقع التعريفي تغيير الصفحة يعني تغيير النص. وهنا تغيير قاعدة واحدة يؤثر في كل الشاشات والصلاحيات والتقارير المرتبطة بها.

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

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

بأي تقنية تكتبون؟

نختار بناءً على ثلاثة أسئلة: هل سيبقى مدعومًا مدة طويلة، وهل يمكن إيجاد مبرمج يتسلّمه، وهل تستطيع محركات البحث قراءة المحتوى دون تشغيل ⁨JavaScript⁩؟

المنظومة التقنية التي نستخدمها
الطبقةالاختيارالسبب
اللغةTypeScriptتلتقط الخطأ وأنت تكتب لا أثناء التشغيل، وتبقي الشيفرة مقروءة لمن سيتسلّمها
إطار التطبيقNext.js و Reactالصفحة تُبنى على الخادم، والفتح الأول سريع، ومحركات البحث ترى المحتوى مباشرة
جانب الخادمNode.js و Server Actions ومسارات APIالواجهة والخلفية بلغة واحدة ومستودع واحد، فتقل كلفة التكامل
قاعدة البياناتPostgreSQL أو MariaDBضمان المعاملات، وسلامة العلاقات، ودعم واسع لدى شركات الاستضافة
الوصول إلى البياناتPrismaالمخطط في ملف واحد، وتاريخ الترحيل قابل للتتبع، وخطر حقن SQL أقل
التحققZodالقاعدة نفسها تعمل في النموذج وعلى الخادم
الجلساتكوكيز موقَّعة، وكلمات المرور تُخزَّن بـ bcryptلا تُحفظ كلمة مرور كنص صريح، والصلاحية تُفحص على الخادم
الواجهةمجموعة مكوّناتنا فوق Tailwind CSSلا تبعية لقالب، ولا تُحمل أنماط غير مستعملة
الملفاتتخزين متوافق مع S3، وتحويل إلى AVIF و WebPالملفات الكبيرة لا ترهق خادم التطبيق
النشرGit، وبناء آلي، وبيئة اختبار منفصلةالإصدار المعطوب يُتراجَع عنه، ولا تُرفع ملفات يدويًا إلى التشغيل

ما لا نستخدمه يستحق الذكر أيضًا: ⁨Flash⁩ و⁨FrontPage⁩ و⁨Fireworks⁩ و⁨ASP⁩ الكلاسيكية لا مكان لها في أي من مشاريعنا اليوم. إن كان موقعك مبنيًا بها فالعمل المطلوب ليس تحديثًا بل إعادة كتابة.

ما نوع الأعمال التي تنفّذونها؟

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

كيف يُبنى الربط بين الأنظمة؟

الربط يعني أن يتحدث نظامان دون إدخال البيانات نفسها مرتين. وهنا يتعثر أكثر ما تتعثر المشاريع: توثيق الطرف الآخر ناقص، وأسماء الحقول لا تتطابق، ولا يُذكر ما يحدث عند الخطأ.

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

  • ⁨ERP⁩ والمحاسبة: نقل المنتجات والمخزون والحسابات والأسعار
  • الفاتورة الإلكترونية والأرشيف الإلكتروني: إصدار المستندات عبر وسيط معتمد
  • الشحن: إنشاء الإرسالية، والباركود، ومطابقة رقم التتبع
  • الدفع: بوابة بنكية أو مزوّد خدمات دفع؛ بيانات البطاقة لا تصل إلينا إطلاقًا
  • المتاجر الكبرى: مزامنة المنتجات والمخزون، وسحب الطلبات

ماذا تفعلون في جانب الأمان؟

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

  • كل بيانات قادمة من المتصفح يُعاد التحقق منها على الخادم؛ الفحص في جانب العميل تسهيل للمستخدم لا أكثر
  • كلمات المرور تُلخَّص بـ ⁨bcrypt⁩ ولا تُحفظ كنص صريح في أي مكان
  • فحص الصلاحية يجري على الخادم؛ الزر المخفي ليس حدًّا للصلاحية
  • تحديد لمعدل الطلبات، ومصيدة للروبوتات، وتحقق من كون المرسل إنسانًا، على نقاط الدخول والنماذج
  • استعلامات قاعدة بيانات ذات معاملات، وفحص لنوع الملف المرفوع وحجمه
  • بيانات البطاقة لا تنزل على خادمنا أبدًا، بل تبقى داخل إطار مزوّد الدفع
  • جرد للبيانات ومدد حفظ وإجراء حذف، كما يوجب قانون ⁨KVKK⁩، وهو قانون حماية البيانات التركي
  • بعد إعداد النسخ الاحتياطي تُجرَّب الاستعادة فعليًا؛ النسخة التي لم تُجرَّب ليست نسخة

لمن يصبح البرنامج؟

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

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

وحين يُتفق على نقل الشيفرة يحتوي ملف التسليم على مستودع ⁨Git⁩، ونسخة احتياطية لقاعدة البيانات وملفات المخطط، وقائمة متغيّرات البيئة، وحسابات الخدمات الخارجية، ودليل التركيب، وقائمة النواقص المعروفة. البند الأخير نكتبه عمدًا. لا يُسلَّم برنامج كاملًا بلا نقص؛ والصادق هو من يضع النقص على الورق.

نظام عملنا في سبع خطوات

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

  1. 01

    جلسة الاستكشاف

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

  2. 02

    العرض والعقد

    نكتب النطاق ومدة التسليم وحق التعديل والمبلغ. وفي الوثيقة نفسها ترى ما ليس داخلًا فيها؛ نريد أن يكون العمل نفسه في ذهن الطرفين ساعة التوقيع.

  3. 03

    المحتوى وبنية الصفحات

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

  4. 04

    التصميم

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

  5. 05

    البرمجة

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

  6. 06

    الاختبار والنشر

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

  7. 07

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

    نتجوّل في لوحة التحكم معًا، ونتولى نحن إعداد ⁨Search Console⁩ والتحليلات. وفي الفترة الأولى بعد النشر نتابع نحن أيضًا ترتيبك في البحث وسجلات الأخطاء.

الباقات

البداية

الحد الأدنى اللازم لتكون ظاهرًا

لا يوجد سعر ثابت

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

  • موقع تعريفي يشرح ما تعمله: صفحة رئيسية وصفحات داخلية
  • العميل الذي ينظر من هاتفه يقرأ دون تكبير
  • من يملأ النموذج يصل طلبه إلى بريدك، وهناك زر واتساب أيضًا
  • الاتجاه إلى عنوانك يفتح من الخريطة بلمسة واحدة
  • تغيّر النص والصورة بنفسك من لوحة تحكم
  • لا يظهر تحذير «غير آمن» في شريط عنوان المتصفح
  • حين يُبحث عن اسم شركتك يظهر في جوجل العنوان والوصف والعنوان البريدي الصحيح
  • من أين جاء الزوار، تتابعه من ⁨Search Console⁩ و⁨Analytics⁩
  • الصور تُصغَّر وتُحوَّل، فلا تُبطئ الصفحة على بيانات الهاتف
  • صفحات يمكن تصفحها بلوحة المفاتيح وتعمل مع قارئ الشاشة
  • عند التسليم نتجوّل في لوحة التحكم معًا؛ والنطاق ولوحة التحكم والمحتوى تبقى باسمك
  • قسم مدونة وأخبار
  • كتالوج منتجات وجداول مواصفات تقنية
  • لغة ثانية
  • سلة ودفع ومتابعة طلبات
  • برمجة خاصة بك
اطّلع على النطاق
الباقة المقترحة

الشركات

لمن لديه كتالوج ومحتوى منتظم

لا يوجد سعر ثابت

السعر يتحرك بعدد المنتجات التي ستدخلها وبنقطة انطلاق التصميم. تعال ومعك كتالوجك ولنعدّ البنود معًا.

  • كل ما في باقة البداية
  • ليس قالبًا جاهزًا بل تصميمًا يُرسم لك: لن تبدو مثل منافسك
  • كتالوج منتجات وخدمات: تصنيفات، وجداول مواصفات تقنية، ومستندات ⁨PDF⁩ قابلة للتنزيل
  • مدونة: كل مقال تنشره يفتح بابًا آخر في البحث
  • أعمالك السابقة تُكتب دراسات حالة، فيُغلق سؤال المراجع في الاجتماع
  • نموذج طلب عرض يسير خطوة خطوة، فلا ينصرف العميل أمام نموذج طويل
  • الأسئلة الشائعة تُرمَّز بصيغة تتيح ظهورها في صندوق إجابات جوجل
  • عنوان ووصف كل صفحة يُضبطان على حدة، فلا تأكل صفحاتك ترتيب بعضها
  • عناوين موقعك القديم تُحوَّل إلى الجديد، فلا يُصفَّر ترتيبك في جوجل
  • السرعة شرط تسليم: على شبكة ⁨4G⁩ بطيئة، ⁨LCP⁩ أقل من 2.5 ثانية · ⁨INP⁩ أقل من 200 جزء من الثانية · ⁨CLS⁩ أقل من 0.05
  • أين تعثّر الزائر: يُتابَع بخرائط حرارية وتسجيل للجلسات
  • ملف ⁨llms.txt⁩ وسياسة للزواحف، كي تقرأ أدوات الذكاء الاصطناعي موقعك قراءة صحيحة
  • لغة ثانية
  • سلة ودفع ومتابعة طلبات
  • لوحة موزعين وربط بأنظمة خارجية
اطّلع على النطاق

الاحترافية

إن لزمك البيع أو إدارة الموزعين أو الربط بالأنظمة

لا يوجد سعر ثابت

عدد عمليات الربط هو ما يحدد السعر. الربط بالمحاسبة عمل قائم بذاته، والربط بالشحن عمل آخر؛ وأيّها يلزمك فعلًا نتحدث فيه في جلسة الاستكشاف.

  • كل ما في باقة الشركات
  • سلة وطلبات ومخزون وكوبونات: البيع يسير من الموقع
  • الدفع بالبطاقة يُؤخَذ عبر ⁨3D Secure⁩، وبيانات البطاقة لا تنزل على خادمك إطلاقًا
  • ربط بالشحن: رقم التتبع يُلحَق بالطلب من تلقاء نفسه
  • الموزع والعميل والموظف تُفصل صلاحياتهم، فلا يرى أحد ما لا ينبغي أن يراه
  • قائمة أسعار خاصة بالموزع لا تُفتح إلا للموزع بعد تسجيل دخوله
  • لغة ثانية: الزائر القادم من الخارج يقرأ بلغته
  • تبادل بيانات مع المحاسبة و⁨ERP⁩ والفاتورة الإلكترونية (مع مستند مطابقة الحقول)
  • نصوص البيع عن بُعد والإرجاع والتسليم وحماية البيانات وملفات تعريف الارتباط تأتي جاهزة
  • صفحات المنتجات يمكن أن تظهر في جوجل مع السعر وحالة التوافر
  • أي منتج بيع كم، وأي عميل اشترى ماذا: تقارير من اللوحة
  • التغيير يُجرَّب في بيئة الاختبار أولًا، فلا ينقطع البيع الحي
اطّلع على النطاق

حسب المشروع

أعمال لا تتسع لها الباقات

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

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

الأسئلة الشائعة

كم تكلفة موقع إلكتروني للشركات؟

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

لماذا تتفاوت الأسعار كثيرًا على العمل نفسه؟

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

ما المصاريف السنوية بعد نشر الموقع؟

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

هل عقد الصيانة إلزامي؟

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

كم ميزانية أخصص لإعلانات جوجل؟

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

لنحدد النطاق معًا

اشرح لنا أي عملية تريد نقلها إلى الشاشة؛ نخرج مسودة قائمة الشاشات ونموذج البيانات وقواعد العمل ثم نسعّرها. هذه الجلسة مجانية.