![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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/1.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/2.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/3.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/4.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/5.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/6.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/7.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/8.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/9.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/10.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/11.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/12.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/13.jpg)
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:](https://reader033.vdocuments.mx/reader033/viewer/2022052719/5f0671e57e708231d4180766/html5/thumbnails/14.jpg)
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