CS-150
Create a Web Application (45m)
Skip To Content
Dashboard
  • Login
  • Dashboard
  • Calendar
  • Inbox
  • History
  • Help
Close
  • My Dashboard
  • CS-150
  • Assignments
  • Create a Web Application (45m)
Spring 2020
  • Home
  • Modules
  • Library Services
  • Lucid (Whiteboard)
  • Google Meet (LTI 1.3)
  • Gradescope

Create a Web Application (45m)

  • Due Jan 27, 2020 by 11:59pm
  • Points 100
  • Submitting a website url

(The instructions below use the acronym MHCID which references a graduate school version of this class)

From your github account create a new repository:

Google Chrome_ScreenShot_008.jpg

 

Google Chrome_ScreenShot_009.jpg

From your heroku app create a new application.

Google Chrome_ScreenShot_007.jpg

Connect the application to your github account

Google Chrome_ScreenShot_006.jpg

Connect the heroku application to the github repository

Google Chrome_ScreenShot_011.jpg

 

In Heroku, enable automatic deploys

Google Chrome_ScreenShot_012.jpg

In your github repository, "Create new file" called "index.php" (Yours will only show the README.md file at this point)

Google Chrome_ScreenShot_018.jpg

Add one line to it:

<?php header( 'Location: /index.html' ) ;  ?>

Once you are done editing, add a message that explains your changes and then "Commit new file"

Google Chrome_ScreenShot_017.jpg

 

 

In your github repository, "Create new file" called "index.html" (At this point your should only have README.md and index.php in it)

 

Google Chrome_ScreenShot_018.jpg

In that file put a basic web page that has

  1. The appropriate boilerplate for an html file
  2. a title tag
  3. an h1 tag
  4. a paragraph
  5. your name

Google Chrome_ScreenShot_015.jpg

Once you are done editing, add a message that explains your changes and then "Commit new file"

Google Chrome_ScreenShot_016.jpg

In Heroku, do a Manual Deploy and "Deploy Branch"

Google Chrome_ScreenShot_013.jpg

From Heroku, click on the "View" button

Google Chrome_ScreenShot_019.jpg

Copy the URL from the web browser that opens and turn that in (for example https://demo-for-mhcid.herokuapp.com/index.html )

Google Chrome_ScreenShot_020.jpg

 

 

Congratulations!  You just made a web page and put it in the cloud.

 

 

1580198340 01/27/2020 11:59pm
Please include a description
Additional Comments:
Rating max score to > pts
Please include a rating title

Rubric

 
 
 
 
 
 
 
     
Can't change a rubric once you've started using it.  
Find a Rubric
Find Rubric
Please include a title
Title
You've already rated students with this rubric. Any major changes could affect their assessment results.
Title
Criteria Ratings Pts
Edit criterion description Delete criterion row
This criterion is linked to a Learning Outcome Description of criterion
threshold: 5 pts
Edit rating Delete rating
5 to >0 pts
Full Marks
blank
Edit rating Delete rating
0 to >0 pts
No Marks
blank_2
This area will be used by the assessor to leave comments related to this criterion.
pts
  / 5 pts
--
Additional Comments
Total Points: 5 out of 5