$60 fixed draft due in 6hrs ..final paper in 12hrs 3000 words

Workshop-Activities-2019T2.doc

Home >Computer Science homework help >$60 fixed draft due in 6hrs ..final paper in 12hrs 3000 words

This document contains the finer details of how this unit is structured and the weekly workshop activities to be accomplished. You should refer this document in conjunction with four other documents: unit outline, weekly PowerPoint files, project specification document and the assessment documents.

Week	Topic
1	Introduction to IS Project:
	• Skills required (PM, Technical, Tools)
	• PM Skills (agile methodology, team skills, time management skills, communication
		skills)
	• Technical skills (analysis & design, security, collaborative version control)
	• Tool skills required (GitHub Distributed Version Control System, UML diagramming
		using a tool such as LucidChart, MS Access for database design)
	• Assessments (SRS & SPMP report, SDD report, Tutorial assignments)
	• Skills required to get ready for Project 2 in next semester (front end programming:
		HTML, JavaScript, CSS, AngularJS as the MVC framework, back-end programming:
		PHP, MySQL, CodeIgniter as the MVC framework)
2	Agile Software Development Methodology
	•	Scrum framework (sprints)
	• Scrum roles (product owner, scrum master, scrum development team)
	• Scrum meetings (sprint planning meeting, daily scrum meeting, sprint review
		meeting, sprint review meeting, backlog refinement meeting)
	• Scrum artefacts (Product backlog, Product backlog item, Sprint backlog, Sprint task)
3	Requirements engineering
	•	Various actors’ perspectives
	•	External entities
	•	Business requirements
	•	Security requirements
	• Relating requirements to Scrum activities
4	Requirements engineering (cont.)
	•	Various actors’ perspectives
	•	External entities
	•	Business requirements
	•	Security requirements
	• Relating requirements to Scrum activities
5	Completing the PMP & SRS document
6	System Modelling
	•	Business Components (Models)
	• Front End Components (Views)
	•	Control Components (Controllers)
	•	Workflow models
	•	Security models
	•	Database models
7	System Modelling (Contd.)
ISY302 – PROJECT 1 WORKSHOP ACTIVITIES	[AUTHOR NAME]
1 \| P a g e

· Business Components (Models)

· Front End Components (Views)

· Control Components (Controllers)

· Workflow models

· Security models

· Database models

8 Implementation

· Distributed version control

· Front end implementation

· Control components implementation

· Model components implementation

9 Implementation (cont.)

· Distributed version control

· Front end implementation

· Control components implementation

· Model components implementation

10 Quality Assurance & Testing

· Unit testing

· Integration testing

· Acceptance (End-user/Beta) testing

11 Completing the SDD document

12 Completing the SDD document

Organization of each workshop session:

You will participate in 12 workshop sessions. Each workshop session will roughly consist of an hour on introduction of the main concepts & principles for the week, followed by one hour of hands-on practical activity on Analysis or Design using GitHub as a distributed version control tool, followed by one hour of hands-on practical activity on learning how to develop simple web applications using HTML, CSS, JavaScript, AngularJS (MVC framework for front end), PHP, CodeIgniter (MVC framework) for backend & MySQL. Note that the last hour practical activity is intended to help you to be ready for the implementation of your project in the next semester.

Hardware & Software required for this unit:

You will be using several types of software for this unit, some online and some on your laptop. You are expected to bring your laptops each week to the workshop. The following software will be used during the semester. However not all software need to be available at the beginning of the semester. You will be informed about the need for each type during the semester.

a) Online: Lucidchart as a diagramming tool. Free academic license is available. You should sign up https://www.lucidchart.com/pages/usecase/education and follow their instructions

b) Online: GitHub as distributed version control tool. You will learn how to work collaboratively during the semester while completing the project using GitHub. You should register for an account at https://github.com/ Do not forget your user name and password once you sign up.

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

2 | P a g e

c) Online: Balsamiq as a mock-up editor for user interface design in the second half of the semester for SDD. You may request a free version or use the 30-day trial version. Go to https://balsamiq.com/free/ for more information. If you plan to use the 30-day trial version, do not register until the front-end design topic is due.

d) On your laptop: GitHub Desktop from https://desktop.github.com/. GitHub Desktop is required mainly for your next semesters’ project where you can effortless upload (or download) your work from your laptop to the shared repository on GitHub. This will enable you to see any conflicts in code between your version and your teammates’ versions.

Following Agile project management methodology, you will upload your work every day and ensure all conflicts are resolved by either fixing conflicts yourself or by requesting your peers to fix it.

e) On your laptop: PHPStorm from https://www.jetbrains.com/shop/eform/students. Follow the installation instructions from https://www.jetbrains.com/help/phpstorm/installing-and-launching.html

f) On your laptop: XAMPP. XAMPP is principally your web server, PHP interpreter and MySQL package. This is required to get hands on experience on building web applications using PHP. I strongly encourage you to uninstall Skype if you plan to install XAMPP since sometimes it causes port conflict errors while running XAMPP. Skype can be safely uninstalled because it can now be used as a web-based service. This open source is available from https://www.apachefriends.org/download.html.

Note that though the installation is straightforward, this site also has a FAQ section on the right-hand side of the page containing installation instructions.

g) On your laptop: Configuring PHPStorm to work with XAMPP. This is required so that your PHPStorm code can seamlessly work with XAMPP. Detailed instructions are available here. https://confluence.jetbrains.com/display/PhpStorm/Installing+and+Configuring+XAMPP+wit h+PhpStorm+IDE

h) On your laptop: Configuring PHPStorm to work with CodeIgniter for autocompletion. CodeIgniter is a lightweight MVC framework for PHP. Follow this video to learn how to configure PHPStorm to work with CodeIgniter: https://www.youtube.com/watch?v=Loa8U4s_WnI

Alternatively follow the discussion here: http://validwebs.com/346/code-completion-for-codeigniter-in-phpstorm/ and

https://github.com/natanfelles/codeigniter-phpstorm For detailed explanation, refer to Shrenik’s message here: https://stackoverflow.com/questions/12670318/how-to-enable-auto-complete-in- HYPERLINK "https://stackoverflow.com/questions/12670318/how-to-enable-auto-complete-in-phpstorm-for-codeigniter-framework" phpstorm-for-codeigniter-framework

Week 1

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

3 | P a g e

Lecture 1: Introduction to the unit

See the PowerPoint file for details

Activity 1:

Form teams of four.

(15 minutes)

Activity 2: Learn how to use GitHub by following the HelloWorld activity in this link. This activity is

linked to Assessment 1. (45 minutes)

https://guides.github.com/activities/hello-world/

You will have to know the answers to the following type of questions:

How does GitHub help you work collaboratively with your peers?

What is meant by a “repository” in GitHub?

What is meant by a “branch” in GitHub?

What is meant by “committing a change?”

What is meant by a “pull request” and how is different from a “raising an issue”?

What is meant by merging a pull request?

Activity 3: Complete the activities specified in this webinar on the introduction to HTML. (1 hour)

https://youtu.be/bsMtNF3SMjo?t=2193

This activity is linked to Assessment 1.

You will have to know the answers to the following type of questions:

I. What is meant by HTML?

AI. How is HTML different from CSS?

BI. Why is JavaScript used in web applications?

V. How do we differentiate between start of a tag and end of a tag?

VI.	How are comments delimited in HTML?
VII.	Provide an example of the start of a tag, its attribute, content and its end tag.
VIII.	Draw the document structure of an HTML document.
IX.	What is the use of a <base> tag in the header of a HTML document?

X. Provide a complete example of a <link> tag and its usage.

XI.	Provide some example of event attributes in HTML.
XII.	What is the difference between block display and inline display.
XIII.	What is the difference between display: none and visibility: hidden in CSS.

Week 2

Note: If you were absent in the previous week, it is your responsibility to alert the tutor before the start of this week’s tutorial activity and show that you have accomplished the previous week’s learning outcomes by answering any oral questions asked by your tutor. This must be done upfront within the first 10 minutes of this tutorial. If you arrive late, you will forgo this opportunity.

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

4 | P a g e

Lecture 2: Introduction to the Scrum framework in Agile Development Methodology

Activity 1: Any absentee from last week please alert the tutor to be assigned to a group (5 minutes)

Activity 2: Learn how to use GitHub as a distributed source control hub by contributing to a recipe

project in the following link. This activity is linked to Assessment 1. (30 minutes)

https://github.com/Syknapse/Contribute-To-This-Project

You may find the following link useful while answering the following questions.

https://help.github.com/articles/searching-issues-and-pull-requests/

E.g. type -→label:"help wanted" language: html

You will have to know the answers to the following type of questions:

I. How do you issue help requests in GitHub?

AI. Write the names of three users in the project, who has issued help requests? What were the

issues? Did any user collaborate and respond to the request?

BI. How do you generate pull requests in GitHub?

IV. Write the names of three users who generated pull requests. Why were the pull requests made? Was the pull request made to any specific member?

Activity 3: Your tutor will create GitHub teams for each team in this unit so that starting this week all team activity regarding your project can be made on GitHub. Each team member should know how to use “branching” on GitHub to work locally within GitHub before issuing “pull” request or before

“merging” with the main repository of your team. This activity is linked to A1 & A2. (30 minutes)

You will have to know the answers to the following type of questions:

I. Explain why “branching” is useful in version control?

AI. Explain how you performed “branching” within your team space?

BI. Explain when and why “merging” is useful?

Activity 4: You will learn how to create HTML forms by working on the following links. This activity is

linked to A1. (60 minutes)

· Introduction to Forms (http://www.html5-tutorial.net/forms/introduction/)

· Creating Your First Form (http://www.html5-tutorial.net/forms/your-first-form/)

· Grouping with the fieldset tag (http://www.html5-tutorial.net/forms/fieldset/)

· Sending the Data (http://www.html5-tutorial.net/forms/sending-the-data/)

· Multiline Textboxes - The textarea tag (http://www.html5-tutorial.net/forms/multiline-textboxes-textarea/)

· Radiobuttons (http://www.html5-tutorial.net/forms/radiobuttons/)

· Checkboxes (http://www.html5-tutorial.net/forms/checkboxes/)

· Submit & Reset Buttons (http://www.html5-tutorial.net/forms/submit-reset-buttons/)

· Dropdown Lists (http://www.html5-tutorial.net/forms/dropdown-lists/)

You will have to know the answers to the following type of questions:

I. What is meant by a form in HTML

AI. What HTTP methods are used to send the form data to the server side?

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

5 | P a g e

BI. What is the difference between GET and POST in HTML?

Week 3

Lecture 3: Requirements engineering (60 minutes)

Activity 1: Any absentee from last week please alert the tutor to be assigned to a group (5 minutes)

Activity 2: You will consider your project’s client requirements and start the requirements

engineering process by considering the following. This activity is linked to A1 & A2. (60 minutes)

· Various actors’ perspectives

· External entities

· Business requirements

· Security requirements

Specifically, this week and next week, you as a team will use the following research paper to answer the questions, “what”, “why”, “who”, “when” and “how”. You will use the team space within GitHub to share your work in the team. You will first use “branching” to work privately on the part assigned to you by the team and then use “merging” when you are satisfied about the quality. If you are stuck and need your teammates’ help, you will “issue” help request and when you have found solutions to peers’ help requests you will create “pull” requests to specific teammates who requested the help.

https://cs.anu.edu.au/courses/comp3530/readings/The_Why_What_Who_When_and_How_Of_Sof tware_Requirements.pdf

· What: The levels and types of requirements that need to be defined

· Why: The benefits of having the right software requirements

· Who: The stakeholders and getting them involved in the process

· When: Activities throughout the software development life cycle

· How: Techniques for eliciting, analysing, specifying, and validating software requirements

You will have to know the answers to the following questions with respect to the figure given below:

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

6 | P a g e

I. How to define the requirements at the Business Level (answer from WHY perspective).

AI. How to define the requirements at the User Level (answer from the WHAT, WHO and WHEN perspective)

BI. How to define the requirements at the Product Level (answer from the HOW perspective)

Activity 3: You will learn how to create HTML tables by working on the following links. This activity is

linked to A1. (60 minutes)

· Basics of Tables (http://www.html5-tutorial.net/tables/basics-of-tables/)

· Colspan & Rowspan (http://www.html5-tutorial.net/tables/colspan-rowspan/)

· Thead & tbody (http://www.html5-tutorial.net/tables/thead-tbody/)

· Changing Column Width (http://www.html5-tutorial.net/tables/changing-column-width/)

You will have to know the answers to the following type of questions:

I. What is meant by a table in HTML

AI. When to use the table element in front end design?

Week 4

Lecture 4: Requirements engineering (cont.) (60 minutes)

Activity 1: Any absentee from last week please alert the tutor to be assigned to a group (5 minutes)

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

7 | P a g e

Activity 2: You will continue working on your project’s client requirements and on the requirements

engineering process by considering the following. This activity is linked to A1 & A2. (60 minutes)

· Various actors’ perspectives

· External entities

· Business requirements

· Security requirements

Specifically, by the end of this week you as a team should complete last week’s activity by using the following research paper to answer the questions, “what”, “why”, “who”, “when” and “how”. You will continue to use the team space within GitHub to share your work in the team. You will continue using “branching” to work privately on the part assigned to you by the team and then use “merging” when you are satisfied about the quality. If you are stuck and need your teammates’ help, you will “issue” help request and when you have found solutions to peers’ help requests you will create “pull” requests to specific teammates who requested the help.

https://cs.anu.edu.au/courses/comp3530/readings/The_Why_What_Who_When_and_How_Of_Sof tware_Requirements.pdf

· What: The levels and types of requirements that need to be defined

· Why: The benefits of having the right software requirements

· Who: The stakeholders and getting them involved in the process

· When: Activities throughout the software development life cycle

· How: Techniques for eliciting, analysing, specifying, and validating software requirements

You will have to know the answers to the following type of questions with respect to the figure given below:

I. How to define the requirements at the Business Level (answer from WHY perspective).

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

8 | P a g e

AI. How to define the requirements at the User Level (answer from the WHAT, WHO and WHEN

perspective)

BI. How to define the requirements at the Product Level (answer from the HOW perspective)

Activity 3: You will learn how to validate forms by working on the following links. This activity is

linked to A1. (60 minutes)

· Form validation using HTML5 HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/introduction/)

· How HTML5 validation works HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/how-validation-works/)

· Validating email addresses HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/validating-email/)

· Validating URLs HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/validating-urls/)

· Validating phone numbers HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/validating-phonenumbers/)

· Validating dates HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/validating-dates/)

· Placeholder text HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/placeholder-text/)

· Numbers as spinboxes HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/numbers-as-spinboxes/)

· Polyfills for form validation HYPERLINK "http://www/" (http://www.html5-tutorial.net/form-validation/polyfills-for-form-validation/)

You will have to know the answers to the following type of questions:

I. What is meant by a form validation in HTML

AI. Why is form validation useful in front end design?

Week 5

This week is dedicated to you completing the SRS and PMP plan as descried in your project specification document. You will use the resources you have created on GitHub as well as create additional resources to complete the SRS and PMP document as per the structure specified in Section 2.3.1 in the “IS Project Details.docx” document. You will submit your report as a group by

the Friday of this week. This activity is linked to A1 & A2. (3 hours)

Week 6

Lecture 6: System Modelling (60 minutes)

Activity 1: Starting this week and for the next two weeks you will work on System Modelling so that you can produced high quality Assignment 2 document. Specifically, you will work on the following

models with respect to your project. This activity is linked to A1 & A3. (60 minutes)

· Business Components (Models). The focus will be on this part this week.

· Front End Components (Views)

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

9 | P a g e

· Control Components (Controllers)

· Workflow models

· Security models

· Database models

You should continue to use the team space within GitHub to share your work in the team. You will continue using “branching” to work privately on the part assigned to you by the team and then use “merging” when you are satisfied about the quality. If you are stuck and need your teammates’ help, you will “issue” help request and when you have found solutions to peers’ help requests you will create “pull” requests to specific teammates who requested the help.

You will have to know the answers to the following type of questions:

I. How to use UML component diagram to specify the business components in a form shown in the example below.

AI. Each blue block in your diagram (such as those above) should consider the following five dimensions:

a. Business Purpose: Why does it exist?

b. Activities: What simple, cohesive activities are regularly performed?

c. Resources: What tangible assets and human resources are required?

d. Governance: How are activities and resources managed?

e. Business Services: What is taken form and offered to other components? (consider people, process and technology together)

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

10 | P a g e

Activity 2: You will learn the basics of JavaScript. This activity is linked to A1. (60 minutes)

Use the following link and practise the examples given in a browser. https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

You will have to know the following concepts in JavaScript:

a. Number

b. String

c. Boolean

d. Symbol (new in ES2015)

e. Object

f. Function

g. Array

h. Date

i. RegExp

j. null

k. undefined

Week 7

Lecture 7: System Modelling (Cont.) (60 minutes)

Activity 1: This week too you will continue working on System Modelling so that you can produce high quality Assignment 2 document. Specifically, you will work on the following models with respect

to your project. This activity is linked to A1 & A3. (60 minutes)

· Front End Components (Views)

You will have to know the answers to the following type of questions:

· How to design the front-end for each use case (user story) from a web application perspective, first using paper and pencil and then transferring the design using Balsamiq or any other mock-up editor.

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

11 | P a g e

· How to provide access based on user roles

Activity 2: You will learn how to install PHPStorm, XAMPP and CodeIgniter, so that next semester you are ready to implement the project in PHP using MySQL database using MVC principles. PHPStorm is an Integrated Development Environment (IDE) for PHP language. CodeIgniter is a

popular MVC framework for PHP. This activity is linked to A1. (60 minutes)

Use the following link to install XAMPP on your laptop https://www.apachefriends.org/index.html

Student license for PHPStorm can be got from:

https://www.jetbrains.com/education/?fromMenu

Use the following link to install PHPStorm https://www.jetbrains.com/help/phpstorm/installing-and-launching.html

Learn how to configure CodeIgniter with PHPStorm by watching this video https://www.youtube.com/watch?v=Loa8U4s_WnI

read this:

https://validwebs.com/346/code-completion-for-codeigniter-in-phpstorm/

You will have to know the answers to the following type of questions:

· How to install PHPStorm, CodeIgniter and MySQL.

· The utility of using PHPStorm, CodeIgniter and MySQL for application development.

Week 8

Lecture 8: Implementation (60 minutes)

to your project. This activity is linked to A1 & A3. (60 minutes)

· Workflow models for your projects

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

12 | P a g e

You will have to know the answers to the following type of questions:

· How to design the work-flow model in the form of activity diagrams for each use case (user story) from a web application perspective, first using paper and pencil and then transferring the design using any UML editor such as LucidChart of Visio.

· How to separate the processes based on user roles in the workflow diagram

Activity 2: You will learn how to develop a simple PHP application for Create Retrieve Update Delete

(CRUD) operations. This activity is linked to A1. (60 minutes)

Follow the instructions in the following link (2018 link)

https://www.sourcecodester.com/php/12015/codeigniter-simple-crud-tutorial.html

(2009 link)

https://henrihnr.wordpress.com/2009/04/26/simple-crud-application/

You will have to know the answers to the following type of questions:

· Demonstrate how CRUD operations can be processed using CodeIgniter framework.

· How separation of Models, Views and Controllers helps in designing programs that are easier to maintain.

Week 9

Lecture 9: Implementation (Cont.) (60 minutes)

to your project. This activity is linked to A1 & A3. (60 minutes)

· Control & Security models for your project

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

13 | P a g e

You will have to know the answers to the following type of questions:

· How to integrate security models in your application design.

· How access control models can be used for managing security in your design.

· How server-side controllers can be used for application security

Activity 2: You will learn how to develop a role-based access control PHP application for managing

security. This activity is linked to A1. (60 minutes)

Follow this link for a simple RBAC method:

https://www.sitepoint.com/role-based-access-control-in-php/

You will have to know the answers to the following type of questions:

· Demonstrate how RBAC can be used to manage access control in PHP

· What are the principles of RBAC?

Week 10

Lecture 10: Quality Assurance & Testing (60 minutes)

to your project. This activity is linked to A1 & A3. (60 minutes)

· Database models

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

14 | P a g e

You will have to know the answers to the following type of questions:

· How to transform business objects to relational database entities.

· How to manage relationships in RDBMS.

Week 11 & 12

You will focus on completing rest of the SDD document. This activity is linked to A1 & A3.

ISY302 – PROJECT 1 WORKSHOP ACTIVITIES [AUTHOR NAME]

15 | P a g e