Call for Alpha Testers: ImageAreas Module (for Facebook/Flickr Style Tagging)

Ok...

The module installed ok - I've added it to the theme's (Matrix) first photo pages, then sidebar and ... nada. Not seeing anything different to pre-install - what am I looking for?

Edit: just to fill in a couple of gaps: that's nothing happening on Firefox (v2), IE7, Opera 9.24 or Safari 3.1.1. The block is loading, and according to Firebug, various bits of ImageArea.js are executing.. I just don't see anything (not sure what I'm looking for TBH.)

Edit again: more stuff that might be relevant: Gallery 2.2.4, running on XAMPP (php 5.2.4, apache 2.2.6) on Win XP.

I was able to install it on G2.2.5 but it would not show up. No buttons above the image. No JS errors. JS seems to load fine.
So it seems it is not compatible (yet) with G2.2.5

Photo in question: http://langleycom.com/gallery2/v/9979-P10.png.html
I see the AJAX "loading image areas...." but that is all.
----------------------------------------------

I was able to install it on G2.3(nightly) and Was able to add notes.

Image in question: http://4megs.com/gallery2/v/User_data_admin.png.html
The admin is able to add a image tags but when I log out the tags seem to not be saved.
Users ( not logged in) can add tags but if you refresh the browser they are gone.

Hope that helps.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

phinze,
r1475 fixed the storage issue.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

here's the error then:

POST http://localhost/main.php?g2_view=imageareas.ImageAreasCallback&g2_authToken=7f301b92f39d (890ms)

RESPONSE: <br />
<b>Fatal error</b>:  Call to undefined method GalleryCoreApi::getcodebasepath() in <b>C:\xampp\htdocs
\modules\imageareas\classes\ImageAreasHelper.class</b> on line <b>39</b><br />

getCodeBasePath was added at Gallery Core API 7.19 (http://codex.gallery2.org/Gallery2:API_Changes_Since_The_Last_Release#7.18_.3D.3E_7.19)

The module.inc requires only API 7.10: (line 43)

        $this->setRequiredCoreApi(array(7, 10));

r1476 removes the use of getCodeBasePath.

r1476 also solves an issue with scaleFactor that was preventing the coordinates of the image areas from being displayed correctly... I very recently got scaleFactor working (it use to always be set to one), and so having a real scale factor forced me to make the rest of the calculations work. ;)

I now have a release copy of G2.2.5 I'm testing on in addition to the latest SVN, and everything seems to be working from here now. Looking forward to see whether or not it's working for you all... this has been really helpful!

Good idea! I'll set up a demo installation and link it here when it's ready.

Once we get the major kinks out we can then turn to the more interesting details like how it should work.

Actually I lied ... it sort-of works with Siriux, but it destroys the css formatting of the image - I'm not quite sure, but it looks like what was a

<img class="gallery-photo" ...

without the ImageAreaSupport block somehow gets transmogrified in the javascript to just a plain

<img ...

So I lose a whole load of formatting (specifically in my case the border from the stylesheet). If I put the class back into the html (with Firebug) I get my border back.

Also I lose the rather useful forward/back arrow links that in Siriux are overlaid on the left/right halves of the image. I can see that might be a little hard to maintain though.

Hello Paul,

thanks for your great work! I LOVE the idea of having tagareas in Gallery
Since r1477 its working for me on 2.2.5!

I had a little problem with number formating of the scale factor, though:
Because my server runs with german locales, the comma seperator therefore is ",".

In file classes/ImageAreasImage.class, function _calculateScaleFactor(), the 2 lines for division return something like "0,25":

        $ratioWidth = $this->_width /  $size[0];
        $ratioHeight = $this->_height / $size[1];

You could test that on yourown with something like:

<? setlocale(LC_NUMERIC,'de_DE');
print 10 / 4; ?>

So the ia-scalefactor-span looks:

<span class="ia-scalefactor" title="0,25"/>

But this results in JavaScript-Error in imageareas.js, cause parseFloat("0,25") results in "0" and sFact in imageareas.js gets NotANumber (NaN).

A possible workaround is using number_format() in ImageAreasImage.class:

        $ratioWidth = number_format($this->_width /  $size[0], 2);
        $ratioHeight = number_format($this->_height / $size[1], 2);

number_format() returns "."-separated numbers even with german locales.

Besides that it works great now!
Tested with Firefox2 and Konqueror 3.5.

Looking forward to tag- and edit-permissions for tag-areas

Thanks,
Lars

hello phinze... some alpha feedback:

when using the ICE theme, the module forces gallery2 to return a blank page when trying to edit the album.

I noticed this after setting the image areas block up in admin > themes, but had to change the parent album theme settings correspondingly as it was set to something other than default ( block did not show up).

please try testing this and resolving the issue.

my gallery version info follows:

Last Run Details:

Gallery version = 2.2.3 core 1.2.0.5
PHP version = 5.2.5 apache2handler
Webserver = Apache/2.2.6 (Unix) DAV/2 mod_ssl/2.2.6 OpenSSL/0.9.8e PHP/5.2.5 mod_apreq2-20051231/2.5.7 mod_perl/2.0.2 Perl/v5.8.7
Database = mysqli 5.0.51, lock.system=flock
Toolkits = ArchiveUpload, Dcraw, Exif, Ffmpeg, Getid3, LinkItemToolkit, NetPBM, Thumbnail, Gd
Acceleration = none, none
Operating system = Linux Knoppix 2.6.19 #7 SMP PREEMPT Sun Dec 17 22:01:07 CET 2006 i686
Default theme = *********
gettext = enabled
Locale = en_US
Browser = Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
Rows in GalleryAccessMap table = 38
Rows in GalleryAccessSubscriberMap table = 2531
Rows in GalleryUser table = 49
Rows in GalleryItem table = 2496
Rows in GalleryAlbumItem table = 101
Rows in GalleryCacheMap table = 0

I installed the ICE theme on G2.2.5 release and attempted to recreate the problem you mention. I encountered the following warnings in debug mode whenever I attempt to save theme settings:

 Notice: Undefined index: (titlenavigation|titleblocks|titlealbum|titlephoto|photoalbum|titleextra) in /Library/WebServer/Documents/gallery2.2.5/modules/core/AdminThemes.inc on line 149

(My guess would be that these notices are due to the fact that they are defined as settings with a blank type in ICE's theme.inc.) Other than that I can't seem to recreate the problem you're talking about, even going through the steps you mentioned. I set the root album settings to something different, installed the module, added the block to the default theme settings, went back to edit the album, and set the photo blocks to use global settings, and now I have everything working on the ICE theme. I haven't seen any problems on Matrix either. While I doubt it, I wonder if this is a G2.2.3 issue? Perhaps try upgrading to G2.2.5?

Once you can get debug mode activated, the error will show up and I can help you better.

I'm with you; I'd like the UI to conform to Gallery conventions as much as possible while remaining easy to use. I like the idea of the UI being contained in a block, and I'll look into it.

------------------

Still working on getting a demo installation live. Soon soon!

I tried it on a couple photos - I get a pop up that says Edit! and when I hit the OK button, it takes me back to my main gallery page

[img]http://lh4.ggpht.com/caddymob/SGmnNC66CPI/AAAAAAAANcs/qWFdtYj4pwY/ImageArea.jpg?imgmax=640[/img]

_______________________________________

Highly Dynamic Photography | Jason Corneveaux

ok, here is my debug file. i've starred a few things out e.g. the theme name because it contains top secret identifiable information hehe. here it is:

yes. it does. the nsa uses it to keep a database of terrorist faces and we've recently written a new module that can accurately track and detect terrorists at the border with an accuracy rate of 99.95%. this helps us to reduce the terrorist rates domestically, and across the middle east. i'll pm you the module if you like/

needless to say that was complete dross what i just wrote heh

I always knew gallery was teh awesome. I suppose I could use it to help me remember one night stands just as well.... I tease!!!

any updates on my debug message phinze?

sure will. i'll post back when done/

Since this is a 'block' each album could have different behavior. One setting could be showing the notes on mouseover of the image and not having the 'show notes' link. Similar to:
http://www.23hq.com/mygdal/photo/307538

I like the 'Tagged Areas: xx' under the thumb. Is that just added to the iteminfo block?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

I attempted to load the demo site at:
http://sandbox.phinze.com/g2.2.5/main.php

and IE 7 had an error on the photo page. The gallery main page and thumbnails loaded fine.
It was the photo page when I got the popup error and the photo would not load at all.
Below is the error message:

"IE cannot open the internet site http://sandbox.phinze.com/g2.2.5/v/waldo/maze07.jpg.html.
Operation Aborted"

So then I opened Windows Safari and the photo page with the imagenotes loaded fine. And from what I experienced in Safari it worked great but not in IE.
http://sandbox.phinze.com/g2.2.5/v/waldo/maze07.jpg.html

I am really looking forward to the finished product. Keep up the great work Phinze.

July 11 at 6:05am EST

Hey guys,
I'm so looking forward to this! It would help my visitors tremendously for the kind of Gallery2 website I have. So, I await any updates to this. Thank you Phinze for your dedication and hard work.

I tried to load the demo from caddymob and I just got a bunch of errors...I think authentication error and something about session data. Happened to all my browsers: Safari, FF, IE6

But, this link works for me: http://sandbox.phinze.com/g2.2.5/v/waldo/maze07.jpg.html

Looks awesome!!!!!!!!!!!!

You're right, now comes the time when I start adding Gallery specific features. I have been reworking some of the code in the background to try and get in to better conform to Gallery standards, and that has slowed me down a bit. Your comment has gotten me back on track, though, and I'll get back on the feature push right away.

Use cases: 
[x] Leave a comment corresponding to an area
    [ ] Do this by interfacing with the existing comments module
[ ] Tag a G2 user in a photo
[ ] Tag an area using an arbitrary tag
    [ ] Do this by interfacing with the existing tags module
[ ] View all photos with a given G2 user / tag in them
[ ] View cropped areas with a given tag
[ ] Show crops of the latest N tagged areas (in imageblock?)
[ ] ...more?

All you people experiencing problems on Windows browsers: I'm in the process of building myself an XP virtual machine, so I will be able to better address the evils of Windows and its pal IE soon.

Lots of progress today, getting through the list of code improvements to make in preparation for adding new features. Notable additions today (as yet uncommitted):

• Tweaked JS for itemLinks to catch any errors that occur, including syntax errors. Should prevent browser from falling through to the bogus href in most cases. ...not that there will be any more errors, of course. ;)
• Streamlined AJAX communication for better error handling and performance
• Removed control bar UI
• Significant code improvements throughout

I'm out of town for the weekend, so probably not much coding, but I'll be on the InterWires I'm sure.

Making good progress today. Here's the latest commit to SVN:

------------------------------------------------------------------------
r1511 | phinze | 2008-07-15 18:15:23 -0500 (Tue, 15 Jul 2008) | 16 lines

ImageAreas module 0.1.0 [alpha]
- Major refactor of core code to use a GalleryEntity rather than a map table
  for ImageAreas
- Now storing info about author, created time, and last modified time
- Displays author's full name in the tag (to be parameterized)
- Improved error handling throughout

!!!!!!!
WARNING This alpha release changes the storage strategy and provides no method
                for migration.  Recommended installation method is that you uninstall any old
                instances of the plugin before proceeding.  If you have any tags you
                want to port over, make a dump of the ImageAreaMap table and get in
                contact with me and I'll see what I can do.
!!!!!!!


------------------------------------------------------------------------

I'm looking forward to it! I don't know how to use the SVN stuff,,,im such a noob, but I'll keep watching this thread. thanks.

please review my errors phinze- this is in a modified matrix theme, only text fonts are changed really. the latest 1517 commit blanked this time when i tried editing the root album - the same problem as the last version, but allowed editing under my modified matrix, unlike last time. this is the error i receive when trying to add an image area:

Error Detail -
Error (ERROR_BAD_PARAMETER) : /UNIONFS/opt/lampp/htdocs/gallery2/modules/imageareas/AddArea.inc

* in modules/core/classes/GalleryView.class at line 182 (GalleryCoreApi::error)
* in main.php at line 318 (GalleryView::loadView)
* in main.php at line 94
* in main.php at line 83

System Information
Gallery version 2.2.4
PHP version 5.2.5 apache2handler
Webserver Apache/2.2.6 (Unix) DAV/2 mod_ssl/2.2.6 OpenSSL/0.9.8e PHP/5.2.5 mod_apreq2-20051231/2.5.7 mod_perl/2.0.2 Perl/v5.8.7
Database mysqli 5.0.51
Toolkits Thumbnail, SquareThumb, NetPBM, Gd
Operating system Linux Knoppix 2.6.19 #7 SMP PREEMPT Sun Dec 17 22:01:07 CET 2006 i686
Browser Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9) Gecko/2008052906 Firefox/3.0

i have "Image Tags" module installed - the netbear one - would this have any effect upon your module?

I've just had a crack at r1522, now on G2.3, in firefox 3: I get two errors on loading a photo, here's a screenshot of what's going on. (This is the same page loaded twice - the first shot is the first error, the second shot is the second error, the third shot is the firebug console of the async call from the javascript.)

Some problems with the itemLink icons too. (Not sure why they're there... I don't have icons active anywhere else on the site.)

I'm not sure if this is any help, but it can't hurt, can it?

Trying the same page in Opera: page loads ok (still have the problem with the repeated icons) but any of the itemLinks sends me to your fall-through ImageAreas Module Error page.

Safari (3.1.2) gives a JSON.Parse error in a dialog box.

IE7.... gives the JSON.Parse error ... then refuses to action any mouseclicks across the entire site, even when IE is killed an reloaded, until Imageareas is uninstalled. :-/

alecmyers,

As usual your help has been invaluable in getting the bugs worked out of each new feature I add. I believe I've addressed all of the issues you've brought up in this revision:

------------------------------------------------------------------------
r1523 | phinze | 2008-07-25 19:22:12 -0500 (Fri, 25 Jul 2008) | 13 lines

Bugfixes galore!  Thanks to alecmyers for most of these reports.
- CSS Icons that were added now check to make sure icons are activated before
  applying themselves.  To do this I factored out icon related CSS to a
  separate file and load it conditionally in Preloads.inc.
- Recent UI development introduced major IE problems because of a click handler
  applied to the whole document returning false, which in IE prevents the click
  from being registered.  Solved this by paying close attention to the return
  value as well as reducing the scope of the handler (now only applied to
  ImageAreas UI).
- Changed permission in upgrade to allow registered users to do everything with
  imageareas, had accidentally left it at just view.
- Removed focus() calls for the moment because IE doesn't seem to like them.
------------------------------------------------------------------------

Please check out the latest version and make sure I've gotten everything right.

The framework is beginning to come together for integrating comments and tags, so stay tuned!