Warning, /graphics/kphotoalbum/doc/viewer.docbook is written in an unsupported language. File is not indexed.
0001 <!-- 0002 SPDX-FileCopyrightText: 2003-2006 Jesper K. Pedersen <jesper.pedersen@kdab.com> 0003 SPDX-FileCopyrightText: 2012 Miika Turkia <miika.turkia@gmail.com> 0004 SPDX-FileCopyrightText: 2012 Yuri Chornoivan <yurchor@ukr.net> 0005 0006 SPDX-License-Identifier: GFDL-1.2-only 0007 --> 0008 0009 <chapter id="chp-viewer"> 0010 <title>The Viewer</title> 0011 <para>The reason for you to put all your images into &kphotoalbum;, and 0012 spending hours after hours describing them, is of course that you at some 0013 point want to look at them. For that purpose &kphotoalbum; has an viewer 0014 capable of showing your images and videos. You open the viewer from the 0015 thumbnail view as described in <xref 0016 linkend="chp-thumbnail-view"/>.</para> 0017 0018 <para>The viewer can be seen in <xref linkend="fig-viewer"/>. The viewer 0019 does of course show you the image, but in addition to that it also shows 0020 you the information you specified for each image, including, who is on the 0021 images, where and when it was takes, &etc; 0022 </para> 0023 0024 <figure id="fig-viewer"> 0025 <title>The Viewer</title> 0026 <mediaobject> 0027 <imageobject> 0028 <imagedata fileref="viewer.png" format="PNG"/> 0029 </imageobject> 0030 </mediaobject> 0031 </figure> 0032 0033 <para>In case the info box is located on top of part of the images you actually 0034 want to see, you can simply grab it with the mouse, and move it elsewhere 0035 on the image. It is possible to configure what should be shown in the 0036 info box, and of course whether it should be shown at all. All these 0037 options are available by right clicking your mouse on the viewer. The 0038 context menu can be seen in <xref linkend="fig-viewer-contextmenu"/> 0039 below.</para> 0040 0041 <figure id="fig-viewer-contextmenu"> 0042 <title>The viewer's context menu</title> 0043 <mediaobject> 0044 <imageobject> 0045 <imagedata fileref="viewer-contextmenu.png" format="PNG"/> 0046 </imageobject> 0047 </mediaobject> 0048 </figure> 0049 0050 <para>Some of the words in the info box is underlines. If you click the 0051 mouse on one of these words the browser (see <xref linkend="chp-browsing"/>) 0052 will go into scope of that item. Thus if you click on <literal>Anne 0053 Helene</literal> the browser will show you all images of Anne Helene, just 0054 as it would have done if you selected <literal>People</literal> from the 0055 root of the browser, and next selected <literal>Anne 0056 Helene</literal>.</para> 0057 0058 <para>In the info box you can see a small button with the &kphotoalbum; 0059 logo. Pressing that button will get you to the thumbnail viewer. The 0060 thumbnail view will display all images, and the image you just had in the 0061 viewer will be selected. The idea behind this is the following: you browse 0062 to a given person, and look at the images of that 0063 person. One of the images is from say your high school time, and now you 0064 want to see images from that period of time. Using the <guilabel>Jump to 0065 Context</guilabel> button, you are brought to the thumbnail view showing 0066 all images, with the current one being in focus, and likely all your high 0067 school pictures around it.</para> 0068 0069 <para>In case you have loaded several images into the viewer, you can go 0070 forth and back using <keycap>Page Up</keycap> and <keycap>Page 0071 Down</keycap>. You can go to the first and last images 0072 using <keycap>Home</keycap> and <keycap>End</keycap>. These functions 0073 are of course also available from the context menu.</para> 0074 0075 <para>If several images was loaded into the viewer, you can ask it to run 0076 them as a slide show, which means that &kphotoalbum; loads a new image every few 0077 second. How often it loads a new image is configure by pressing the control 0078 key and respective plus (for go faster) or minus 0079 (go slower). Starting and stopping the slide show is 0080 done simply by pressing <keycombo>&Ctrl;<keycap>S</keycap></keycombo>.</para> 0081 0082 <para>A very useful feature of the &kphotoalbum; viewer is it ability to go into 0083 full screen mode. In this mode, the viewer is using the complete screen 0084 space, simply press the return key to make it go into and out of full screen 0085 mode.</para> 0086 0087 <para>Using the viewer, you may zoom in and out of your image, simply by 0088 dragging out a rectangle with the mouse. Pressing the minus key will zoom 0089 out again. Pressing the plus key will zoom in at the center of the image. <xref 0090 linkend="fig-marking-zoom-rectangle"/> below shows how a zoom 0091 rectangle is marked, and <xref linkend="fig-zoomed-view"/> shows the result of 0092 the zoom.</para> 0093 0094 <para>Pressing the period key, lets you reset zooming, so the 0095 image is shown un-zoomed. Pressing the equal sign will set the zoom level so 0096 each pixel on the screen correspond to a pixel in the image.</para> 0097 0098 <para>Notice, for technical the only zooming operation that works when watching videos are zoom in and out 0099 (the plus and minus key).</para> 0100 0101 <figure id="fig-marking-zoom-rectangle"> 0102 <title>Zooming in the viewer</title> 0103 <mediaobject> 0104 <imageobject> 0105 <imagedata fileref="marking-zoom-rectangle.png" 0106 format="PNG"/> 0107 </imageobject> 0108 </mediaobject> 0109 </figure> 0110 0111 <figure id="fig-zoomed-view"> 0112 <title>Zooming in the viewer</title> 0113 <mediaobject> 0114 <imageobject> 0115 <imagedata fileref="zoomed-view.png" 0116 format="PNG"/> 0117 </imageobject> 0118 </mediaobject> 0119 </figure> 0120 0121 <para>Choosing the rotate operations from the context menu, you may 0122 rotate the image (Does not work for videos). You can annotate the current 0123 image, simply by choosing <guimenuitem>Annotate</guimenuitem> in the context menu.</para> 0124 0125 0126 0127 0128 0129 <sect1 id="annotating-from-the-viewer"> 0130 <title>Annotating images from the viewer</title> 0131 <para>Traditionally the main way for tagging images has been though <link linkend="chp-typingIn">the annotation dialog</link>. 0132 Over the years a few different attempts have been made at integrating tagging into the viewer, first attempt was by assigning tokens in the viewer, a later 0133 attempt was by making it possible to tag directly by typing part of a category item. In addition category items could be assigned to function keys on the keyboard. 0134 The code for all of this have now been modernized to make the work flow much more intuitive and discover-able.</para> 0135 0136 <para>There are three modes to annotating images in the viewer:</para> 0137 <itemizedlist> 0138 <listitem><para><emphasis>Locked</emphasis> - This is the default mode when starting the viewer - in here no annotating or tokenizing will happen. This ensure you do not accidentally annotates images when viewing them.</para></listitem> 0139 <listitem><para><emphasis>Assign Tokens</emphasis> - This allows you to set tokens on images, by simply pressing a key from A-Z on the keyboard.</para></listitem> 0140 <listitem><para><emphasis>Assign Tags</emphasis> - This allows you to assign macros to a keyboard key. As an example, <emphasis>L</emphasis> could mean set the item <emphasis>Las Vegas</emphasis> in the <emphasis>Location</emphasis> category. In addition to that, it also allows you to set any tag on an image.</para></listitem> 0141 </itemizedlist> 0142 <para> 0143 The modes are selected from the context menu as can be seen in <xref linkend="fig-ctxmenu-for-mode-selection"/>. 0144 </para> 0145 <para> 0146 The two modes are described in details below. 0147 </para> 0148 0149 <figure id="fig-ctxmenu-for-mode-selection"> 0150 <title>Selecting annotation mode from the viewer</title> 0151 <mediaobject> 0152 <imageobject> 0153 <imagedata fileref="annotation-mode.png" 0154 format="PNG"/> 0155 </imageobject> 0156 </mediaobject> 0157 </figure> 0158 0159 </sect1> 0160 0161 0162 0163 0164 <sect1 id="tokens"> 0165 <title>Setting Tokens from the Viewer</title> 0166 <para>Imagine you want to sent a number of images 0167 to a printer to get them developed on paper. To see which you want, you 0168 start the viewer on the images, and tag them as <emphasis>good</emphasis>, <emphasis>bad</emphasis>, or <emphasis>maybe</emphasis>, while inspecting each one.</para> 0169 0170 <para>You may of course create a few new items (say <emphasis>Good</emphasis>, <emphasis>Bad</emphasis>, <emphasis>Maybe</emphasis>) for an existing category, say the category <emphasis>Album</emphasis>. 0171 However, given that you likely do not need these tags once you've send the images to the printer, there is an easier way, namely by simply setting tokens on the images. Tokens are named from A to Z, and you set a token 0172 simply by pressing its letter. In <xref linkend="fig-images-with-tokens"/> 0173 you may see an image where the tokens A, B and C are set.</para> 0174 0175 <figure id="fig-images-with-tokens"> 0176 <title>An Image with Tokens</title> 0177 <mediaobject> 0178 <imageobject> 0179 <imagedata fileref="images-with-tokens.png" 0180 format="PNG"/> 0181 </imageobject> 0182 </mediaobject> 0183 </figure> 0184 0185 <para>For this to work, you need to be in the <emphasis>Assign Tokens</emphasis> mode. See <xref linkend="fig-ctxmenu-for-mode-selection"/></para> 0186 0187 <para>Once you've set tokens on your images, they will be available for 0188 regular browsing in the browser, as can be seen in <xref 0189 linkend="fig-tokens-in-browser"/>. So when you've marked images that 0190 needs to be edited, printed, or whatever, simply browse to the images, and process the set from there, e.g. by using <emphasis>copy images to...</emphasis> from the context menu.</para> 0191 0192 <figure id="fig-tokens-in-browser"> 0193 <title>Tokens seen in the Browser</title> 0194 <mediaobject> 0195 <imageobject> 0196 <imagedata fileref="tokens-in-browser.png" 0197 format="PNG"/> 0198 </imageobject> 0199 </mediaobject> 0200 </figure> 0201 0202 <para>Categories (and esp tokens) may be displayed in the thumbnail 0203 viewer. When Showing the categories in the thumbnail viewer, you may also 0204 add tokens to images, simply by pressing the letter for the token when the 0205 image is selected, this can be seen in 0206 <xref linkend="fig-tokens-in-thumbnail-viewer"/></para> 0207 0208 <figure id="fig-tokens-in-thumbnail-viewer"> 0209 <title>Tokens seen in the Thumbnail Viewer</title> 0210 <mediaobject> 0211 <imageobject> 0212 <imagedata fileref="tokens-in-thumbnail-viewer.png" 0213 format="PNG"/> 0214 </imageobject> 0215 </mediaobject> 0216 </figure> 0217 0218 0219 0220 </sect1> 0221 0222 <sect1> 0223 <title>Tagging images from the viewer</title> 0224 <para>Tagging images can be tiresome, even in &kphotoalbum;, at least when you've fallen behind and have thousands or tens of thousands of images in need of proper tagging. 0225 Fortunately, it is now possible to add tags with the press of a single key when viewing the images. The realization behind this way of working with images is that most images are with the same few people in the same few places, plus a few "guest" appearances from time to time - say the location of your vacation, or some friends who were visiting you for a week.</para> 0226 0227 <para>To tag your images while viewing them, you need to enter the <emphasis>Assign Tags mode</emphasis> - see <xref linkend="fig-ctxmenu-for-mode-selection"/>. 0228 With this enable, simply press a letter key on your keyboard to either assign or use the assigned tag.</para> 0229 0230 <para>In <xref linkend="fig-assign-macro-step1"/> below, I've just pressed <keycap>s</keycap> while watching images and being in the <emphasis>Assign Tags mode</emphasis>. This brought up the dialog where I can specify what tag to assign to that key.</para> 0231 0232 <figure id="fig-assign-macro-step1"> 0233 <title>Step 1 - assigning a macro to the key <emphasis>s</emphasis></title> 0234 <mediaobject> 0235 <imageobject><imagedata fileref="assign-macro-step1.png" format="PNG"/></imageobject> 0236 </mediaobject> 0237 </figure> 0238 0239 <para>Next, in the line edit I typed <emphasis>sp</emphasis> which suggest "People / Je<emphasis>sp</emphasis>er" and "People / <emphasis>Sp</emphasis>iff". 0240 Both matched the letters I typed. Pressing arrow down to select <emphasis>Spiff</emphasis> and pressing enter, will assign the letter <emphasis>s</emphasis> to adding the tag <emphasis>People / Spiff</emphasis> to the image viewed. 0241 This assignment, will be saved for future sessions. To re-assign s to another tag, simply press <keycombo action="simul">&Shift;<keycap>s</keycap></keycombo>.</para> 0242 0243 <figure id="fig-assign-macro-step2"> 0244 <title>Step 2 - assigning a macro - typing <emphasis>sp</emphasis></title> 0245 <mediaobject> 0246 <imageobject><imagedata fileref="assign-macro-step2.png" format="PNG"/></imageobject> 0247 </mediaobject> 0248 </figure> 0249 0250 <para>In <xref linkend="fig-assign-macro-overview"/> below you can see existing keybindings in the right side of the dialog.</para> 0251 <figure id="fig-assign-macro-overview"> 0252 <title>Overview of assigned key bindings</title> 0253 <mediaobject> 0254 <imageobject><imagedata fileref="assign-macro-overview.png" format="PNG"/></imageobject> 0255 </mediaobject> 0256 </figure> 0257 0258 <para>In case the tag you want to assign doesn't already exist in your database, then simply press the <emphasis>Add New</emphasis> button to create it. This can be seen in <xref linkend="fig-assign-macro-add-new-value.png"/> below</para> 0259 0260 <figure id="fig-assign-macro-add-new-value.png"> 0261 <title>Adding a new tag</title> 0262 <mediaobject> 0263 <imageobject><imagedata fileref="assign-macro-add-new-value.png" format="PNG"/></imageobject> 0264 </mediaobject> 0265 </figure> 0266 0267 <para>While tagging images from the viewer, you may want to add a tag, without binding it to a key. To do so simply press <keycombo>&Ctrl;<keycap>a</keycap></keycombo></para> 0268 0269 </sect1> 0270 </chapter> 0271 0272 <!-- Keep this comment at the end of the file 0273 Local variables: 0274 mode: xml 0275 sgml-namecase-general:t 0276 sgml-general-insert-case:lower 0277 sgml-always-quote-attributes:t 0278 sgml-indent-step:2 0279 sgml-parent-document: "index.docbook" 0280 End: 0281 -->