تقييم الموضوع :
  • 2 أصوات - بمعدل 5
  • 1
  • 2
  • 3
  • 4
  • 5
مشروع Youtube Service باستعمال احدت تقنية تصميم (WPF)
#1
السلام عليكم ورحمة الله وبركاته


ارحب بكم ساداتي الكرام في هذا الموضوع الذي اطرح فيه مشروعا جديدا باسم المنتدى

تم تصميم هذا البرنامج بالاعتماد الكامل على تقنية WPF في التصميم والانميشن (التحريك)

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

احب اوضح ان غرضي من هذا المشروع هو تحفيز الاعضاء عبر تصميم واجهة فريدة وستايل فريد ولفت انتباههم لهذه التقنية من خلال المؤثرات وخصائص الWPF .

لهذا ارجو من جميع الاعضاء عدم التخوف من هذه التقنيات والاستهزاء بها ، فهذي التقنية اثبتت قوتها بشكل كامل على Windows form ولكن المشكلة ان لايوجد تشجيع للأعضاء وامثلة عملية يحتذون بها .


وظيفة البرنامج باختصار :- تنزيل فيديوهات اليوتيوب بأي جودة او مشاهدتها.
وايضا فيه امكانية لإيقاف التحميل واستكماله في اي وقت لاحق



كما جرت العادة في مشاريعي احب اوضح التقنيات الي استعملتها (طبعا اتكلم عن تقنيات Wpf لا غير) :-

1- Animation by StoryBoard(التحريك - لايقصد بتحريك الاماكن فقط بل التحريك يشمل كل شيئ)
2- Styling (لعمل تصاميم موحدة)
3- ControlTemplate (تصميم قوالب للControl)
4- Binding (الربط بين الخصائص والكائنات وقوالبها)
5- Trigger (الشروط)
6- Visual state manger (مدير حالة الكائنات المرئية - اي عندما يمر الماوس على الزر كيف تريد ان يتغير لونه وشكله او عندما يتم الضغط عليه ،.. هنا يتم التحكم بكل شيئ)






واجهات المشروع :-

اول ماتشغل البرنامج راح يطلع لك مقدمة عبارة عن عرض مصمم بWPF (لن اضع صوره هنا سأدعها مفاجئة للي يشغل البرنامج)


بعد مايخلص عرض المقدمة ، يتم الدخول للبرنامج فعليا والصور تتحدث بنفسها





Loading



Choose Format : احيانا لايتم جلب الصيغ لذلك حرك الماوس نحو الجدار المنحنى العلوي واضغط Download واعد المحاولة



Begin Download



ان اردت اخفاء عرض المقدمة عند تشغيل البرنامج ، قم بتحريك الماوس نحو الجدار المنحني العلوي واضعط زر يمين :







وكما قلت سابقا البرنامج اعتمد في التصميم على تقنية WPF بالكامل (يعني الControls والالوان والتأثيرات كلها مصممة بواسطة تقنيات WPF ) اما الايقونات فجلبتها من النت Smile


واحب اذكر انه توجد صورة سيارة في عرض المقدمة وقد استوردتها من الفوتوشوب ( نعم يمكنك التصميم بالفوتشوب واستيراد التصاميم داخلBlend والتعامل مع التصميم كأنه Object فتقدر تعدل خواصه وتضيف له Events .. شيئ رائع بصراحة)




---



المشروع في المرفقات ..

الملف الاول عبارة عن البرنامج فقط

اما الثاني فهو الSource code بالطبع




---





وصلنا معكم لنهاية الموضوع ..

فاتمنى اني قدمت شيئا مفيدا وبرنامجا متقنا ...

والى اللقاء في اعمال اخرى ان شاء الله .



انتهى




الملفات المرفقة
.rar   Youtube Service(App).rar (الحجم : 386.44 ك ب / التحميلات : 262)
.rar   Youtube Service (Source).rar (الحجم : 765.09 ك ب / التحميلات : 311)
الرد }}}
#2
ماشاء الله

مبدع
الله يعطيك العافية
الرد }}}
تم الشكر بواسطة: الشاكي لله
#3
Question 
اجمل شئ هذا الصباح
ما شاء الله اخي محمد
تقدم الكثير والكثير
مواضيع كلها دهب
اسئل الله تعالي ان يجعلها في موازين حسناتك
الرد }}}
تم الشكر بواسطة: الشاكي لله
#4
جميل جدا اخي محمد
الرد }}}
تم الشكر بواسطة: الشاكي لله
#5
مبدع قليلة في حقك .... ماشاءالله تبارك الله ابداااااااااااااااع منقطع النظير


تحياتي
الرد }}}
تم الشكر بواسطة: الشاكي لله
#6
ماشاء الله ربنا يزيدك من العلم
والله انك مبدع واتمنى دائما ارى مثل هذه المواضيع في المنتدى

وعلى هذا انا متجه لتطوير ذاتي للعمل على هذه التقنية إن شاء الله

واشكرك جزيل الشكر اخي الشاكي لله
{وَلَنَبْلُوَنَّكُمْ حَتَّى نَعْلَمَ الْمُجَاهِدِينَ مِنْكُمْ وَالصَّابِرِينَ وَنَبْلُوَ أَخْبَارَكُمْ} [محمد: 31].

الرد }}}
تم الشكر بواسطة: الشاكي لله
#7
السلام عليكم و رحمة الله و بركاته,

مثال أكثر من رائع, و لكنه معقد ... أعتقد أنه كان من الأفضل إرفاق فديو تشرح فيه المثال بإعتبار أن هذه التقنية لا يجيدها الكثير من الاعضاء Wink

عمل رائع Smile


السلام عليكم
الرد }}}
تم الشكر بواسطة: kslawy
#8
(11-05-14, 12:39 PM)hoob computer كتب : السلام عليكم و رحمة الله و بركاته,

مثال أكثر من رائع, و لكنه معقد ... أعتقد أنه كان من الأفضل إرفاق فديو تشرح فيه المثال بإعتبار أن هذه التقنية لا يجيدها الكثير من الاعضاء Wink

عمل رائع Smile


السلام عليكم

عليكم السلام ياهلا بالغالي

من ناحية التصميم فلا يوجد تعقيد كل الي استعملته كان من مبادى الWPF

اما البرمجة او الLOGIC فالكلاسات اصلا لست انا من قمت بكتابتها ، بل جلبتها من الانترنت واضفت عليها بعض التعديلات لتعمل مع WPF

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

السبب في جهل الاعضاء لهذه التقنية هم المحترفين نفسهم في البرمجة ، لما يقرر واحد منهم عمل مشروع ما ، يقوم بعمله ب Windows forms ، حقيقا هو معذور بسبب التصميم في WPF يأخذ وقت اطول بالطبع لأن المعادلة الطبيعية

الاهتمام باتفاصيل اكثر = تحتاج وقت اكثر

في الحقيقة احد اهداف WPF هي الفصل بين فئة المصممين والمبرمجين فا التصميم له اشخاص يعملون على تصميم الواجهات فقط ..

وفئة المبرمجين يقومون بكتابة المنطق (Business logic) فقط

وهذا اصلا اسهل من الوندوز فورمز الي التصميم+البرمجة في الغالب يطيح فوق راس المبرمج وحده


لكن السؤال الي محيرني ، ليش مانشوف مشروع واحد طول هالسنين ب WPF ؟؟؟؟

WPF نزلت من عام 2008 والان 2014 .. 6 سنين ولا احنا شايفين مشاريع حقيقية ب WPF ، فعلا احباط وماالوم الجدد في البرمجة انهم مايعرفون عن هالتقنية بسبب قلة الامثلة والمشاريع بها .. قلة ؟؟؟ لا بل منعدمة ..


بالنسبة للشروحات فعلا لاحاجة لذلك ابدا

هل اشرح شيئ موجود بالفعل ؟؟ ، وضعت موضوع قبل ايام عن موقع فيه شروحات بالفيديو لبرنامج expression blend + موقع wpftutorial الغني عن التعريف

صدقوني ياجماعة الي يتعلم مبادئ الWPF اولا ولي جبت ليها مصادر عديدة ، وبعدين يشاهد مجموعة الفيديوهات لتعليم الexpression blend .. اضمن لك 100% تكون تعرف تصمم واجهات حقيقية ومعقدة امثال Avast + لاتنسى ان يكون لديك فن في التصميم Big Grin


واي شيئ مبهم عندكم اسئلوا عنه القسم فاتحينه مو بس حق show ، لازم انت تتعلم بعد هالتقنية ، لان زمان الوندوز فورم انتهى ومايكروسفت قامت تستخدم wpf في برامجها الجديدة



تحياتي
الرد }}}
تم الشكر بواسطة: Sajad , kslawy , hoob computer , VanToM , عبد الله
#9
(11-05-14, 03:29 PM)الشاكي لله كتب : عليكم السلام ياهلا بالغالي

من ناحية التصميم فلا يوجد تعقيد كل الي استعملته كان من مبادى الWPF

Idea, كلامك صحيح Smile

(11-05-14, 03:29 PM)الشاكي لله كتب : اما البرمجة او الLOGIC فالكلاسات اصلا لست انا من قمت بكتابتها ، بل جلبتها من الانترنت واضفت عليها بعض التعديلات لتعمل مع WPF

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

اظهرت و وفيت و كفيت في مشروعك Smile

(11-05-14, 03:29 PM)الشاكي لله كتب : السبب في جهل الاعضاء لهذه التقنية هم المحترفين نفسهم في البرمجة ، لما يقرر واحد منهم عمل مشروع ما ، يقوم بعمله ب Windows forms ، حقيقا هو معذور بسبب التصميم في WPF يأخذ وقت اطول بالطبع لأن المعادلة الطبيعية

كلامك سليم بالفعل, على الأعضاء التوجه إلى هذه التقنية.

(11-05-14, 03:29 PM)الشاكي لله كتب : في الحقيقة احد اهداف WPF هي الفصل بين فئة المصممين والمبرمجين فا التصميم له اشخاص يعملون على تصميم الواجهات فقط ..

بالفعل هو هذا هدف WPF لو نظرنا إليها كـ NTier.
فإن تقنية MVVM هي المفضلة حالياً في هذه التقنية.

(11-05-14, 03:29 PM)الشاكي لله كتب : لكن السؤال الي محيرني ، ليش مانشوف مشروع واحد طول هالسنين ب WPF ؟؟؟؟

و انا كذلك, هذا السؤال الي محيرني Wink

(11-05-14, 03:29 PM)الشاكي لله كتب : بالنسبة للشروحات فعلا لاحاجة لذلك ابدا
هل اشرح شيئ موجود بالفعل ؟؟ ، وضعت موضوع قبل ايام عن موقع فيه شروحات بالفيديو لبرنامج expression blend + موقع wpftutorial الغني عن التعريف

بالفعل مصادر رائعة و كافية لتعلم هذه التقنية الرائعة.

جزاك الله خيراً لما تقدمه Smile


السلام عليكم
الرد }}}
تم الشكر بواسطة: الشاكي لله
#10
برنامج اكثر من رائع
Smile
الرد }}}
تم الشكر بواسطة: الشاكي لله



التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم