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 -->