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
10 questions
Decision Making
Presentation
•
9th - 12th Grade
9 questions
Second Week
Presentation
•
9th - 12th Grade
7 questions
PSAT Tips
Presentation
•
9th - 12th Grade
7 questions
Creating a Screencastify of your Google Team Project Slides
Presentation
•
9th - 12th Grade
4 questions
Coba Presentasi
Presentation
•
9th - 12th Grade
6 questions
Peer Evaluation and Constructive Feedback for Websites
Presentation
•
9th - 12th Grade
7 questions
Last Lesson Finale: The AI Guess Who? Game!
Presentation
•
9th - 12th Grade
9 questions
School Website Design Evaluation Modeling
Presentation
•
9th - 12th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade