LA Commons Upgrade of Website

ARB

Team 01

Name Role

Hualong Zu Project Manager

Qihua Wu Life Cycle Planner

Taizhi Li Requirements Engineer

Huaiqi Wang Prototyper

Tianyi Luo Feasibility Analyst

Yueheng Li System Architect

Steiniger, Herman, L IIV & V

Team Member

3

Remote Team Member

Herman Steiniger

4

Team Strength and Weakness

Operational View• Strength – Client is engaged in project and being

informed design ideas• Weakness – Uncontrolled changes in scope causing

rework in artifacts

Technical View• Strength – Became knowledgeable in using

Wordpress and its plugins• Weakness – System design lacks in covering outlier

cases

5

Overall Project Evaluation

• System design meets current Win Conditions• Majority of system has been prototyped

• Some instability with constant the changes in win conditions

• Need to start looking into how to train client in maintaining site

6

Acceptance Test Plan and CasesTest Case Priority Iteration

TC-01 Community ArtsTC-01-01 Navigate to community arts page M 1TC-01-02 Select a project from community arts page M 1TC-01-03 Navigate to project from neighborhood page M 1TC-01-04 Browse project page images M 1

TC-02 Gallery of Art WorksTC-02-01 Navigate to art gallery M 1TC-02-02 Browse art gallery M 1

TC-03 Interactive MapTC-03-01 Navigate to interactive map page C 2TC-03-02 Display available neighborhoods C 2TC-03-03 Navigate from interactive map page C 2

TC-04 Social Media SharingTC-04-01 Share a neighborhood event M 2TC-04-02 Share a project page M 2

TC-05 AdministrationTC-05-01 Create new project page M 2TC-05-02 Update images in project page M 2TC-05-03 Update images in gallery page M 2TC-05-04 Update neighborhood in interactive map C 2

7

Operational Concept Description

Huaiqi Wang

8

System objectives

• Create culture connections among neighbors in Los Angeles through the sharing of stories and creating temporary works of public arts

9

10

11

Constraints

• Staff working at LA Commons have limited knowledge about computer technology.

• The website is written using WordPress.

12

Current processes

13

System capabilities• Interactive Map: The map is used to integrate all neighborhoods in a map

and is able to provide the users with a better navigation to browse all neighborhoods’ information on the website.

• Community Arts Project Page: The page is aimed to provide information about past Community Arts’ projects. In addition, in the Community Arts Page, add additional links to direct this page to the related Community Arts’ project pages to make them connected.

• Neighborhood Page Upgrade: Add a small gallery of community arts ’ arts work on the bottom-right page. Images from this small gallery direct users to the related neighborhood’s project page.

• Social Network Share Function: Visitors can share upcoming events, art works and information of posted projects on their social network page.

• Gallery of Art Works: Add a gallery tab on the main page’s navigation bar. Visitors can see the most wonderful photos selected from all Community Arts’ projects on this gallery page.

14

Level of services

• Scalability: System shall be able to expand as new documentations of future art programs will be added to the website. (About 10 art programs per year, 15-20 pictures per art program)

• Downtime: Consistent and no more than four hours per month.

15

Prototype

Hualong Zu

16

Requirement Priority• WC_2697:Neighborhood Page• WC_2700: Interactive Map• WC_2699: Layout of Website• WC_2561: Community Arts Project Page • WC_2557: Gallery of Art Works• WC_2817: Community Arts Project Page • Connectivity • WC_2563: Social network sharing

17

Risk Resolving • User Interface Mismatch/ Requirement Mismatch • Requirement Changes

18

Neighborhood Page

19

Interactive Map

20

Community Arts Project Page

21

Gallery of Art Works

22

Community Arts Page Upgrade

23

Better layout of website

24

System Architecture

Yueheng Li

25

System Context Diagram

26

Artifacts & Information

27

Behavior

28

Deployment Diagram

29

Life Cycle Plan

Qihua Wu

30

Overview

• Modification on estimations• Implementation After last ARB• Plans for 577b Construction, Transition, &

Support (CTS)– Foundation Phase Rebaselining– Core Capability Iteration– Full Capability Iteration– Transition Iteration

31

Modification on estimations

There are little modification on estimations:• Code base estimation was largely correct• Modules remain unchanged even though

implementation details were changed after several more Winwin negotiation sessions and client meetings.

• Team members for 577B

32

32

Implementation After last ARB

33

33

Construction Interations Plan

34

Key Documents for Construction• As-built Operational Concept Description (OCD)• As-built System and Software Requirements Definition (SSRD) • As-built System and Software Architecture Description (SSAD)• As-built Rose Model Files  (MDL) • As-built Feasibility Rationale Description (FRD)• Updated Risk Management Plans

35

35

Detailed Transition Iteration Plan

36

• Transition Plan (including some Training planning) • User Manual• Transition readiness assessment

Key Documents for Transition

37

Key Documents for Support• Support Plan• Training materials (including tutorials and sample data)

38

Feasibility Evidence

Tianyi Luo

39

Assessment Approach• Research and select our NDI options

• Website solution• Hosting solution• Gallery solution• Interactive map solution• Social media sharing solution

• Setup Evaluation Criteria according to Win_Conditions• NDI/NCS Attributes• NDI/NCS Features

• Use Evaluation Results Screen Matrix to do evaluation by 4 members in our team

• Give Evaluation Summary for our evaluation on NDI• Which NDI we should pick to do implementation

40

NDI/NCS Alternatives

41

Evaluation Criteria

NDI /NCS Attributes NDI /NCS Features

42

Evaluation Results Screen Matrix for NDI Attributes (Example)

43

NDI/NCS evaluation & analysis results

• After calculation and our analysis on positive and negative side of each NDI, we decide to use• BlueHost• WordPress• WOW Slider• NextGen Gallery• Leaflet Maps Marker• Add This

44

Business Case• Cost Analysis

• Personnel effort• During CSCI 577a – 68H• During CSCI 577b – 111H• During operational phase (maintenance) – 78H / year

• Hardware and software cost• Bluehost – $120 / year• Domain – $16.4 / year

• Benefit Analysis (Time saved)• Search time of documents – 120 hrs / year• Maintenance time for uploading documents: 24 hrs / year• Marketing Time – 80 hrs / year

• Return on Investment Analysis• LA Commons staff salary is $15/hr from mid 2013.• Assume 10% increase in salary in middle of each following year.• ROI = (Cumulative Benefit – Cumulative Cost) / Cumulative Cost• Result is shown in next page.

45

ROI Analysis Result

46

Conclusion

C1: As the evaluation and analysis of the NDI item. WordPress is selected as the main solution for the whole website. It is what the client currently uses, and therefore should be inherited. But the built-in functions for wordpress are limited.R1: We can use WordPress plugins, such as “WOW Slider”, “NextGen Gallery”, “Leaflet Maps Marker” and “Add This” to solve the limitation. C2: “WOW Slider” is currently our best solution for gallery to be shown in Community Arts Programming page. And “Leaflet Maps Marker” is the best solution for the interactive map. However we are still not sure whether to go with the free version or upgrade to the pro version of these two NCS.R1: Keep Prototype with the gallery functions. Look deeper about what is added in the pro version. Talk to the client to see if they are willing to pay the subscription fee these two pro versions may need.

47

Transition Plan

Taizhi Li

48

HW/SW/Site Preparation

• Hardware Preparation Client’s existing laptop is sufficient, and it can be a Apple Macintosh machine or a Windows machine.

• Software Preparation• WordPress installed on laptop devices• WordPress plugins installation WOW Slider and NextGen Gallery installation on the WordPress MapPress Easy Google Maps and Leaflet Maps Marker installation on the WordPress• Add this and Share this installation on the WordPress

• Site Preparation• Computer rooms for training• Computers with WordPress which contains required plugins• Backup computer for testing the website

49

Support Environment

• No extra requirement for the website,• Just mentioned in preparation• Operating system can be Macintosh/Windows

50

Release Strategy

• Perform unit test in a testing environment that hosts a version of the upgraded LA Commons website.

• Set up the development environment on client environment to enable the scope for further development

• Install required plugins on WordPress• Perform the testing on the client environment

containing the final upgraded website• Test the website on different browsers• Provide the training to the client

51

Quality Focal Point

Herman Steiniger

52

Traceability MatrixOCDCapability Goals

WinbookWin Conditions

SSADUse Cases

TCPTest Cases

OC-1 WC_2700 UC02 TC-03-01, TC-03-02, TC-03-03

OC-2 WC_2817 UC04, UC07 TC-01-02, TC-01-03

WC_2697 UC06 n/a

WC_2561 UC04 TC-01-02, TC-01-03

WC_2558 UC08, UC10, UC11 TC-05-01, TC-05-02, TC-05-03, TC-05-04

WC_2562 UC08 TC-05-01

OC-3 WC_2557 UC01, UC06 TC-01-04, TC-02-01, TC-02-02

WC_2699 UC05 n/a

WC_2817 UC04, UC07 TC-01-02, TC-01-03

WC_2558 UC08, UC10, UC11 TC-04-02 TC-04-03

OC-4 WC_2563 UC03 TC-04-01

WC_2556 UC09 TC-04-02

OC-5 WC_2557 UC01, UC06 TC-01-04, TC-02-01, TC-02-02

WC_2558 UC08, UC10, UC11 TC-04-02 TC-04-03

53

Defects Metrics

SSAD

FED

LCP

Non-component activity

OCD

Project Website

PRO

CE/通用格式 CE/通用格式 CE/通用格式

FoundationsValuationExploration

Defects per Phase

Component Breakdown

54

Technical Debt

Solved•Prototyped majority of win conditions

Remaining•Have not looked into maintainability of design•Not tested with actual complete set data•WordPress constrains future customization of system