Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to...

14
Software Development Process

Transcript of Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to...

Page 1: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Software Development Process

Page 2: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Steps to Create SoftwareSoftware: Computer programs - Web Applications - Phone apps

Step 1:Identify the goal • What do you want to create?

Page 3: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Steps to Create SoftwareStep 2:Brainstorm and design• How do you want the layout to look?• What are the major problems you need to solve?• What are the smaller pieces that make up the

bigger pieces?

Page 4: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Steps to Create SoftwareStep 3:Programming and testing• Test for functionality• Find bugs and fix them

Page 5: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Steps to Create SoftwareStep 4:Create and Submit First Version• Create user interface• Add styling• Test functionality

Page 6: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Steps to Create SoftwareStep 5:Maintenance/Editing/Revision• Get feedback from users• More debugging• More testing for functionality• Add features

Page 7: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Steps to Create SoftwareStep 6:Publish New Version• Repeat Steps 5 and 6 forever

Page 8: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

JavaScript - The console

Page 9: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Definitionsconsole: • a place to run, test, and debug your code

Google Chrome has a console in the Developer Tools

Press command + option + i

Codepen has a console you can open with the “console” button at the bottom of the screen.

Page 10: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

console.log()console.log() is like “println()” for the console.

Go to bit.ly/greenCircle

Codepen’s console will only show what’s been logged with console.log(). Chrome’s console will also give error messages.

Page 11: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

JavaScript - Random Numbers

Page 12: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Math.random()Math.random() is a built-in Javascript function that returns a decimal value between 0 and 1, but not including 1.lowest value possible: 0highest value possible: .9999999999999999999999999...

Page 13: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Random Whole Number FormulaMemorize this:

Math.floor(Math.random() * (max - min + 1)) + min

Page 14: Software Development Process - Weebly · 2018-11-02 · Software Development Process. Steps to Create Software Software: Computer programs - Web Applications - Phone apps Step 1:

Random Whole Number FormulaExample:To simulate rolling a die, generate a random number between 1 and 6 inclusiveMath.floor(Math.random() * (max - min + 1)) + minMath.floor(Math.random() * (6 - 1 + 1)) + 1Simplify and store in a variablevar roll = Math.floor(Math.random() * (6)) + 1