مدونات الويب

الثلاثاء، مارس 25، 2008

البرامج التي يحتاجها كل مطور ويب : أدوات البرمجة

قبل وقت قصير كان Dreamweaver الأداة الأساسية التي استعملها لتطوير المواقع. طبعا البرنامج متطور جدا, و الإمكانيات التي يوفرها كبيرة لكنها تبقى محصورة في لغة HTML و CSS فدعمه للغات مثل PHP و JavaScript ضعيف جدا.مما يجعل البرنامج غير مناسب لتطوير مواقع كبيرة الحجم فرغم صدور نسخ جديدة منه لا توجد أي محاولة لتحسين أدائه مع PHP.كذلك فالبرنامج لا يوفر بيئة مناسبة للعمل الجماعي. من خلال عدم دعمه لآي من برامج ضبط الإصدارات CVS أو SVN. و فوق كل هد فالبرنامج غير مجاني و لا يعمل مباشرة في بيئة Linux.

لكن في السنوات الأخيرة ظهرت عدة بدائل أهمها Komodo و Zend Studio و يبقى أفضلها بلاغين PDT المجاني الذي تصدره شركة ZEND والموجه لبرنامج Eclipse المفتوح المصدر.

Eclipse أصدرته في البداية شركة IBM و تستعمله كقاعدة لمجموعة كبيرة من برامجها مثل lotus Note و IBM RAD... ( جميع برامج IBM التي تعاملت معها مبنية عليه. لا ادري إذا كانت هناك برامج خارج هده القاعدة ) .البرنامج موجه في الأساس للغة JAVA و التقنيات المرتبطة بها. لكنه يدعم العديد من لغات البرمجة من خلال بلاغينات خاصة.

بلاغينPDT يضيف IDE كامل إلى Eclipse فهو أولا محرر PHP و من خلال WTP الذي يأتي مع البلاغين يتم إضافة محرر HTML و CSS و لغة JavaScript . بالنسبة لهذه الأخيرة يفضل استعمال بلاغين JSEclipse.

من المميزات العظيمة للبلاغين قدرته على التعرف على المتغيرات و الفئات Classe وان كانت في ملفات أخرى . و أيضا دعمه لعملية تشخيص الأخطاء بالإضافة إلى بعض الأشياء البسيطة التي تجعل العمل اكتر سهولة مثل الطي التلقائي لكود الدوال بحيث يصبح من السهل العثور عليها. CVS موجود في برنامج Eclipse أما SVN فيمكن تحميل البلاغين Subclipse.

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

تنصيب PDT سهل جدا فيكفي التوجه الى

Help-> Software Updates-> Find and Install...

ثم اختيار

Search for new features to install

وإضافة رابط جديد من خلال New Remote Site بالتفاصيل التالية

Name:PDT
URL:http://downloads.zend.com/pdt

بالضغط على Next سيبدأ تثبيت البلاغين

الاثنين، مارس 24، 2008

قارئ خلاصات الأخبار بواسطة AJAX RSS و PHP - الجزء الأول

كما أصبح معلوما فاغلب مواقع الأخبار التي تواكب التطور التقني, تعمل على نشر اخبرها, أو على الأقل العناوين على شكل ملف RSS. حيث يمكن لزوار الموقع متابعة جديده عن طريق مواقع و برامج متخصصة في قراءة خلاصات RSS.

في هدا التطبيق أسعى لاستعمال تقنية AJAX. لإنشاء قارئ, سيعمل على جلب عناوين أخر الإخبار من بعض المواقع العربية.

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

أولا نقوم بتصميم صفحة news.php التي ستعرض الأخبار و قائمة المواقع الإخبارية

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
</head>
<body >
<div id="site">
<div id="news">
<?php echo getNews() ?>
</div>
<div id="side">
<ul>
<li><a href= "?src=http://www.aljazeera.net/Portal/RSS/RSS-Portal.xml" >الجزيرة نت</a>
</li><li><a href= "?src=http://www.alarabiya.net/rss/rss_top08.xml" >العربية.نت</a>
</li><li><a href= "?src=http://newsrss.bbc.co.uk/rss/arabic/news/rss.xml" >BBC Arabic News</a></li>
</ul>
</div>
</div>
</body>

يجب الانتباه الى ان charset الصفحة يجب أن يكون UTF8 و أيضا فعناوين خلاصات rss يتم إرسالها في المتغير src الى نفس الصفحة اي news.php

في news.php سننشئ الدالة getNews

<?php
function getNews(){
$source=isset($_REQUEST['src'])?$_REQUEST['src']:'http://www.aljazeera.net/Portal/RSS/RSS-Portal.xml';
$xml=simplexml_load_file($source);
$newsItems=$xml->channel->item;
$news='<ul id="jsc">';

foreach($newsItems as $item){
$news.='<li>
<a href="'.$item->link.'" target="_blank">'.$item->title.'</a><br />'.
$item->description
.'</li>';
}
$news.='</ul>';

$news.='<center><a href="'.$xml->channel->image->link.'">
<img src="'.$xml->channel->image->url.'" alt="'.$xml->channel->image->title.'" />
</a></center>';

return $news;
}
?>

الدالة ستقوم بالحصول على رابط الخلاصة الموجود في المتغير src (في حالة عدم تواجد أي رابط يتم استعمال رابط مبدئي الجزيرة في هدا المثال) .الرابط سيتم تحويله إلى الكائن simplexml_load_file, الدي سيمكننا من التعامل مع عناصر ملف XML و كانها مجموعة من الكائنات. فمثلا للحصول على جدول بكل المواضيع الموجودة في الخلاصة نستعمل :

$xml->channel->item

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

في الأخير لم يبقى الا المناداة على الدالة ثم عرض النتيجة

كدالك يمكننا تحسن شكل الصفحة بواسطة css

#site {
width: 600px;
height:300px;
position: absolute;
top: 50%;
right: 50%;
margin-top: -150px;
margin-right: -300px;
direction: rtl;
font: 12px tahoma;
}
#side {
float: right;
width: 188px;
}
#news {
float: left;
width: 378px;
margin-right: 10px;
overflow: auto;
}
#news ,#side {
padding: 5px;
border: 1px solid #E0EFFF;
height: 100%;
}
#site a{
text-decoration: none;
color: #4D9EE4;
}

وهدا كود التطبيق كامل لتحميل

http://www.4shared.com/file/41772392/4b61c724/news.html

مدونات الويب

الثلاثاء، مارس 25، 2008

البرامج التي يحتاجها كل مطور ويب : أدوات البرمجة

الاثنين، مارس 24، 2008

قارئ خلاصات الأخبار بواسطة AJAX RSS و PHP - الجزء الأول

التسميات

مواقع صديقة

أرشيف المدونة