{"id":57101,"date":"2022-11-24T03:01:55","date_gmt":"2022-11-23T17:01:55","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=57101"},"modified":"2022-11-23T16:15:26","modified_gmt":"2022-11-23T06:15:26","slug":"presenting-a-procedural-button-click-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/presenting-a-procedural-button-click-tutorial\/","title":{"rendered":"Presenting a Procedural Button Click Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/GIMP\/gimp_add_bevel.jpg\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Presenting a Procedural Button Click Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/GIMP\/gimp_add_bevel.jpg\" title=\"Presenting a Procedural Button Click Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Presenting a Procedural Button Click Tutorial<\/p><\/div>\n<p>We&#8217;ve long struggled with a presentation approach towards depicting &#8230;<\/p>\n<blockquote><p>\n &#8230; in the slide of a procedural click or tap taking place, we have trouble specifying what was clicked to arrive at the results slide which follows &#8230;\n <\/p><\/blockquote>\n<p> &#8230; though, occasionally we&#8217;ve used macOS Preview&#8217;s &#8220;Speech Bubbles&#8221; in PDF presentations, as we explained at <a title='Preview PDF Annotation Bubbles Primer Tutorial' href='#ppdfabpt'>Preview PDF Annotation Bubbles Primer Tutorial<\/a>.<\/p>\n<p>Somehow, we think that &#8220;Speech Bubbles&#8221; idea is not as good as a new idea we stumbled upon <font size=1>(and used, within the recent <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/notes-pdf-email-attachments-primer-tutorial\/' title='Notes PDF Email Attachments Primer Tutorial'>Notes PDF Email Attachments Primer Tutorial<\/a>&#8216;s <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/notes_pdf.gif' title='Its animated GIF'>animated GIF tutorial picture<\/a> presentation)<\/font> looking around <a target=_blank title='Gimp' href='http:\/\/www.gimp.org\/'>Gimp<\/a> image editor functionality, the other day, and arrived at its very useful &#8230;<\/p>\n<p><code><br \/>\n<font size=1>Tools -&gt; Selection Tools -&gt; Rectangle Select<\/font><br \/>\nFilters -&gt; Decor -&gt; Add Bevel...<br \/>\n<\/code><\/p>\n<p> &#8230; <a target=_blank title='Gimp Script-Fu' href='https:\/\/docs.gimp.org\/en\/gimp-concepts-script-fu.html'><i>Script-Fu<\/i><\/a> functionality!<\/p>\n<p>Readers can get suspicious of &#8220;photoshopped&#8221; content, but often it is important to make clear the procedural intention ahead of showing that action&#8217;s results, hence our intense interest in a presentation idea we may implement more and more into the future, we&#8217;re predicting!<\/p>\n<p>Now, we wonder whether this will help with <a target=_blank title='Just Javascript Card Game Cursor Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/just-javascript-card-game-cursor-tutorial\/'>&#8220;cursor display&#8221; logic presentations<\/a>, as well?  Hmmmmmm!<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/new-preview-pdf-annotation-bubbles-primer-tutorial\/'>New Preview PDF Annotation Bubbles Primer Tutorial<\/a>.<\/p-->\n<hr>\n<p id='ppdfabpt'>Previous relevant <a target=_blank title='Preview PDF Annotation Bubbles Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/preview-pdf-annotation-bubbles-primer-tutorial\/'>Preview PDF Annotation Bubbles 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\/iPad\/genius_scan_multi_page_pdf.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Preview PDF Annotation Bubbles Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPad\/preview_annotation_bubbles.jpg\" title=\"Preview PDF Annotation Bubbles Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Preview PDF Annotation Bubbles Primer Tutorial<\/p><\/div>\n<p>Did you notice with yesterday&#8217;s PDF slideshow for <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/genius-scan-app-pdf-email-tutorial\/' title='Genius Scan App PDF Email Tutorial'>Genius Scan App PDF Email Tutorial<\/a> we used some annotation bubbles in our presentation?  The use of annotations was one of the first thoughts regarding the &#8220;marketing&#8221; of different tiers of functionality regarding PDF Processing applications, in the broad categories &#8230;<\/p>\n<ul>\n<li>just read PDF document and display it (eg. Adobe Acrobat Reader) &#8230; which is very often packaged up as a piece of freeware &#8230;<\/li>\n<li>read PDF and be able to annotate PDF document &#8230; often freeware (or, like today&#8217;s Mac OS X <a target=_blank title='PreView (on a Mac) information from Apple' href='https:\/\/support.apple.com\/en-us\/HT201740'>&#8220;Preview&#8221;<\/a> talk, coming as a part of an operating system (free<i>ish<\/i>)) &#8230;<\/li>\n<li>read and write to PDF (including password protected data and input fields) &#8230; which are often &#8220;premium&#8221; software products you pay for as a oneoff, or sometimes as an installment charge<\/li>\n<\/ul>\n<p>We really like the idea of &#8220;annotation bubbles&#8221; as a concept.  Especially when your PDF data represents a procedure of some sort, because quite often, these days, with the ease to do this, the imagery in the PDF will be screenshots that are good regarding the realia of the presentation, and the &#8220;annotation bubbles&#8221; takes you out of that &#8220;realia&#8221; with the good jolt of what the &#8220;annotation bubble&#8221; tells you straight from the person writing the document, done in an editing session, like they do with movie creation at the cinema.<\/p>\n<p>In Preview, creating these annotation bubbles happens via menu &#8230;<\/p>\n<p><code><br \/>\nTools -&gt; Annotate -&gt; Speech Bubble<br \/>\n<\/code><\/p>\n<p> &#8230; and just because it always defaults with the pointer facing to the southwest, it doesn&#8217;t mean you can&#8217;t drag that point to any other position you like.<\/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='#d34441' onclick='var dv=document.getElementById(\"d34441\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/tutorial\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d34441' 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='#d57101' onclick='var dv=document.getElementById(\"d57101\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/presentation\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d57101' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve long struggled with a presentation approach towards depicting &#8230; &#8230; in the slide of a procedural click or tap taking place, we have trouble specifying what was clicked to arrive at the results slide which follows &#8230; &#8230; though, &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/presenting-a-procedural-button-click-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,16,37],"tags":[4107,4108,211,2127,3295,431,491,2349,590,3137,980,2738,1105,2060,4106,1242,2005,1319],"class_list":["post-57101","post","type-post","status-publish","format-standard","hentry","category-elearning","category-gimp","category-tutorials","tag-bevel","tag-button-press","tag-click","tag-cursor","tag-edge","tag-filter","tag-gimp","tag-highlight","tag-image","tag-image-editor","tag-presentation","tag-procedure","tag-script","tag-script-fu","tag-selection-tool","tag-tap","tag-tool","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/57101"}],"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=57101"}],"version-history":[{"count":3,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/57101\/revisions"}],"predecessor-version":[{"id":57104,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/57101\/revisions\/57104"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=57101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=57101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=57101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}