From 42d07888996feff8e25b8601346abedb4481cc7f Mon Sep 17 00:00:00 2001 From: Hanna Lee Date: Sat, 18 Nov 2017 16:30:09 -0500 Subject: [PATCH] Lab05 initial commit --- css/style.css | 4 ++++ index.html | 27 +++++++++++++++++++++++++++ script/lab5.js | 39 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 70 insertions(+) create mode 100644 css/style.css create mode 100644 index.html create mode 100644 script/lab5.js diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..cb7b602 --- /dev/null +++ b/css/style.css @@ -0,0 +1,4 @@ +body { + margin: 10%; + +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..3d7960a --- /dev/null +++ b/index.html @@ -0,0 +1,27 @@ + + + + Lab5 + + + + + + +

SDLC

+

What is Software Development Life Cycle?

+ +

SDLC is a process followed for a software project, within a software organization. + It consists of a detailed plan describing how to develop, maintain, replace and alter or enhance + specific software. The life cycle defines a methodology for improving the quality of software and the + overall development process.

+

Stage 1: Planning and Requirement Analysis

Planning for the quality assurance requirements and identification of the risks associated with the project is also done in the planning stage. The outcome of the technical feasibility study is to define the various technical approaches that can be followed to implement the project successfully with minimum risks.

+

Stage 2: Defining Requirements

Once the requirement analysis is done the next step is to clearly define and document the product requirements and get them approved from the customer or the market analysts. This is done through an SRS (Software Requirement Specification) document which consists of all the product requirements to be designed and developed during the project life cycle.

+

Stage 3: Designing the Product Architecture

DDS - Design Document Specification is reviewed by all the important stakeholders and based on various parameters as risk assessment, product robustness, design modularity, budget and time constraints, the best design approach is selected for the product.

+

Stage 4: Building or Developing the Product
Stage 5: Testing the Product

+ + + + + + \ No newline at end of file diff --git a/script/lab5.js b/script/lab5.js new file mode 100644 index 0000000..241bf87 --- /dev/null +++ b/script/lab5.js @@ -0,0 +1,39 @@ +function changeStyle() { + let fP = document.getElementById('firstP'); + fP.style.textAlign = 'center'; + + let sP = document.getElementById('secondP') + sP.style.textAlign = 'right'; + + let midP = document.getElementsByClassName('middleP'); + midP[0].style.backgroundColor = 'blue'; + midP[0].style.color = 'cyan'; + midP[1].style.backgroundColor = 'blue'; + midP[1].style.color = 'cyan'; + var colorList = new Array('yellow', 'black', 'cyan', 'white', 'Yellow', 'red'); + var bgColorList = ['red', 'white', 'blue', 'black','green', 'orange']; + var paragraph = document.getElementsByTagName('p'); + var fifthP = paragraph[4]; + var i = 0; + setInterval(function keepChange(){ + fifthP.style.backgroundColor = bgColorList[i]; + fifthP.style.color = colorList[i]; + i += 1; + if (i == colorList.length){ + i = 0; + } + console.log(i); + }, 3000); +} + +function hiddenP(){ + var newP = document.createElement('p'); + newP.innerHTML = 'Stage 6: Deployment in the Market and Maintenance'; + window.document.body.appendChild(newP); + document.getElementById('hiddenPara').disabled = true; +} + +function reloadPage() { + window.location.reload(); + document.getElementById('hiddenPara').disabled = false; +} \ No newline at end of file