グラフィックエディター
Inkscapeのベクターグラフィックエディター[1]を使用します。 このエディターは、GNU GENERAL PUBLIC LICENSEライセンスの下で無料です。 このツールを使用すると、グラフィックをsvg [2] Scalable Vector Graphicsとして保存できます。 基本的にxmlファイルとは何ですか。
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> </head> <body> <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg width="744.09448819" height="1052.3622047" id="svg2" version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="drawing.svg"> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.64" inkscape:cx="-11.810742" inkscape:cy="648.32115" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" showguides="true" inkscape:window-width="1301" inkscape:window-height="744" inkscape:window-x="65" inkscape:window-y="24" inkscape:window-maximized="1"> <inkscape:grid id="grid4044" type="xygrid" /> </sodipodi:namedview> <defs id="defs4" /> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> </cc:Work> </rdf:RDF> </metadata> ... </svg> <script> $(document).ready(function(){ $('.main').click( function(){ r = 'rgb(255, 0, 0)'; g = 'rgb(0, 255, 0)'; b = 'rgb(0, 0, 255)'; fill = $(this).css( 'fill' ); newfill = r; if( fill == newfill ) newfill = b; $(this).css( 'fill', newfill ); }); }); </script> </body> </html>
プログラミング
クライアントでのプログラミングは、javascript（jquery [3]）で行われます。 コードから、メインクラスが各コントロール/シグナリングオブジェクトに割り当てられていることがわかります。 これにより、javascriptを使用してそのプロパティを変更できます。 任意の組み合わせを思いつくことができます-想像力によってのみ制限されます。 このメソッドは、QTやDelphiなどで実装する方がはるかに簡単です。 ここでは、オブジェクトの座標を追跡する必要はありません。マウスイベントに応答するのは非常に簡単です。 サーバーでは、AWPが結合されることになっている機器に応じて、プログラミングを任意の言語で実行できます。 たとえば、データをSQLiteに書き込むイーサネットmodbusの場合、このスキームはCで実装するのは非常に簡単です。必要なライブラリはすべてありますが、他の構成も可能です。 クライアントとサーバー間のデータ交換は、AJAX [4]を使用して実行されます。
おわりに
この投稿の目的は、自動化された職場を作成および展開するための具体的な推奨事項を提供することです。 ユーザーにとって最新のAWPの最も複雑で重要なリンクは、技術プロセスの表示スキームを作成/変更する機能です。 自由に配布されるソフトウェアInkscape-は非常に便利なツールであり、無料です。これは重要です。 2番目の難しいリンクは、イメージングプログラム自体です。 ここでのプロセスは、サイトの作成と非常に似ています。 最初の段階はAWPウィンドウのレイアウトで、2番目は主にjavascriptで直接プログラミングします。 クライアントサービスの相互作用も非常に簡単です-AJAXを使用します。 この実装では、ワークステーションは職場に結び付けられておらず、オペレーターの場所にはコンピューター、インターネット、ブラウザーのみを含める必要があります。 このシステムは非常に柔軟です。制御/管理は、タブレット、電話、インターネットブラウザーの機能が可能な任意のデバイスを使用して、世界中のどこからでも実行できます。