Write some Software

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 Language: html / css AND: 1. server based ( For development NOW! ) php with minimal js for some functions mysql driven 2. local (client) based ( SOMEDAY, PERHAPS ) html / javascript sqlite driven 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 Designer Function: (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 User Function: 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 id image (data blob) image_name table 2: coordinates id image_id x_coord y_coord active (inside photo border) text specific_label general_label specific_link general_link table 3: results id image_id userid custid date / time label (general or specific depending on type of click) coordinates