ورشة برمجة حول تطبيقات الويب من أكاديمية Google للمطورين في المنطقة العربية



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

التاريخ :2 من كانون الثاني (ديسمبر) 2010


الوقت :8:45 - 7 PM


مكان انعقاد الورشة :


1 - مصر - القاهرة


قاعة ابن سينا - كلية العلوم، جامعة القاهرة


2- الأردن - عمان


مدرج لؤي شموط - جامعة الأميرة سمية للتكنولوجيا


المشاركون:



  • يجب على المشارك أن يكون لديه إلمام بمبادئ تطوير الويب بلغة (HTML)، وقد أكمل السنة الأولى في الجامعة (لديه إلمام في HTML, Java Script, CSS).

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

  • يجب أن يكون لدى المشارك معرفة بالبرمجة الإجرائية (procedural programming) و البرمجة بالكينونة (object oriented programming).

  • لا يجب على المشارك أن يكون طالباً في جامعة القاهرة أو جامعة الأميرة سمية. نحن نرحب بجميع المطورين.



كيفية التسجيل:


في عمان:


ليس هناك حاجة للتسجيل المسبق، لكن عدد المقاعد محدودة، تأكد من حضورك بوقت كافي قبل 6:45 PM حيث ستغلق الأبواب بعد ذلك، وسوف تبدأ الورشة على 7 PM تماماً.





في القاهرة :


عدد المقاعد محدود الرجاء تعبئة هذا النموذج لتأكيد الحضور،


الرجاء الحضور قبل 6:30 PM، حيث سيتم اعادة توزيع المقاعد بعد هذا الوقت على الحاضرين .


ستغلق الأبواب بعد ذلك، وسوف تبدأ الورشة على 7 PM تماماً.


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


للمزيد من المعلومات يمكنك الإتصال مجموعات مطوري Google في القاهرة http://cairo.gtugs.org وفي عمان http://amman.gtugs.org/.


ماذا يجب أن تحضر :







Google Arabia Developer Academy presents:
A live coding tutorial on web application prototyping



Do you have a cool idea for a web application? Then join us to learn how to quickly prototype using Google technologies.
We'll give you power without complexity.



When: December 2nd, 2010, 7:00-8:45pm


Where:


Cairo, Egypt:


Ibn Sinaa Hall" @ Faculty of Science, Cairo University


AND


Amman, Jordan:


Loay Shamout Auditorium, Princess Sumaya University of Technology



Who can participate?



  • Participants need basic web development knowledge (HTML) - and have completed the first year class at any university (basic HTML, JavaScript, and CSS).

  • Must be able to create a web-page with a form and be able to make a programme in any language (hello world type programme).

  • They must have basic knowledge of procedural programming and object oriented programming.
  • They do NOT need to be a student at the University of Cairo or PSUT. Professional developers are welcome.



How to register:


There are limited spaces.


For Amman participants:
Please visit this link to register.


Doors open at 6:30pm and close at 6:45pm. Tutorial starts at 7pm sharp.





For attendees in Cairo:


To reserve a seat - sign-up here.


If you are not there by 6:30pm, we will give away your seat.


Doors close at 6:45pm. Tutorial starts at 7pm sharp.


To all attendees who are not students of Cairo University, please also bring your National ID/Passport to get into the school.


What do participants need to bring/install?:



  • Laptop

  • Web browser (any major cross-platform browser)

  • Text editor (Windows users can use notepad++, or another lightweight editor, IDE not required)

  • GoogleApp Engine SDK for Python installed



For more information get in touch with your local GTUG (http://cairo.gtugs.org/
or http://amman.gtugs.org/).



اختبر توافق تطبيقك مع اللغات التي تكتب من اليمين


هل يمكنك تحديد الخطأ في صفحة الويب التالية؟


مستخدمي الإنترنت الذين يمكنهم قراءة اللغة العربية والبالغ عددهم 56 مليونًا ، فربما يمكنك ملاحظة أن عنوان الفيلم المكتوب باللغة العربية قد تسبب في ترتيب الكلمات ترتيباً خاطئا، حيث يقع نصف العبارة "57 reviews" على جانب من السطر بينما يقع النصف الآخر على الجانب الثاني.. ولقد أطلقنا أداة BidiChecker التي تفحص صفحات الويب بحثًا عن الأخطاء المتعلقة بمعالجة النص ثنائي الاتجاه لتساعدك على العثور على ذلك الخطأ:



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


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


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








// Check for BiDi errors with Arabic data in an English UI.
function

testArabicDataEnglishUi() {





 // User reviews data to display; includes Arabic data.





 var reviewsData = [





 

 {'title': 'The Princess Bride', 'reviews': '23'},




 

 {'title': '20,000 Leagues Under the Sea', 'reviews': '17'},




 

 {'title': 'ستار تريك', 'reviews': '57'} // “Star Trek”





 ];









 // Render the reviews in an English UI.




 var app = new ReviewsApp(reviewsData, testDiv);




 app.setLanguage('English');





 app.render();











 // Run BidiChecker.





 var errors = bidichecker.checkPage(/* shouldBeRtl= */ false, testDiv);







 // This assertion will fail due to BiDi errors!





 assertArrayEquals([], errors);



}





لقد أصدرنا أداة BidiChecker كمشروع مفتوح المصدر في Google Code، وذلك حتى يتمكن مطورو برامج الويب في كل مكان من الاستفادة منها. ونتمنى أن تسهم تلك الأداة في جعل الويب مكانًا أكثر ألفة بالنسبة إلى مستخدمي اللغات المكتوبة من اليمين إلى اليسار ومطوري البرامج الذين يدعمونها.







Test your app from right to left




Can you spot the error in the following webpage?


Unless you are one of the 56 million Internet users who read Arabic, the answer is probably no. But BidiChecker, a tool for checking webpages for errors in handling of bidirectional text, finds the mistake:


Oops! The Arabic movie title causes the line to be laid out in the wrong order, with half of the phrase "57 reviews" on one side of it and half on the other.


As this example demonstrates, text transposition errors occur even if your web application is entirely in a left-to-right language. If the application accepts user input or displays multilingual content, this data may be in one of the right-to-left languages, such as Arabic, Hebrew, Farsi or Urdu. Displaying right-to-left text in a left-to-right environment, or vice versa, is likely to cause text garbling if not done correctly. So most user interfaces, whether left-to-right or right-to-left, need to be able to deal with bidirectional (BiDi) text.


Handling BiDi text is tricky and requires special processing at every appearance of potentially BiDi data in the UI. As a result, BiDi text support often regresses when a developer adds a new feature–and fails to include BiDi support in the updated code.


Called from your automated test suite, BidiChecker can catch regressions before they go live. It features a pure JavaScript API which can easily be integrated into a test suite based on common JavaScript test frameworks such as JSUnit. Here's a sample test for the above scenario:


// Check for BiDi errors with Arabic data in an English UI.
function testArabicDataEnglishUi() {





 // User reviews data to display; includes Arabic data.





 var reviewsData = [





 

 {'title': 'The Princess Bride', 'reviews': '23'},




 

 {'title': '20,000 Leagues Under the Sea', 'reviews': '17'},




 

 {'title': 'ستار تريك', 'reviews': '57'} // “Star Trek”





 ];







 // Render the reviews in an English UI.




 var app = new ReviewsApp(reviewsData, testDiv);




 app.setLanguage('English');





 app.render();









 // Run BidiChecker.





 var errors = bidichecker.checkPage(/* shouldBeRtl= */ false, testDiv);





 // This assertion will fail due to BiDi errors!





 assertArrayEquals([], errors);



}



We’ve just released BidiChecker as an open source project on Google Code, so web developers everywhere can take advantage of it. We hope it makes the web a friendlier place for users of right-to-left languages and the developers who support them.



تقديم واجهة AdSense الجديدة، متوفرة الآن في جميع أنحاء العالم



أعلنّا في ‏‫‏‫تشرين الثاني (نوفمبر) الماضي عن‬‬ أننا بصدد بدء اختبار واجهة جديدة مع مجموعة محدودة من الناشرين. ومنذ ذلك الحين، انصب تركيزنا على إضافة ميزات جديدة وإدراج التعليقات الواردة من مختبري تلك النسخة التجريبية. واليوم، يسعدنا الإعلان عن البدء في طرح واجهة AdSense الجديدة لجميع الناشرين في شتى أنحاء العالم. وفي غضون الأسابيع القليلة المقبلة، من المفترض أن تشاهد رابطًا يحمل عنوان "جرِّب واجهة AdSense الجديدة" في الركن العلوي من حسابك. وسيؤدي النقر على هذا الرابط إلى نقلك إلى الواجهة الجديدة.


‫تم تصميم واجهة AdSense الجديدة الثرية بالميزات - والتي أُنشئت استنادًا إلى التعليقات المباشرة منك ومن الناشرين الآخرين - لمساعدتك في جني المزيد من الأرباح باستخدام برنامج AdSense. و‏‫‏‫نود أن نتوجّه إليك بجزيل الشكر على جميع المساهمات التي قدمتها لنا، وأن نوضّح لك كيف انعكس ذلك في الواجهة الجديدة.



أصبح بمقدورك الآن تشغيل المزيد من تقارير الأداء المفصَّلة حسب نوع الإعلان وحجم الإعلان والوحدة الإعلانية ونوع الاستهداف ونوع عرض السعر لإجمالي الأرباح، وغير ذلك من المقاييس على مدار نطاقات زمنية مخصّصة. ‏‫كما ستتوفر لك أيضًا رسوم بيانية في علامة التبويب الجديدة "تقارير الأداء"؛ حيث يمكنك عرض مرات الظهور والنقرات والأرباح بسرعة في رسم بياني واحد، ومقارنة أداء الإعلان النصيّ‬ بأداء الإعلان المصوّر، ومقارنة النطاقات الزمنية، وكذلك تحليل البيانات بسهولة للتعرف على مؤشرات الأداء.
‏‫كانت تعليقاتك تهدف إلى إعلامنا بأن البيانات التي تساعدك على فهم أدائك بصورةٍ أفضل هي عامل جوهري في نمو الأرباح؛ لذا قد حرصنا على أن تمنحك الواجهة الجديدة مزيدًا من المؤشرات.


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


على أدوات التحكم في الإعلانات، كما أضفنا قدرًا أكبر من السهولة في استخدامها.
أصبحت جميع أدوات التحكم في الإعلانات الآن في موضع واحد، في علامة التبويب "‏‫السماح بالإعلانات/منعها"‬. وفي هذا الموضع، ستتمكن من تصفية الإعلانات من معلنين وفئات وشبكات إعلانية بعينهم. إضافةً إلى ذلك، ستلاحظ أننا حدَّثنا "مركز مراجعة الإعلانات" لإضفاء المزيد من السهولة على مراجعة وإدارة الإعلانات التي تستهدف المواضع على مواقعك. ويمكنك الآن البحث عن الإعلانات في "مركز مراجعة الإعلانات" حسب نوع الإعلان أو الكلمة الرئيسية أو عنوان URL أو شبكة الإعلان، واختيار السماح بها أو منعها.


لقد عبَّرت لنا عن رغبتك في إدارة حسابك بصورةٍ أكثر فاعلية؛ لذا تمت إعادة تصميم الواجهة لتساعدك على إتمام المهام بسرعة وسهولة في آن واحد.
وتتميز الواجهة الجديدة بتوفير السرعة في استعراض المعلومات المتعلقة بأرباحك ودفعاتك، والبحث عن الميزات الملائمة، وإجراء التغييرات في حسابك. كما تعمل أيضًا على تقديم المساعدة الملائمة والموارد الأخرى، مثل مقاطع الفيديو والمقالات المنشورة في المدونات، مباشرةً في الواجهة، بحيث تتمكن من الحصول على المعلومات التي تحتاج إليها دون الخروج من الحساب.


ننصحك بتجربة الواجهة الجديدة فور تمكينها في حسابك. ‏‫لمزيد من المعلومات، تفضل بزيارة الرابط google.com/ads/newadsense. وستجد هناك مقاطع فيديو إضافية، بما في ذلك جولة لاستعراض الواجهة الجديدة، ومعلومات عن الميزات الجديدة، إلى جانب دليل الخطوات الأولى.


شكرًا جزيلاً مرةً أخرى على جميع تعليقاتك. ونأمل أن تنال الواجهة الجديدة رضاك.








Introducing the new AdSense interface, now available globally




Last November we announced that we were starting to test a new interface with a limited group of publishers. Since then, we’ve been focused on adding new features and incorporating feedback from our testers. Today, we’re excited to announce that we’ve begun rolling out the new AdSense interface to all publishers globally. Within the next few weeks, you should see a “Try the new AdSense interface” link appear in the upper corner of your account. Clicking the link will bring you to the new interface.


Built based on feedback we’ve heard from you, our publishers, the new interface is full of features designed to help you make more money with AdSense. We want to thank you for all the input you’ve given us, and show you some of the ways it’s reflected in the new interface.



You’ve told us that data that helps you better understand your performance is critical to growing your revenue, so we’ve made sure that the new interface gives you more insights.


You can now run even more detailed performance reports by ad type, ad size, ad unit, targeting type, and bid type for total earnings and other metrics, over custom date ranges. You’ll also find graphs of your data on the new Performance reports tab. You can quickly view impressions, clicks, and earnings all in one graph, compare text ad performance to image ad performance, compare date ranges, and easily analyze data to recognize trends.


You’ve continued to let us know that protecting your brand by having control over the ads that run on your site is extremely important, so we’ve improved our ad controls and made them easier to use.


All ad controls are now in one place, on the Allow and block ads tab. Here, you’ll be able to filter ads from specific advertisers, categories, and ad networks. In addition, you’ll notice that we’ve updated the ad review center to make it easier to review and manage ads that have been placement-targeted to your sites. You can now search for ads in the ad review center by ad type, keyword, URL, or ad network, and choose to allow or block them.


You’ve shared with us the need to manage your account more efficiently, so we’ve redesigned the interface to help you complete tasks quickly and easily.
The new interface allows you to quickly see your earnings and payment information, find relevant features, and make changes to your account. It also brings relevant help and other resources, like videos and blog posts, right into the interface, so you can get the information you need without leaving your account.


Once the new interface has been enabled for your account, we encourage you to give it a try. To learn more, check out google.com/ads/newadsense. You’ll find additional videos, including a tour of the new interface, information about new features, and a getting started guide. You can also join the conversation in our Forum to share best practices and discover what other publishers think about the new interface.


Thanks again for all your feedback. We hope you like the new interface!



Pageviews Last 30 Days

Followers