Project 2 Checkpoint 3:
Presentation
•
Computers
•
9th - 12th Grade
•
Hard
Michael Kendall
Used 3+ times
FREE Resource
9 Slides • 0 Questions
1
Project 2 Checkpoint 3:
Completing the User Interface
2
Happy Friday! Please type your first and last name in the chat for today's attendance.
3
Please open your Covid Map Project on repl.it and be prepared to share your project link.
4
Today's Agenda
Do-Now:
Submit current project link
Hardware
Input / Output Devices
Software
Jeopardy Game
5
Today's Objectives:
BTEOC, SWBAT ...
Add custom styles to project using Bootstrap
Have a one on one checkin with Mr. Kendall
Complete Checkpoint 3 for project
Submit current project link
6
Upcoming Events
Spring Break 4-12 / 4-19-21
Project Due 4-6-21
Complete Functionality of App ie. Scheduling appointments and getting confirmation
7
Adding Styles with Bootstrap
Step 1: add class attribute to specific element
Step 2: add Bootstrap property
Step 3: add
8
Project 2 Checkpoint 3:
Input all Covid Testing and Vaccination Site Locations to your map (16 total locations )
Add steps/ instructions on how a user should use your app to register and schedule an appointment. You should have at least 5 steps for the user to follow.
Add Signup form to your REGISTRATION page so that users can input their personal information (Name, Email, Address, Phone, Date of Birthday, Appointment Type)
Add forms to your Covid Testing and Covid Vaccination pages so that users can schedule appoint. These are the fields that you should have on your form (Name, Date of Birth, Address, Phone, Email, Appointment Type, Appointment Date)
Add hyperlinks to navigation bar so that when clicked they take users to the proper place on your app
Create an html file for each page on your app
Add custom styling using Bootstrap to customize the look of your app
9
Example Changing background Color
Step 1: Add class attribute to the opening <body> tag.
After completing this step you tag should look like this <body class = " ">
Step 2: Use the Bootstrap bg property (which stands for background) to change the background color.
<body class = " bg-warning">
Try this line of code. What happened to your background?
Project 2 Checkpoint 3:
Completing the User Interface
Show answer
Auto Play
Slide 1 / 9
SLIDE
Similar Resources on Wayground
6 questions
PIT Chapter 11 (Word Processing)
Presentation
•
9th - 12th Grade
6 questions
TUGAS 2 PDF
Presentation
•
9th - 12th Grade
7 questions
Intro to Communications Technology
Presentation
•
9th - 12th Grade
7 questions
How to use Jumprope
Presentation
•
9th - 12th Grade
8 questions
Code Combat Key Terms #1
Presentation
•
9th - 12th Grade
9 questions
VR Terms pt. 2
Presentation
•
9th - 12th Grade
10 questions
Passe Compose avec Etre
Presentation
•
9th - 12th Grade
10 questions
Counterclaim and Rebuttal
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
15 questions
Grade 3 Simulation Assessment 1
Quiz
•
3rd Grade
22 questions
HCS Grade 4 Simulation Assessment_1 2526sy
Quiz
•
4th Grade
16 questions
Grade 3 Simulation Assessment 2
Quiz
•
3rd Grade
19 questions
HCS Grade 5 Simulation Assessment_1 2526sy
Quiz
•
5th Grade
17 questions
HCS Grade 4 Simulation Assessment_2 2526sy
Quiz
•
4th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
24 questions
HCS Grade 5 Simulation Assessment_2 2526sy
Quiz
•
5th Grade
20 questions
Math Review
Quiz
•
3rd Grade
Discover more resources for Computers
10 questions
Exploring Digital Citizenship Essentials
Interactive video
•
6th - 10th Grade
20 questions
Inventor Terms Exercise #1a
Quiz
•
9th Grade
31 questions
Inventor Vocabulary Review Sheet
Quiz
•
9th Grade
26 questions
Final Exam Review 1
Quiz
•
11th Grade
10 questions
Exploring Cybersecurity Techniques and Threats
Interactive video
•
6th - 10th Grade