I have an IT assignment about writing a JavaScript and PHP program I would like some help tge info will be in the file down below and i would like the answers to be in the same assignment file.
Category: Javascript
Hi, this is a project idea that I had and I need you to make it for me please. I’ll attach below the theme that im going for which is retro arcade. Preferably pink and purple and white themed. The pink swirly thing i want it to be the background behind the heart(red). and the rest are game designs that im going for. And i want the heart rate to be moving mimicking real heart rates. And for the results i want the heart to fill up to the percentage that the two are compatible. And for the player to start/reset the game they should press on the red button The Love Sensor game is an interactive experience designed for two players, each placing one hand on a heart rate monitor. This innovative game uses heart rate data to measure and display the level of affection or excitement between the participants. The faster the heartbeats, the higher the presumed love connection. How It Works: Heart Rate Monitoring: Each player places a hand on the heart rate monitor, which captures their pulse in real time. Data Processing: An Arduino board processes the heart rate data, assessing the intensity and changes in each player’s heartbeat. Dynamic Feedback: The processed data is then sent to a computer where p5.js generates visual and auditive outputs. These outputs are designed to dynamically respond to the heart rate data. For instance, visuals will grow more vibrant as the players’ heart rates increase, symbolizing a stronger connection. Audio feedback may also escalate, creating a rich sensory environment that reflects the intensity of the game. Interactive Experience: The game aims to create a playful and engaging experience that not only entertains but also visually and audibly illustrates the emotional bond between the players, making it a fascinating exploration of human interactions.
Hello 👋 ,
check the file attachment and please read and follow the assignment rules and use APA style for reference if it was required.
Thank you 😀
Hello 👋 ,
check the file attachment and please read and follow the assignment rules and use APA style for reference if it was required.
Thank you 😀
Instruction are included, this is a javascript programming assignment, pretty sire it shouls he done in mysql. Rubric is included as well
This is a class assignmnent for a javascript class, all the instructions are below, as well as the rubric
>600 words total (>300 words for Part B source(s) notes ; >300 words for the combined Step 2 parts A and C)
Step 1 (READ):
READ (at least skim) the entire Project 4 directions for a better understanding of Project 4.
Step 2 (WRITE):
As we did with Project 3, a good way to format Project 4 Plan is:
A. Thesis statement (can be more than one sentence) that summarizes why the Researchers interest you (maybe you’ve only found 3-4 so far, that’s okay, but name at least 3 just to get some ideas down. You can add/remove them as you continue.)
B. At least 1, recommended 2, summary-responses, or some form of source content and notes about them, to support your Thesis content, noting why 1, 2, or more researcher are important to your field and to society overall.
C. More about your chosen “top” researchers, in this case their name, brief bio,* most relevant works, notes (in your words) about praise and criticism their work has received, and at least 1-2 details about what could make your Project 4 important analysis for readers in your field and outside your field, due to the impact. As in part A above, notes here about 3-4 people is sufficient for this Plan stage.
*Note –> Do not copy / plagiarize biography text from the internet. “Brief bio” here means details you already know about the person, that you can describe in your own words, such as their geographic location, job title, names of articles or accomplishments, country of origin, degrees completed, or similar. If needed it’s acceptable to research some of these details online, but cite that content if you do so, and avoid citing Wikipedia as Wiki articles also have footnotes sources linked at the bottom, so find a more reliable source than Wikipedia if you’re using it for this element. The purpose of doing this part is simply to describe a few characteristics you already know about the person that your readers (305W peers and your instructor) may not know already.
This plan should be around 600 words total, follow the directions here for now, don’t follow the directions that are on the project 4 directions document that will be attached. Just use the document to answer steps 1 and 2 here.
In this assignment we will simulate the kind ofprocessing you will do next semester when you retrieve
records from databases using PHP. From our point of view, we don’t care how the JSON string was
created, we only need to work with it once it arrives in our client-side system.
We haven’t done an exact example of this together, but it has a lot in common with printing variables
from an array in a loop that we did in first semester. What does “
” mean? Nothing in a
Python program, and not much to JavaScript either, it’s a string. When it becomes part of the DOM, the
browser turns it into a cell in a table. This is the idea we’ve discussed a few times: syntax versus
semantics – the structure versus the meaning.
You are going to be doing exactly that: turning a string into HTML. Except where noted you may create
empty HTML elements and change the innerHTML to achieve your goals but top marks are reserved for
using CreateElement and manipulating the DOM directly. You may still need to modify attributes on
those elements, those details are up to your ingenuity.
Create a page with 3 buttons labelled “First”, “Second”, “Third”, and an input element on it. You can pick
the type of input element you feel best solves the problem.
When any button is pressed you will be sending an AJAX request to
https://csunix.mohawkcollege.ca/~adams/10259/a6_responder.php below you will find the details of
what each request should do. To work correctly with CSUNIX the request must originate on CSUNIX. If
you try to test your work from your local computer you will see a CORS error, a cross site scripting error,
will happen. To develop your solution, I suggest putting the URLs for GET requests into your brower’s
URL bar and putting the returned strings into a variable. This way you can test your code without
uploading it. For the POST request you can use a similar technique or simply test immediately on
CSUNIX.
When the first button is pressed send the AJAX request with no parameters. You should expect the
response to be text. Create a h1 element with this text and your student number. Make the text
centered in a container that fits across the entire width of the page.
When the second button is pressed send an AJAX request along with the value of the input element as a
GET parameter named “choice”. The valid values allowed by the server script are “mario” or “starwars”.
For example:
https://csunix.mohawkcollege.ca/~adams/10259/a6_re…?choice=mario You
should expect the response to a JSON string. The string will encode an array of objects. You will receive
at least 1 and at most 3 elements in the array. For each element in the JSON array create a div to hold
the content. Each attribute of the object will be a string, to keep things simple: a name, a url, and a
series. At the top of the div put the series string in an h2 tag inside the div. Below that show the image
that is linked in the url. Finally, below that put the name. The divs should fill 100% of the width of the
screen: if there are 2 elements then the divs will be 50% each, if there’s 3, 33% each. Be warned you
may have to provide height and width parameters to force the images to resize. Do not leave a blank
div, fill the entire area. It should resemble (but does not have to be the same as) these examples:When thethird buttonis pressed send an AJAX request with the value of the input element as a POST
parameter. The valid values allowed by the server script are “mario” or “star wars”. You should expect
the response to be a JSON string. The string will encode an array of objects. You will receive at least 1
and at most 15 elements. Put the elements returned in a table below the pictures, each object
containing the values for 1 row. The table tag may be hard coded in your html, but the table rows and
cells may not be hard coded and must be dynamically generated by your JavaScript code.
Below the table there should be a copyright notice that matches the content.
Place an appropriate copyright notice below the images depending on whether the input was for Star
Wars or for Mario.The copyright notice for “mario” content is:
Game trademarks and copyrights are properties of their respective owners. Nintendo properties are trademarks of Nintendo.
© 2019 Nintendo.
The copyright notice for “starwars” is:
Star Wars © & TM 2022 Lucasfilm Ltd. All rights reserved. Visual material © 2022 Electronic Arts Inc.
NOTES: that there is no guarantee the user will not change the input between button presses, so how
will you make the two pieces of content match one another? To simplify the overall situation, you may
choose to disable the input tag once one of the 2nd or 3rd buttons is pressed to avoid tracking state and
managing a more complicated situation.
The use of Bootstrap to make things look nicer is recommended, indeed, you might find it simplifies the
layout dramatically.
Responsive design is not required for this assignment but is always welcome.
NOTE: This is a college-level project DO NOT use any AI tools to write the code. It should be hand-written. DO NOT use high-level programming techniques. Please read and follow all the instructions properly and carefully.
Everywhere you look, in your life – you’re surrounded by things and phenomena that can be abstracted into data. Buildings, cars, streets, subways, humans & their behaviors… even the ducks of Central Park — can all be represented by abstracted data.
Data is something that we can learn from by playing with it. By filtering, transforming, grouping, highlighting, etc. we can attend to trends and patterns in the data. We can gain new insights by representing data in novel ways. As a series of numbers, as a series of shapes, charts, graphs, symbols, etc. Finally, we can learn from data by allowing users to contribute further data to the data set.
For this challenge, we want you to take a picture of a scene in NYC as inspiration. Then, we want you to choose one or a few things/ideas to represent as groups of data (i.e. collections and documents.) Your application should represent this data collection of documents in some form with the user being able to manipulate the data in meaningful ways. What that means, is up to you.
In this assignment you are being asked to createa simplegraphical application or a game. Since we have
no back-end support, we will need to work 100% client side. You are not expected to retain any
information between page loads – high scores, etc. will reset every new page load.
Do not over complicate the program itself, it can be as simple as a heads/tails coin flipping game, a dice
game1, memory matching puzzles2, a typing tutorial, HTML tutorial (remember Super Markup Man?) or
some other simple game that you wish to create. Perhaps there’s even a Happy Chicken assignment in
your Java course that can serve as inspiration. The goal here is to practice programming, not to create a
AAA multi-million dollar hit game. The artistic standard is “good enough” not “gallery ready”. A demo
video is available at Required Elements
• Your program must meaningfully make use of SVG elements.
o These elements must be interactive using at least 2 types of JavaScript mouse events
(your choice of specific events). You may change 1 mouse event to a keyboard event if
you wish.
o These elements must have the ability to be removed: they must disappear from the
screen and be removed from memory.
o These elements must be creatable by some mechanism. Suggestions include an add
button or a timer that “spawns” them. After creation they should appear on the screen.
o You may have an initial layout of hard coded elements if desired, but all other adding
and removing of elements must be dynamic using JavaScript.
• Style your SVG elements using CSS in addition to the basic XML parameters available.
1 See http://www.activityvillage.co.uk/dice-games for some inspiration.
2 See https://www.mindgames.com/game/Memory+Trainer for some inspiration.
• Animate at least 1 SVG element using JavaScript. The animation must be obvious and
noticeable. Do not use JavaScript to add a CSS animation to an element, nor use an animated
GIFs, etc., to fulfil this requirement.
• Use standard HTML elements to establish user inputs and criteria for the program. Use at least 1
input element without a form to accomplish this requirement, in addition to any other elements
you wish. For example: change the colour of all the circles, make all the squares twice as large,
make the dice 8 sided instead of 6, make the animation move twice as quickly, etc. The specifics
will depend on what kind of program you’re creating.
• Track the state in some meaningful way – for example, a score, number of tries remaining, count
of circles created; something that is connected to your application.
• Continue to use good HTML structure by creating a header and footer around your main
content. The header or footer must contain your name and a copyright notice for 2023. The
page should be titled and appear neat and complete.
You may use Bootstrap 5 or multimedia elements, including CSS animations to make your project
visually appealing and interesting. You may not use jQuery.
• The app must run from beginning to end with no bugs or errors in the Console.
• All JavaScript and CSS code must be in separate, external files.
• The page should look ok on a phone (i.e. maximum width 320px) and on desktops as well.
• All files must be documented according to “Documenting JavaScript Programs” on the LMS.
NOTE: This a college-level assignment DO NOT use any high-level programming to write the code. DO NOT use any AI tools to write the code should be hand-written. Please read and follow all the instructions carefully. For your help and additional information I have provided Youtube video and 2 websites.