اموزش حرفه ای ترفند های وب

افزودن Template Part ها به فرم های InfoPath به عنوان Custom Control

 با توجه به پست گذشته شما می توانید ، بخشهای تکراری از فرم خود را به صورت کنترل هایی که یکبار ایجاد می شوند و چندین باردر جاهای مختلف استفاده می شوند  ،ایجاد کنید.مراحل زیر را انجام دهید.

گام اول : بعداز باز کردن برنامه در پنجره ورودی آن Design a Form Template را انتخاب کرده و در پنجره بعدی نوع  Template Part را انتخاب می کنیم .

گام دوم : به همان صورتیکه فرم های خود را طراحی می کردید و با تمامی امکانات قبل میتوانید الگوی مورد نظر را ایجاد کنید، به طور مثال قسمت هایی که در فرم ها نام ، شماره پرسنلی و تاریخ از کاربر پرسیده می شود، در یک جدول و با TextBox های مورد نظر و طراحی دلخواد ایجاد می کنید.

همچنین مانند قبل امکان کد نویسی را نیز خواهید داشت.

گام سوم : فایل ایجاد کرده را با پسوند xtp ذخیره می کنید، بهتر است تمامی template های خود را در مسیر share شده ای که همه کاربران به آن دسترسی دارند قرار دهید، تا در صورت استفاده در فرم ها، اگر بعدا موردی را به الگوی ایجاد شده اضافه کردید ، فرم های دیگر به راحتی به روز رسانی شوند. البته این سوال هنگام باز کردن فرم به صورت toolTip ازکاربران پرسیده می شود.

گام چهارم : برنامه دیگری باز کنید و فرم جدید خود را در آن ایجاد کنید، با CTRL+F1 پنل Design Task را بیاورید . با توجه به شکل زیر روی Add or 'Remove Custom Control کلیک کنید ، در پنجره باز شده  بر روی Add  کلیک کنید و در ویزاردی که باز خواهد شد، نوع Template Part را انتخاب کرده و Next کنید، سپس در پنجره ی بعدی  مسیر فایل خود را داده و دکمه Finish را کلیک کنید.

گام پنجم : خواهید دید که کنترل مورد نظر شما به لیست کنترل های موجود اضافه شده و می توانید هرجای پروژه های خود از آن به راحتی استفاده کنید و فقط کافیست روی آن کلیک کرده تابه صفحه شما اضافه شود.

  بخش اول

معرفی InfoPath

نرم افزاری است که فرایند جمع آوری ، استفاده و به اشتراک گذاری اطلاعات را از طریق سیستم قوی و داینامیک فرم های تجاری امکان پذیر می کند، سازمان ها و گروه های کاری می توانند :

• اطلاعات بسیار دقیق تر و کارامد تری تهیه کنند
• از طریق یک پروسه تجاری اطلاعات را درون یک سازمان یه اشتراک بگذارند
• اطلاعات را به راحتی مدیریت کنند
• و از فواید IT در کارخود بهره ببرند.

اینها جملاتی است که مایکروسافت در معرفی این نرم افزار بکار برده است .

علاوه بر اینها ، با توجه به مطالعاتی که انجام داده ام این نرم افزار که در بسته نرم افزاری office 2003 معرفی شده است در واقع ساختاری xml base برای نگهداری اطلاعات غیر ساختار یافته در قالب فرم های شکیل وقابل انتقال ، دارد.

به عبارتی دیگر ، در این نرم افزار یک فرم به عنوان یک container طراحی می شود و سپس به صورت یک الگو مورد استفاده قرار می گیرد، هرجا که این template را publish کنیم ، کاربران می توانند آن را پر کرده ، و یک نسخه ان فرم را، با اطلاعاتی که پر کرده اند تحت یک فایل ذخیره کنند و به اشترک بگذارند.

 از جمله قابلیت های دیگری که فرم های InfoPath دارند، قابلیت استفاده به عنوان یک template در یک DocumentLibrary در   Sharepoint  ویا به صورت یک ContentType با قابلیت استفاده مجدد در تمامی سایت ها و یا کتابخانه های موجود در مجموعه سایت ساخته شده با استفاده از Sharepoint  است .

این فرم ها قابلیت کد نویسی و افزودن موارد دلخواه را با زبان C# یا VB.Net دارا می باشند که تنها در این صورت مجاز به Publish  مستقیم فرم ها در Sharepoint  نبوده و می بایست از طریق AdministrativeApproval  که یکی از گزینه ها برای این کار است اقدام کنید به این معنی که از مدیر شبکه خود باید تاییدیه استفاده از این فرم را بگیرید.

ساخت فرم InfoPath و Publish آن در Sharepoint2007

در اینجا می خواهیم مراحل تهیه و استفاده از فرم های InfoPath را در Sharepoint  و کدنویسی در ان را به شما اموزش دهیم، درصورتیکه گام به گام پیش بروید به راحتی قادر خواهید بود این کار را انجام دهید:

 موضوع :

   طراحی فرم برگه ماموریت در یک سازمان به همراه شماره منحصر به فرد برای فرم

 گام 1 : ابتدادر Sharepoint   یک site collection از نوع Teamsite ایجاد کنید، دقت کنید که درصورتیکه سایت شما از نوع Collaboration site باشد نمی توانید مستقیم فرم خود را در آن publish  کنید و می بایست یک سایت دیگر از نوع گفته شده درون آن بسازید.

گام 2 : با استفاده از مسیر زیر برنامه را باز کنید

Start > All Programs > Microsoft Office >Microsoft Office InfoPath2007 or 2003

گام 3 : در پنجره ی Getting Started که در ابتدا باز می شود در پنل سمت چپ گزینه ی Design a Form Template را کلیک کنید، سپس در پنجره ی باز شده آپشن Form Template را انتخاب کرده و نوع Blank را انتخاب کنید

توجه : در  صورتیکه گزینه Template Part را انتخاب کنید می توانید قسمت های پرکاربرد با شکل یکسان که در تمامی فرم های شما استفاده می شود را یکبار طراحی کنید و سپس به عنوان یک Custom Control به InfoPath اضافه کنید .به لینک مربوط به تدریس این قسمت مراجعه کنید.

گام 4: در قسمت سمت چپ پنل Design Tasks  دیده می شود یا با Ctrl+F1 آن را بیاورید، همانطور که در شکل زیر مشاهده می کنید 6مرحله کار را برای طراحی یک فرم باید انجام دهید:

> کار اول طراحی  Layout : به معنی طراحی شکل و ساختار فرم است که مثلا دارای یک header به همراه عکس سازمان و عنوان ، و دو ردیف و سه ستون برای گذاشتن کنترل هایی دیگر جهت گرفتن مقادیر اطلاعاتی از کار است .

توجه 1 : برای طراحی این ساختار از Table ها استفاده می شود که در صورتیکه با HTML اشنایی داشته باشید این کار را قبلا برای طراحی صفحات وب کرده اید.

توجه 2 : ابزار طراحی کاملا شبیه به نرم افزار Word می باشد و نیازمند به یادگیری مورد جدیدی برای طراحی ندارید.

توجه 3 : لطفا فراموش نکنید فرم خود را در همان ابتدای طراحی ذخیره کنید!! InfoPath فایل های خود را در صورتیکه که Form Template باشند با پسوند *.xsn و *.xsf اگر Template Part باشند با *.xtp ذخیره خواهد کرد.

> کار دوم افزودن Controls : در چهار قسمت مجزا تقریبا تمامی کنترل های مورد نیاز برای طراحی فرم ها را در اختیارتان می گذارد

1. Standard Control که همان کنترل های معمول Textbox, ComboBox, Date Picker  و ... می باشند که در این مثال برای نام و نام خانوادگی شخص ، و تاریخ و ساعت مرخصی از آن ها استفاده میکنیم
2.  Repeating and optional  : کنترل هایی هستند که به کاربر امکان اینکه آیتم های اطلاعاتی را به جدول یا بخش که پر می کنند اضافه کنند، مانند شکل زیر

3. File and Pictures کنترل هایی که اجازه Attach کردن فایل یا نمایش عکس انتخابی در فرم را توسط کاربری که درحال پر کردن فرم است می دهد مانند upload عکس کاربرانی که درحال پرکردن رزومه کاری خود هستند.
4. Advanced کنتر هایی جهت Scroll دار کردن بخشی از فرم یا افزودن بخش های انتخابی، مثل انتخاب بین پردن یک بخش برای مرخصی ساعتی یا روزانه که هرکدام را می خواهند اضافه و پر کنند

توجه 4 : کارکردن با این کنترل ها به راحتی امکان پذیر است و کافیست کنترل مورد نظر خود را انتخاب کنید و راست کلیک کرده و Property  های آن را ازجمله نام فیلد ، نوع مقداری ورودی، خالی بون فیلد ، و یا ایجاد شرط هایی برای چک کردن مقادیر  تنظیم کنید. مانند شکل زیر.

> کار سوم Data Source : با افزودن کنترل ها به طور اتوماتیک برای هر یک با نام همان کنترل Datasource مورد نظر ایجاد می شود که کار ان نگهداری مقادیر وارد شده توسط کاربر در فرم است.

> کار چهارم ایجاد View : در واقع نما های مختلف ایجاد شده برای فرم هستند مثلا یک نمای گرافیلی برای ورود اطلاعات و یک نمای ساده تر برای Print view میتوانید دراین قسمت باگزینه های ارائه شده درپنل سمت چپ می توانید ایجاد کنید، ایجاد آن دقیقا مانند طراحی مجدد فرم است که می توانید همان قبلی را در View جدید کپی کنید و قسمت ها ی مورد نظر در نمای پرینت را اضافه  و کم کنید.

توجه 5 : در قسمت view Properties با برداشتن تیک مربوط به

Show on view menu when filing out the form این ویو فقط در هنگام پرینت فرم نمایش داده خواهد شد.

> کار پنجم Design Checker : با کلیک این قسمت و انتخاب گزینه در صورتیکه تنظیماتی که برای این فرم در نظر گرفته اید دارای خطا باشد به همراه پیغام آن نمایش می دهد.

توجه 6: در صورتیکه می خواهید فرم های ایجاد شده با استفاده از Sharepoint Form Service در وب هم قابل نمایش باشند از منوی Tools > Form Option > Compatibility را انتخاب می کنید و مانند شکل زیر قسمت هایی فرم را انتخاب می کنید.

در این صورت باید مجددا گزینه Refresh  در Design Checker را انتخاب کنید ، و خطا های به وجود آمده را رفع کنید

گام 5 : قبل از publish این سایت تنظیمات زیر را در Sharepoint انجام دهید:

• در قسمت زیر

Central Administrator > Application Management >InfoPath Form Services > Configuration Form Service

دوگزینه مربوط به

Allow Users to browser-enabled form Template

 و

browser-enabled by users Render Form Template that are

  را تیک بزنید برای اینکه اجازه نمایش فرم ها در وب را بدون نیاز به نصب InfoPath در Client ها داشته باشیم..

• در

 Central Administrator > Application Management >InfoPath Form Services > manage the web service proxy

هر دوگزینه را Enabled کنید. دقت کنید که در گوشه سمت راست این قسمت نام Web Application  که سایت شما در آن قرار دارد انتخاب شده باشد.

نمونه فرم طراحی شده ما به شکل زیر است

گام 6 : قبل از شروع کدنویسی در محیط InfoPath برنامه های زیر را باید نصب کرده باشید:

• .Net framework 2.0
• Microsoft Core XML Service 6.0
• Microsoft Visual Studio Tools for Application(VSTA)
• Microsoft Visual Studio Tools for Office (VSTO)

در غیر اینصورت در هنگام انجام عملیات مربوط به گام بعدی پیغامی مبنی بر نصب موارد ذکر شده دریافت خواهید کرد.

این Tools ها از سایت مایکروسافت قابل دریافت هستند.

گام ۷ : برای ایجاد یک کد unique برای فرم ها که در هر با استفاده منحصر به فرد باشند :

• ابتدا textbox مورد نظر را انتخاب کرده و در پنجره Properties در برگه Display آن را Read-only انتخاب می کنیم
• منوی : Tools >Programming > Loading Event را انتخاب می کنیم، پنچره ای ماننده محیط کد نویسی visual studio باز می شود که رویدادی به نام FormEvents_Loading  ایجاد شده است.
• به دلیل اینکه طراحی و ذخیره و بازیابی فرم ها بر اساس تکنولوژی XML است نیازمند دانستن این تکنولوژی می باشید ولیکن کد مورد نیاز برای این تمرین به صورت زیر آماده شده است .
• توضیح کد : به فرم و اشیاء داخل آن ازطریق XPath باید دسترسی پیدا کرد که دو تا متغییر id , root را از این نوع تعریف میکنیم .و بعد با نام آن کنترل مورد را پیدا می کنیم . و بعد از چک کردن مقدار آن با متد .Value مقدار مورد نظر را  SetValue می کنیم .نمونه کد زیر را با دقت بررسی کنید به راحتی متوجه روند کار خواهیم شد.
• سپس مثل یک پروژه در Visual Studio آن را build و اجرا می کنیم .
• خواهید دید که در هر بار اجرا کد منحصر به فردی به فرم اختصاص داده خواهد شد، حتی می توانیم این کد را با استفاده از کلاس Persian Calendar دورقم تاریخ سال و تاریخ ماه و روز و کد کاربر که در Textbox شماره پرسنلی وارد کرده ترکیب کنیم و کد با معنی تری برای فرم انتخاب کنیم که به راحتی چسباندن چند تا رشته و SetValue در قسمت مورد نظر می باشد. متاسفانه به دلیل اینکه مجبور به کانفیگ مجدد سرور شدم عکس های این تمرین موجود نیست .

گام ۸ :

• از File > Publish را انتخاب می کنیم ، و در ویزارد باز شده نام Team site ایجاد شده را وارد می کنیم.
• در بخش بعد نوع Publish مورد نظر را که درابتدا توضیح دادم انتخاب می کنیم. دراینجا ما Document Library را انتخاب می کنیم و next می زنیم .

• در صفحه بعد با انتخاب Create new document library  را انتخاب در ودر صفحه  نام "برگه ماموریت" وارد می کنیم و next می زنیم .
• در صفحه بعد فیلد هایی از این فرم که می خواهیم در لیست نمایش بدهیم را انتخاب می کنیم.
• بعد از پایان کار صفحه زیر ظاهر می شود که ان را close می کنیم.

گام ۹ :وقتی وارد team site مورد نظر شویم کتابخانه اسناد مورد نظر ساخته شده است .ابتدا در قسمت تنظیمات و سپس تنظیمات پیشرفته می شویم و Display as web page  را برای اسناد مورد نظر انتخاب می کنیم .

سپس با انتخاب گزینه ایجاد یا همان New فرم ساخته با کد منحصر به فرد ایجاده شده در صفحه وب مجزا ایجاد خواهد شد و می توانید بعد از ورود اطلاعات و ثبت آن یک نام بدهید و پنجره را ببندید خواهید دید که فرم مورد نظر با اطلاعات ثبت شده در کتابخانه مورد نظر ایجاد می شود.

موفق باشید

1-طراحی الگوریتم    2-اسمبلی    3-مهندسی نرم افزار   4-ازمایشگام معماری    5-تجزیه و تحلیل سیستم ها    6-پایگاه داده     7-برنامه سازی سیستم    8-طراحی بانکاطلاعاتی    9-شبیه سازی کامپیوتری   10- گرافیک کامپیوتری 3ِD Max و ...

پروژه های برنامه نویسی کاملا حرفه ای : ASP.Net , C# ,VB.NET , Delphi ,vb6.0 , C++ , HMTL , XHTML

فرایند های مهندسی نرم افزار ، مستندات حرفه ای RUP , UML

طراحی انجام انواع بازی و گیم :تتریس و اسنیک و ...

دانشجویان عزیر می تواند جهت انجام پروژه ؛ درساعات ۹صبح الی ۲۱ با شماره تلفن ۰۹۱۲۲۸۹۰۱۴۸ تماس حاصل نمایند.