REPORT WEB PROGRAMMING
NAME of MEMBER :
1. RICKY ROBERTO LAGAN ( 001202300157 ) Leader
2. ISRAEL E A KORWA ( 001202300225 )
3. MUHAMMAD HAFIDZ ( 001202300119 )
4. ACHMADE VITO ALVIAN ( 001202300220 )
5. NICHOLAS PUTRA HARITA ( 001202300171 )
PROJECT 2
JQUERY
In our collaborative project as Group 7, we successfully implemented the five
JavaScript and jQuery functions with creativity and effectiveness. The click
function adds interactivity to specific elements, enabling intuitive and
responsive navigation. Mouse functions, such as mouse over and mouse out,
enhance the user experience by introducing visual effects and interactivity to
interactive elements. We strategically applied the focus function to improve
accessibility and guide user attention to relevant elements. The keypress
function responds to user keyboard input, opening up possibilities for a more
dynamic user experience. The change function is used to respond and adapt the
page based on user input changes. Close collaboration among group members
ensured the successful implementation of each of these functions, creating a
compelling and responsive web page.
LOGIN PAGE (FORM)
Before
Explanations :
when the cursor points to the button, the color of the button is white, letters red
and
After the cursor leaves the direction of the button, the color of the button is
white, the letters are black
AFTER
CONTACT US PAGE (FORM)
BEFORE
Explantion :
Before the user inputs on the contact us page the border on the input box is still
the default then when the user wants to input then each input box will be
focused and the box border will be blue.
AFTER
HOME PAGE
BEFORE
Explanation :
Here we use a click event on this page where when you click on a section on the
page a notification will appear.
AFTER
PAYMENT ITEM PAGE (FORM)
BEFORE
Explanation :
Here we use a click event on the button so that when you click on the button a
“thank you” notification appears.
AFTER
FORGOT PAGE (FORM)
Explanation :
Here we use the keypress event: "enter" for the forgotten page section which
directly links to the login page again
MOVIE PRICE LIST PAGE
Before
Explanation :
Here we use the change event where when the user selects the genre and price
options, the display will change according to the selection.
AFTER
