Write an html/php/js page (generic browser for desktop, android and ios apps for mobile)
creating an image map that records "clicks"
Image Map Selector
Design Criteria: for multiple devices
1. Computer desktop - Generic (any browser)
2. Tablet / Phone - specific apps for iPhone and Android
html / css AND:
1. server based ( For development NOW! )
php with minimal js for some functions
2. local (client) based ( SOMEDAY, PERHAPS )
Description: Image will be diplayed on screen. Image can be user enlarged or shrunk (by gestures). Clicking on the image will record (save) the positions of the clicks.
Interface will be approved by Requestor before starting programming of any processing.
Source code with comments will be supplied to Requestor before final payment.
All rights will be exclusively owned by Requestor.
Function name: Image Map Selector
Two distinct functions: Designer and User
(these Designer functions may be given or removed by admin - ie, user may be given only click speed configuration (#2), OR possibly ability to edit tables (#7), or NOTHING or All of the Designer Functions)
(add a grid/image)
1. Define grid (coordinate) resolution and size
2. Define / configure click speed
left click speed (too fast will ignore additional clicks, too slow will process before finished)
right click - time before registering as long touch or right click
3. Overlay any image
(image must have well defined outer borders)
4. Ignore (eliminate / delete? or mark inactive?) all coordinates outside border.
5. Map inside border with records in table, as multiple links in grid (x/y coordinates)
6. Link x-y coordinates to mysql table record containing text descriptions
7. Allow edit of table records
There will be four recognized types of mouse/touch taps (left click selections) on the mapped coordinate system (image)
1. single click / single touch (select only coordinates clicked)
2. double click / double touch (same as long touch or right click)
3. multiple clicks / touches on same or additional coordinates (increases # of selections with each additional click)
(if clicks on same coordinates, grow size of selection with each click, otherwise include new selections)
4. hold down and make line drawing
There will be two recognized types of long tap or right click selections
1. select a large area covering multiple points (as defined in general_link)
2. long tap and drag (different from left click and drag as follows:
left click and drag will select a line
right click and drag will select large area over length of drag
Each selected area(s) will show on picture for feedback
store selected area(s) in results table
each area will be associated with popup links, labels and texts (all contained in the table records)
table 1: image
image (data blob)
table 2: coordinates
active (inside photo border)
table 3: results
date / time
label (general or specific depending on type of click)
5 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön
Hello. I have read your project description but I need to ask few questions. Please feel free to ping me anytime so we can have a detailed discussion.