یکی از نیازهای کاربران در سیستم مدیریت فرایندها این است که بتوانند اطلاعات کارها را در محیط وب مشاهده کنند. در ادامه مطلب، روشهای نمایش اطلاعات معرفی می شود:
روشهای نمایش اطلاعات کارها در محیط وب
در سیستم مدیریت فرایندها، برای نمایش اطلاعات کارها در محیط وب دو روش وجود دارد:
روش اول) تولید منبع دیجیتال از گزارشهای چاپی
همانطور که می دانید، در سیستم مدیریت فرایندها این امکان وجود دارد که اطلاعات کارها به شکل گزارشهای چاپی و به فرم PDF در قالب یک منبع دیجیتال در سیستم آرشیو ذخیره و در محیط وب به کاربران نمایش داده شود. بدیهی است که این روش مزایا و امکانات زیادی دارد اما از طرف دیگر پیچیدگی های خاص خود را دارد.
روش دوم) تولید فایل xhtml و ذخیره آن به شکل پیوست کار
حال فرض کنید می خواهیم اطلاعات متنی مشخصی با ساختار نسبتا ساده را در محیط وب به کاربران نمایش دهیم، در این صورت چه راهکاری را باید انتخاب کنیم؟ آیا راه حل ساده تری غیر از روش تولید گزارشهای PDF وجود دارد؟ جواب این است که در این موارد می توانید از امکان تولید فایل xhtml استفاده کنید. یعنی این که در هر مرحله ای از گردش کار، یک فایل متنی به فرم xhtml ایجاد کنید و این فایل را به شکل پیوست کار ذخیره کنید.
نکته : هیچکدام از روشهای فوق بخودی خود مزیتی نسبت به روش دیگر ندارد و انتخاب یکی از روشهای فوق، به عوامل و پارامترهای متعددی از قبیل نوع و محتوای اطلاعات، بسامد تهیه گزارش، ویژگیهای مخاطبین و مصرف کنندگان اطلاعات گزارش، تخصص و مهارت کارشناسان، میزان تحمل هزینه های طراحی و ... دارد.
چرا xhtml؟
زبان استاندارد برای ذخیره و نمایش ساختاریافته اطلاعات در محیط وب، زبان html می باشد. همانطور که می دانید فایلهای html دارای یک ساختار درختی شبیه به ساختار xml هستند که در این ساختار، تگ ها نقش عنصر (Element) را دارند و هر عنصر می تواند شامل یک یا چند مشخصه (attribute) باشد و به همین دلیل با ابزارهای تولید و ویرایش xml می توانیم فایلهای html را تولید یا ویرایش کنیم که به این ترتیب فایل تولید شده را xhtml می نامیم.
استاندارد xhtml در روند توسعه و یکپارچه سازی ابزارهای انتقال و نمایش داده ها در محیط وب، به وجود آمده است و به دلیل اینکه بر پایه xml می باشد این قابلیت را دارد که با انواع ابزارهای بر پایه xml تعامل متقابل (interoperability)داشته باشد. ضمن این که باعث می شود قابلیت توسعه بیشتری نسبت به html داشته باشد. یکی دیگر از ویژگیها و تفاوتهای این استاندارد نسبت html این است که رعایت قواعد و دستور درج تگ ها (عنصرها) در xhtml سخت گیرانه است و به همین دلیل فایلهای xhtml اصطلاحا خوش فرم (Well formed) هستند و در مرورگرهای مختلف بدون مشکل اجرا می شوند. در ادامه این قواعد شرح داده شده است.
تفاوتهای عمده xhtml با html
توضیح: با توجه به مورد استفاده این فایل در سیستم مدیریت فرایندها یعنی پیوست کردن و نمایش در محیط وب، موارد 1، 2، 3 ، 6 و 7 ضروری نیستند اما اگر قرار باشد فایلهای xhtml با دیگر ابزارها و سیستمهای برپایه xml تعامل و تبادل اطلاعات داشته باشد احتمالا باید این موارد هم رعایت شود.
کاربردهای xhtml در سیستم مدیریت فرایندها
حال که با ساختار xhtml آشنا شدید در ادامه با ذکر مثال، با نحوه تولید و ذخیره این فایل آشنا می شویم.
مثال) گزارش اطلاعات یک آرایه و پیوست آن به کار
فرض کنید در گردش کار تدارکات، یک آرایه با نام priceInq برای ثبت استعلامهای قیمت کالا با اجزای زیر وجود دارد:
- نام تامین کننده (supplier)
- محل جغرافیایی (geoLocation)
- قیمت پیشنهادی (proposedPrice)
- توضیحات (note)
حال می خواهیم برای هر کار، یک گزارش شبیه به نمونه زیر، تولید و به کار پیوست کنیم.
گزارش استعلام قیمت کالا
نام کالا: همزن برقی
|
نام تامین کننده
|
محل جغرافیایی
|
قیمت پیشنهادی
|
توضیحات
|
|
شرکت الف
|
تهران
|
1500000
|
امکان پرداخت قسطی
|
|
شرکت ب
|
تبریز
|
1400000
|
ضمانت یک ساله دارد
|
|
شرکت ج
|
شیراز
|
1600000
|
|
توضیح: گزارش فوق تنها یک نمونه و مربوط به یک کالای خاص (همزن برقی) است. بنابراین توجه داشته باشید که در طراحی این گزارش باید نام کالا و محتوای ستونهای جدول استعلام قیمت متغیر باشد و در هر کار، اطلاعات مربوط به همان کار را نمایش دهد. در گزارش زیر این نکته نمایش داده شده است:
گزارش استعلام قیمت کالا
نام کالا: kalaName
|
نام تامین کننده
|
محل جغرافیایی
|
قیمت پیشنهادی
|
توضیحات
|
|
priceInq[0].supplier
|
priceInq[0].geoLocation
|
priceInq[0].proposedPrice
|
priceInq[0].note
|
|
priceInq[1].supplier
|
priceInq[1].geoLocation
|
priceInq[1].proposedPrice
|
priceInq[1].note
|
|
priceInq[2].supplier
|
priceInq[2].geoLocation
|
priceInq[2].proposedPrice
|
priceInq[2].note
|
ملاحظه می کنید که بجای یک کالای خاص، فیلد نام کالا (kalaName) و بجای اطلاعات یک استعلام قیمت خاص، اجزای فیلد آرایه استعلام قیمت (priceInq)درج شده است. لازم به توضیح است که تعداد سطرهای این جدول (تعداد استعلام قیمت) متغیر است و در هر کار به تعداد سطرهای آرایه بستگی دارد.
مراحل تهیه گزارش
برای تولید گزارش به فرم xhtml، باید ابتدا گزارش را به فرم html داشته باشیم و سپس برپایه این فرم، متن xhtml را خط به خط تولید کنیم و در مرحله آخر توسط متد CreateTextChildDO این متن را تبدیل به یک فایل متنی نماییم و این فایل متنی را به عنوان پیوست کار ذخیره کنیم. در ادامه مطلب، جزئیات این مراحل شرح داده شده است.
الف) گزارش به زبان html
در مثال فوق، گزارش استعلام قیمت کالا به فرم html به شکل زیر است:
توضیح: همانطور که قبلا هم گفته شد، تعداد سطرهای جدول استعلام قیمت در هر کار متغیر است و در این مثال بطور خاص این جدول دارای چهار سطر می باشد که سطر اول سرعنوان ستونها و سه سطر دیگر اطلاعات استعلامها می باشد.
در ادامه، بر پایه فرم html فوق، و با استفاده از ابزارهای WorkXMLUtilsمتن xhtml را خط به خط تولید می کنیم.
ب) تولید متن xhtml
تولید این متن در چند مرحله به شرح زیر انجام می شود:
همانطور که ملاحظه می کنید، در این قسمت در ابتدا تعداد سطرهای آرایه در یک متغیر بنام len ذخیره می شود و سپس در یک حلقه و به تعداد len سطر به جدول افزوده می شود و در هر سطر، اطلاعات متناظر با اندیس مرتبط در آرایه استعلام قیمت درج می شود.
توضیح: در این مثال ستونهای جدول استعلام قیمت، به شرط داشتن محتوا تولید و نمایش داده می شود. نکته ای که در اینجا و بطور کلی در نوشتن برنامه ها دقت کنید این است که باید قبل از اینکه محتوای یک فیلد را نمایش دهید حتما چک کنید که دارای محتوا باشد در غیر این صورت عبارت undefined را برای این فیلدها مشاهده خواهید کرد.
ج) تبدیل متن xhtml به فایل متنی و پیوست آن به کار جاری
برای تبدیل این متن به یک فایل متنی و پیوست آن به کار جاری باید از متد CreateTextChildDO به شکل زیر استفاده کنید:
به این ترتیب، یک فایل متنی بنام priceCall با محتوای متنی xmlDoc.XML و با کد محتوای 10 به شکل یک پیوست کار با شرح "استعلام قیمت" در آرشیو ذخیره می شود. در شکل زیر یک نمونه از این پیوستها نشان داده شده است:
حال اگر بخواهیم این پیوست را مشاهده کنیم، چیزی شبیه به شکل زیر را در مرورگر خواهیم دید:
تابع اجرایی تولید xhtml
تولید متن xhtml و تبدیل آن به یک فایل متنی و پیوست آن به کار جاری در قالب یک تابع اجرایی انجام می شود. بنابراین تمام اسکریپتهایی که در بالا توضیح داده شد باید در متن یک تابع اجرایی (مثلا WorkTaskCreatePriceInqList())درج شود و این تابع در یک وظیفه خاص اجرا و عملیاتی شود. به این ترتیب شکل کامل مثال فوق به شکل زیر خواهد بود:
