الانتقال إلى المحتوى
View in the app

A better way to browse. Learn more.

مجموعة مستخدمي أوراكل العربية

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

شاشة دخول (كود ، تصميم ، ملف Skin)

Featured Replies

بتاريخ:
  • مشاركة ذات تفاعل كبير

السلام عليكم

نظراً لكثرة ماوردني ويردني على الخاص من ملفات لشاشة الدخول Login  والوقت اللازم للتتبع لكل منها لمعرفة أين الخطأ وتصحيحه وبعدها ارسال الملف 

رأيت الأفضل أن أعمل تطبيق يتضمن شاشة login  وأرفع التطبيق الكامل لها المتضمن شاشة دخول (الكود + التصميم + ملف skin) + شاشة main للتجربة بعد الدخول

ونظراً لأن جميع الملفات التي وردتني هي نفس الفكرة للكود المستخدم للمهندس (مصطفى ماجد) في الفيديو رقم 22  

ولأجله عملت شاشة  التطبيق بفكرة الكود الذي أشرت إليه

بقي الطلب الذي يردني أكثر وهو التصميم أن يكون يتوسط الصفحة

حسناً ..عملت التطبيق بفكرة الكود الذي ذكرته + التصميم يتوسط الصفحة + ملف skin

ملف skin عملتهcustom skin  يعني ماذا أقصد ب custom skin  يعني عملت style  خاص بصفحة الـ login  فقط ،لا يؤثر على باقي صفحات النظام بمعنى تيستطيع ان تلحقه أو تتبعه بأي ملف skin

لديك بالنظام وحرصت أن يكون ملف skin لا يتأثر بأي متصفح وإنما يعمل على كل المتصفحات إن شاء الله

التطبيق عملته على الإصدار 11g  لإن أغلب الملفات التي وردتني هي على الإصدار 11g  بالاضافة الى هذا كي نستطيع تشغيله على الإصدار 12C  أيضاً 

 

حسناً كل ماعليك فعله هو التالي 

الدخول على نافذة sql  بمستخدم system  وعمل نسخ للـ script  التالي 

grant dba to login identified by login;

connect login/login

CREATE TABLE APP_USERS 
(
  USER_ID NUMBER NOT NULL 
, USER_NAME VARCHAR2(20 BYTE) 
, PASSWORD VARCHAR2(20 BYTE) 
, FIRST_NAME VARCHAR2(20 BYTE) 
, LAST_NAME VARCHAR2(20 BYTE) 
, USER_TYPE NUMBER 
, CONSTRAINT APP_USERS_PK PRIMARY KEY 
  (
    USER_ID 
  )
  ENABLE 
);
 INSERT INTO LOGIN.APP_USERS 
(USER_ID, USER_NAME, PASSWORD, FIRST_NAME, LAST_NAME, USER_TYPE) 
VALUES ('1', 'a', 'a', 'a', 'a', '1');
commit;
/

بعدها فك الضغط للملف المرفق والدخول بإسم مستخدم a  وكلمة المرور a  للتأكد من التنفيذ بشكل صحيح

 

عملت التصميم بشكل رسمي بعض الشيء وإستخدمت ألوان حيادية كي يكون تصميم مناسب لكل الأنظمة إن شاء الله وبالإمكان التغيير بالألوان إن لزم الأمر كل حسب عمله

 

هذه صورة للتفيذ على الإصدار 11g  وبعدها صور ة التطبيق نفسه على الإصدار 12C  كي أبين تنفيذها لإصدارين مختلفين 

 

post-41781-0-01748700-1447602132_thumb.png

 

post-41781-0-84781500-1447602157_thumb.png

 

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

 

http://ascensionmyblog.blogspot.com/2016/08/login-skin-adf.html

  • الردود 50
  • المشاهدات 11.2k
  • البداية
  • اخر رد

أكثر المشاركين في هذا الموضوع

Most Popular Posts

  • مجهود ممتاز يا بشمهندسة .... الى الامام دائما  شكرا على مجهودك الرائع في ادارة المنتدي

  • مجهود جميل وإن كنت لا أرى فرقاً بين الشكل في الإصدار 11 و 12 لو تم استخدام بعض الإمكانيات المضافة في 12 سيظهر أفضل

  • ميسم الكرام
    ميسم الكرام

    شكراً لإطراء حضرتك    أعتقد أنه لم تقم بالإطلاع على ملف التطبيق في الرابط المرفق ..لأنه Application واحد وتم عمله على الإصدار 11g فقط ولم يتم عمله على الإصدار 12C  ..لكن قمت بفتحه وتنفيذه على الإصد

الصور المنشورة

بتاريخ:

مجهود جميل وإن كنت لا أرى فرقاً بين الشكل في الإصدار 11 و 12

لو تم استخدام بعض الإمكانيات المضافة في 12 سيظهر أفضل

بتاريخ:
  • كاتب الموضوع

شكراً لإطراء حضرتك 

 

أعتقد أنه لم تقم بالإطلاع على ملف التطبيق في الرابط المرفق ..لأنه Application واحد وتم عمله على الإصدار 11g فقط

ولم يتم عمله على الإصدار 12C  ..لكن قمت بفتحه وتنفيذه على الإصدار 12C  وأرفقت صورة التنفيذ لأبين أنه يتم تشغلية على الإصدارين بدون مشاكل يعني للتوضيخ لا أكثر

لذلك حضرتك لم تشاهد فرق بين الشكل لأن هو التطبيق واحد نفسه تم عمله على الإصدار 11g فقط  وتشغيله وتنفيذه على الإصدارين

وقد بيت هذا في أعلاه 

 

أنا عملت على الإصدار 12C وشاهدت إمكانياته بالأخص في Interface  كيف تمييزت بخاصية الـ Flat لذلك جعلت هذا التصميم فيه صبغة ولمسة الـ Flat  أيضاً 

بتاريخ:
ميسم الكرام

بالتأكيد الكود هو نفسه على كل الإصدارات

بتاريخ:
ميسم الكرام

شغل مميز بالتوفيق.

بتاريخ:
  • كاتب الموضوع

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

فأنا قصدت عند عمل تطبيق على إصدار قديم  ثم تشغيله على إصدار أحدث سوف يطلب Migration  والبعض يتجاهل الأمر مما يسبب حدوث مشاكل في فتح التطبيق

لذلك نوهت عن الأمر وبينت بالصور المرفقة أنه تم عمله بإصدار و تم تشغيله على إصدار أحدث ولم تكن هنالك مشكلة هذا كل ما في الموضوع

أنا تعمدت أن أوضح كل النقاط بتشغيل التطبيق

نقطة الإختلاف بالإصدار

نقطة على أي إصدار تم عمله ووضحت الحكمة من ذلك

نقطة ملف الـ skin التي تخوف منها البعض أن تؤثر على باقي الصفحات

وأرفقت الصور

لإن أتوقع أن تردني اسئلة وتوضيحات أكثر مما كانت تردني قبل أن أعمل التطبيق

وبالتالي صعب الأمر علي بدل من تسهيله وبالتوضيح يسهل الأمر على كل من سأل

 

شكراً لحضرتك   

بتاريخ:
  • كاتب الموضوع

kherooooo

شكراً لحضرتك ...

التوفيق لحضرتك وللجميع إن شاء الله 

بتاريخ:

جزاكي الله خير وربنا يكرمك ويبارك ف حضرتك 

بتاريخ:

مجهود ممتاز يا بشمهندسة .... الى الامام دائما 
شكرا على مجهودك الرائع في ادارة المنتدي

بتاريخ:
  • كاتب الموضوع
Ali Soliman

 

شكراُ لحضرتك الله يعطيك العافية 

بتاريخ:
  • كاتب الموضوع

 

المهندس (محمد ياسين).. شكراً لحضرتك الله يعطيك العافية 

 

أسعدني مرور وتعليق حضرتك حول المشاركة 

 

أشكركم جميعاً .

 

بتاريخ:

جهد مميز جزاكِ الله خير

  • بعد 1 شهر...
بتاريخ:

مشكوووووورة ربي يطول في عمرك ويجزيك الجنة يارب ويبارك فيك

بتاريخ:
  • كاتب الموضوع

 

kokodent ، programmer_it

 شكراً 

 

بتاريخ:

مجهود رائع يا بشمهندسة (ميسم الكرام) وبشهادة عمالقة المنتدى وننتظر المزيد من علمكم

المهندس مصطفى ماجد .. ياريت توضح لنا ايه هي الإمكانيات المضافة في الإصدار 12c ليكون اجمل وياريت مع الأمثلة حتى يستفيد جميع الأعضاء بالمنتدى

بتاريخ:

عمل رائع جدا باش مهندسة / ميسم الكرام جزاكي الله عنا خيرا وجعله في ميزان حسناتك

بتاريخ:

جهد متميز بشمهندسة ميسم الكرام,  جزاكي الله خير

بتاريخ:
  • كاتب الموضوع

 w2a ، emad.pro11 ،  anas.soft

 

شكراً لحضراتكم ... جزاكم الله خيراً

إن شاء الله التوفيق والإفادة لكل من سأل 

بتاريخ:
  • كاتب الموضوع

مجهود رائع يا بشمهندسة (ميسم الكرام) وبشهادة عمالقة المنتدى وننتظر المزيد من علمكم

المهندس مصطفى ماجد .. ياريت توضح لنا ايه هي الإمكانيات المضافة في الإصدار 12c ليكون اجمل وياريت مع الأمثلة حتى يستفيد جميع الأعضاء بالمنتدى

 

الإمكانيات ستأثر على التصميم فقط ، وأنا عملت تصاميم بإستخدام الإمكانيات المضافة 12C  أكثر من تصميم وبأكثر من component layout

تقريباً أي موقع شاهدت فيه login  عمدت على تصميمه بتقنية ADF  لكن لم أرفعها ولم أجعل التطبيق الذي رفعته بأي من هذه التصاميم التي تحدثت عنها لأني وكما بينت في أعلاه

 

التطبيق عملته على الإصدار 11g  لإن أغلب الملفات التي وردتني هي على الإصدار 11g  بالاضافة الى هذا كي نستطيع تشغيله على الإصدارين 11g ، 12C

يعني لو أني عملت التطبيق على الإصدار 12C  بإمكانياته الجديدة سوف لن يتمكن الذين يعملون على الإصدار  11g من الإستفاده منه وتظهر لديهم أخطاء

بسبب الـ component layout  المستخدمة 

أنا أنتبهت لنقطة الإمكانيات الجديدة وبنفس الوقت إنتبهت أكثر من ناحية الإفادة للأعضاء

شكراً 

بتاريخ:
ميسم الكرام شكرا جزيلاً لك .
بتاريخ:
  • كاتب الموضوع

سرني إفادتكم من الموضوع ... بالتوفيق 

  • بعد 2 أسابيع...
بتاريخ:

السلام عليكم اخواني الكرام اشكرام على الموقع الرائع 

ممكن ياخواني الكرام كورس يشرح كيفية  ادوات ADF 12C  وكيفية عمل مشروع كامل مع شاشة الدخول 

بتاريخ:
  • كاتب الموضوع

السلام عليكم اخواني الكرام اشكرام على الموقع الرائع 

ممكن ياخواني الكرام كورس يشرح كيفية  ادوات ADF 12C  وكيفية عمل مشروع كامل مع شاشة الدخول 

 

راجع الروابط التالي كبداية 

 

http://docs.oracle.com/cd/E37547_01/tutorials/toc.htm

 

http://jdevadf.oracle.com/adf-richclient-demo/faces/;jsessionid=JFTGcvJLLARo70x--alDfvgTXeuX3WIOKunwIiFlASbIGL4xN-1E!1394801688

  • بعد 2 أسابيع...

انضم إلى المناقشة

يمكنك المشاركة الآن والتسجيل لاحقاً. إذا كان لديك حساب, سجل دخولك الآن لتقوم بالمشاركة من خلال حسابك.

زائر
أضف رد على هذا الموضوع...

برجاء الإنتباه

بإستخدامك للموقع فأنت تتعهد بالموافقة على هذه البنود: سياسة الخصوصية

Account

Navigation

البحث

إعداد إشعارات المتصفح الفورية

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.