User-centric design – what is simple web-based collage creation and annotation technology?

I want to create a small / simple medium that works for a content creator and consumer as follows:

    Role: Creator
    1. The user would log into the site and create a canvas
    2. the user would upload images and associate them to the canvas
    3. the user would place the images on the canvas
    4. the user would write text snippets and associate them to the canvas
    5. the user would draw regions on the canvas and associate text snippets to them

Example of use:
Joe uploads photos of the kids and pets on a family trip, tagging everyone with names as they age.

    Role: Viewer
    1.  The user would follow a link to see the canvas within a main frame and smaller side or bottom region for text
    2. The viewer would draw the canvas and all used images on top of it
    3. The viewer would draw some indication of the regions
    4. If the region is clicked the associated text is loaded into the other panel/frame
    5. If the mouse wheel is scrolled over the canvas the entire view will zoom in/out (or pinch on mobile/tablet)

Ideally, I would also like to be able to create links between elements.

I have programming experience but not web design so I don't know how to do it the easiest. For example, if I could do it with a small amount of Java script. I want to create something self-contained, preferably from scratch, probably XML to store the content model.

Note that this is not a photo collage website, just a practical metaphor.

Please help,

Thank you very much.

P.S. This is my first UX stack post. I looked at https://ux.stackexchange.com/help but found no problems with my question …

Would you like to create a web-based, variable music sequencer from scratch?

I just joined this community and looked around and it seems like you can point me in the right direction. If this is not the right place for my question, I apologize in advance.

I want to create a music sequencer, d. H. A program in which I can specify a time signature and a number of repetitions, and the audio will play a click accordingly. Here is a link to a pretty good program that does part of what I want to accomplish: https://www.imusic-school.com/en/tools/online-metronome/

You will find that with the above program you can specify:

  1. BPM (beats per minute) in the upper area
  2. Number of strokes and subdivision in the 2nd or 3rd section
  3. Duration in the lower range

In addition, the "Stress First Beat" increases the first beat to get the "one" count.

I want to create something similar, also web-based, but with the following changes:

  1. In addition to the duration, I need the option to set a series of repetitions. So, "Play the X times"
  2. Add multiple segments. So imagine the user interface on this website, but with the option to create several of them with their respective settings and play them one after the other.

For example:

  1. Then play a 4/4 beat at 120 bpm for 6 reps.
  2. Then play a 6/8 beat at 160 bpm for 12 reps.
  3. Play a 7/4 beat at 80 bpm for 4 reps.

My problem is that I am not a programmer (yet). I have a basic understanding of programming, with some knowledge of how variables work, etc., but it's very rudimentary.

That means I am ready to learn and I am in no hurry to do it. This is simply a favorite project of mine that stems from my needs as a musician in a prog band (where time changes within the same song are very common).

I need the following from you:

  1. Given what you saw on the website above and the goals I set, I would love to hear your suggestions about what programming language to use to create such a program.
  2. Suggested resources in which to learn such a programming language
  3. Best practice suggestions and pitfalls that should be avoided. For example, how would I avoid delays? The click must be precise at all times as it serves as a guide for the recording
  4. Any other advice in general that you think I should follow.

I hope you can point me in the right direction. Please understand that I am not here to ask people to build this for me for free. I want to carry my own weight and do it myself. It is my favorite project and I want to have fun with it. I just need the voice of experience to avoid making unnecessary stupid mistakes (as much as possible, of course).

Thanks in advance.

P.S. You don't have to answer all of my questions in one post. Simply choose what you would like to answer.

Design – I'm working on a music app. I want to know that the song upload feature should be available in a web-based application or a mobile app

I am working on a music application that includes both a web app and a mobile app. I am working on the audio upload function. I want to know where the audio upload feature is available in a web app or a mobile app. What are the disadvantages of the audio upload function in the mobile app?

Web application – return the social security number after validation checks in the web-based form

I have a web-based application form that collects personal information for web-based users. One of the fields is an SSN. My question is simple, in terms of security compliance (generally OWASP, PCI, SOC2, etc.). Is it okay to pre-populate the SSN if the user has returned to the form due to validation issues?

Assuming I fill in the entire form, I forgot to enter the date of birth (another field in the form), the form reloads the page, displays a confirmation message regarding a required field, and then the form is filled out Form fields that the user has already entered, first name, last name, SSN, etc. Is it acceptable for security reasons to refill the SSN (this comes from the server side validation, not from the client side), or should I force the user to SSN again enter?

Web-based contribution. – Discussions & Help

Web-based donation is an energizing opportunity for traders to generate a real flood of salaries. With Forex Trading there are several advantages that make this a tempting market also for the tenderfoots. Interested traders will recognize a reason why this is an incredible speculative decision by taking into account the forex benefits. Forex trading has consistently been developed into an important source of payment for those who value online money donations. Over the years, many people have figured out how to make an effective exchange and are excited about the benefits of this dynamic market.

Yahoo's web-based e-mail truncates characters

I'm not sure why web-based emails cut Yahoo characters.
See below the output of a Rohnachricht. Is there a way to prevent this?

X-Mailer: WebService/1.1.14680 YMailNorrin Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.70 Safari/537.36
Content-Length: 516

------=_Part_1176366_1815233237.1573171750698
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 7bit

2.2.2.23.3.3.34.4.4.4

------=_Part_1176366_1815233237.1573171750698
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: 7bit

2.2.2.2
3.3.3.3
4.4.4.4

------=_Part_1176366_1815233237.1573171750698--

Javascript – upload a file from a web-based platform to an S3 bucket using NodeJS – Callback Hell

This code checks the user permissions to upload files. If the user can upload a file, it will be checked if it exists in SharePoint. In this case, the file is retrieved and uploaded to the S3 bucket. It all works well, but I was told that all these catches create the hell of the recall. I've tried to make promises, but I'm very confused about how I can turn these recalls into promises. Appreciate all help.

ProjectContacts.findAll({ where: { can_upload_files: 1, email_address: email }, attributes: ('email_address', 'project_id', 'can_upload_files') })
        .then(projectContacts => {
            if (projectContacts.length > 0) {   //If email can upload, proceed
                doesFileExistSp(creds, spSite, siteUrl, spFile) //Check if file exists in SharePoint
                    .then(exists => {
                        if (exists) {
                            logger.info(`DOWNLOAD PATH: ${downloadPath}`);
                            logger.info(`FILENAME: ${fileName}`);
                            const sppullContext = {
                                siteUrl: siteUrl, //SharePoint URL
                                creds: {
                                    username: process.env.SP_USER,
                                    password: decrypt(process.env.SP_PASSWORD)
                                }
                            };
                            const sppullOptions = {
                                spRootFolder: spFolder,      // The folder path for the file in SharePoint
                                dlRootFolder: downloadPath,  // Where the file is saved locally
                                strictObjects: (fileName),  // Only download the fileName specified as a query parameter
                                muteConsole: true
                            };
                            pullFromSharePoint(sppullContext, sppullOptions)
                                .then(filepath => {     //Pull file with fileName from SharePoint
                                    logger.info(`FILE NOW IN PATH: ${filepath}`);
                                    // Create the upload directory within the project directory.
                                    const s3UploadFolder = path.join(downloadPath, uploadFolderName);
                                    makeDirs(s3UploadFolder)
                                        .then(() => {   //creates upload folder in s3
                                            function saveMetadataCallback(errorObj) {  //callback for saveMetadata which checks for errors, semaphore/locks not being used
                                                if (errorObj) {
                                                    const filepath = path.join(downloadPath, fileName);
                                                    copyFileSpToS3Cleanup(filepath, semaphore, lockKey).then(() => {
                                                        const error = createError(errorObj.errorMsg, errorObj.statusCode, errorObj.origErr);
                                                        return next(errorObj);
                                                    }).catch(errorObj => {
                                                        const error = createError(errorObj.errorMsg, errorObj.statusCode, errorObj.origErr);
                                                        return next(error);
                                                    });
                                                }
                                            }
                                            saveMetadata(saveMetadataCallback); // Save the metadata info.json files.
                                        }).catch(err => {
                                            const filepath = path.join(downloadPath, fileName);
                                            copyFileSpToS3Cleanup(filepath, semaphore, lockKey)
                                                .then(() => {
                                                    const error = createError('Unable to create upload directory', 500, err);
                                                    return next(error);
                                                }).catch(errorObj => {
                                                    const error = createError(errorObj.errorMsg, errorObj.statusCode, errorObj.origErr);
                                                    return next(error);
                                                });
                                        });
                                    return res.status(200).json({
                                        message: `${fileName} has been uploaded to ${filepath}`
                                    })
                                }).catch(errorObj => {
                                    const filepath = path.join(downloadPath, fileName);
                                    copyFileSpToS3Cleanup(filepath, semaphore, lockKey)
                                        .then(() => {
                                            const error = createError(errorObj.errorMsg, errorObj.statusCode, errorObj.origErr);
                                            return next(error);
                                        }).catch(errorObj => {
                                            const error = createError(errorObj.errorMsg, errorObj.statusCode, errorObj.origErr);
                                            return next(error);
                                        });
                                });
                        } else {
                            const error = createError('File does not exist!');
                            return next(error);
                        }
                    }).catch(err => {
                        const error = createError('File does not exist!');
                        return next(error);
                    })
            } else {
                logger.error(`${email} does not have permission to upload`);
                return res.status(401).json({
                    message: `${email} does not have permission to upload`
                });
            }
        });

I'm looking for coder to create a web-based WP blog poster

I'm looking for a competent programmer (open to any language) to develop a Linux-hosted content posting solution (xlmrpc) in a PBN of WordPress blogs.
SEMrush

I foresee that this project will be carried out step by step.

In the first phase, you will create a web-based blog poster with the following features:
* Accepts submissions to a form that is divided into scopes, for title and post body text, and a form that accepts a list of blog URLs to post. Plus a post-response window.
* Probably very similar in appearance to the Scrapebox blog poster if you are familiar with it.
* Both title and post-body entries accept spintaxt and html, e.g. B. Embedding codes for Google Maps. Form fields are filled in by inserting text.
* The "Blog List" section will display a list of blogs that should also be posted. The list is populated directly by inserting a list or uploading a list of URLs with associated login and password
* Before posting, offer a preview button to preview the post.
* As soon as posting begins, the poster will spin the post (if in spintaxt) and post it to blogs with xlmrpc
* Posts only once to each blog in the list.
* Provides a live progress report on the success or failure of each post, and when completed, allows you to load the URLs of completed blog posts and failed blogs, if any.

So that's the bare minimum I need as soon as possible.

Once that works, I want to expand and add the following features:
* Tracking past posts based on the individual job ID to prevent future dupes from being created for posts with the same job ID
* Scheduling, simple and complex
* Ability to post to a db-hosted list of blogs that randomly select blogs without fraud.
* Send deletion requests via xlmrpc based on job ID
* Use of tokens in posts that are replaced at the time of posting with elements such as URL, keyword, image / video assets, and so on.

Once we agree on what is needed and what needs to be done, I would like an offer to work. The quote may vary by a small percentage as the work progresses because, as far as I know, unforeseen issues may arise.

I pay for agreed milestones with either Paypal, Payoneer or BTC.

I look forward to getting this first phase started as fast as possible, so an expected TAT will be required.

As I wrote, I think of this as an ongoing development, so you must be available to complete all aspects and for future debugging. Please do not apply if you know that you are stuck in another place and have no time left to work on this project.
If you are interested and qualified, please contact me via PM for more information. I would also like to see some examples of past work you did.
Thanks / Steve

Web Service – How do I get web services to retrieve accounting data (accounting software) into a web-based application?

Stack Exchange network

The Stack Exchange network consists of 175 Q & A communities, including Stack Overflow, the largest and most trusted online community where developers can learn, share, and build a career.

Visit Stack Exchange

Mass checking of a URL existence (web-based)

I am developing an application to check the student 's submission (eg in the url format of root/(student_id)/ex1/1/ to Exercise 1.1)

I've developed it with PHP, but it goes very slowly through every possible URL. If there is 300 Students with 5 Exercises. It is to go through 1500 URLs that make it very slow.

I wanted to know that there is a better approach than this.