پایان نامه بررسی طراحی سایت شرکت به سبا در 89 صفحه ورد قابل ویرایش
پایان نامه بررسی طراحی سایت شرکت به سبا در 89 صفحه ورد قابل ویرایش
مکاتب الهی ودر راس آنها اسلام انسان ساز را موجودی پویا وکمال طلب می دانند.از نظر اسلام انسان در حال تکامل است وجهت گیری او به سوی خدای تبارک وتعالی است.ویکی از راههای تقرب به ذات اقدسش علم است.
تحولات چشمگیری که در اثر ورود کامپیوتر واینترنت به عرصه اجتماع در ابعاد مختلف زندگی انسان امروز بوجود آمده هم اکنون به چنان شتابی رسیده که همه ساختارهای علمی اقتصادی فرهنگی واجتماعی را در سراسر جهان با تغییراتی شگرف مواجه کرده است.سرعت وعمق این تحولات به گونه ای بوده که امروزه بقا وتداوم پیشرفت های علمی واقتصادی دنیا به پیشرفت در صنعت عظیم کامپیوتر و فن آوری اطلاعات وابستگی تمام پیدا کرده است.
درچنین شرایطی که همراهی با قافله پر شتاب فن آوری های رایانه ای به امری کلیدی در مسیر توسعه وپیشرفت کشور تبدیل شده لزوم ایجاد تغییر در شیوه های آموزشی و همگام کردن آن با آخرین یافته های علمی ضروری به نظر می رسد.
براین اساس شرکت تعاونی خدمات بهداشتی ودرمانی بهداشت گستر سبحان آرین (به سبا )که یک شرکت خدمات بهداشتی ودرمانی است برآن شد که در جهت به اطلاع رساندن طرح ها وپروژه های تحقیقاتی وبرگزاری دوره های آموزشی خود و ثبت نام از متقاضیان به صورت on line از ما تقاضا کردند که یک سایت پویا برایشان طراحی کنیم.
که بر این اساس متقاضیان بتوانند دراتلاف وقت کمتر وراحتتر در هر کجا که باشند از خدمات جدید وکلاسهای آموزشی جدید بهره مند شوند.
که برای انجام این پروژه از نرم افزار های Frontpage ,Flash ,Swish ,Photoshop برای طراحی سایت واز PHP برای برنامه نویسی و با بانک اطلاعاتی mysql استفاده کردیم.
اهداف واهمیت:
مهمترین هدف این سیستم امکان استفاده کاربران از زمان برگزاری کلاسهای آموزشی وثبت نام به صورت اینترنتی در کمترین زمان وبدون مراجعه به مرکز است.که فرد می تواند لیست تمامی درس ها وقیمت ها را ببیند ودرس مورد نظر را انتخاب کند وبا اعلام شماره فیش بانکی ثبت نام نماید.
هدف دیگر این است که از طریق این سایت می توانند دسترسی به سایت های مفید آموزشی داشته باشند . که اینکار از طریق رفتن به صفحه اخبار می باشد.
وامکان مفید دیگر برای مدیر شرکت ایجاد کردیم وآن این است که مدیر می تواند با وارد کردن user name ,password مورد نظر خود به بانک اطلاعاتی دست یابند واز این طریق لیست تمامی ثبت نام کنندگان وتاریخ ثبت نام واینکه در چه درس های ثبت نام کرده اند را ببیند.
ابزار ها :
در این سیستم از کد نویسی PHP4 برای طراحی وپویا سازی صفحات استفاده شده است. البته در برخی موارد از PHP5 که ورژن جدید این برنامه است استفاده شده است.
و به منظور ذخیره اطلاعات وذخیره بانک ها از بانک اطلاعاتی my sql استفاده شده است.
وطراحی ظاهر صفحات به وسیله نرم افزار Frontpage وکارهای متحرک وساخت بنر متحرک به FLASH , SWISH , Photoshop انجام شده .البته از Photoshop هم برای برش عکس ها وطراحی بنر استفاده شده است.
ساختار کلی سایت :
صفحه اول سایت با نام index.htm تماما با flash طراحی شده است که صفحه اصلی سایت می باشد . واز این صفحه لینک های اصلی شروع می شود .
صفحه اخبار پزشکی ومعرفی شرکت ومعرفی هئیت علمی ومعرفی مدیران صفحات طراحی شده با Frontpage هستند وبرنامه نویسی ندارند.
صفحه آموزش و تمام لینکهای که از آن صفحه انجام می شود همه دارا کدهای php هستند ودر واقع صفحات پویا ی سایت محسوب می شوند.که کاربر از طریق این صفحات می تواند ثبت نام اینترنتی داشته باشد.
ساختار پایان نامه :
در فصل دوم به توضیح ونحوه کار کرد نرم افزارهای مورد استفاده که در مدت پروژه با آنها کار کردیم پرداخته شده . واینکه هر نرم افزار چه ساختاری دارد و چه کارهای با آن انجام میدهند.
در فصل سوم به بررسی ساختار طراحی وپیاده سازی سایت پرداخته شده است.واینکه هر صفحه به وسیله چه نرم افزارهای وهر قسمت ازآن صفحه چگونه ساخته شده است . وتصاویر هر صفحه قسمتی از کدهای مهم برنامه آورده شده است.
معرفی نرم افزار Frontpage
ایجاد یک صفحه سایت
در ابتدا باید مشخصات اولیه صفحه را بدانیم اگر بخواهیم یک صفحه با قاب داشته باشیم در این حالت از منوی File زیر منوی New را انتخاب کرده و سپس در سربرگ Frames page مورد نظر را انتخاب می کنیم.
در این صورت با دو پیغام مواجه می شویم:
پیغام اول New page است که در آن یک صفحه جدید در مکان مورد نظر باز می کند و دومی Set initial page در قسمت باز شده آدرس صفحه و یا تصویر مورد نظر را مشخص کرده و در صورتی که بخواهیم بدون قاب باشد در این صورت مثل قبل از منوی File زیر منوی New را انتخاب کرده سپس در سربرگ Genereal مدل Normal page را انتخاب می کنیم.
کار بعدی که انجام می دهیم انتخاب background مناسب می باشد این کار به صورت زیر انجام می شود:
ابتدا کلیک راست کرده گزینه background را انتخاب می کنیم سپس قسمت background را انتخاب کرده رنگ زمینه را انتخاب می کنیم برای تمام صفحات همین کار را می کنیم برای تغییر و انتخاب فونت دلخواه نیز به همین صورت راست کلیک کرده و گزینه فونت را انتخاب می کنیم.
عمل بعدی ساختن کلید می باشد که به چند صورت صورت می گیرد:
یکی با استفاده از hover button که به این صورت است: از منوی بالای صفحه گزینه insert سپس گزینه Componet و بعد از آن گزینه button hover را انتخاب می کنیم و تنظیمات لازم را انجام می دهیم. روش دیگر برای ساخت کلید در فرانت پیج به این صورت است که یک نوشته یا یک شکل داخل یکی از صفحات خود می آوریم و آن را انتخاب می کنیم بعد انتخاب شکل یا نوشته روی آن راست کلیک می کنیم و گزینه Hyperlink را انتخاب می کنیم سپس با دادن آدرس مناسب آن را به صفحه مورد نظر لینک می کنیم.
معمولا در صفحات وب خود مایلیم از عکس ها و فیلم های متنوع استفاده کنیم و آوردن عکس و فیلم از نرم افزارهای دیگر چند روش دارد و ما روشی را که در آن کار کرده ایم را شرح می دهیم.
برای اینکه یک عکس را از یک محیط به محیط دیگر بیاوریم لازم است که آن را به سایز دلخواه در آوریم. که این مورد با استفاده از نرم ا فزار Fotoshop صورت می گیرد که توضیحات بیشتر را در این رابطه به فصل بعدی واگذار می کنیم.
روش اول به صورت زیر می باشد ابتدا عکس را که در یک محیط انتخاب می کنیم و یا عمل کپی کردن و آمدن به صفحه وب و انجام عمل paste عکس مورد نظر را انتقال می دهیم.
روش بعدی که می توانیم یک عکس را به محیط فرانت پیج می آوریم این است که از منوی بالای صفحه گزینه insert را انتخاب می کنیم منوی دیگری باز می شود که از میان آنها گزینه picture را انتخاب می کنیم این گزینه دو حالت دارد که ما گزینه ای که From file می باشد را انتخاب می کنیم که در آن آدرس عکس مورد نظر از ما خواسته می شود با انجام این کار عکس مورد نظر در مکانی که انتخاب کرده ایم منتقل می شود.
باید این نکته را به خاطر داشت که ا گر بخواهیم عکس ما در مکان خاصی قرار بگیرد باید از جدول استفاده کنیم به این صورت که از آیکون های بالای صفحه روی شکل جدول کلیک می کنیم و اندازه جدولی را که می خواهیم وارد می آوریم و بسته به تنظیماتی که مدنظر ماست به جدول فرم می دهیم یعنی یک خانه از جدول را کوچکتر یا بزرگتر می کنیم.
ساختن صفحه وب با استفاده از الگو:
الگوهای سایتهای وب پیش ساخته ای است که می توان آنها را تغییر داد.
طریقه ساخت بصورت زیر می باشد:
از منوی فایل New را انتخاب می کنیم سپس گزینه Customer support web را انتخاب می کنیم ، فرانت پیج از الگوی وب پشتیبانی مشتریان استفاده می کند و بر مبنای آن یک سایت وب جدید را می سازد.
ایجاد جدول (Table)
از منوی Table زیر منویInsert و سپس Table را انتخاب کرده در پنجره باز شده می توان تعداد ستونها و تعداد سطرهای مورد دلخواه و فاصله ستونها و سطرهای جدول از همدیگر و مکان قرار گرفتن جدول و همچنین تقسیم کردن خانه های جدول به سطر و ستونهای دلخواه و تغییر دادن اندازه حاشیه و ارتفاع سلولهای جدول و ….. استفاده کرده ایم.
اگر بخواهیم بعد از ایجاد جدول در آن تغییری بوجود بیاوریم می توانیم با کلیک راست روی جدول و انتخاب گزینه Properties Table رنگ جدول ، رنگ پیش زمینه جدول، سایز خطها را تغییر داد. البته اگر بخواهیم به یک سلول جدول سطر یا ستونی اضافه کنیم می توان انتخاب آن خانه و کلیک راست کردن بر روی آن و انتخاب گزینه Insert Row یا Insert clos و با وارد کردن تعداد مورد نظر در باکس باز شده ایجاد کرد و یا حتی می توان دو سلول جدول را یکی کرد برای اینکار با بلوک کردن خانه های مورد نظر و کلیک راست بر روی آنها و انتخاب گزینه Merge cells می توان اینکار را انجام داد.
با انتخاب زیر فهرست page setup از منوی File می توان در باکس مربوطه برای جدول خود Margine Header - Footer را تعریف کرد و یا حتی می توان با انتخاب گزینه draw table از منوی Table می توان نسبت به ا عمال زیر اقدام کرد:
کشیدن خطوط یا اضافه کردن سطر یا ستون به جدول با استفاده از draw table یا گزینه مداد- پاک کردن خطوط با استفاده از - eraser تقسیم کردن هر سلول جدول به تعداد سطرها و ستونهای دلخواه (split cell)- فشرده کردن سلول های جدول نوع قرار گرفتن متن در جدول – ازدیاد طبقات جدول …….
اگر بخواهیم خط های جدول یا border های آن مشخص نباشد به روش زیر عمل می کنیم.
در این حالت خط های جدول وجود دارند ولی دیده نمی شوند. ابتدا روی جدول کلیک راست کرده و گزینه Properties Table را انتخاب می کنیم و تنظیمات مربوط به جدول را از جمله رنگ زمینه و حاشیه را انجام می دهیم.
سپس در قسمت border گزینه size را صفر می کنیم که در این صورت خطهای جدول حذف می شوند و اگر عدد دیگری وارد کنیم قطر این خطوط را نشان می دهد
. کلید ok را کلیک کنید.
تنظیم مشخصات اجسام تو پر :
فلش اجسام توپر یاfill را به پنج نوع مختلف تقسیم کرده که عبارتند از :
fill خالی یا none یکنواخت یاsolid غیر یکنواخت خطی و یا غیر یکنواخت شعاعی و شما می توانید نوع و مشخصات هر یک از این اجسام توپر را در پانلfill تنظیم نمایید.
برای دسترسی به پانل fill :
اگر در حال حاضر پانل مذکور باز نمی باشد از منوی window ابتدا گزینهpanels سپس را file انتخاب نمایید.
برای انتخاب رنگ یک soild fill در پانل fill :
1. در پانل fill روی جعبه fill – color کلیک کنید.
2.برای انتخاب رنگ مورد نظر به روش زیر عمل نمایید در فیلد موجود در قسمت بالای پنجره رنگها، یک مقدار عددی وارد نمایید.
ایجاد نمودن symbols :
به symbols در واقع یک object چندین استفاده گفته می شود به این معنی که می توان یکبار آنرا ایجاد و سپس در کل فیلم در هر زمان استفاده نمود.
اگر از symbols بیش از یک بار استفاده نماییم در واقع از یکinstance استفاده کرده ایم . هر نمونه symbols می تواند با symbols اصلی از نظر رنگ و اندازه فرق نمایید.
انواع symbol:
Graphic: این symbol از گرافیکهای ثابت و متحرک ساخته می شود که می توانند دفعاتی در فیلم استفاده شوند. Buttoms : symbol دکمه ها نسبت به حرکت موس واکنش نشان می دهد و می تواند حالتهای hit . down ، over ، upداشته باشد. Movie clips : کاملترین نوع symbol است که می تواند دارای انیمیشن و حتی کلید باشد . movie ها و time line مستقل دارند ، به همین علت اگر time line قطعه فیلم می تواند ادامه پیدا کند.
ایجاد کردن symbol به دو روش :
الف ) خلق نمود ن یک symbol با استفاده از محتوای موجود بر روی stage:
opject هایی را که مایل هستید به symbol تبدیل کنید از روی stage انتخاب نمایید. از منوی گزینه را انتخاب نمایید، تا جعبه خصوصیات symbol پدیدار گردد. حال در این جعبه می توانید اسم و رفتار مورد نظر symbol جدید را مشخص کنید ، برای اینکه از ساخته شدن symbol جدید، اطمینان حاصل کنید، گزینه را از منوی انتخاب نمایید.
ب ) ایجاد نمودن یک symbol خالی یا خام :
از منوی گزینه symbol را انتخاب کنید تا جعبه خصوصیات symbol ظاهرشود و بتوان اسم و رفتار خاصی را به symbol اختصاص داد. حال برای اجرای symbol باید آنرا با موس روی صفحه بکشیم. بعد از اطمینان از طراحی symbol برای خروج از صفحه اصلی باید از منوی گزینه را انتخاب کنیم.
برای قرار دادن یک نمونه از یک symbol در یک فیلم :
فریم کلیدی و لایه مورد نظر برای قرار گرفتن سمبل را در پنجره time line انتخاب نمایید. کتابخانه ای که جسم یا سمبل مورد نظر شما در آن قرار گرفته است باز کنید. در پنجره کتابخانه، سمبل مورد نظر را یافته و بر روی آن کلیک کنید تا انتخاب شود. نشانگر موس را به پنجره preview منتقل کنید. کلیک کرده و همانطور که کلید موس را نگه داشته اید، یک کپی از شکل را به پنجره صفحه نمایش اصلی (stage) بکشید. کلید موس را رها کنید.
ایجاد یک سمبل کلید :
هر کلید دارای چهار فریم به نام های hit .down. over. Up نام گذاری شده است.
در وضعیت up ، حالت کلید قبل از هر گونه عملی مشاهده می شود.
در وضعیت over، شکل کلید در زمانی که ماوس بر روی آن قرار می گیرد، نشان داده می شود . معمولا در این حالت تغییراتی در کلید نشان داده می شود که به کاربر قرار گرقتن ماوس بر روی کلید را گوشزد می کند.
در وضعیت down، حالت کلید در زمانی که کاربر آن را کلیک کرده است را نشان می دهد.
در وضعیت چهارم hit که نامیده می شود، هر شکل توپر در این وضعیت، محدود منطقه ای که باید به حرکت ماوس پاسخ دهد را مشخص می کند.
یک سند جدید در فلش ایجاد کنید و از منوی، دستور را انتخاب کنید و یا کلیدهای را فشار دهید . جعبه مشخصات سمبل ظاهر می شود، در قسمت، نام مورد نظر را وارد می کنیم و پس از انتخاب گزینه کلید را کلیک کنید. فلش سمبل جدیدی در کتابخانه سمبل ها ایجاد کرده و شما را به محیط سمبل ها منتقل می کند، در این قسمت مربوط به کلید که شامل چهار فریم لازم برای تعریف کلید است (hit .down. over. Up) وجود دارد.
در این سمبل در حالت up، حالت عادی کلید را در زمان نمایش فیلم نشان می دهد، و برای طراحی وضعیت over از منوی insert دستور keybord را انتخاب می کنیم، فلش یک فریم کلیدی در فریم over، ایجاد می کند و محتویات فریم قبل را در آن کپی می کند و حال شما می توانید تغییرات لازم را در شکل ایجاد کنید و برای طراحی وضعیت hoit.down نیز همانند حالت over عمل می کنیم.
p-1 ) صفحه اصلی
این صفحه تماما با Flash طراحی شده وبرای نمایش کلیه عملیاتی است که این سیستم قرار است انجام دهد.
از این صفحه لینک های اصلی به سایر صفحات انجام می شود.که این لینک ها شامل 1)درباره ما 2)اخبار 3)آموزش 4)تازه ها 5)مدیریت
این لینک ها هم در فلش درست شده است.
Background آن را به وسیله Photoshop طراحی کرده ایم. ونوشته های فارسی رابا نرم افزار Maryam نوشته ودر Flash قرار دادیم.وبعد فایل اجرای Flash را که پسوند swf دارد را به وسیله Frontpage به صورت سایت درآوردیم .
توضیحاتی راجع به سایر صفحات :
این صفحات شامل یک بنر در بالای صفحه است که طراحی عکس آن به وسیله Photoshop بوده و بعد آرم شرکت را در بالا به وسیله همین نرم افزار اضافه کردیم .ودر انتها به وسیله SWISH نام شرکت را به صورت متحرک به بنر اضافه کردیم .
که عکس به صورت background است.
درسمت چپ آن یک فریم دارد که شامل یک تصویر متحرک در بالا است که به وسیله عمل motion,mask در Flash طراحی شده است .نحوه عملکرد هر دورا در فصل گذشته شرح دادیم. ویک سری لینک به صفحات دیگر در همین فریم وجود دارد که یکی لینک به صفحه مدیران است ودیگری لینک به صفحه اصلی .
ودرانتها به وسیله عمل marquee در frontpage یک سری عکس های متحرک ایجاد کردیم که به محض رفتن موس بر روی آن می ایستند.
وبه وسیله همین عمل یک متن را نیز در زیر بنر به صورت متحرک در آوردیم.
ودر قسمت اصلی صفحه آرم شرکت را که به وسیله Photoshop طراحی شده وبه صورت عکس در آورده شده است را به صورت background در صفحه استفاده شده است .
البته صفحات دیگر هم بر همین اساس ساخته شده اند .(صفحات معرفی مدیران واخباروآموزش وثبت نام)
باتوجه به اینکه لینک های موجود در صفحه news به سایت های مربوطه اشاره می کند.
MYSQL :
MySQL یکی از معروفترین و بهترین نرم افزارها برای پیاده سازی بانک اطلاعاتی است.
چون در این پروژه از زبان PHP استفاده می کنیم بهترین و سازگارترین پایگاه داده ای که می توان به کار برد MySQL است. در سطح فنی MySQL به عنوان یک سیستم مدیریت پایگاه داده رابطه ای محسوب میشود که در حال حاضر نسبت به مدل های شبکه ای و سلسله مراتبی بسیار مهمتر و دارای توجیه فنی بالاتر است. این RDBMS به عنوان یک Server در محیط های دارای مأموریت حیاتی و پرکار برای اجرا مناسب میباشد و برنامه نویسان این پایگاه داده ادعا میکنند که MySQL سریعترین پایگاه داده است (آزمایشات متعددی این امر را ثابت کرده است) . دفتر مشاوره سوئدی TCX این پایگاه داده را بصورت رایگان در اختیار عموم قرار داده است و روزانه 27000 بار دانلود میشود که خود نشان از محبوبیت و عملکرد و کارایی آن دارد. علاوه بر اینها ، سرعت ، فشردگی ، سادگی و قابلیت اطمینان بالای آن باعث محبوبیت بیشتر آن شده است. MySQL نیز مانند PHP بر روی تمامی سیستم عامل های با خاصیت Server شدن قابلیت نصب و اجرا دارد. یکی دیگر از مزایای این پایگاه داده ، رایگان بودن آن است که باعث میگردد این پایگاه داده در اولویت انتخاب نسبت به پاپگاههای داده دیگر از قبیل Oracle قرار گیرد.
بر خلاف سیستم فایلی که اطلاعات در محلهای جداگانه ای ذخیره می شوند ،در داخل پایگاه داده اطلاعات در یک محل تعریف می گردد.دیدگاه منطقی که مدلهای رابطه ای ایجاد می کنند به کاربر اجازه می دهد تا درگیر جزئیات فیزیکی نشود .
این مدل منطقی سبب می گردد که بتوان طراحی پایگاه داده را راحت انجام دهیم .
طراحی مدل رابطه ای با تعریف موجودیت های مورد نیاز آغاز می گردد.یک موجودیت به طور ساده به هر فرد ،مکان ،اتفاق یا چیزی گفته می شود که بخواهیم درباره آن اطلاعات جمع آوری کنیم.هر موجودیت دارای تعدادی مشخصات ویژه ای است که به آن صفتهای موجودیت گفته می شود.
جداول و مشخصات آنها:
دیدگاه منطقی مدل رابطه ای از طریق جدولها پیاده سازی می شود .یک جدول در واقع گروهی از موجودیت های مشابه یا در واقع یک entity set را نشان می دهد .به همین دلیل گاهی به جای نام جدول از نام entity set به جای آن استفاده می شود.
جدولها دارای خصوصیات ذیل می باشند:
یک جدول یک ساختار دو بعدی است که از تعدادی سطر و ستون تشکیل شده است . هر ردیف جدول ،اطلاعات یک موجودیت وهر ستون اطلاعات یک صفت را نگهداری می کنند . تقاطع هر ستون و سطر فقط یک مقدار داده را نشان می دهد که دارای data type مشخصی است. هر ستون دارای یک domain می باشد (domain ،مجموعه مقادیر معتبری است که یک ستون می تواند به خود اختصاص دهد .) هر ردیف باید دارای یک primary key باشد.به طور کلی می توان گفت primary key صفتی است که می تواند یک موجودیت را به صورت یکتا مشخص کند .
روابط بین جداول :
عاملی که باعث می شود پایگاهای داده رابطه ای بتوانند درست کار کنند ،تکرار داده به صورت کنترل شده است ،که وجود صفتهای مشترک بین جداول اجازه می دهد ارتباط بین جدولها را برقرار کنیم.
اپراتورهای پایگاه داده رابطه ای :
اپراتورهای پایگاه داده دارای 8 مورد می باشد که به هر کدام به طور مختصر در ذیل اشاره شده است .
1- select :
مقادیری را برای تمام صفتهای موجود در جدول نتیجه می دهد .select ممکن است تمام مقادیر تمام صفتها را نتیجه دهد و یااینکه بعضی از مقادیر انتخاب شده برای تمام صفتها را نتیجه دهد.
به عبارت دیگر select ، یک زیر مجموعه افقی از جدول را نتیجه می دهد.
2- project :
لیستی از تمام مقادیر برای صفتهای انتخاب شده را نتیجه می دهد .به عبارت دیر یک زیر مجموعه عمودی از جدول را نتیجه می دهد.
3- join :
joinاجازه می دهد تا بتوانیم اطلاعات دو یا چند جدول را با یکدیگر ترکیب کنیم.این اپراتور اجازه می دهد که جدولهای مستقلی که دارای ستون مشترک می باشند با یکدیگر الحاق شوند .
مشخصات فروشنده
نام و نام خانوادگی : مجتبی خادم پیر
شماره تماس : 09151803449 - 05137530742
ایمیل :info@payfile.org
سایت :payfile.org
برای خرید و دانلود فایل و گزارش خرابی از لینک های روبرو اقدام کنید...
پرداخت و دانلودگزارش خرابی و شکایت از فایل