ياهو مدونة المستخدم واجهة (YUIBlog)

التركيز التنفيذ : تأجير السيارات اكسبريس

تأجير السيارات اكسبريس هي الرائدة في تأجير السيارات مقارنة موقع مستقل على شبكة الانترنت. فإنه يتيح للمستخدمين تأجير السيارات عبر الإنترنت في أكثر من 1000 المدن والمطارات في جميع أنحاء العالم.

قاعدتنا المستخدم إلى حد كبير غير الفنية ، وهو ما يعني أنهم يريدون لمقارنة الأسعار وإيجار السيارات وبسهولة ممكن. مع إعادة إطلاق الموقع في يونيو من عام 2010 قمنا بتنفيذ العديد من مكونات YUI 2 للمساعدة في توفير لعملائنا تجربة بديهية.

المكونات التي YUI نحن به؟

المكونات التي كنا باستخدام تشمل إدارة الاتصال ، الإكمال التلقائي ، مصدر البيانات ، التقويم ، الرسوم المتحركة ، جسون ، و حاوية .

لماذا اخترنا YUI

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

كيف نستخدم YUI

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

الإكمال

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

تقويم

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

الحاويات

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

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

مدير الاتصال

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

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

خاطرة النهائي

عموما لقد كنا سعداء للغاية مع اختيارنا لاستخدام YUI. ويوفر لنا مع وحدات المكتبة التي تم توثيقه جيدا ، وسهلة الاستخدام وتنفيذها.

العثور على المحادثات : المدونات | technorati

وتوسيع حصة : المرجعية مع متواجد حاليا | مراجعته ذلك! | reddit!