web designing and development homework help

Boost your journey with 24/7 access to skilled experts, offering unmatched web designing and development homework help

Trusted by 1.1 M+ Happy Students

4.3Trust Pilot

4.4Edu Reviewer

4.5App Review

4.5Student

WhatsApp Support

Get Instant
Online Homework Help
via WhatsApp

Get instant homework help from top tutors—just a WhatsApp message away. 24/7 hw help support for all your academic needs!

★★★★★

2M+ students trust TutorBin

Your WhatsApp Number

⚡ Instant reply

🔒 100% private

👨‍🏫 Top tutors

🌍 All subjects

^*Get instant homework help from top tutors—just a WhatsApp message away. 24/7 support for all your academic needs!

2M+ Students Helped24/7 Live SupportExpert TutorsAll Subjects CoveredInstant Response100% ConfidentialTop Rated ServiceMoney-back Guarantee2M+ Students Helped24/7 Live SupportExpert TutorsAll Subjects CoveredInstant Response100% ConfidentialTop Rated ServiceMoney-back Guarantee

Recently Asked web designing and development Questions

Expert help when you need it

Q1:A React Project to develop a web application in which Customer can login into the System (no need to implement login module) and in his Nav bar he/She has Reserve Table button. Once the customer clicks on that button a Page will appear which gives access to the customer to reserve a table. The Page should look like,See Answer
Q2: React Web application A React Web application in which Customer visits the website and post a review. Here its the restaurant website, when customer visits the restaurant website (No need to implement login module). He/she see the post a Review navbar. When I click on post a Review button, the in which customer can leave a review button in Review page opens about restaurant. The review is mostly like Google review, but here for posting a review, the form should ask name, number of stars (1 to 5), and description of review and finally image. Aftes these 4 values after Should be Posted page. Like that how many Reviews one above the other. giving the review review button form without refreshing. I give all should a be posted The page looks likes this. clicking Clicking Submit well below theSee Answer
Q3:Writing a Server Application Tasks In this task you are asked to demonstrate how a web server can be coded to serve dynamic pages. Specifically, the server application is to provide a page that displays if the visitor is a Winner of a Competition or not. The selection of a win/no-win can be based on a simple random number selection (i.e., 1 in 3 chance). This page is to be served through a defined web address (or route) such as http://localhost: 3000/competition. Follow the steps below to complete this task: 1. Create your own local directory (or you can use the same local directory created in Task 8.1). 2. Use express module to create a Node.js application (i.e., using the index.js from your Task 8.1 or creating a new expressserver.js) that will set a local web server. The server listens to the port 3000. 3. Modify your index.js (or expressServer.js) file to: o remove the hardcoded response for the GET on the route (as done in Task 8.1P) and change it to serve pages form the public_html folder, as done in previous weeks (sample of this code is shown in the snippet below) o add a route handler for a GET request on /competition. This would enable access to http://localhost: 3000/competition using a web browser. The handler for this route would then choose a random number (say out of 3) and if it equals 3 then display a 'win', otherwise display a 'no win' message. These messages, along with a statistics (tally) of wins & losses, should be provided a new webpage. 4. Run the command node. (to run the index.js) or node expressServer.js in a Command Prompt (Windows) or Terminal (Mac OS) within your local directory to make the server work. 5. Use the provided index.html file to access your newly created /competition route handler (or access it directly through http://localhost: 3000/competition), the Home page should appear like this:See Answer
Q4:Part 2: User class Next, you will implement a User class, a data model that represents a user in our social media app. Open the API specification, which describes all of the endpoints the API supports. You will probably want to keep this page open as a reference while implementing the class.See Answer
Q5:Moe's score is 20 Curly's score is 40 Section 4: Derived Class Results: Baseball scoring The scores for Cubs vs Braves: Cubs's score is 2 Braves's score is 3 The current inning is 1.5 Outs: 1 Strikes: 2 Fouls: 3 Balls: 1 Directions for Submitting Your Assessment The source code file is the file in your project that contains the code you wrote. You will only need to submit the source code file for your program and not the entire project folder or any additional project files. Below are listed the file extensions for the source code file for each language: .cs file for C# java file for Java .php and .js files for Web Development Naming Your Project and Source Code File While you can change your file name later, it will be simpler with less chance of confusion if you name your new project and code file with the following naming convention when you create it. The code files should be saved as: IT232_YourLastName_M5. The source code file and the project name can be the same./nSection 4: 1. Enter the comment with the section title as described above. 2. Write code to test the sub-class. This can be done multiple ways and should be when thoroughly testing your code. However, for this Assessment's output, we will use the following method: a. Print "Section 4: Derived Class Results: Baseball scoring" to the console followed by a blank line. b. Instantiate an object called gameTwo, from the baseball class, passing "Cubs" and "Braves" as the teams, (or teams of your choosing), to the constructor. (Note: If you choose to use different team names, be sure you substitute them below for 'Cubs' or 'Braves'. c. The following method calls should be done in order to guarantee the correct results. i. ii. iii. iv. V. vi. vii. viii. ix. Call the addScore() method to advance the Cubs' score by 2. Call the advOuts() method three times. Call the addScore() method to advance the Braves' score by 3. Call the advOuts() method once. Call the advStrikes() method once. Call the advFouls() method thrice. Call the advBalls() method once. Call the listAllScores() method to print the game and scores. Also, print a blank line to the console. Use the appropriate get methods to print the current inning, outs, strikes, fouls, and balls. EXPECTED OUTPUT Assessment 10 - Classes and Inheritance Section 3: Base Class Results After Adding The scores for Canasta: Larry's score is 20 Moe's score is 35 Curly's score is 45 Section 3: Base Class Results After Subtracting The scores for Canasta: Larry's score is 20/ng. Include a public method, advFouls(), to add one to the number of fouls. If the number of strikes is less than 2, advFouls() should also add one to strikes. i. h. Include a public method, getFouls(), to return the current number of fouls. Include a public method, advBalls(), to add one to the number of balls. If the number of balls reaches 4, reset balls, strikes and fouls. (This means the player has been given a walk to first base but does not guarantee and runs were scored. k. j. Include a public method, getBalls(), to return the current number of balls. Include a public method, getInning(), to return the current inning. Include two constructors. The first one is a default constructor. The second is a constructor method which will accept the name of the home team followed by the name of the visiting team. It will then call the setGame() and pass it a combined name such as "Cubs vs Braves". It will also call the addName() method to add the two teams to the players property. I. Section 3: 1. Enter the comment with the section title as described above. 2. Write code to test the base class. This can be done multiple ways and should be when throughly testing your code. However, for this Assessment's output, we will use the following method: a. Print to the console the message, "Assessment 10 - Classes and Inheritance" followed by a blank line. b. Print "Section 3: Base Class Results After Adding" to the console followed by a blank line. c. Instantiate an object called gameOne, from the scoreKeeper class, passing "Canasta" as the game name to the constructor. d. Call the addName() method three times to add the players, "Larry", "Moe", and "Curly". e. Print a blank line to the console for ease of reading. f. Call the object's addScore() method three times. Once for Larry adding 20 points to his score. A second time for Moe adding 35 points to Curly's score. Then a third time for Curly, adding 45 points to Curly's score. g. Using the listAllScores() method, print a report of the players and their respective scores to the console. h. Call the object's subScore() method twice. Once for Moe subtracting 15 points from his score. The second time, subtract 5 points from Curly's score. i. Print "Section 3: Base Class Results After Subtracting" to the console followed by a blank line j. Using the listAllScores() method, print a report of the players and their respective scores to the console. k. Print two blank lines to the console./n2. Create a base class called scoreKeeper. a. Include a private property called gamePlayed to contain the name of the game being played. b. Add a private property which will allow for any number of players. A dictionary or dynamic array would be a good option. The container will hold the names and scores of the players. c. Include a new public method, addName(), to accept a player's name and insert it into the container. (Note: If the container you used does not have an add method to easily add a value, you will need to include code to determine the next available position.) d. e. f. g. h. Include a public method, subScore(), to update a player's score by passing it the player's name and the points to be subtracted. Return the updated score. Include a new public method, listAllScores(), to print the name of the game being played, the names of each player and their respective scores. j. Include two constructors. The first one is a default constructor. The second is a constructor method which will accept the name of the game and call the set Game(). i. Include a public method, getPlayerName(), to accept the number of the player and return the player's name. Include a public method setGame() to update the gamePlayed property by passing it a string containing the name of the game. Include a public method getGame() to retrieve the name of the game. Include a public method, addScore(), to update a player's score by passing it the player's name and the points to be added. Return the updated score. Section 2: 1. Enter the comment with the section title as described above. 2. Some games have additional information that must be monitored during play. Create a sub-class called baseball that inherits from the base class scoreKeeper. a. Add private integer properties for fouls, balls, strikes, and outs. b. Add a private decimal property to hold the inning number. Whole numbers will indicate the top of the inning and half numbers will indicate the bottom. e.g. 5.5 would indicate the bottom of the 5th c. Include a public method, advOuts(), to add 1 to the number of outs. If the number of outs reaches 3, reset balls, strikes, fouls and outs to 0 and add .5 to innings. d. Include a public method, getOuts(), to return the current number of outs. e. Include a public method, advStrikes(), to add 1 to the number of strikes. If the number of strikes reaches 3, call advOuts(). f. Include a public method, getStrikes(), to return the current number of strikes./nThis Competency Assessment assesses the following outcome(s): Course Outcome practiced in this assessment: IT232M5: Examine object-oriented programming concepts. Purpose The purpose of this assessment is to provide you with an opportunity to demonstrate knowledge of creating classes, instantiating objects from those classes, and expanding the functionality of a class through inheritance. Assessment Instructions In this scenario, your group has been tasked with creating a score keeping program for games. You have been assigned to create and test the classes necessary. You will create a single, console program with multiple sections. In it, you will create a base class and an inherited class. Then you will write code to instantiate objects from each class and test their functionality. Please keep in mind that with all the Assessments in this course, any given scenarios are hypothetical and intended solely to demonstrate specific skills. Challenge: Once you have created the following console program and tested it to make sure all of its specifications work, why not go back and try creating a GUI to use the derived class? (This challenge does not count as part of your assessment grade and is not required.) Assessment Requirements Note: If your language of choice is Web Development, you will need to complete the exercises in both PHP and JavaScript. Using the language in which you have chosen to focus: C#, Java, Web Development languages (PHP and JavaScript), please complete the following Assessment: The program for this Assessment will consist of four sections, each headed by the three-line comment below: //************* *** //**** Assessment 5 Section X //******* (where X stands for the portion of the Assessment to follow.) Section 1: ********* 1. Enter the comment with the section title as described above.See Answer
Q6: SIT774 Web Technologies and Development 6.3C: Conditions and Function Tasks In this task you are asked to construct a table showing information of the eight Australian Capital Cities. You will be provided with some raw data for the set of cities, which includes fields such as City Name, State (abbreviated), Comment, Average Yearly Rainfall and Average Total Sunny Days. In completing this task, the code used to dynamically build the table should be allocated within a javascript function. This function is called when the user clicks a button. The initial webpage should appear as shown below: Task 6.3C 2022/T1 + Ⓒ localhost:3000/task6-3.html Australian Capital Cities & Information Click the button below to build and display a list of Australian cities along with some interesting information. Create City List Task 6.3C M Paused X : Task6.3.1: Initial page view When the user clicks the button to generate the table, it should appear as shown in the following two images below: 1/5 SIT774 Web Technologies and Development 2022/T1 sk Task 6.3C O localhost:3000/task6-3.html Australian Capital Cities & Information Click the button below to build and display a list of Australian cities along with some interesting information. Create City List # The following table has been dynamically generated from JSON data: 0 1 2 3 Task 6.3C City Adelaide 6 Brisbane Canberra Darwin 3 Darwin ● 4 Hobart X Perth 7 Sydney + State South Australia Queensland Australian Capital Territory Northern Territory O localhost:3000/task6-3.html X + 5 Melbourne Victoria Northern Territory Tasmania Western Australia New South Wales Total averages across all cities: Rainfall: 863 mm Sunny Days: 231.125 days Comment Lovely city on the Torrens River Capital city of Queensland Where the federal politicians are! Crazy and funny folks, up north! Task6.3.2: List of Australian Cities (pg1) Crazy and funny folks, up north! Beautiful but very chilly winters... City with four seasons in one day Avg Rainfall A long drive but worth it! 547 1080 602 1812 1812 569 518 734 Sunny Best Days Prettiest harbour 1042 in the world! 224 261 246 239 G 239 193 185 265 236 Activity Tennis Gardening Tennis Movies Movies Tennis Tennis Sailing Sailing M Paused Averages calculated from summing up all the rainfall and sunny day totals and dividing each by the total number of cities. Task6.3.3: List of Australian Cities (pg2) X Paused : X Task 6.3C 2/5 SIT774 Web Technologies and Development You are provided with the raw data for the cities in the form of a JSON object, that contains an array of cities. This JSON object is shown below: const cityListJSON = { cities: [ }; ] { name: "Adelaide", state: "SA", text: "Lovely city on the Torrens River", avgrainfall: 547, sunnydays: 224 }, 2022/T1 { name: "Brisbane", state: "QLD", text: "Capital city of Queensland", avgrainfall: 1080, sunnydays: 261 }, { name: "Canberra", state: "ACT", text: "where the federal politicians are!", avgrainfall: 602, sunnydays: 246 }, { name: "Darwin", state: "NT", text: "Crazy and funny folks, up north!", avgrainfall: 1812, sunnydays: 239 }, { name: "Hobart", state: "TAS", text: "Beautiful but very chilly winters...", avgrainfall: 569, sunnydays: 193 }, { name: "Melbourne", state: "VIC", text: "City with four seasons in one day", avgrainfall: 518, sunnydays: 185 }, { name: "Perth", state: "WA", text: "A long drive but worth it!", avgrainfall: 734, sunnydays: 265 }, Task 6.3C { name: "Sydney", state: "NSW", text: "Prettiest harbour in the world!", avgrainfall: 1042, sunnydays: 236 } This city data has been provided as a Javascript Array of objects which you may use. This is in a file named cityData.zip that is downloadable from the Task6.3C Ontrack page, in the Task Details -> Resources link at the bottom right hand side of the web page. NOTE: The JSON object provided has some fields that are shown in the table, while others are different. In completing this task, you will be required to write support javascript functions that take some input (parameters) and return the processed result which is used to populate the table. For example, the State field is provided in the data as an abbreviation which need to be displayed as the full name. A javascript function that takes an abbreviation as input and returns a fullname string could be used. An example of such a function outline is shown below: 3/5 SIT774 Web Technologies and Development function fullstateName( stateAbbrivation ) { // Should use the input 'stateAbbreviation' and return a string // with the full name (HINT: a switch() statement) } // Then call the function with a value (from the JSON data) let statename = fullStateName( 'VIC' ); // should return 'Vitoria' The final column in the table is Best Activitiy which is dependent on the rainfall and sunny day values. The following table details how the activity should be chosen: Rainfall 0..650 'Tennis' 651..1050 Sailing' 1050+ Movies' only if sun < 250, or else 'Gardening' Activity Task 6.3C In calculating the Best Activity field, a javascript function should be developed that takes two inputs: the rainfall and the sunny days; then using a cascading if / then / else if condition checks, returns the text (string) for the appropriate rain/sun combinations (i.e., function findActivity(rainfall, sun) { .. }). Average Summary The final section of the dynamically created table are the fields to show the calculated total average rainfall and total average sunny days across all 8 Australian cities. This information should be displayed below the table. Hints: • Use the JSON array of objects provided to store the City details and informaiton. 2022/T1 • Define a Javascript function (i.e., fullstateName( stateAbbreviation )) to return the Full State Name when provided with the stateAbbreviation value. • Define a Javascript function (i.e., findActivity( rainfall, sun )) to return the type of activity Activity when provided with the city's average rainfall and sunny days (rainfall and sun values). • Use a table to organize the displayed data. • Use two additional variables to keep a total of the rainfall and sunny day values, these can be updated in the loop as you build the html to display the city's row. What will you submit? 4/5 SIT774 Web Technologies and Development You should submit: • Screen-shot(s) of the web page showing the final table. • HTML base file • The Javascript code to construct the table. 2022/T1 Task 6.3C 5/5See Answer
Q7: SIT774 Web Technologies and Development 10.1P: Server Database for Website Project Task In this task, you are required to create a web server that implements a simple Comments Server, with an interface to a simple database (file) and accepts requests from a user (client browser). These requests include a GET to display the contents of the database, and a POST to store a new record in the database. The database structure (schema) should support a record with the following fields: Name Type Name TEXT Title TEXT Comment TEXT email TEXT Steps Task 10.1P To complete this task, you are required to: 1. Make a standalone Node.js program (i.e., a createDB.js file) and execute it on the Node.js console to create and initialise a server side SQlite3 file database in the server folder. The database contains a table that is used to store the data sent from a form page of your own website (as described in the table above). 2. Make another Node.js program (i.e., a server.js file) in your Node.js server folder. This program is able to launch the server, accept the data sent from a form page of your website (in a POST request), save the received data into the database table, and display the table data upon the request from the client (i.e., a GET request). 3. Make necessary changes to a form page of your website (can be stored in a file index.html), so that it is also able to send a data retrieval request (e.g., a GET request message linked to a Get Users button) to the server in addition to sending the form data to the server using a POST message linked to a Save User button. 4. Launch the server by executing the Node.js program you made. 5. Visit the form web page of your website via the local Node.js server (e.g., 2022/T1 1/2 SIT774 Web Technologies and Development http://localhost: 3000/ which will retrieve the index.html page) using a web browser. 6. Enter data into the form and submit the form to the server (one or more times, by clicking a Save User button). The data should be saved in the server database table. 7. Within the form page, send a data retrieval request (e.g., by clicking a Get Users button) to the server. After receiving the request, the server retrieves data from the database table and displays the retrieved data in the browser. Hints Task 10.1P This task is similar to the example provided in the unit site. You will note the structure of the database table will be different (slightly) and there will need to be a change to the form inputs to match the `fields' expected in the database. What will you submit? You should submit: • Source code of the form web page of your website. • Source code of the Node.js file (i.e., the first createDB.js file) that creates a server file database with a table in it. • Source code of the Node.js server program file (i.e., the second server.js file). • Screenshot of the browser window showing the form web page with entered data. • Screenshot of the browser window showing the retrieved data from the database table after the data retrieval request is sent to the server. 2022/T1 2/2See Answer
Q8: SIT774 Web Technologies and Development 9.2C: Create a Response Page Tasks You are provided with an online form that implements a simple Online Order Form for our fictitious dKin Pizza company. An example of the empty order form is shown in the screenshot below: 2022/T1 Task 9.2C First name dKin Pizza Order Form Thank you for choosing dkin Pizza! Please fill in the customer & pizza order details blelow. Customer Details Mark Delivery Address localhost:3000/order.html 123 Apple St City Geelong Email address your@email.address Pizza Selection Select your pizza: Select a size: Special requests: Please select a pizza type.... Last name Smith Submit State Choose... Mobile number 04XX XXXX O Extra-Large Large O Medium O Small Postcode ◆ 3216 Number of pizzas: O Extra Cheese O Roasted Garlic Thick Crust No Chilli oo Reset 1 0 x Task 9.2C Incognito ⠀ Task9.2.1 Example form layout Again, to assist, the HTML source code for this order page is found on the Ontrack website, in the task 9.2℃ through the Resources link found in the 1/4 SIT774 Web Technologies and Development bottom right-hand corner of the page. You are required to implement the express server code to process the content of the submitted pizza order form and to return a formatted response. This would be implemented in Node.js application program (i.e., a index.js file). When the order form is completed by the user it can then be submitted to the server for processing, using the inbuilt form submit mechanism to the route (API) address /order through a POST request. A sample of a completed pizza order (form) is shown below: ← 2022/T1 Task 9.2C → C Ⓒ localhost:3000/order.html dKin Pizza Order Form Thank you for choosing dkin Pizza! Please fill in the customer & pizza order details blelow. Customer Details First name Anna Delivery Address 331 Seawater Drive City Torquay Email address fishprincess74@gmail.com Pizza Selection Select your pizza: Select a size: Special requests: Marinara Pizza Last name Kelp Submit State VIC Mobile number 0411223344 O Extra-Large O Large Medium O Small ◆ Postcode 3228 Number of pizzas: ✔ Extra Cheese Roasted Garlic O Thick Crust ✔ No Chilli Reset 2 Task 9.2C Incognito x Task9.2.2 Example completed form The Node.js application program should process the data submitted in the form 2/4 SIT774 Web Technologies and Development (extracting the relevant fields form the request.body message) and return a formatted response similar that shown in the screenshot below: Hints Task 9.1P localhost:3000/order 2022/T1 Order Confirmation Thank you for your order received on: Wed Sep 08 2021 13:49:07 GMT+1000 (Australian Eastern Standard Time) Pizza Details • 2 x Medium Marinara Pizza [Options: Extra Cheese, No Chilli] Customer Details • Customer: Anna Kelp • Address: 331 Seawater Drive, Torquay, VIC, 3228 • Contact mobile: 0411223344 • Contact email: fishprincess74@gmail.com Estimated Delivery Time Delivery expected by 2:34:07 PM (9/8/2021) -- or the pizza is free! To return to the previous page to order another pizza, please click here: RETURN 0 oo Incognito X : Task 9.2C Task9.2.3 Example survey response NOTE: The processing of the form should include: 1. The current date/time the order was received. 2. The expected delivery time of the pizza (simply 45 minutes added to the current time). Some things to consider in completing this task: • The response page shown in here uses Bootstrap formatting, although you can use plain HTML/text responses if you wish. • In the server code, with the handling the POST request for the form, set a local variable to be the current Date object, (i.e., orderDate). Then when calculating the new delivery time (45 minutes in the future), create a new Date object and set it with the following function (which you can add to your index.js file): 3/4 SIT774 Web Technologies and Development function addMinutes (date, minutes) { return new Date(date.getTime() + minutes*60000); } This could be called with: js deliveryTime = let orderDate = new Date(); addMinutes ( orderDate, 45 ); • To display the date/time as a string (in the two formats shown in the screenshot above), look at the Date object methods date.tostring() and date.toLocaleDateString(). References on these methods can be found here: • https://developer.mozilla.org/en- 2022/T1 US/docs/Web/JavaScript/Reference/Global_Objects/Date • https://www.w3schools.com/jsref/jsref_tolocaledatestring.asp • https://developer.mozilla.org/en- What will you submit? You should submit: let US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString Task 9.2C • Source code of the Node.js file (i.e., the index.js file). • Screenshot of the browser window showing the form web page with entered customer and pizza data. • Screenshot of the browser window showing response message after the "Submit" button is clicked. 4/4See Answer
Q9:Assignment 1 Purpose The purpose of assignment 1 of this assessment is to design a basic interface that implements graphical user interface elements and takes in some data from a user that can then be accepted by a program and reported back through a form to an end-user. The use of wireframe concepts will provide a framework for capturing the information and displaying the captured information to the end-user in a proper format based on the requirements of the end-user. Assignment Requirements This first assignment will consist of two parts (Part A and Part B). Part A Develop an idea for an interactive user interface for an application or website of your choice. You will write a 2- to 3-page paper that discusses your approach to creating your interactive user interface design. You will want to discuss the interface design principles that you applied, and you will also want to discuss how you considered consistent, continuous, and complementary approaches as you considered your user interface on multiple devices. Part A Instructions: 1. Describe the software application or website for which you are designing the user interface. 2. Discuss what input is required from the end-user. 3. Discuss how that input will be processed in the application. 4. Discuss what output needs to be displayed back to the end-user. 5. Discuss how you will apply the core user interface design principles./nPart B Instructions: Be sure you provide all the detail necessary to illustrate all elements that will appear on the interactive user interface. 1. Navigation bar/links 2. User input elements 3. Submit buttons 4. Area for display of feedback to end-user Assignment 2 Purpose The purpose of this second assignment is to develop and implement a user interface that accepts user input. This assignment will consist of two parts (Part A and Part B). Assignment Requirements For the programming portion: TM Java students: use WindowBuilder ™M in Eclipse. C# students: use Visual Studio. Web development students use the HTML Web Editor in Eclipse. There are videos on the reading page that show how to use each of these tools. Graphical User Interface - C# Graphical User Interface - Java Graphical User Interface - Web Development Assignment Instructions/nPart A Consider the data that you will be asking the user to input and write a 1- to 2-page data input validation plan that includes the following: • A discussion of the steps you will take in your interface design to ensure that data entry is correct in terms of content and format. • A review of the data types for each field of data entry in the user interface that you developed. • An explanation of the rationale for choosing each data type. Your sources and content should follow proper APA citation style. For more information on APA style formatting, go to Academic Writer, formerly PA Style Central, under the Academic Tools area of this course. Part B Using the appropriate tool for your language, (as noted above), implement a user interface that allows the user to enter data. You can create the interface based on your previously created wireframe, or you can create a new interface. Validate the data according to your data validation plan. When the user interface is complete, ask at least one person to use the interface and provide feedback. Test that your data validation plan is implemented and working correctly. Record the results of your test. For the test, ask the user to enter both correct and incorrect data and both correct and incorrect formats to demonstrate that validation is working. Your test report should list each input provided by the user and the result. Input Age (between 5 and 18): User enters 19 Result: Age is out of range Input Email: User enters happy.purdueglobal.edu Result: email requires an @ symbolSee Answer
Q10:What Student want I am developing a portal for a company, they want the portal to digitalize their work and connect all their company functions / departments and make an efficient workflow. They offer b2b services so customer also can sign up and then the IT department will approve their request and activate their account. Thee technology they want to use is: HTML, CSS, React js and node and mysql db. The problem is i'm not familiar at all with backend development. I need to make Architecture diagrams, but I do not know where to start. I will be using Amazon AWS and Microservices approach. Can you detailed Architecture diagram which will include AWS services like aws RDS, EC2, etc...See Answer
Q11:Create your professional portfolio website (like LinkedIn Professional portfolio) and add the content accordingly. Here below are the additional guidelines: 1. Below, HTML and HTML5 controls MUST be there, and feel free to add more HTML and HTML5 controls. • Favicon • Table • Form • Images • Hyperlink Button • • audio video • header • footer • summary • menu • tel for contact information • mailto for contact information 2. Use an external CSS file only. 3. Use of float and overflow property 4. Use of column layout structure 5. Use of absolute and relative position whenever necessary 6. Add a table, then style the table using CSS selectors. Guide for CSS Selectors - http://www.w3schools.com/cssref /css_selectors.asp 7. Create a professional image gallery for certifications, etc., with hover effects and figure captions. Include this in your portfolio. 8. Make the website responsive using media queries for devices like iPad (768px) and Smart phones (350-365px). For example, below pic is a sample (scroll down 2nd page)See Answer
Q12:Purpose The purpose of this assessment is to utilize a third-party web service in an original program created by the student. Assessment Instructions For this assessment, you will use two web service application programming interfaces (APIS): Google Geocoding TM and Google Maps™M. You will provide a form for the user to enter an address, city, state, and ZIP code. This information will be passed to the Google Geocoding API, which will convert the address to the latitude and longitude coordinates. You will want to study the Google Geocoding API to understand the data format requirements and think about how you will have to massage the form data to meet the API requirements. The latitude and longitude coordinates will then be passed to the Google Maps API, and you will display the map for the location in three different formats (e.g., road view, satellite, and hybrid). Keep in mind the multi-tier architecture that you learned previously and try to use this approach of keeping GUI and business logic separate. Be creative in how you control the display of the 3 views. You might display all of them at once, use radio button controls to select between the 3 views or any other options you want to use in your design. Requirements 1. Student creates a form for entry of the address of their choice (including address, city, state, ZIP). 2. The address data is passed to the Google Geocoding API to convert the address to latitude and longitude. 3. The latitude and longitude are then passed to Google Maps API, and the location is mapped in three different map formats.See Answer
Q13:Overview • Designing a good API for any given business process requires having a strong understanding of the entire process. This helps ensure you have thought of the different use cases, error scenarios, and other design considerations. • Writing high-quality API documentation is one of the most important steps in designing, building, and having other developers use your API. Luckily, there are pre-defined guidelines/specifications that make it easy for REST APIs to be understood by other software engineers.See Answer
Q14:Project Requirements You will develop the movie web application described in Project #2 using PHP. First create a project 4 directory inside your web server root directory. Your project is to write only one PHP program movies.php inside project 4. You don't need to use JavaScript. You don't need any proxy. The initial page is a search form with a text area widget and a "Display Info" button. When you click on the button to search, you get a page that contains the search form and a section with the search results. The search results is an itemized clickable list of movie titles along with their years they were released. When you click on the title of one of the search results, you get a web page with the search form and information about the movie: the poster of the movie as an image, the movie title, its genres (separated by comma), the movie overview (summary), and the names of the top five cast members (ie, actors who play in the movie). You call movies.php script in two ways: for example, using movies.php?search=The+Matrix to get search results for "The Matrix" and movies nhn?id= d=603 to get the page with the/nwith the search form and information about the movie: the poster of the movie as an image, the movie title, its genres (separated by comma), the movie overview (summary), and the names of the top five cast members (ie, actors who play in the movie). You call movies.php script in two ways: for example, using movies.php?search=The+Matrix to get search results for "The Matrix" and movies.php?id=603 to get the page with the description of the movie 603. Hints: . How to call the MovieDB web services from PHP? Use either file_get_contents Links to an external site. or curlLinks to an external site. - see project2/proxy.php How to process JSON data in PHP? Use PHP JSON functions Links to an external site. What to Submit Zip your project4 directory and submit your project4.zip file. https://www.php.net/mSee Answer
Q15:WHAT YOU HAVE TO DO Need to create a wordpress website for a fictitious restaurant with all the qualities of the restaurant and also have to create multiple sub webpages totaling 5 and host its name of restaurant misozen./n• Website Appearance: • The website should be styled appropriately. Pay attention to the layout of content, image/color usage, font choices, etc. • Must not use default Word Press themes ("Twenty Seventeen", etc.) • Theme must be customized to remove all default images. • A favicon must be used to improve your site's identity. Website Content: • No lorem ipsum or other placeholder text. • No leftover content from WordPress installation (the "Hello World" post, for example). No repeated images with the exception of header/banner images and a logo, if you decide to create one. • No spelling/grammar mistakes - this is public content! Triple-check your spelling and grammar. • If you use any stock imagery from an external resource, you must provide proper attribution and be able to use it legally (for personal or commercial use). Provide a link to find said image(s) in the Word document you submit to this assignment, followed by the licensing terms, like the Creative Commons license or otherwise./nHome/Welcome Page • This should act as the landing page for your restaurant. Because it's the first page someone would see, it should be welcoming to visitors, be visually appealing or distinct, and provide a way to easily navigate the rest of the website. • Don't forget to include the name of your restaurant! • Note: Your WordPress website may contain many pages unrelated to this assignment, but the submitted URL should direct users to this page. For example, "MyWebsite.com/restaurant-home" might be the address to visit the Restaurant Assignment, but "MyWebsite.com" would still go to your WordPress site's index page. About/Contact Page • This page (typically placed at the end of a navigation menu, but I'll let you decide the order) will contain additional information about the fictional restaurant: • Address, email, and phone number (you can make up this information) . Contact form • Embedded Google Map (choose any location to act as your restaurant in the iframe window) • You should also write a short paragraph (3-5 sentences) to help describe your restaurant. If you want, you can do this on the Welcome Page instead./nGallery Page • Include at least 5 images for your restaurant, displayed in some form of image gallery block/element - not 5 separate image blocks. • Images should include any combination of: food, beverages, restaurant faculty, exterior shots of the building, etc. • You are encouraged to take your own photography, but I will accept images that you've found online through a royalty free/stock image website like Pexels or Unsplash. You must provide attribution/citation in your submitted Word/text document if you are using any images that are not your own. More info on this below. Menu Page • Use Illustrator, InDesign, Photoshop, etc. to create the menu for your restaurant. Keep the design on-brand to the rest of the website. • The page itself should display the menu as an image, but also provide the option to download a PDF version of the menu (by clicking a link or the image itself, for example). • If you need help creating the menu, search up your favorite local restaurant and find inspirations in their design. Blog Page • The Blog Page should lead your visitors to view at least two (2) blog posts made by the fictitious restaurant. Here are a few ideas for your posts: • New menu item(s) ▪ New location/grand opening • Specials/discounts • The posts should have at least 5 sentences of text each, as well as a featured image.See Answer
Q16:Background: In Hilti, our mission is to be a great employer for everyone, everywhere. We want to build an inspired, engaged, inclusive and empowered team, who passionately drive high performance to achieve our LEAD 2030 strategy -making construction better. We believe people are the foundation to achieve this mission! Today, we have 33,000 employees around the world, in more than 120 countries, who contribute to making our customers' work more productive, safe, and sustainable. A key enabler of our people strategy is to strengthen our workforce and hire up to 50K personnel by 2030. With these hiring needs, we must differentiate ourselves and be able to target, engage, and onboard talent. We believe technology can help us do this effectively. In line with this, It focuses on the following topics: 1. Elevate our Talent Acquisition¹ team's capability to better target, attract, and select the right talents in this competitive job market. 2. Improve our candidate experience throughout the hiring process to provide an engaging journey and confidence in selecting a new future company to grow. 3. Accelerate the onboarding and training to help new hires hit the ground running./n¹Talent Acquisition Team is responsible to identify, attract, and hire candidates to fill job vacancies within an organization. Their roles and responsibilities include: a) Job posting: Post job in various platforms. b) Sourcing: Actively search for potential candidates through various platforms. databases, networks, and referrals. c) Screening: Review CVs and conduct initial screenings to assess candidates' qualifications and fit to role. d) Interview: Conduct interviews to evaluate skills, experience, and cultural fit. e) Talent pipeline management: Build and maintain relationships with potential candidates for future job positions. f) Reporting and Analytics: Track and analyze recruitment data to improve the hiring process. *Candidate Experience is crucial in talent acquisition: a) Positive experience: Help attract top quality candidates as they build a strong bond with the brand. b) Reputation and employer branding: To set us apart from competitors which will help attract and retain candidates in a competitive job market. c) Pipeline buildup: Pleasant candidate experiences encourage word-of-mouth marketing which are likely to instill candidate confidence, increase referrals, and build strong talent pipeline for future acquisition. d) Engagement: Positive experiences are more likely to create motivated employees upon hiring which will contribute to long term retention./nSubmission materials: a) Presentation document (mandatory): This document (.pptx/.ppt) should explain the context of your idea and how it supports Hilti based on the above theme. Use an illustrative and attractive way to present typical application situations, a proposal for the design, and the benefits that will bring to Hilti. You may also submit supporting documents in any format. b) Prototype (mandatory): The prototype should be high fidelity alpha version prototype with minimum 10 UI-UX screens.See Answer
Q17:Instructions • Part 1: Using any online mocking tools (see resources section for some free ones) or free-hand drawing if you believe it will be neat enough for us to grade, design the W-2 form below to be a mobile app experience. O IMPORTANT: There will be a continuation of this assignment next week where you will need to make changes to your Ul. Be sure to save your UI in an editable format or you will need to re-create it again later! o Assume that an employee is using their mobile device to input this information based on the W-2 form they received from their employer. o You will NOT receive credit if your mobile experience is a single-page scroll. You must break it down into at least 6 separate screens: Start screen (with any relevant text about what the user is about to "start") ■ ■ 4 or more input screens (you want to split up the input fields in a way that is intuitive and the least overwhelming to the user) ■ Submit screen (with the option to go back and fix fields)See Answer
Q18:Part 2: Testing for Accessibility o Review the accessibility resources below and select at least 2 distinct checks that should be applied to your mobile experience. Think of this as writing requirements for an engineer who would be developing this experience. For example, if there was an image on the screen, one distinct check might be "The image of the IRS logo must have descriptive text of 'IRS Logo' added as alt-text" Note: "Distinct" in this context means they are not in the same category. If you create a check for 2 different images that both need descriptive text, that counts as 1 distinct check, not 2. ■See Answer
Q19:Q2: Development (50 points) Designing and implementing a direct manipulation based technique for splitting a matrix. Given a matrix with 20 rows and 16 columns, you should design a direct manipulation technique on it, so you can split it into several matrices in a smaller size. Specifically, your tasks are: 1) Show a 20 x 16 matrix on a web page, 2) Design and implement direction manipulations on this matrix, 3) Via such manipulations, this matrix can be split into two or more smaller matrices. Implement your design with web-based techniques (e.g., D3.js). In the webpage, you can only show a 20 x 16 matrix and the matrices after splitting. Using UI widgets is NOT allowed. You should write a paragraph in the webpage to explain what a user can do to split the matrix. Regarding to the development part, you should use good software engineering practices. Comment your code, use consistent formatting, use meaningful variable names, etc.See Answer
Q20:A Photo Album using Google Cloud Storage Description The goal of this project is to develop a photo-album application that uses cloud storage. More specifically, you will use the Google Storage API to create a photo album, in which you can upload, delete, and browse photographs. This project must be done individually. No copying is permitted. Note: We will use a system for detecting software plagiarism, called Moss, which is an automatic system for determining the similarity of programs. That is your program will be compared with the programs of the other students in class as well as with the programs submitted in previous years. This program will find similarities even if you rename variables, move code, change code structure, etc. Note that, if you use a Search Engine to find similar programs on the web, we will find these programs too. So don't do it because you will get caught and you will get an F in the course (this is cheating). Don't look for code to use for your project on the web or from other students (current or past). Don't use ChatGPT or any other Al program to generate code. Just do your project alone using the help given in this project description and from your instructor and GTA only Platform You will develop this project on your PC/laptop using XAMPP and you will test it using your Chrome/Chromium-based web browser. Download projectó.zip and unzip it inside your web server document root directory. Documentation You should put your code in one file: album.php. To use Google Cloud Storage you need a billing account on Google, which you have already created for your Google Maps project. First, go to https://console.cloud.google.com/ and click on Cloud Storage Create a New Project under the name cse5335. Push Create next to the Buckets and name your bucket cse5335_xyz1234 where xyz1234 is your NetID (use the defaults and click on Public access will be prevented). Next, install gcloud on your PC by following the directions in https:/cloud.google.com/dk/docs/install (go to the tab labeled with your OS, such as Windows). Then execute: gcloud auth application-default login (see here. This will popup a browser window to login to your Google account. This command will create the file: Linux, MacOS HCM/.config/ocloud/application default credentials. Windows SAPPDATA (see bere . Copy this file inside projecté. Give it permission to read on Linux/Mac Finally, modify album.php by changing the mavid and the location of the keyFilePath (f different) You can test your setup on your web browser by using the URL address http:/localhost/proiectd/album.ahe. Look at the code in album.php. Note that you can run PHP on your terminal. The PHP interpreter is located inside the XAMPP installation directory (eg, on Windows, it's at C:\Xamppiphp). You can just run php album.php in your terminal Documentation • Google Cloud Storage for PHP(don't install it-it's already installed) • Google Cloud PHP Clients Project Requirements You will develop a photo-album application on Google Cloud Storage. Your task is to modify your album.php script in your projects directory to support the following operations: Provide a form to upload a new image la local "jog file from your PC) on your Google images folder. Look at the class slides (page 34) for a PHP example that handles file uploads (http POST call album.php?userfile-file.jpg • A display window that lists the names of the images in your cloud photo directory. For each image name you must have a link that, when you click it, it downloads and displays the image in the image section (http call album.php?display=file.jpg). Each image name also has a button to delete this image from Google storage (http call album.php?delete-file.jpg). An image section that displays the current image. A photo must be downloaded inside the projects/tmp directory before it's displayed. Initially, this image can be empty. What to Submit Submit your zipped project directory.See Answer

TutorBin Testimonials

I found TutorBin Web Designing And Development homework help when I was struggling with complex concepts. Experts provided step-wise explanations and examples to help me understand concepts clearly.

Rick Jordon

TutorBin experts resolve your doubts without making you wait for long. Their experts are responsive & available 24/7 whenever you need Web Designing And Development subject guidance.

Andrea Jacobs

I trust TutorBin for assisting me in completing Web Designing And Development assignments with quality and 100% accuracy. Experts are polite, listen to my problems, and have extensive experience in their domain.

Lilian King

I got my Web Designing And Development homework done on time. My assignment is proofread and edited by professionals. Got zero plagiarism as experts developed my assignment from scratch. Feel relieved and super excited.

Joey Dip

Popular Subjects for web designing and development

You can get the best rated step-by-step problem explanations from 65000+ expert tutors by ordering TutorBin web designing and development homework help.

TutorBin helping students around the globe

TutorBin believes that distance should never be a barrier to learning. Over 500000+ orders and 100000+ happy customers explain TutorBin has become the name that keeps learning fun in the UK, USA, Canada, Australia, Singapore, and UAE.