الرئيسية | مركز الدعم | نبذة عنا | اتصل بنا | تابعنا على فيسبوك | English
YAZSYS.COM, Pos, Pop, Point Of Sale
منذ عام 2012 - 2019 عدد العملاء حتى الأن: 2768
تحميل نظام المبيعات  
 
طريقة تصميم موقع الجوال وتحويل المستخدم عليه (نسخة الجوال) مع امثلة للتحميل

السلام عليكم ورحمة الله وبركاته ... أعضاء زوار الموقع ..

 

نقدم لكم اليوم شرح تصميم موقع خاص للجوال (الموبايل) ، مع الأمثلة العملية ,,

أولا من كماليات المواقع الإلكترونية ان تكون سهلة الإستخدام على جميع الأجهزة مهما كانت تلك الأجهزة سرعتها او حجمها او إضافاتها ونحن في هذا الزمن كما تعلمون ان معظم المستخدمين اصبحوا يدخلون ويتصفحون المواقع الإلكترونية من خلال أجهزة المحمول إن صح التعبير عن كلمة الجوال او الموبايل او الهاتف النقال ... بغض النظر ولكن ما يهمنا انه تلك الأجهزة ذات شاشات متغيرة واحجام متنوعة ولكن انت كمصمم مواقع الكترونية قد اعتمدتّ تصميم ذو حجم معين كـ 800 px او اكبر او اقل .. !!! وهنا قد تكون مشكلة لأنها تسبب عوائق في عملية التصفح.

 

كمقدمة بسيطة لتصميم موقع او نسخة الجوال يجب ان تراعي عدة أمور من اهمها:

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

وهذا بأختصار

والأن سأقوم بشرح طريقتين وسأستخدم كود VB.NET بتطبيق ASP.NET وبيئة عمل نت فريم ويرك 3.5.

 

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

وهناك طريقتين للفحص 

  1. فحص نوع النظام - إذا كان Windows فهذا يعني انه كمبيوتر عادي 
  2. فحص انواع الأجهزة المحمولة Nokia,Samsung ،،،، الخ

ولكن ايهما الأفضل والطريقة المضمونة؟

الأفضل هي بكل تأكيد الطريقة الأولى .. نعم الأولى ... أتعلم لماذا؟

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

 

ولكن السؤال الأهم هنا أين سيكون كود الفحص هذا؟

قد يقول مبرمج انه سيكون في الصفحة الرئيسية ويقول آخر انه سيكون في ملف Class وأخر يقول سيكون في ملف بدء التطبيق Global وووو الخ ...

جميع ما ذكر صحيح ولكن إذا كان هذا الكود في الصفحة الرئيسية قد يدخل المستخدم من خلال موقع الجوجل الى صفحة داخلية في موقعك اي قد يتخطى الصفحة الرئيسية !!!frown ما هو الحل؟frown

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

 

 

اما الطريقة الثانية ولاحظ عكس الأكواد يكون الفحص على نوع أجهزة المحمول

 

 

 

 

والأن نأتي للتحميل وقبل التحميل إن كانت هناك طريق من خلال لغات البرمجية الآخر أذكرها لنا ان كنت تعرفها 

 

ملاحظة كلمات المرور لفك ضغط الملفات هي عنوان المواقع www.yazsys.com

 

تحميل الطريقة الأولى     |     تحميل الطريقة الثانية

heart

 

 

 

 

 
 

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