خارطة الموقع برنامج مبيعات ونقاط البيع وجرد المستودعات ومحاسبة الرئيسية من نحن اتصل بنا English
يازسيس لهندسة البرمجيات
Skip Navigation Links
خوارزميات وانظمة التشفيرExpand خوارزميات وانظمة التشفير
|
نظام إدارة المبيعات
|
نظام تأجير السيارات
|
نظام إدارة العيادات
|
تعليم & شروحاتExpand تعليم & شروحات
 
طريقة تصميم موقع الجوال وتحويل المستخدم عليه (نسخة الجوال) مع امثلة للتحميل
بواسطة احمد عادل موسى
2014-01-15

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

 

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

أولا من كماليات المواقع الإلكترونية ان تكون سهلة الإستخدام على جميع الأجهزة مهما كانت تلك الأجهزة سرعتها او حجمها او إضافاتها ونحن في هذا الزمن كما تعلمون ان معظم المستخدمين اصبحوا يدخلون ويتصفحون المواقع الإلكترونية من خلال أجهزة المحمول إن صح التعبير عن كلمة الجوال او الموبايل او الهاتف النقال ... بغض النظر ولكن ما يهمنا انه تلك الأجهزة ذات شاشات متغيرة واحجام متنوعة ولكن انت كمصمم مواقع الكترونية قد اعتمدتّ تصميم ذو حجم معين كـ 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

 

 

 

 

 
 
إعلان ... لأصحاب المتجار فقط - برنامج تنفيذي وليس سورس كود
تحميل برنامج مبيعات وجرد المستودعات

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