پروژه طراحي و پياده سازي يک سايت اينترنتي ديناميک

اهميت و کاربردها

پروژه طراحي و پياده سازي يک سايت اينترنتي ديناميک  مطمئناً محيط وب مکاني است که براحتي مي توان به آن دسترسي پيدا کرد و تعداد كاربراني كه هر روزه به اينترنت مي پيوندد در حال افزايش است پس طراحي اينگونه سايتها امري لازم و ضروري بنظر مي رسد .يکي از معيارهاي برتري سيستم هاي کامپيوتري اين است که تا چه حدي user friendly هستند. سعي ما بر آن بوده است که در پروسه طراحي اين سيستم حتي الامکان کمترين اطلاعات از کاربر درخواست شود و سيستم تا جايي که مقدور است خود مسئوليت جمع آوري اطلاعات را بر عهده داشته باشد.

بنابراین در این مطلب از فروشگاه مارکت فایل به ارائه طراحي و پياده سازي يک سايت در قالب 158صفحه می‌پردازیم

فهرست مطالب

معرفي پروژه 5
اهميت و کاربردها 5
اهداف پروژه 6
چکيده 7
مقدمه 8
مراحل پردازش اطلاعات يك فرم HTML 9
معماري عمومي وب: 10
معماري سه لايه برنامه هاي كاربردي تحت وب: 12
1)HTML 13
الف) PHP 16
* OpenSource بودن PHP 18
ب) Servlet : 18
ج) XML : 18
نرم افزار Macromedia Dreamweaver MX: 20
منوي File: 20
منوي Edit: 21
منوي View: 22
منوي Insert: 23
منوي Text: 27
منوي Site: 29
منوي Window: 30
HTML 32
تگ هاي HTML 34
ايجاد Image 34
ايجاد Link 35
ايجاد Table 36
ايجاد List 37
ايجاد FRAME 37
ايجاد FORM 38
انواع فرم ها : 38
CSS 39
JavaScript 45
اندکي در مورد تاريخچه JavaScript : 46
قابليت JavaScript : 47
Properties : 48
Methods : 48
کنترل وقايع ( handling events ): 49
تاريخچه PHP : 50
توانائيهاي  PHP : 53
ثبات و استحكام  Stability : 54
قابل اتصال بودن Connect ability : 55
مزيتهاي PHP : 56
MySQL 59
پايگاههاي داده 59
تاريخچه MYSQL : 63
ذخيره سازي داده ها : 64
متد هاي ارتباطي پايگاه داده : 66
پشتيبان ها : 66
انتقال داده : 67
1- دياگرام كلي سايت 69
2- دياگرام بازديدكنندگان معمولي 70
3- دياگرام مربوط به كاربر ( مشتري ) 72
4- دياگرام مربوط به مدير سايت 73
5- جريان انتقال اطلاعات در صفحات ديناميك 75
1- پايگاه داده ها 77
انواع بانك هاي اطلاعاتي شامل : 78
طراحي بانك اطلاعاتي 79
2- شرح صفحات استاتيك 82
1-2) Index html : 83
2-2)صفحه اصلي (main.htm) : 83
4-2)صفحه خدمات ( Services. Html ) 89
5-2)صفحه مشتريان (  Customers.html) 89
6-2 (صفحه تماس با ما ( Contact-us.html ): 92
3- شرح صفحات ديناميك 95
1-3) صفحة پيشرفت كار (Progress.php) 96
2-3) صفحه اصلي مربوط به مدير سايت (Admin.php) 99
3-3) صفحه جستجوي كاربر (Search.php) 103
4-3)صفحه تغيير اطلاعات كاربر (modify.php) 107
5-3) صفحه حذف كاربر (Delete.php) 111
4- توضيحات مربوط به فايل هاي صرفاً php و جاوا اسكريپت : 111
1-4) فايل check.php 111
2-4) فايل Create.php 115
3-4) فايل delete 2. Php 116
4-4) فايل Modify 2. Php 117
5-4) فايل Sendmail.php 118
6-4) فايل Signout.php 119
7-4) فايل Picfader.js 120
نتيجه گيري 122
منابع و مآخذ 123

معرفي پروژه

با توجه به نياز روزافزون، به تکنيک هاي جديد برنامه نويسي تحت وب، در صدد برآمديم تا به طراحي و پياده سازي يک سايت اينترنتي ديناميک بپردازيم .
قسمت هاي مختلف اين پروژه را مي توان درچهار بخش کلي زير خلاصه کرد:
• ايجاد کاربر
• تغيير اطلاعات کاربر
• نمايش روند پيشرفت کار مربوط به کاربر
• صفحات مربوط به معرفي توليدات و …

در چنين شرايطي مطمئناً هم کاربران براي استفاده از سيستم با سهولت و راحتي کار روبرو بوده و هم ميزان خطا تا حد قابل توجهي کاهش مي يابد. بعنوان مثال وقتي که يک كاربر به اين سيستم login مي کند براي بالا رفتن سرعت و به منظور جلوگيري از اتلاف وقت کاربر، از امکانات برنامه نويسي Client Side، براي چک کردن صحت نام کاربري و رمز عبور استفاده کرده، و سپس تست وجود چنين کاربري در پايگاه داده، قسمت سرور صورت       مي گيرد. اين کار باعث افزايش سرعت و امنيت مي گردد.

چکيده

در اين پروژه که طراحي يک سايت سفارش محصول توسط کاربر که مربوط به شرکت ابزاربندي خراسان است. شامل امکاناتي نظيرايجاد کاربر توسط Admin، ارسال مطلب و برقراري ارتباط با Admin و پيگيري پيشرفت کار توسط کاربر مي باشد، سعي ما بر اين بوده است که بر پايه برنامه نويسي وب پويا با استفاده از زبان اسکريپتي PHP و زبان هاي کلاينت سايد JavaScript  و CSS، سيستمي طراحي کنيم که کاربر از راه دور بتواند محصولي را سفارش و پيشرفت آن را پيگيري نمايد. با توجه به اين هدف، امکاناتي را براي مديريت سايت ايجاد نموديم تا Admin بتواند کاربري را ايجاد و اطلاعات آن را ويرايش نمايد.

مقدمه

در آغاز وب  يك رسانه ايستا بود وشکل آن مثل يک کتاب الکترونيکي  بود. سايت هاي وب وقتي که ساخته  شدند به مدت چندين ماه تغيير نمي کردند. با رشد وب به قوت هاي آن نيز پي برده شد. به اين ترتيب وب از حالت يکنواخت وايستا درآمد بطوري که  ظاهر و محتويات آن زودتر تغيير مي کرد ويک بازي يا يک پردازنده  در وب در هر بار که استفاده مي شد تغيير مي کند.
در واقع ايجاد سايت هاي پويا براي کسانيکه از  اينترنت استفاده مي کنند الزامي است در غير اين صورت سايت هاي او به عنوان  يک شهر متروکه محسوب خواهد شد  در گوشه اي از ديسک سخت فسيل شده.
بعضي از ويژگي هاي پويايي که مخاطبين اينترنت به آنها علاقمندند عبارتند از:
• حساسيت به زمان به جاي محتويات دائره المعارفي
• تغيير محتويات وسبک طراحي
• سازگاري با نسلهاي جديد سخت افزار نرم افزار واستاندارهاي تحويل اطلاعات
• پشتيباني از ارتباط با مخاطبين سايت
• مديريت موثر براي افزايش کيفيت اطلاعات

مراحل پردازش اطلاعات يك فرم HTML

* اطلاعات موجود در وب در حريم هاي اطلاعاتي با نام   ” صفحات وب ” ذخيره مي گردند. اندازه ونوع محتويات اين نوع صفحات کاملا” متغير بوده و نمي بايست در اين راستا يک صفحه وب را با يک صفحه کتاب مقايسه کرد گرچه شباهت هاي اندکي نيز بين آنها وجود داشته باشد.
* محتويات يک صفحه وب مي تواند، متن گرافيک صدا تصوير انيميشن و … باشد. گستردگي و تنوع نوع اطلاعاتي که مي توان در صفحات وب قرار داد يکي از مهمترين ويژگي هاي قابل توجه وب از ديدگاه ارائه دهندگان اطلاعات از يک طرف و استفاده کنندگان از اطلاعات از طرف ديگر   مي باشد.
* صفحات وب از لحاظ فيزيکي فايل هايي هستند که توسط نرم افزارهاي مربوطه بوجود آمده و داراي انشعاب “htm” و يا “html” مي باشند. براي ايجاد اين نوع صفحات مي توان از تمام نرم افزارهائي که بنوعي قادر به ايجاد و ذخيره سازي يک فايل هستند استفاده کرد.    ( Notepad نمونه اي از اين نوع نرم افزارها است ). امروزه نرم افزارهاي کاملا” حرفه اي براي ايجاد و مديريت صفحات وب توسط شرکت هاي نرم افزاري ايجاد شده است . FrontPage ,Hotmetal,… نمونه هائي در اين زمينه   مي باشند.

معماري عمومي وب:

براي تشريح بهتر برنامه هاي كاربردي تحت وب (Web based applications) مدرن و امروزي، معمولا آنها را به 4 لايه مستقل تقسيم مي كنند. لايه مشتري يا Client، لايه هاي مياني كه عبارتند از presentation و Business و در نهايت آخرين لايه كه عبارت است از لايه داده يا Database. معمولا لايه هاي مياني در يك لايه مجتمع شده و در نتيجه يك مدل ساده شده 3 لايه اي به دست مي دهند.
لايه مشتري يا Client بخشي از اين معماري است كه توسط كاربر وب مشاهده مي شود. بقيه لايه ها بر روي كامپيوترهايي قرار دارند كه ممكن است صدها كيلومتر از مشتري فاصله داشته باشند. لايه مشتري در اين مدل همان مرورگر وب است كه بر روي كامپيوتر كاربر صفحات وب را نمايش مي دهد. در اين لايه علاوه بر امكان نمايش اطلاعات، امكان ورود و برخي پردازشهاي اطلاعاتي نيز وجود دارد.

معماري سه لايه برنامه هاي كاربردي تحت وب:

لايه presentation وظيفه ارائه محتويات ديناميك صفحات وب را بر عهده دارد. روشهاي پياده سازي اين عمليات بر روي كامپيوترها (web server) متنوع است. تكنولوژيهاي مختلف نظير CGI, PHP, ASP, JSP, Servlet, …. لايه presentation معمولا درون برنامه هاي وب سرور نظير Apache web server و يا  Microsoft IISو … پياده سازي مي شود. وب سرورها توانايي دريافت و اجراي چندين درخواست از سوي برنامه هاي كاربردي لايه هاي ديگر و همچنين كاربران را به طور همزمان دارند. اين نرم افزارها بر اساس يك پيكربندي اوليه مي دانند كه درخواستهاي كاربر را بايد به كدام برنامه كاربردي ارجاع دهند.

يك برنامه CGI براي عملكرد صحيح و مناسب نيازمند شرايط زير است:

1- برنامه با وارد كردن نام آن در خط فرمان (Command Line) قابل اجرا باشد.

2- برنامه بايد يك سرآيند (Header) مناسب و معتبر از نوع محتويات (Content) توليد كند. محتويات خروجي يك برنامه CGI ميتواند كد HTML، تصاوير GIF، فايلهاي متني، مستندات مايكروسافت Word و يا فايلهاي صوتي باشد. سرآيند نوع محتويات كه توسط برنامه CGI توليد مي شود، نوع محتويات بازگشتي را مشخص مي كند و مرورگر مي تواند عمليات مناسب را بر اساس آن انجام دهد.