[version en cours de rédaction] | [version en cours de rédaction] |
(Page créée avec « {{Tuto Details |Description=<translate>Editing the content n a Dokit Work Instruction</translate> |Categories=Production |Difficulty=Easy |Duration=10 |Duration-type=minut... ») |
|||
(3 révisions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
{{Tuto Details | {{Tuto Details | ||
+ | |Main_Picture=Dokit_-_Creating_A_Page_Screenshot_2022-12-09_063158.jpg | ||
+ | |Main_Picture_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":70,"width":1318,"height":478,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.72,"scaleY":0.72,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/3/3f/Dokit_-_Creating_A_Page_Screenshot_2022-12-09_063158.jpg","filters":[]}],"height":450,"width":600} | ||
|Description=<translate>Editing the content n a Dokit Work Instruction</translate> | |Description=<translate>Editing the content n a Dokit Work Instruction</translate> | ||
|Categories=Production | |Categories=Production | ||
Ligne 10 : | Ligne 12 : | ||
|Introduction=<translate>This tutorial shows you how to edit the content of a work instruction, allowing you to | |Introduction=<translate>This tutorial shows you how to edit the content of a work instruction, allowing you to | ||
− | * Add New | + | *Add New Steps |
− | * Add and crop Photos | + | *Add numbering and bullets to the text |
− | * Annotate photos with arrows, numbers and text | + | *Add and crop Photos |
− | * Change step sequence and insert steps | + | *Annotate photos with arrows, numbers and text |
− | + | *Change step sequence and insert steps | |
− | * Add Call-outs and warnings | + | *Add Call-outs and warnings |
− | * Add Links to other websites or other Dokit pages</translate> | + | *Add Links to other websites or other Dokit pages |
+ | |||
+ | =Warnings= | ||
+ | {{Warning|...Do not publish personal or secure information}}{{Warning|...Do not publish passwords}}{{Warning|...Do not publish anything inflammatory, offensive or illegal}}<br /></translate> | ||
}} | }} | ||
{{Materials}} | {{Materials}} | ||
{{EPI}} | {{EPI}} | ||
{{Tuto Step | {{Tuto Step | ||
− | |Step_Title=<translate></translate> | + | |Step_Title=<translate>Open the Work Instruction</translate> |
− | |Step_Content=<translate></translate> | + | |Step_Content=<translate>The dokit references for work instructions are tracked and stored on the monday board |
+ | |||
+ | [https://stugaltd.monday.com/boards/3628350043 Work Instruction Dokit Tracker] | ||
+ | |||
+ | Check to see if the instruction is already there using the search, there should be a link for it in the link column which will take you straight to the page. | ||
+ | |||
+ | If it does not exist, it needs to be created first with this tutorial [[Dokit - Creating A Work Instruction]]</translate> | ||
+ | |Step_Picture_00=Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_094136.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":2109,"height":787,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.28,"scaleY":0.28,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/d/d5/Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_094136.jpg","filters":[]},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":92.78,"top":49.32,"width":89.76,"height":27.08,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0}],"height":224,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Make sure you are logged in</translate> | ||
+ | |Step_Content=<translate>To Edit a Dokit, you need to login as a editor | ||
+ | |||
+ | The Username is Gareth Green | ||
+ | |||
+ | Password is available from the IT department</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095326.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1714,"height":711,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.35,"scaleY":0.35,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/1/1f/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095326.jpg","filters":[]},{"type":"wfellipse","version":"2.4.6","originX":"center","originY":"center","left":587.24,"top":14.76,"width":29.2,"height":29.2,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":14.598900162032747,"ry":14.598900162032747},{"type":"wfarrow2line","version":"2.4.6","originX":"center","originY":"center","left":490,"top":120.5,"width":178,"height":209,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"x1":-89,"x2":89,"y1":104.5,"y2":-104.5,"x2a":82.1227131629759,"y2a":-84.08669733332465,"x2b":69.94175596858575,"y2b":-94.46090968069998},{"type":"wfarrow2circle","version":"2.4.6","originX":"center","originY":"center","left":401,"top":225,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"2.4.6","originX":"center","originY":"center","left":579,"top":16,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586}],"height":249,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Edit</translate> | ||
+ | |Step_Content=<translate>Click on the Edit Icon (pencil) to enter edit mode</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095326.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1714,"height":711,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.35,"scaleY":0.35,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/1/1f/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095326.jpg","filters":[]},{"type":"wfellipse","version":"2.4.6","originX":"center","originY":"center","left":591.29,"top":73.71,"width":23.35,"height":23.35,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":11.674260956726709,"ry":11.674260956726709},{"type":"wfarrow2line","version":"2.4.6","originX":"center","originY":"center","left":535,"top":113,"width":80,"height":70,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"x1":-40,"x2":40,"y1":35,"y2":-35,"x2a":30.216502968810588,"y2a":-15.809294284974616,"x2b":19.6804292429143,"y2b":-27.85052140028466},{"type":"wfarrow2circle","version":"2.4.6","originX":"center","originY":"center","left":495,"top":148,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"2.4.6","originX":"center","originY":"center","left":575,"top":78,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586}],"height":249,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Steps</translate> | ||
+ | |Step_Content=<translate>Steps can be added by clicking on the Add a Step button at the bottom. This adds an empty step at the end | ||
+ | |||
+ | or | ||
+ | |||
+ | The insert arrow at the top right corner of the step . This inserts an empty step above the current one | ||
+ | |||
+ | |||
+ | Steps can be deleted with the cross in the top right corner | ||
+ | |||
+ | |||
+ | Steps can be easily moved around with the drag bar on the edge | ||
+ | |||
+ | |||
+ | |||
+ | <br /></translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095727.jpg | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Title and Text</translate> | ||
+ | |Step_Content=<translate>Ttile and test go in the boxes, it is automatically formatted to a consistent size and look | ||
+ | |||
+ | <br /></translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095727.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1756,"height":673,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.34,"scaleY":0.34,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/e/e5/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095727.jpg","filters":[]},{"type":"textbox","version":"2.4.6","originX":"center","originY":"center","left":420.63,"top":50,"width":159.06,"height":22.6,"fill":"#FF0000","stroke":"#FF0000","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"Title Here","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"styles":{} },{"type":"textbox","version":"2.4.6","originX":"center","originY":"center","left":386.63,"top":83,"width":159.06,"height":22.6,"fill":"#FF0000","stroke":"#FF0000","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"Text Here","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"styles":{} }],"height":230,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Numbering and Bullet Points</translate> | ||
+ | |Step_Content=<translate>Use drop down box for Numbering or bullet points of lists</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_100339.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":813,"height":99,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.74,"scaleY":0.74,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/9/9b/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_100339.jpg","filters":[]},{"type":"wfarrow2line","version":"2.4.6","originX":"center","originY":"center","left":303.5,"top":31.5,"width":93,"height":9,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":4,"strokeDashArray":null,"strokeLineCap":"round","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"x1":-46.5,"x2":46.5,"y1":-4.5,"y2":4.5,"x2a":27.36359328777552,"y2a":-5.389284005646208,"x2b":25.822406170012474,"y2b":10.536316211238596},{"type":"wfarrow2circle","version":"2.4.6","originX":"center","originY":"center","left":257,"top":27,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow2circle","version":"2.4.6","originX":"center","originY":"center","left":350,"top":36,"width":16,"height":16,"fill":"#aaa","stroke":"#666","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":0.5,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":8,"startAngle":0,"endAngle":6.283185307179586}],"height":73,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Add a Step Picture</translate> | ||
+ | |Step_Content=<translate>Pictures are very important to Dokit, and a picture on the step is vital if possible. Each picture needs to be uploaded to dokit first. This process (in my opinion) takes far too many mouse clicks !!! | ||
+ | |||
+ | Click on the + icon on the picture box</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095727.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1756,"height":673,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.34,"scaleY":0.34,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/e/e5/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_095727.jpg","filters":[]},{"type":"wfellipse","version":"2.4.6","originX":"center","originY":"center","left":64.66,"top":66.34,"width":34.52,"height":34.52,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":17.259001543462325,"ry":17.259001543462325}],"height":230,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Picture Upload</translate> | ||
+ | |Step_Content=<translate>Click on Upload Tab on Media Gallery | ||
+ | |||
+ | Click on Select Files</translate> | ||
+ | |Step_Picture_00=Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_074235.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1114,"height":867,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.54,"scaleY":0.54,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/4/42/Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_074235.jpg","filters":[]},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":117.76,"top":62.63,"width":69.84,"height":27.44,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":304,"top":128.75,"width":100,"height":39.3,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0}],"height":467,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Picture - Navigate to file</translate> | ||
+ | |Step_Content=<translate>Navigate to the picture to upload. Most R numbers will have a thumbnail jpg saved in the general photos folder g:\photos</translate> | ||
+ | |Step_Picture_00=Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_074813.jpg | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Picture - Upload this File</translate> | ||
+ | |Step_Content=<translate>Click on 'Upload this File' | ||
+ | |||
+ | {{Info|...The Dokit system is not very good at handling duplicate file names of photos. If you attempt to load a photo twice, you will get a warning. I found this very confusing when you are learning to use the system}}<br /></translate> | ||
+ | |Step_Picture_00=Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_075230.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1102,"height":835,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.54,"scaleY":0.54,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/d/d2/Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_075230.jpg","filters":[]},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":304.18,"top":271.2,"width":138.94,"height":27.62,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0}],"height":455,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Picture - Click on Photo</translate> | ||
+ | |Step_Content=<translate>Click on the Photo | ||
+ | |||
+ | Click on "Insert Into Page"</translate> | ||
+ | |Step_Picture_00=Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_075430.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":1102,"height":849,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.54,"scaleY":0.54,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/f/f2/Dokit_-_Creating_A_Work_Instruction_Screenshot_2022-12-09_075430.jpg","filters":[]},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":69,"top":262,"width":100,"height":100,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":542,"top":22.43,"width":100,"height":32.91,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0},{"type":"wfnumberedbullet","version":"2.4.6","originX":"left","originY":"top","left":25,"top":228,"width":25,"height":25,"fill":"rgb(0,0,0)","stroke":"#FF0000","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"objects":[{"type":"circle","version":"2.4.6","originX":"center","originY":"center","left":0,"top":0,"width":24,"height":24,"fill":"#FF0000","stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":12,"startAngle":0,"endAngle":6.283185307179586},{"type":"text","version":"2.4.6","originX":"center","originY":"center","left":0,"top":0,"width":7.79,"height":15.82,"fill":"rgba(255,255,255,255)","stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"1","fontSize":14,"fontWeight":"normal","fontFamily":"arial","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"styles":{} }],"number":1},{"type":"wfnumberedbullet","version":"2.4.6","originX":"left","originY":"top","left":470,"top":11,"width":25,"height":25,"fill":"rgb(0,0,0)","stroke":"#FF0000","strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"objects":[{"type":"circle","version":"2.4.6","originX":"center","originY":"center","left":0,"top":0,"width":24,"height":24,"fill":"#FF0000","stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":12,"startAngle":0,"endAngle":6.283185307179586},{"type":"text","version":"2.4.6","originX":"center","originY":"center","left":0,"top":0,"width":7.79,"height":15.82,"fill":"rgba(255,255,255,255)","stroke":null,"strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"2","fontSize":14,"fontWeight":"normal","fontFamily":"arial","fontStyle":"normal","lineHeight":1.16,"underline":false,"overline":false,"linethrough":false,"textAlign":"left","textBackgroundColor":"","charSpacing":0,"styles":{} }],"number":2}],"height":462,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Edit the photo</translate> | ||
+ | |Step_Content=<translate>Hovering over the photo gives you a squiggly line and a bin | ||
+ | |||
+ | * Squiggly line is Edit | ||
+ | * Bin means delete | ||
+ | |||
+ | Editing the photo allows you to add annotations</translate> | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Add Arrows</translate> | ||
+ | |Step_Content=<translate>Click on the Arrow icon to add an arrow | ||
+ | |||
+ | {{Pin|...Tip: Move the arrow one end at a time. Once the arrow is dragged as a whole, you cannot change its angle. This can be really frustrating}} | ||
+ | |||
+ | Arrows can be deleted by clicking on them then delete | ||
+ | |||
+ | Change colour with the colour square in the top corner</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102056.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":909,"height":810,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.66,"scaleY":0.66,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/7/74/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102056.jpg","filters":[]},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":142.78,"top":25.78,"width":35.43,"height":35.43,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0}],"height":535,"width":600} | ||
+ | |Step_Picture_01=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102125.jpg | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Add Step Number bubbles</translate> | ||
+ | |Step_Content=<translate>Click on the step number bubble to create numbers | ||
+ | |||
+ | Clicking multiple times creates more numbers | ||
+ | |||
+ | {{Idea|...Match these numbers to to a numbered instruction list in the text for a professional look}} | ||
+ | |||
+ | Delete and start again if it looks wrong | ||
+ | |||
+ | Change the colour with the colour box in top right corner</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102349.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":907,"height":811,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.66,"scaleY":0.66,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/c/cf/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102349.jpg","filters":[]},{"type":"wfellipse","version":"2.4.6","originX":"center","originY":"center","left":265.11,"top":27.12,"width":32.74,"height":32.74,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":16.368461467906442,"ry":16.368461467906442}],"height":536,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Add Coulored Text</translate> | ||
+ | |Step_Content=<translate>Click on the text icon to add text | ||
+ | |||
+ | {{Warning|...Do not try to resize the text box until you have entered the text - it will resize the text and look really odd!}} | ||
+ | |||
+ | Delete and start again if it looks wrong | ||
+ | |||
+ | Change the colour with the colour box in top right corner</translate> | ||
+ | |Step_Picture_00=Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102205.jpg | ||
+ | |Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":912,"height":804,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.66,"scaleY":0.66,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"https://stuga.dokit.app/images/f/f9/Dokit_-_Editing_Work_Instructions_Screenshot_2022-12-09_102205.jpg","filters":[]},{"type":"wfrect","version":"2.4.6","originX":"center","originY":"center","left":226.24,"top":24.24,"width":34.5,"height":34.5,"fill":"rgba(255,0,0,0)","stroke":"#FF0000","strokeWidth":2,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"rx":0,"ry":0}],"height":529,"width":600} | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Save</translate> | ||
+ | |Step_Content=<translate>Don't forget to Click Save at the bottom of the page once the dokit has been created.</translate> | ||
+ | }} | ||
+ | {{Tuto Step | ||
+ | |Step_Title=<translate>Update to the Monday Work Instruction board</translate> | ||
+ | |Step_Content=<translate>Update the [https://stugaltd.monday.com/boards/3628350043 Work Instruction Monday board]. This allows others to easily track progress</translate> | ||
}} | }} | ||
{{Notes}} | {{Notes}} | ||
{{PageLang | {{PageLang | ||
+ | |Language=en | ||
|SourceLanguage=none | |SourceLanguage=none | ||
|IsTranslation=0 | |IsTranslation=0 | ||
− | |||
}} | }} | ||
{{Tuto Status | {{Tuto Status | ||
|Complete=Draft | |Complete=Draft | ||
}} | }} |
Editing the content n a Dokit Work Instruction
Auteur Gareth Green | Dernière modification 9/12/2022 par Gareth Green en cours de rédaction ⧼frevu-button-review-label⧽
Editing the content n a Dokit Work Instruction
Dokit Dokit_-_Creating_A_Page_Screenshot_2022-12-09_063158.jpg
This tutorial shows you how to edit the content of a work instruction, allowing you to
The dokit references for work instructions are tracked and stored on the monday board
Work Instruction Dokit Tracker
Check to see if the instruction is already there using the search, there should be a link for it in the link column which will take you straight to the page.
If it does not exist, it needs to be created first with this tutorial Dokit - Creating A Work Instruction
To Edit a Dokit, you need to login as a editor
The Username is Gareth Green
Password is available from the IT department
Steps can be added by clicking on the Add a Step button at the bottom. This adds an empty step at the end
or
The insert arrow at the top right corner of the step . This inserts an empty step above the current one
Steps can be deleted with the cross in the top right corner
Steps can be easily moved around with the drag bar on the edge
Ttile and test go in the boxes, it is automatically formatted to a consistent size and look
Pictures are very important to Dokit, and a picture on the step is vital if possible. Each picture needs to be uploaded to dokit first. This process (in my opinion) takes far too many mouse clicks !!!
Click on the + icon on the picture box
Navigate to the picture to upload. Most R numbers will have a thumbnail jpg saved in the general photos folder g:\photos
Click on 'Upload this File'
Hovering over the photo gives you a squiggly line and a bin
Editing the photo allows you to add annotations
Click on the Arrow icon to add an arrow
Arrows can be deleted by clicking on them then delete
Change colour with the colour square in the top corner
Click on the step number bubble to create numbers
Clicking multiple times creates more numbers
Delete and start again if it looks wrong
Change the colour with the colour box in top right corner
Click on the text icon to add text
Delete and start again if it looks wrong
Change the colour with the colour box in top right corner
Don't forget to Click Save at the bottom of the page once the dokit has been created.
Update the Work Instruction Monday board. This allows others to easily track progress
en none 0 Draft
Vous avez entré un nom de page invalide, avec un ou plusieurs caractères suivants :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #