How to make web pages out of collections of photos
Greg's diary
Photo index
Greg's home page
Network link stats
Greg's other links
Copyright information
Groogle

This page is very specific to our installation at home. Potentially it can be of use to other people too, but that's not the primary intention. Comments like this in green are visible only when accessing the page externally.

This page describes the new method of photo processing, using the E-PM2. The old way is described here.

  1. Read the images in from the camera. Connect the camera via the USB cable, turn it on and enter:

    === yvonne@lagoon (/dev/pts/2) ~ 1 -> syp
    Copying files from a:/dcim/100OLYMP to /home/yvonne/Photos
    mcopy -pm A:/dcim/100OLYMP/P4240001.MOV /home/yvonne/Photos/20140424/orig/P4240001.MOV
    mcopy -pm A:/dcim/100OLYMP/P4250002.ORF /home/yvonne/Photos/20140425/orig/P4250002.ORF
    ...

    The photos will be installed in a directory ~/Photos/<date>/orig, where <date> is in the form YYYYMMDD. For example, on 24 April 2014 the directory would be ~/Photos/20140424/orig.

  2. While that is happeing, start a remote desktop connection to distress via the left mouse cursor menu on the root window. This might take a while to start.

  3. Once the photos have been read in from the camera, change to the parent directory of the directory where the images are, and prepare the images for Microsoft:

    === yvonne@lagoon (/dev/pts/2) ~ 3 -> cd Photos/20140424
    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 4 -> fordxo -d
    Linking orig/P4240026.ORF orig/P4240027.ORF orig/P4240028.ORF orig/P4240029.ORF ...

    fordxo puts the files in the directory P:\00-yvonne, which Microsoft can access easily. The -d tells it to first remove what was already there, so don't use this if you have stuff in there that you haven't got out yet with fromdxo (see below).

    fordxo moves the raw files to a directory /Photos/00-yvonne so that I can just select all rather than mess around with a mouse in Microsoft style. /Photos is mounted as a CIFS file system.

  4. You can check that the images are there if you want with:

    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 29 -> l orig
    total 1953
    -rw-rw-r--  1 grog    lemis  15052398 Apr 24 09:21 P4240026.ORF
    -rw-rw-r--  1 grog    lemis  14484676 Apr 24 09:21 P4240027.ORF
    ...

    This doesn't make any difference to the processing.

  5. If distress still hasn't come to life, try again. This time it should be fast.

    The background here is that distress, running Microsoft “Windows” 7, takes so long to come out of hibernation that I need to retry. But this should no longer happen, since the connection retries automatically.

  6. On distress, start DxO Optics “Pro”. Select ORGANIZE at top left, and then the directory Computer/Photos/00-yvonne:

     
    https://lemis.nyc3.digitaloceanspaces.com/grog/Photos/20151228/big/DxO-1.png
    Image title: DxO 1
    Dimensions: 247 x 383, 8 kB
    Dimensions of original: 247 x 383, 8 kB
    Display this image:
    thumbnail    hidden   alone on page
    Display all images on this page as:
    thumbnails    this size
    Show for Monday, 28 December 2015:
    thumbnails    small images    diary entry

    If no images show, or the wrong images show, press the F5 key and wait a while. If still nothing happens, panic.

  7. Select CUSTOMIZE to the right of ORGANIZE and click on an image that you want to process in the display at the bottom of the screen. The image will be highlighted at the bottom, and the image will appear at top left and in the middle of the display:


    https://lemis.nyc3.digitaloceanspaces.com/grog/Photos/20140425/big/DxO-2.gif
    Image title: DxO 2          Dimensions:          1020 x 767, 368 kB
    Make a single page with this image Hide this image
    Make this image a thumbnail Make thumbnails of all images on this page
    Make this image small again Display small version of all images on this page
    All images taken on Friday, 25 April 2014, thumbnails          All images taken on Friday, 25 April 2014, small
    Diary entry for Friday, 25 April 2014

     
  8. You can select a number of tools to modify the shape of the image:

     
    https://lemis.nyc3.digitaloceanspaces.com/grog/Photos/20140425/big/DxO-2-detail.gif
    Image title: DxO 2 detail
    Dimensions: 199 x 89, 10 kB
    Dimensions of original: 199 x 89, 10 kB
    Display this image:
    thumbnail    hidden   alone on page
    Display all images on this page as:
    thumbnails    this size
    Show for Friday, 25 April 2014:
    thumbnails    small images    diary entry

    From left to right, these are crop, dust removal, straighten horizon, force lines to be parallel, force a box, and white balance chooser.

  9. After preparing the image, press the Export to disk area at bottom right and then press Export . The image will be processed.

  10. When you're done, go back to your xterm and enter:

    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 11 -> fromdxo
    Warning: MakerNotes too large to write in JPEG segment - /Photos/00-Oly/P4240143_DxO.jpg
    ls: /Photos/00-Oly/*_DxO.tif: No such file or directory
    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 16 -> make contacts
    mkcontacts -r
    /home/yvonne/Photos/20140424
    chmod: /home/yvonne/public_html/localtmp/contacts/20140424/Makejpeg: No such file or directory
    Converting P4240143.jpg to /home/yvonne/public_html/localtmp/contacts/20140424/P4240143.jpg

    fromdxo takes the processed images and puts them back where they belong, updating EXIF information as it goes. The contacts target creates a web page with “contact prints”, into which you can enter descriptive names, as shown below. The messages are normal.

  11. With a web browser, go to /yvonne/localtmp/contacts and select the date. You should get:


    https://lemis.nyc3.digitaloceanspaces.com/grog/Photos/20140425/big/contact-print-page.gif
    Image title: contact print page          Dimensions:          1033 x 1065, 146 kB
    Make a single page with this image Hide this image
    Make this image a thumbnail Make thumbnails of all images on this page
    Make this image small again Display small version of all images on this page
    All images taken on Friday, 25 April 2014, thumbnails          All images taken on Friday, 25 April 2014, small
    Diary entry for Friday, 25 April 2014

     

    At the top, enter a description of the day's photos. Under each image, enter a name (without spaces). If the name ends in, say, -1, you can enter a comma in the next field and it will automatically be replaced by the same name with -2, etc. You can also enter a !, in which case the names will count up until the end of the page or the next place where you have entered text.

  12. When you're finished, press Submit and go back to the xterm. There enter:

    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 20 -> make convert opt
    /Photos/Tools/convert
    converting orig/P4240143.jpg to chris.jpeg, rotation "0"
    if [ ! -f Makejpeg ]; then  make description;  mv description Makejpeg ;  exit;  fi
    ...

    At the end it will say something like:

    Optimizing 4 files: horse-1.jpeg horse-2.jpeg horse-3.jpeg horse-4.jpeg
    mkdir: /Photos/Ashampoo-yvonne: File exists
    ln: *.png: No such file or directory
    Press Return when Ashampoo has done its thing

    The two lines in the middle are harmless information messages. Note the number in the first line. You'll need it in the next step.

  13. Go back to distress to despair and at the bottom select Ashampo Photo Optimizer. It's intended for illiterate people, so all you see is the image http://45.32.70.18/grog/Photos/20151231/big/Ashampoo-icon.png , unless it's already started, in which case it tries to say its name (but fails): http://45.32.70.18/grog/Photos/20151231/big/Ashampoo-icon-running.png .

    You should see:


    https://lemis.nyc3.digitaloceanspaces.com/grog/Photos/20151229/big/Ashampoo.png
    Image title: Ashampoo          Dimensions:          2299 x 1403, 1504 kB
    Make a single page with this image Hide this image
    Make this image a thumbnail Make thumbnails of all images on this page
    Make this image small again Display small version of all images on this page
    All images taken on Tuesday, 29 December 2015, thumbnails          All images taken on Tuesday, 29 December 2015, small
    Diary entry for Tuesday, 29 December 2015

       
    https://lemis.nyc3.digitaloceanspaces.com/grog/Photos/20151229/big/Ashampoo-detail.png
    Image title: Ashampoo detail
    Dimensions: 233 x 232, 8 kB
    Dimensions of original: 233 x 232, 8 kB
    Display this image:
    thumbnail    hidden   alone on page
    Display all images on this page as:
    thumbnails    this size
    Show for Tuesday, 29 December 2015:
    thumbnails    small images    diary entry

    This should be on distress, but Ashampoo has completely broken itself there.

    Select Bloody-stupid-ashampoo (below Ashampoo-yvonne) and wait until no images are displayed. Then select Ashampoo-yvonne and wait until the number of images displayed matches what you noted in the previous step (about 1 per second). Press Ctrl-A to select all images and Ctrl-left button to deselect or reselect individual images. Then click on “Auto Optimize” and answer Yes to the question as to whether you want to Auto Optimize. Expect to optimize about 1.5 images per second.

    When Ashampoo has finally finished, go back to the xterm, which will still be saying:

    Press Return when Ashampoo has done its thing

    Press Return and wait until it finishes. Then go back to the contacts web page and select “Optimization Comparison”. The image on the left of each line is the unoptimized version, the image on the right the optimized version. Run the cursor over the left image to see the difference. If any of the optimized versions are not OK, ask for help.

  14. Enter:

    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 20 -> make web

    This makes the web page and associated files. When it's done, you can look at the page with a browser.

    These targets create a directory hierarchy including three different sizes of each image, along with information to generate a web page to display them.

  15. When you're happy, put the images on the external web server:

    === yvonne@lagoon (/dev/pts/2) ~/Photos/20140424 21 -> make sync

Greg's home page Greg's diary Greg's photos Copyright

Valid XHTML 1.0!

$Id: index.php,v 1.11 2022/12/23 04:47:32 grog Exp $