{"id":46937,"date":"2019-10-25T03:01:47","date_gmt":"2019-10-24T17:01:47","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=46937"},"modified":"2019-10-25T09:04:49","modified_gmt":"2019-10-24T23:04:49","slug":"towards-the-paperless-office-employee-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/towards-the-paperless-office-employee-tutorial\/","title":{"rendered":"Towards the Paperless Office Employee Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/MySickLeave-29-2-2019.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Towards the Paperless Office Employee Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/pdf_form_fillin.jpg\" title=\"Towards the Paperless Office Employee Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Towards the Paperless Office Employee Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Towards the Paperless Office Form Fields Tutorial' href='#tpofft'>Towards the Paperless Office Form Fields Tutorial<\/a> was a continuation of a couple of blog postings thinking of a PDF Leave Application form in terms of how &#8230;<\/p>\n<ul>\n<li>the employer sees it &#8230; but suppose the employer gives &#8230;<\/li>\n<li>the employee a downloadable PDF Leave Application form to keep forever, then &#8230;<\/li>\n<\/ul>\n<p> &#8230; a savvy employee, when next needing to submit a Leave Application Form, can continue with &#8220;Paperless Office&#8221; ideas.  They &#8230;<\/p>\n<ol>\n<li>download a Leave Form from the employer via an email with that PDF Leave Application as an attachment &#8230; <\/li>\n<li>the employee clicks on said PDF Leave Application and chooses a right click (Windows) or two finger gesture (macOS) such as &#8230;<\/li>\n<li>open System Viewer (or some such else (in amongst the option list)) that will get the employer to a PDF Reader and &#8220;Form Fillinerinnerer&#8221; &#8230; and that&#8217;s where today&#8217;s <a target=_blank title='QuickTime Player' href='https:\/\/support.apple.com\/downloads\/quicktime'>QuickTime Player<\/a> created video uploaded to <a target=_blank title='YouTube' href='http:\/\/www.youtube.com'>YouTube<\/a> (<a target=_blank title='YouTube' href='https:\/\/www.youtube.com\/watch?v=lm9WnPo_Bpw'>here<\/a>, and below) can give the whole &#8220;Paperless Office&#8221; methodologies straight in terms of how an employee might see it (transcript shown in video), followed by seeing the procedure play out, here on macOS via Finder (two finger gesture) -&gt; Open (with) -&gt; Preview &#8230;<\/li>\n<\/ul>\n<blockquote cite='https:\/\/www.youtube.com\/watch?v=lm9WnPo_Bpw'><p>\n          Welcome to our PDF (with form fields and digital signatures and checkboxes)<br \/>\n                Leave Application fill in example with macOS&#8217;s Preview.<br \/>\n<br \/>\n           Good background reading to creation of this PDF: https:\/\/www.rjmprogramming.com.au\/ITblog\/towards-the-paperless-office-form-fields-tutorial\/<br \/>\n<br \/>\n             Crucial is Preview&#8217;s View -> Show Markup Toolbar<br \/>\n             Good idea is to look at default Font settings window<\/p>\n<p>                Textboxes are reasonably self-explanatory<br \/>\n                Note that fields can have the form field textbox added on the fly (which we do for &#8220;First Date&#8221; and &#8220;Last Date&#8221;)<br \/>\n                Checkboxes should start off and you get the one chance to turn them on, as applicable<\/p>\n<p>            Digital Signature can be achieved via View -> Show Markup Toolbar&#8217;s third and fourth icons, Sketch and Draw &#8230;<br \/>\n               there are times when using,when you should not lift the pen, and you will see this with us<br \/>\n               crossing a &#8220;t&#8221; and &#8220;f&#8221; with our digital signature rendition of &#8230;<br \/>\n<br \/>\n               R. Metcalfe<\/p>\n<p>               Thanks for watching!\n<\/p><\/blockquote>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/lm9WnPo_Bpw\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Email in and email out and email in again.  We didn&#8217;t try it, but here on a macOS MacBook Pro, there were also Share options to Message (ie. SMS) the PDF.  Could be good?!  And the end result can be seen on clicking the blank PDF Leave Application form (image) below &#8230;<\/p>\n<p><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/MySickLeave-29-2-2019.pdf\"><img decoding=\"async\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/RJMProgramming_LeaveApplication.jpg\"><\/img><\/a><\/p>\n<p>Please know, too, that a company can frame this as an optional approach.  Not everybody will like the PDF Form Filling (and digital signature <font size=1>in particular<\/font>) trickiness.  Other less confident users can always print out a new Leave Application form and fill it in in pen and take a photo of that filled in form and attach that in an email back to the employer.  Sad about the paper though!    Or the company, on their intranet perhaps, can set up an online webpage (more than likely involving HTML form elements, or <a target=_blank title='Ajax information from Wikipedia ... thanks' href='http:\/\/en.wikipedia.org\/wiki\/Ajax_%28programming%29'>Ajax<\/a> and the use of <a target=_blank title='FormData object information' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/FormData'>FormData<\/a> objects) to facilitate the same end result, &#8220;paperless again&#8221;.<\/p>\n<hr>\n<p id='tpofft'>Previous relevant <a target=_blank title='Towards the Paperless Office Form Fields Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/towards-the-paperless-office-form-fields-tutorial\/'>Towards the Paperless Office Form Fields Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/Leave--Application.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Towards the Paperless Office Form Fields Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/LeaveApplicationTextFields.jpg\" title=\"Towards the Paperless Office Form Fields Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Towards the Paperless Office Form Fields Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Towards the Paperless Office Primer Tutorial' href='#tpopt'>Towards the Paperless Office Primer Tutorial<\/a> had us constructing a PDF Leave Application form that could have also been constructed by &#8230;<\/p>\n<ol>\n<li>rule up a good form <strike title='We are trying to avoid the use of paper'>on some paper or<\/strike> as an online document, with headings and labelling and explanations and space set aside for user answers<\/li>\n<li><strike title='We are trying to avoid the use of paper'>respectively, scan or<\/strike> export that content to an image file<\/li>\n<li>open that image file in an application like macOS&#8217;s <a target=_blank title='PreView (on a Mac) information from Apple' href='https:\/\/support.apple.com\/en-us\/HT201740'>Preview<\/a> and go to File -&gt; Print &#8230; Save As PDF<\/li>\n<\/ol>\n<p> &#8230; but is a bit like the way HTML is to XML, lacking (obvious ways of holding) &#8220;data intelligence&#8221;.  By the way, there is nothing wrong with that.  PDF represents printout, and I daresay more than 95% of our PDF content in this world is still designed to be read, like a paper book <font size=1>(but hold off the pamphlettes!)<\/font>.<\/p>\n<p>But can you go from a PDF lacking form fields to one that does?  Yes, you can. You can use, off the top of our head &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Adobe Acrobat DC' href='https:\/\/acrobat.adobe.com\/au\/en\/acrobat\/features.html?sdid=35SVBWXB&#038;mv=search&#038;ef_id=Cj0KCQjwrrXtBRCKARIsAMbU6bFfHksh5cR6pW6XPUSUtFK44hF4_acH-r_ha-aJftrTJEh1oBeQMLQaAmaxEALw_wcB:G:s&#038;s_kwcid=AL!3085!3!172788646228!b!!g!!%2Bpdf%20%2Bwrite&#038;gclid=Cj0KCQjwrrXtBRCKARIsAMbU6bFfHksh5cR6pW6XPUSUtFK44hF4_acH-r_ha-aJftrTJEh1oBeQMLQaAmaxEALw_wcB'>Adobe Acrobat DC<\/a><\/li>\n<li><a target=_blank title='PDFfiller' href='https:\/\/www.pdffiller.com'>PDFfiller<\/a> (as shown yesterday)<\/li>\n<li><a target=_blank title='PDFelement' href='https:\/\/pdf.wondershare.com\/pdfelement.html'>PDFelement<\/a> (as shown today)<\/li>\n<li><a target=_blank title='PDF editors' href='https:\/\/www.google.com\/search?q=edit+pdf&#038;rlz=1C5CHFA_enAU832AU832&#038;oq=edit+pdf&#038;aqs=chrome..69i57j0l3j69i60l2.2311j0j4&#038;sourceid=chrome&#038;ie=UTF-8'>Plenty of others<\/a><\/li>\n<\/ul>\n<p>Today&#8217;s <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/LeaveApplicationTextFields.jpg\" title='Tutorial picture'>tutorial picture<\/a> shows us using PDFelement&#8217;s free incarnation (that places a PDFelement watermark) to create that interactive PDF Leave Application form you can access and download (where you can see the form fields via your &#8220;PDF System Viewer&#8221;, via an &#8220;Open With System Viewer&#8221; type of option, ours, here, on macOS, being, Preview) by clicking the image below (or to not download, click the blog posting&#8217;s tutorial picture) &#8230;<\/p>\n<p><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/Leave--Application.pdf\" download><img decoding=\"async\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/RJMProgramming_LeaveApplication.jpg\"><\/img><\/a><\/p>\n<hr>\n<p id='tpopt'>Previous relevant <a target=_blank title='Towards the Paperless Office Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/towards-the-paperless-office-primer-tutorial\/'>Towards the Paperless Office Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/LeaveApplication.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Towards the Paperless Office Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/LeaveApplication.jpg\" title=\"Towards the Paperless Office Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Towards the Paperless Office Primer Tutorial<\/p><\/div>\n<p>If you work in an office, how paperless is it?  Do you want to start with some form filling ideas?  How about a Leave Application form?<\/p>\n<p>Interested?   We&#8217;re hoping so.   A big first step, we feel, is to think &#8220;PDF format&#8221; with all this work, because &#8230;<\/p>\n<ul>\n<li>PDF is the online world&#8217;s &#8220;printout&#8221; format &#8230; and probably it&#8217;s most popular &#8230; and so a lot of application Print (As &#8230;) options will mention PDF &#8230;<\/li>\n<li>PDF loses its history (as a printout does too), called <a target=_blank title='Document fidelity posts' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/document-fidelity'>&#8220;Document Fidelity&#8221;<\/a>, which can help separate your PDF file from the chance to track its history of creation &#8230;<\/li>\n<li>PDF has many choices as far as applications go, regarding functionality reading from and writing to (the latter, less so (but see below))<\/li>\n<li>PDF formats can create online textboxes to receive interactive user data entries (but more on that into the future, and see <a href='#dyy' title='Did you know?'>Did you know?<\/a> section below)<\/li>\n<li>PDF applications can handle signatures (but more on that into the future)<\/li>\n<\/ul>\n<p>So let&#8217;s first create a Leave Application PDF form file.  We need a PDF writer and though a few image editors such as <a target=_blank title='Gimp' href='https:\/\/gimp.org'>GIMP<\/a> (non-vector) and <a target=_blank title='Inkscape' href='https:\/\/inkscape.org'>Inkscape<\/a> (vector) can export to PDF, and Adobe has a good PDF writer product, and macOS out of the box <a target=_blank title='PreView (on a Mac) information from Apple' href='https:\/\/support.apple.com\/en-us\/HT201740'>Preview<\/a>  can assemble and annotate images into PDF files, we&#8217;re trying a Google Chrome (web browser) extension called <a target=_blank title='PDFfiller' href='https:\/\/www.pdffiller.com'>PDFfiller<\/a>.   We thought it was great.  As per many apps it is free for 30 days, and then a plan can be arranged.  See our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/LeaveApplication.pdf\">stream of consciousness<\/a> look of this, and see and\/or click below to access the end result PDF Leave Application form.<\/p>\n<p><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/RJMProgramming_LeaveApplication.pdf\"><img decoding=\"async\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/RJMProgramming_LeaveApplication.jpg\"><\/img><\/a><\/p>\n<p>That form contains no form fields, nor digital signature fields, and so we meet back here tomorrow, for more!<\/p>\n<p id=dyy><b><i>Did you know?<\/i><\/b><\/p>\n<p>In a macOS (out of the box) woooooorrrrrllldd, the application, Preview, can take PDFs with no form fields and achieve what the aim of &#8220;Towards the Paperless Office&#8221; blog posting thread is getting at, as per its &#8230;<\/p>\n<ul>\n<li>Form Fields: Tools -&gt; Annotate -&gt; Text &#8230; click to place and type to annotate and adjust as necessary<\/li>\n<li>Digital Signatures: View -&gt; Show Markup Toolbar &#8230; 3rd &#8220;Sketch&#8221; icon (but more on the control of this, later)\n<\/ul>\n<p> &#8230; but it&#8217;s just that learning about PDF form fields is a good bit of functionality to know about &#8230; ma\u00f1ana &#8230;<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d46876' onclick='var dv=document.getElementById(\"d46876\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/pdf\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d46876' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d46898' onclick='var dv=document.getElementById(\"d46898\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/form\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d46898' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d46937' onclick='var dv=document.getElementById(\"d46937\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/email\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d46937' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday&#8217;s Towards the Paperless Office Form Fields Tutorial was a continuation of a couple of blog postings thinking of a PDF Leave Application form in terms of how &#8230; the employer sees it &#8230; but suppose the employer gives &#8230; &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/towards-the-paperless-office-employee-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[349,350,3121,3103,418,452,3122,866,2887,913,3123,3124,983,1924,3120,997,1675,1319],"class_list":["post-46937","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-document","tag-document-fidelity","tag-fidelity","tag-field","tag-file","tag-form","tag-form-field","tag-online","tag-paperless","tag-pdf","tag-pdfelement","tag-pdffiller","tag-preview","tag-print","tag-printout","tag-programming","tag-textbox","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/46937"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=46937"}],"version-history":[{"count":2,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/46937\/revisions"}],"predecessor-version":[{"id":46948,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/46937\/revisions\/46948"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=46937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=46937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=46937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}