LA Commons Upgrade of Website

LA Commons Upgrade of Website

ARBTeam 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

Strength and Weakness

Operational View• Strengths – Hardworking, committed to trying to

deliver a good product• Weakness – Narrow focus, changes in scope

Technical View• Strength – Possess the required technical skills and

learning agility• Weakness – Unfamiliarity with tools and processes

5

Concern and Risk

Technical Concern• Some disconnects between draft artifacts • Solution: Better understand dependencies between

project artifacts and correct before package submittal

Operational Risk• Future changes in scope will impact existing

artifacts and result in rework• Mitigation: Once FC package is complete, assess

impact to any proposed changes and determine whether benefits outweigh impacts

6

Operational Concept Description

Huaiqi Wang

7

Shared vision

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

8

System purpose • Showcase information and good art works

from past projects• Visitors can find and share interesting things

easily• Advertise upcoming events• Convince funders that their money is well

spent, and attract potential funders

9

Proposed new system

10

Core capabilities • Interactive Map: The map is able to provide

the users with a better navigation through the website

• Youth Arts Programming Page: The page is aimed to provide information about past projects

• Related Photo Gallery: The gallery provides photo slide show of art works created in past projects

• Facebook Share: Visitors can share upcoming events on their Facebook page

11

Benefit-chain diagram

12

System boundary

13

Constraints

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

• The maintainer of the website has limited time.

• The website is written using WordPress.

14

Summary of GoalsCapability Goals Service Goals Organizational Goals

Interactive Map Storage space: store the past ten-year and future project documents

Attract funders to give donations

Youth Arts Programming Page

Maintenance: after maintenance training, workers at LA Commons can use WordPress template to maintain the website

Attract more community members to participate in the programs held by LA Commons

Related Photo Gallery

Create a more connected LA

Facebook Share

Better Layout

15

Requirement

Taizhi Li

16

Agreed Win Conditions

2 Roles

• Visitors: include funders, youth artists, artists, community members,tourists

• LA Commons Staffs

17


Category list• Gallery • Interactive Map • Layout of Website• Neighborhood Page• Project Page• Social Connectivity• Website Connectivity

18


• VisitorGallery WC_2561: As a visitor, I can see the Youth Arts Programming related documents on the website so that I know more about this program.“ Funders can see where their money going. Youth artists can use their art works in resume for college. Artists can use these projects as in their resume. Community members can see what‘s going on in their neighborhoods. Tourists can see what’s going on in LA. （ Priority Score: 0.681）WC_2557: As a visitor, I can view a gallery of art works of youth arts programming. （ Priority Score: 0.850）

19


Interactive MapWC_2700: As a visitor, I can see by the interactive map how many different neighborhoods in the Los Angeles area LA Commons has partnered with and created programs for. （ Priority Score: 0.718）Layout of WebsiteWC_2699: As a visitor, I can see a better layout of LA Commons website so that I can be more attracted by programs and spend more time on the website.(for example, condense the " upcoming tour" section in "trekking LA" page) （ Priority Score: 0.693）

20


Neighborhood PageWC_2697: As a visitor, I can clearly identify the various Youth Arts Programing on the "Neighborhood" web page, along with the most current applicable Tour information. （ Priority Score: 0.649）Project PageWC_2561: As a visitor, I can see the Youth Arts Programming related documents on the website so that I know more about this program." Funders can see where their money going. Youth artists can use their art works in resume for college. Artists can use these projects as in their resume. Community members can see what's going on in their neighborhoods. Tourists can see what's going on in LA. （ Priority Score: 0.681）

21

Agreed Win ConditionsSocial ConnectivityWC_2563: As a visitor, I can share my favorite events to the social media so that I can invite more friends to attend the upcoming events and enlarge the social influence of the projects. （ Priority Score: 0.495）Website ConnectivityWC_2699: As a visitor, I can see a better layout of LA Commons website so that I can be more attracted by programs and spend more time on the website.(for example, condense the “ upcoming tour” section in “trekking LA” page) （ Priority Score: 0.693）WC_2697:As a visitor, I can clearly identify the various Youth Arts Programing on the "Neighborhood" web page, along with the most current applicable Tour information.（ Priority Score: 0.681）

22


• LA Common StaffsProject PageWC_2562: As LA Commons staff, I can use the template to enter and save the past ten-year project documents after accepting WordPress training provided by developers. （ Priority Score: 0.612）Social ConnectivityWC_2556: As a worker at LA Commons, I can share our project documents to social media so that it will increase our influence on Internet. （ Priority Score: 0.495）

23

WC Priority

1. WC_25572. WC_27003.WC_26994.WC_25615.WC_26976.WC_25627.WC_2563, WC_2556

24

Prototype

Hualong Zu

25

Priority of Requirements• (WC_2557) gallery of images.• (WC_2700) interactive map.• (WC_2699) updated layout.• (WC_2561) Youth Arts Programming project template.• (WC_2697) Youth Arts Programs in Neighborhood’s page• (WC_2563) Sharing functions

26

2 High Risks to Prototype • User interface mismatch

• Requirement change

27

User Interface MismatchNeighborhood and Project Page• It is client's highest priority requirement item.

• We are still not sure whether our proposed design satisfies the client's requirement.

28

Neighborhood Page

29

Project Page

30

Gallery Of Arts Work

WordPress Gallery Widget

31

Requirement ChangeInteractive Map

• It is one of the most difficult realization parts in this project.

• Currently, the client is still not sure whether she really needs this part.

Interactive Map MapPress Easy Google MapsLeaflet Maps Marker

32

social media share buttons

AddThis Share Buttons

33

34

System Architecture

Yueheng Li

35

System Context Diagram

36

Behavior

37

Behavior - Visitor

38

Behavior - Funder

39

Behavior - Maintainer

40

41

42

43

44

45

46

47

48

49

50

51

52

Deployment Diagram

53

Life Cycle Plan

Qihua Wu

54

Life Cycle Plan• Overall Strategy• Project Plan(MPP)• Stakeholder Responsibilities• COINCOMO II Cost Estimation

55

Overall Strategy• The LA Commons website update is Services- Intensive Project. Involving services includes Google map API, Facebook API and a few other services provided by BlueHost.• Data stored on BlueHost servers with no storage limit. The project is build on top of BlueHost's platform• Team follows ICSM to develop the system.

56

Project Plan(MPP)

57

Project Plan(MPP)

58

Stakeholder Responsibilities• Name: Heather Hoggan• Title: LA Commons Representative(Client) Maintainer• Responsibilites:

– Make client feedback form– Assess prototype and components– Identify project details– Assess project risks– Discuss with team about available resource

59

Stakeholder Responsibilities• Name: Hualong Zu• Title: Project Manager• Responsibilites:

– Explore the system– Assign work for each team member– Record progress report– Make detailed project plan on next phase– Organize WinWin condition requirement.

60

Stakeholder Responsibilities• Name: Huaiqi Wang• Title: Prototyper• Responsibilites:

– Develop prototype– Assess prototype and components– Analyze and prioritize capabilities to prototype

61

Stakeholder Responsibilities• Name: Tianyi Luo• Title: Feasibility Analyst• Responsibilites:

– Describe feasibility evidence– Assess feasibility evidence – Define System and Software requirements

62

Stakeholder Responsibilities• Name: Qihua Wu• Title: Life Cycle Planner• Responsibilites:

– Explore the system– Identify project risk, setup schedule– Estimate project time cost

63

Stakeholder Responsibilities• Name: Yueheng Li• Title: System Architect• Responsibilites:

– Specify architecture styles, patterns and frameworks– Define technology-(in)dependent architecture– Advice in how to develop the system– Transfer knowledge regarding system architect

64

Stakeholder Responsibilities• Name: Taizhi Li• Title: Requirements Engineer• Responsibilites:

– Define System and Software requirements– Access and prioritize requirements– Transfer knowledge regarding system architect

65

Stakeholder Responsibilities• Name: Herman L. Steiniger• Title: IIV & V, Quality Focal Point• Responsibilites:

– Verify and validate work products

66

COINCOMO II Cost Estimation

67

Feasibility Evidence

Tianyi Luo

68

NDI/NCS Alternatives (1)

• Which are also what client currently uses• We can create “Youth Arts Project” page using

WordPress• We can manage the layout on top of the current

solution

69


• The “Youth Arts Programming” gallery in each neighborhood’s page

• The gallery of images in “Youth Arts Programming” page

70


• The interactive map of neighborhoods

MapPress Easy Google Maps Leaflet Maps Marker

71


Add This Share This

• The social media sharing for project page• The social media sharing for featured events

72

Evaluation Criteria

NDI /NCS Attributes NDI /NCS Features

73

Evaluation Results Screen Matrix for NDI Attributes (Example)

74

NDI/NCS evaluation & analysis results

• Four persons in our team evaluated the NDIs. • After calculation and discussion, we decide to use

• BlueHost• WordPress• WordPress Gallery• NextGen Gallery• Leaflet Maps Marker• Add This

75

Top Major Risks

76

Level of Service Feasibility

• Usability: System can help the client to• (WC_2562) use the template to enter and save the past

ten-year project documents.• (WC_2556) share the project documents to social media so

that it will increase their influence on Internet.• Interoperability: System will develop with modular

and layer design for future evolutions • (WC_2557) gallery of images.• (WC_2700) interactive map.• (WC_2699) updated layout.• (WC_2561) Youth Arts Programming project template.• (WC_2697) Youth Arts Programs in Neighborhood’s page• (WC_2563) Sharing functions

77

Capability Feasibility Evidence

78

Business Case – Personal Cost

• As we can see from the table the total development time is 1353 hours.• The 1 year maintenance labor time is about 78 hours• We assume that the student’s salary is $10/H• We set the LA Commons’ staff salary to $15/H

79

Business Case – Hardware & Software Cost

80

Business Case – Benefit Analysis

81

Business Case – ROI

For Cost Calculation:• We assume that student’s salary is $10/H, and staff’s salary is $15/H from 2014 .• We assume that the hardware and software cost doesn’t change each year.

For Benefit Calculation:• We assume that the visitor’s salary is 10$/H , and the staff’s salary is 15$/H.• We assume that the salary of visitor and staff all increase 10% each year.

82

Miguel Ortiz – Artist/Tutor• Basic Demographic

– Age: 28– Occupation: Tutor/Freelance Artist– Hometown: Sacramento, CA

• Attributes– Helpful– Creative

• Description– Miguel has obtained a bachelors degree in Media Arts at UCLA. He has recently married to Jackie,

who is also an artist in the LA area. He currently tutors students in the Leimert Park neighborhood of Los Angeles.

• User Scenario– Miguel is helping one of his students, Jessica, develop her art portfolio and apply to a number of

California art colleges. With minimum art instruction available in the public school system, this is one of the only outlets for her to build a body of work.

• Goals and Aspiration– Tutor/mentor teenage students – Obtain a master’s degree – Teach art at a high school

• Information Sources– Art colleges– Other art

83

Lee Nguyen – Youth Artist• Basic Demographic

– Age: 17– Occupation: High School Student– Hometown: Los Angeles, CA

• Attributes– Energetic– Ambitious

• Description– Lee is the oldest child of 4. His family immigrated from Vietnam when he was the age of 6. He has a

large extended family in Vietnam. • User Scenario

– Lee recently participated in a Neighborhood Story Connection youth program through LA Commons. He spent twenty weeks, as part of a team of youth artists, researching, then designing and fabricating a mural depicting a narrative of the history of his adopted neighborhood. He has already posted many photos of the works on Facebook. He wishes to direct his friends and extended family to the LA Commons site so they can see the gallery of his and others art and highlights of the event.

• Goals and Aspiration– Study art in college upon graduating high school. – Impress friends with artwork– Show artwork to extended family

• Information Sources– Facebook– Flickr

84

John Park – Web Admin• Basic Demographic

– Age: 35– Occupation: LA Commons Web Administrator– Hometown: LA, CA

• Attributes– Experienced– Hard worker

• Description– John is a web designer who has recently joined the LA Commons organization

• User Scenario– John has been given the task of maintaining the website. While he has had previous experience in

web design, he is still adjusting to working at LA Commons. Pictures from the last two projects have not yet been uploaded during the search for a new web administrator.

• Goals and Aspiration– Become familiar with LA commons site– Be able to upload pictures from program events– Expand reach of website to masses

• Information Sources– Other community organizations– User manuals– Digital art pictures taken form events

85

Kenneth Allen – Potential Funder• Basic Demographic

– Age: 65– Occupation: Retired– Hometown: Chicago, Illinois

• Attributes– Busy– Organized– Enthusiastic

• Description– Ken is retired from a career in management but has been an active community member

of the LA neighborhoods. • User Scenario

– Ken has helped organize and provided some funding for many community art programs in the last 5 years. While he wishes to be present to all events, his commitment to other efforts has caused him to miss some art exhibitions.

• Goals and Aspiration– View missed art exhibits– View outcome of funded events

• Information Sources– Digital pictures

86

Katie Allison – LA tourist/new comer• Basic Demographic

– Age: 32– Occupation: Accountant– Hometown: Tampa, FL

• Attributes– Hard Worker– Social

• Description– Katie is a graduate of Florida State University. She works as an accountant and recently took a new

position that required her to move to the Los Angeles area. She enjoys trying new things.• User Scenario

– Having recently moved to LA, Katie would like to familiarize herself with the different LA neighborhoods, and expand her social circle by meeting people with similar interests. Katie has always been a culture enthusiast and would like to find some weekend art and/or touring events.

• Goals and Aspiration– Adjust to LA neighborhood– Expand Social Circle– Find upcoming art events

• Information Sources– Facebook– Yelp– LA community sites

87

Quality Focal Point

Herman Steiniger

88

Traceability MatrixOCD Winbook SSAD

Capability Goals Win Conditions Use CasesOC-1 WC_2700 UC07 WC_2697 UC06 OC-2 WC_2562 UC17 WC_2561 UC08 UC03 WC_2558 UC13 UC17 UC15 UC14 UC18 UC16 UC19 OC-3 WC_2697 UC06 WC_2557 UC08 OC-4 WC_2563 UC01 UC02 WC_2556 UC20 OC-5 WC_2700 UC07 WC_2699 UC05 WC_2558 UC13 UC17 UC15 UC14 UC18 UC16 UC19

89

Quality ManagementDefect Management

• Artifact defects are generated and tracked in BugZilla • Buzilla tickets are handled and resolved using ICSM process

Defect Prevention Strategies• WinWin negotiation sessions• Architecture Review Boards• Prototyping• Dry run test cases

Defect Detection Strategies• Peer and IIV&V Reviews• Architecture Review Boards• Product Testing

90

BugZilla Report

Summary•Status of BugZilla tickets as of 17 October 2013•5 of 26 BugZilla tickets are Artifact defects •All 5 Artifact defects are in the VERIFIED FIXED state•No software bugs were identified in the Valuation Phase

91

Configuration ManagementChange Management

• Changes to artifacts are tracked using BugZilla tickets • Task tickets are generated to create or update artifacts to

supporting project milestones

Change Control• FC package artifacts were controlled using a Dropbox repository• Dropbox is a candidate option for control of source files

• Risk – Dropbox does not allow user to set file in “read only”• Migitation – Procedurally handle concurrent operations on

the same file

Room for Improvement• Better defined process • More disciplined approach to change/configuration management

of deliverables

Documents

LA Commons Upgrade of Website