cs553-hw4

A02-02 Create a webpage A2-Task2.html. The webpage is displaying one image. Each time the user moves the mouse out of the image, the image is changed to another one and one more 'sun' emoji is displayed under the image. When the number of 'suns' reaches seven (7), all suns are deleted (reset) and start to be displayed again. For example, the 8th time user moves the mouse out of the image, one 'sun' is shown, the 9th time - two 'suns', and so on. Note: - You should use two images. Each time the user moves the mouse out of the image, the image is changing. If an image of "Winter" is displayed it will change to "Summer", and opposite, if an image of "Summer" is displayed it will change to "Winter". The special character code for the 'sun' is "☀". - Put the source code of your website A2-Task2.html here. Make sure you also upload the A2-Task2.zip of all files below.

Task 1 In this task, the list items are the navigation for a site. They should be laid out as a row, with an equal amount of space between each item. Your final result should look like the image below: Home About Us Our Products Try updating the live code below to recreate the finished example: Contact Us

REact JS   Assignment: Create a Bulb component that can be switched On/Off on click of button (we covered this in class)Assignment: Create two bulbs (on click of btn turn anyone of it --red or green)Assignment: Add delete functionality to the Employee Table

MAKE A MOCKUP TAKING INTO MIND THE FOLLOWING INDICATIONS: •Homepage: • The page displays a header with the name of the system and a navigation menu. • There is a section that shows pending tasks and a search bar to search for specific tasks. • Each task is represented by a title, description, and status (pending, in progress, completed). Create a new task: • There is an "Add Task" button that allows the user to create a new task. • When you click the button, a pop-up form appears allowing you to enter the title and description of the task. • The user can select a default status for the task, such as "pending".

add tags for these feature files with --tags option: When you select scenarios by one tag When you select scenarios that have one or another tag When you select scenarios that have 2 tags When you disable scenarios that have a specific tag   Given Scenarios:   Feature: Login functionalityBackground:Given a web browser is at the BrainBucket login pageScenario: user can't login without entering emailGiven User is not logged inWhen Password is enteredAnd User click Login buttonThen 'Warning: No match for E-Mail Address and/or Password' will be shownScenario: user can recover his passwordGiven User is not logged inWhen User clicks 'Forgotten Password' buttonAnd enters his emailThen Message 'An email with a confirmation link has been sent your email address.' will be dispalyed

Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…

In order to apply borders that look like those in the worksheet below, which option would you have to select from the Borders menu? A B 1 First Name Last Name Cell Phone Street Address 2 Amanda 3 Tricia 4 Josefina Ryan Matthews 808-555-6397 Woodard Position(s) Pitcher, second base Catcher Outfield 513-555-4477 800 Round Table Drive 5 Rodney 6 Leigh 7 Eva 714-555-4506 310-555-8862 607-555-7816 4721 Arron Smith Drive 2152 Liberty Avenue 3503 Prospect Valley Road First base 1483 Frosty Lane 232 Timber Oak Drive Ross Dizon Ramer Sanchez Crawford Third base 8 Billy 9 Neil 805-555-8514 205-555-6874 Right field Pitcher, outfield Left field 569 Strother Street 908-555-2234 2312 Stonepot Road O a) Outside Borders. O b) Right border, left border and bottom border. O C) Inside Borders. O d) All Borders.

Visit the following webpage: https://archive.org/details/National_Geographic_Wallpapers This webpage hosts a collection of 506 images from National Geographic Magazine with most of these images previously being part of an international photography contest. Your task is to randomly choose 5 images and identify the objects within those images using Google’s vision API. Submit your iPython notebook code, and screenshots of output as shown below(no need to submit the images separately)   You may need to reactivate your Google vision API account (or billing information for trial cycles) if you haven’t used it recently.

C HHyperion Dev 00 ! username 7:00 SIGN IN Or use other count Social Network & Social Network 2 Social Network & Compulsory Task 1 Answer the following questions: 92% Take note: 7:00 Example of a wire frame sketch that a UX designer might draft for a product feature. Here's a short, helpful video that summarises the differences between UX and UI. FND ** ---- Have you heard of wireframing? This is a basic way that UX designers design how a program is going to work and flow from one part of the program to another. For more information, have a look at this discussion on wireframing here. In a document titled requirements.txt, consider the following statement of requirements for part of a ticket-issuing system: An automated ticket-issuing system sells rail tickets. Users select their destination and input a credit card and a personal identification number. The rail ticket is issued and their credit card account is charged. When the user presses the start button, a menu display of potential…

Intro/Homepage: This first case will be used to give the user the first look at what the whole project is about. They see the beginning stage and interact with all the links to the movies, characters, and descriptions.  Browse MCU Shows: This case will be for the customers and users to be able to navigate through the feature and see what they are specifically. They can use it to find which exact Marvel Cinematic Universe movie/show they wish to watch and see what character they like.  View MCU Movie Details: This case will be for users to get more information about specific Marvel movies/shows. It will give more details like the cast, the run time, the review score, the characters involved and etc.  I need help making an ARCHITECTURAL DESIGN, DECOMPOSITION DESCRIPTION, DESIGN RATIONALE, and HUMAN INTERFACE DESIGN for the use cases above for a website I am making.  Thank you.

Q2

Identify Testing Types c. While doing Beta testing, a customer noticed a hectic delay in the page loading ofan application. He was so frustrated and went to the feedback page of thecompany site and complained about the lazy loading issue. Garreth, a supportspecialist of the company, looked into the incoming issue he received from thecustomer who wrote about the page loading issue. Garreth logged into the defecttracking tool and started writing details about the new issue reported by thecustomer and it has a field to enter the type of issue. So, help Garreth identifytesting types.

Html code . Put up code with screenshot

Here are what to display on your Pokémon's show page:  The pokemon's name The image of the pokemon An unordered list of the Pokemon's types (eg. water, poison, etc). The pokemon's stats for HP, ATTACK, and DEFENSE. Routes Your app should use RESTful routes: Index GET /pokemon Show GET /pokemon/:id New GET /pokemon/new Edit GET /pokemon/:id/edit Create POST /pokemon Update PUT /pokemon/:id Destroy DELETE /pokemon/:id This is the module.js file  module.exports = [  {    id: "001",    name: "Bulbasaur",    img: "http://img.pokemondb.net/artwork/bulbasaur.jpg",    type: [      "Grass",      "Poison"    ],    stats: {      hp: "45",      attack: "49",      defense: "49",      spattack: "65",      spdefense: "65",      speed: "45"    },    moves: {      level: [{        learnedat: "",        name: "tackle",        gen: "V"      }, {        learnedat: "3",        name: "growl",        gen: "V"      }, {        learnedat: "7",        name: "leech seed",        gen: "V"      }, {…

If you make a change to a razor layout, the change will automatically affect all the views that use it   Question 36 options:   a) True   b) False   What is true about self-contained views?   Question 37 options:   a)  None of the answers is true   b)  They allow the all the website pages to have a consistent look   c)  They use the default layout (i.e. their layout is set to _layout)   d)  They are very practical in real project with a lot of pages

Create 3 new users (provide screenshots for each): Name: Thomas Jefferson Username: thomas Password: Monticello Name: Abraham Lincoln Username: abe Password: 4score&7years Name: Benjamin Franklin Username: ben Password: Early2bedEarly2rise b. Create 3 new groups: presidents (members: thomas, abe) continental_congress (members: thomas,ben) us_currency (members: thomas,ben,abe)

Instructions   Blood pressure monitor: Over the following three chapters, we will create an app that monitors blood pressure. You can model the app based on the Thyroid app. In this chapter, we will create the skeleton of the app, similar to the Thyroid app. Now, just create the pages and the links to navigate between them; you will implement the functionality of the pages in later chapters. The app will have A password-based entry page. A page to get basic information about the person such as name, date of birth, and health insurance card number, along with an ability to change the password. A menu page with four choices An option and corresponding page to allow you to change the basic information about the person. An option and corresponding page to enter data—blood pressure. An option and corresponding page to graph the data. An option and corresponding page to make recommendations based on the values of blood pressure.   Note: post solution not steps. I need the code.

When modifying the layout of a page in the Salesforce app, there is a maximum number of columns possible in the layout. This number is: Question 1 options:   2   1   4   3 Question 2 A facility exists that allows a user to follow changes that might occur to records of an object. This facility is called: Question 2 options:   Following   Posting   Social collaboration   Feed tracking Question 3 Mini-page layouts are useful in previewing objects (e.g., Invoice objects). Mini-page layouts are accessible from: Question 3 options:   Chatter page   Recently viewed pull-down menu   Home page   Recent items sidebar Question 4 It is possible in Salesforce to adjust the user interface about what is shown to the user. For instance, showing only open invoices in the page. To set this, we need to create and customise a new: Question 4 options:   Graphical User Interface   Visualisation   View   Invoice Question 5 There…

How to do this exercise. Halloween 13 Create a page that uses a form. In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this: Specifications for the email form: • Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7. • Modify the horizontal navigation menu so it indicates that the email page is the current page.  Create a new style sheet named email.css for the email page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the email.html file so it points to the correct style sheet. • Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root…

Match your answer from to column A to column B.