مشاهده ی Web Page طراحی شده در LWE
مشاهده ی Web Page طراحی شده در LWE
در مقالات قبلی با LWE و منوهای آن آشنا شدیم. در این مرحله به منظور درک بهتر از عملکرد ویرایشگر وب لوگو مثال هایی از آن را بررسی می کنیم.
نحوه دانلود پروژه
پیش از ذکر مثال و طراحی صفحه ی وب مورد نظر، با نحوه ی دانلود پروژه ی نوشته شده در LWE روی CPU ماژول اصلی لوگو آشنا می شویم. به این منظور می توان یکی از روش های زیر را استفاده کرد:
- مسیر Tools > Download
- فشردن دکمه های Ctrl+D
در ادامه طبق تصویر زیر، پنجره ی Download باز می شود. ابتدا در قسمت Target IP Address از این پنجره آدرس IP لوگوی مورد مظر را وارد کرده و با فشردن گزینه Test ارتباط میان آن ها را بررسی می کنیم. در نظر داشته باشید که فرآیند دانلود ممکن است مدتی به طول انجامد.
در ادامه مراحل زیر را انجام می دهیم:
- وارد لوگوسافت شده و از مسیر Tools > Transfer > Access Control با استفاده از گزینه ی Web server Access دسترسی به وب سرور را فعال می کنیم.
- برنامه ی نوشته شده در لوگو سافت را روی ماژول اصلی لوگو دانلود میکنیم.
- در مرحله ی بعد وارد مرورگر کروم شده و آدرس IP لوگو ی مورد نظر را وارد می کنیم. به عنوان مثال فرض کنید IP لوگو برابر با 192.168.0.3 باشد. طبق تصویر زیر پس از وارد کردن IP لوگو پنجره ی مربوط به Log on وب سرور نمایش داده می شود.
در پنجره ی Log on از وب سرور مراحل زیر را انجام دهید:
- نام و پسورد تعیین شده برای وب سرور را وارد کنید.
- گزینه ی to customized site را در حالت انتخاب قرار دهید.
- با فشردن دکمه ی Log on وارد Home Page تعریف شده برای پروژه شوید.
مثال عملی LWE
پیش از شروع پروژه از وجود کارت حافظه با فرمت FAT32 در ماژول اصلی لوگوی خود اطمینان حاصل فرمایید. هم چنین در نظر داشته باشید که جهت کار با LWE به لوگویی با ورژن LOGO! 8 6ED1052-xxx08-0BA0 نیاز داریم. به منظور شروع مثال، ابتدا وارد پنجره ی Network Project شده و یک پروژه ی جدید ایجاد می کنیم.
در ادامه گزینه ی Add new Device را انتخاب می کنیم. تصویر زیر موقعیت این گزینه را نشان می دهد.
در پنجره ی Device selection لوگو ی مورد نظر خود را انتخاب می کنیم. در مرحله ی بعد از قسمت configuration در سمت راست این پنجره، نام و IP لوگو را وارد میکنم.
با انتخاب گزینه ی OK تصویر زیر نمایش داده می شود.
طبق تصویر زیر در پنجره ی Diagram Mode برنامه ی مورد نظر خود را می نویسیم.
از منوی tools > Transfer > Access Control وارد پنجره ی Interface می شویم.
در پنجره ی Interface آی پی لوگو ی مورد نظر را وارد کرده و گزینه ی Test را انتخاب می کنیم. این فرآیند ممکن است مدتی به طول انجامد.
در صورت برقرای ارتباط لوگو و PC خط ارتباط آن ها به رنگ سبز در می آید.
در پنجره ی Interface گزینه ی OK را انتخاب می کنیم. به این تریب وارد قسمت Access Control setting از پنجره ی LOGO! Settings خواهیم شد. در این پنجره اجازه ی دسترسی به گزینه های LSC and LWE access و Web Server Access را فعال می کنیم. این عمل با انتخاب گزینه ی Apply انجام می شود.
در ادامه از قسمت Tools >Transfer > PC to LOGO و یا انتخاب آیکون نمایش داده شده در تصویر زیر، برنامه ی نوشته شده را روی لوگو دانلود می کنیم.
به این ترتیب پنجره ی Interface باز میشود. پس از تست کردن اتصال LOGO و PC انتقال برنامه انجام خواهد شد. در ادامه وارد نرم افزار LWE شده و یک پروژه ی جدید ایجاد می کنیم. به این منظور از آیکون نمایش داده شده در تصویر زیر و یا مسیر File > New project استفاده می شود.
با انتخاب آیکون بالا پنجره ی New project باز می شود. در این پنجره نام و رزولوشن پروژه را تعیین می کنیم.
با انتخاب گزینه ی Finish تصویر زیر نمایش داده می شود.
هدف از ساخت این پروژه نمایش وضعیت دکمه ی جهت دار C1 و خروجی Q1 لوگو است. از آن جا که C1 و Q1 هر دو ورودی و خروجی دیجیتال هستند، به Digital component نیاز داریم. از این رو در پنجره ی Component قسمت Digital را انتخاب می کنیم. در این قسمت دو گزینه ی Push button و Switch button وجود دارد. جهت نمایش وضعیت دکمه ی C1 گزینه ی Push button به کار می رود. به این منظور Push button را انتخاب کرده و با استفاده از روش Drag و Drop آن را در داخل پنجره ی Home page رها می کنیم.
با استفاده از روش Drag و Drop می توان موقعیت push button در پنجره ی Home page را تغییر داد. در ادامه جهت ویرایش این push button از پنجره ی Push Button – Properties قرار گرفته در سمت راست و بالای صفحه ی دسکتاپ استفاده می کنیم. طبق تصویر زیر در قسمت Mouse Mode دو گزینه ی زیر وجود دارد:
- Click: با انتخاب این گزینه برای push button، وضعیت آن در web page با هربار کلیک موس تغییر می کند. این گزینه Block type های Q، M و V را پشتیبانی می کند.
- Hold: با انتخاب این گزینه برای Push button وضعیت آن در Web page با نگه داشتن کلیک موس تغییر می کند. مد Hold از Block type های Q، M، V، دکمه های جهت دار یا Cursor key و Function key پشتیبانی می کند.
هدف ما مشاهده وضعیت Cursor key است. از این رو باید گزینه ی Hold را برای Mouse Mode انتخاب کنیم. زیرا در صورت انتخاب click برای قسمت Mouse Mode، گزینه ی Cursor key در قسمت Block type قابل انتخاب نخواهد بود. به منظور تعیین تصویر مناسب جهت نمایش وضعیت روشن بودن دکمه ی جهت دار C1 از گزینه ی On image استفاده می کنیم. تصویر زیر موقعیت این گزینه را نشان می دهد.
به منظور انتخاب تصویری مناسب برای حالت خاموش بودن push button از قسمت off image شکل مورد نظر خود را انتخاب می کنیم. از آن جا که تصویر push button انتخاب شده با تصویر پیش فرض LWE برای Push button یکسان انتخاب شده است، تغییری در شکل آن ایجاد نمی شود.
در ادامه جهت نمایش وضعیت خاموش بودن شستی از پنجره ی Graph library تصویر pb-stop.png و گزینه ی OK را انتخاب می کنیم. تصویر زیر موقعیت این گزینه در پنجره ی Graph library را نشان می دهد. در آخر جهت تایید تصویر انتخابی گزینه ی Ok را انتخاب می کنیم.
در ادامه از قسمت Block type گزینه ی Cursor key را انتخاب می کنیم.
در این مرحله باید تنظیمات مورد نیاز جهت مانیتور خروجی Q1 را انجام دهیم. به این منظور از گزینه ی Switch button در قسمت Digital component استفاده می کنیم. تصویر زیر موقعیت این گزینه را نشان می دهد.
در ادامه از طریق پنجره ی Switch Button – Properties تنظیمات آن را انجام می دهیم. ابتدا از قسمت Block type گزینه ی Q را انتخاب می کنیم.
از قسمت Block number شماره ی بلوک مورد نظر را انتخاب می کنیم. همانطور که در برنامه ی نوشته شده در لوگوسافت مشاهده کردید، خروجی Q1 مورد استفاده قرار گرفته است. از این رو در قسمت Block number خروجی Q1 را انتخاب می کنیم.
از قسمت On image تصویر زیر را جهت نمایش در حالت روشن بودن خروجی Q1 انتخاب می کنیم.
در ادامه گزینه ی OK ر انتخاب می کنیم. از قسمت Off image تصویر زیر را جهت نمایش در حالت Off image انتخاب می کنیم.
در ادامه با انتخاب آیکون نمایش داده شده در تصویر زیر برنامه ی نوشته شده را روی لوگو منتقل می کنیم. قابل ذکر است که پیش از این عمل باید پروژه ی LWE را ذحیره کنید.
به این ترتیب پنجره ی Download باز می شود.
در قسمت Target IP Address آدرس آی پی لوگوی مورد نظر را وارد می کنیم. در ادامه با انتخاب گزینه ی Test و برقراری ارتباط فرآیند دانلود را آغاز می کنیم. در نظر داشته باشید که این فرآیند ممکن است زمان بر باشد. پس از اتمام فرآیند دانلود آدرس IP لوگو ی مورد نظر را در مرورگر کروم سرچ می کنیم.
به این ترتیب پنجره ی WEB Server لوگو باز می شود. در ادامه مراحل زیر را انجام می دهیم:
- در قسمت Password از این پنجره عبارت LOGO را با حروف بزرگ وارد می کنیم.
- جهت مشاهده ی پروژه ی طراحی شده در LWE گزینه ی to customized site را انتخاب می کنیم.
- جهت تایید و رفتن به صفحه ی وب مورد نظر گزینه ی Log on را انتخاب می کنیم.
پس از گدشت چند لحظه صفحه ی وب مورد نظر باز می شود. تصویر زیر این صفحه را نشان می دهد.
در تصویر بالا با نگه داشتن کلیک چپ موس کامپیوتر روی Push button تغییرات زیر انجام می شود:
- رنگ شستی از نارنجی به سبز تغییر می کنید.
- متن نوشته شده روی شستی از Off به On تغییر می کند.
- انیمیشن اختصاص داده شده به Q1 یا همان آژیر قرمز رنگ شروع به حرکت و چرخش می کند.
- متن نوشته شده روی آژیر قرمز رنگ از موتور خاموش است به موتور روشن است تغییر می کند.
تصویر زیر تغییرات ذکر شده را نشان می دهد. در نظر داشته باشید که جهت انجام این تغییرات، لوگو باید در حالت Run باشد. به عبارت دیگر اگر لوگو در حالت Stop باشد تغییرات بالا انجام نخواهد شد.
جهت مانیتور این تغییرات در لوگوسافت می توان از حالت تست آنلاین لوگو استفاده کرد. به این منظور وارد لوگوسافت شده و برنامه را روی حالت online test قرار می دهیم. تصویر زیر موقعیت این گزینه را نشان می دهد.
با قرار دادن لوگوسافت در حالت Online test تصویر زیر نمایش داده می شود.
به منظور مشاهده ی هر دو صفحه ی نرم افزار لوگو و وب سرور این دو برنامه را در کنار یکدیگر قرار داده ایم. تصویر زیر پیش از نگه داشتن دکمه ی C1 در web page را نشان می دهد.
در صورت انتخاب دکمه ی جهت دار C1 در صفحه ی وب، تصویر زیر نمایش داده می شود. همانطور که مشاهده می کنید خطوط و بلوک ها ی C1 و Q1 در لوگوسافت از رنگ مشکی به قرمز تبدیل شده اند. این امر به معنی تغییر وضعیت آن ها از Off به On است.
در این پروژه با فشردن دکمه های Ok و C1 از روی سخت افزار لوگو، صفحه ی وب به شکل زیر تغییر می کند. همانطور که مشاهده می کنید در این حالت، وضعیت خروجی Q1 نیز تغییر کرده و در لوگوسافت به رنگ قرمز در آمده است.
جهت مطالعه ی سایر مقالات برنامه نویسی لوگو لطفا به قسمت مقالات PLC مراجعه کنید.
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.