تصميم موقع ويب

متطلبات مشروع نظام إدارة جهات الاتصال (Contact Management System)

الموضوع:

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

الأهداف الأساسية للمشروع:

1.إنشاء استمارة لجمع معلومات الاتصال:

•الاسم الكامل (مطلوب).

•البريد الإلكتروني (مطلوب).

•رقم الهاتف (اختياري).

•رابط الموقع الإلكتروني (اختياري).

•الرسالة (مطلوب).

•صورة شخصية (مطلوب).

2.معالجة البيانات باستخدام PHP:

•استخدام طريقة POST لمعالجة البيانات المرسلة.

•تخزين البيانات المدخلة في ملف JSON.

3.التحقق من صحة البيانات:

•الاسم: يجب أن يحتوي فقط على حروف ومسافات.

•البريد الإلكتروني: يجب أن يكون بصيغة صحيحة.

•رابط الموقع الإلكتروني (إن وُجد): يجب أن يكون بصيغة صحيحة.

•الرسالة: يجب ألا تكون فارغة وأن تحتوي على 10 أحرف على الأقل.

•الصورة الشخصية: يجب أن يتم رفعها بنجاح.

4.إظهار الأخطاء للمستخدم:

•عرض رسائل خطأ واضحة بجانب الحقول غير الصالحة.

•الحفاظ على البيانات المدخلة في الحقول الصحيحة عند ظهور الأخطاء.

5.عرض صفحة تأكيد:

•عرض رسالة “شكرًا” مع ملخص للمعلومات المدخلة:

•الاسم، البريد الإلكتروني، رقم الهاتف (إن وجد)، رابط الموقع (إن وجد)، والرسالة.

•إتاحة زر “الرجوع” للعودة إلى الاستمارة.

6.تخزين البيانات بشكل دائم:

•تخزين البيانات المدخلة في ملف JSON بصيغة مشابهة:

[

{

"name": "Ahmed Ali",

"email": "ahmed@example.com",

"phone": "123456789",

"website": "https://example.com";,

"message": "This is a sample message.",

"profile_picture": "path/to/picture.jpg",

"timestamp": "2024-11-25 14:30:00"

}

]

7.تنظيم الكود:

•استخدام ملفات مستقلة للدوال المشتركة (مثل ملف functions.php).

•تخزين الصور المرفوعة في مجلد uploads داخل المشروع.

8.إجراءات الأمان:

•استخدام دوال مثل htmlspecialchars() لحماية المدخلات من هجمات XSS.

•التحقق من الملفات المرفوعة لتجنب الأخطاء الأمنية.

الهيكلية المطلوبة للمشروع:

ContactManagementSystem/

|-- index.php# صفحة الاستمارة الرئيسية

|-- confirmation.php# صفحة عرض التأكيد

|-- includes/

| |-- functions.php# ملف الدوال المشتركة

|-- data/

| |-- contacts.json# ملف لتخزين البيانات

| |-- uploads/# مجلد لتخزين الصور

|-- assets/

| |-- styles.css# كود css!