PORTRAIT LAYOUT 50 points maximum 1. Main Activity: A. (5 pts) Scrollable ListView of all contacts B. (5 pts) Each contact should have a check box in front of the name 1. User can check multiple contacts Clicking the Delete button removes all checked contacts 2. C. (5 pts) There should be an Add button. 3. Clicking the Add button launches Activity "Contact Details" D. (5 pts) When a user clicks a contact name, displays the "Contact Profile" containing the contacts information. This can be a fragment or a new activity. 2. Activity/Fragment "Contact Profile" * (5 pts) When user clicks a contact name under Relationships in "Contact Profile", launches a new activity showing that contact's "Contact Profile". 3. Activity "Contact Details": * (5 pts) "Contact Details" activity allows user to input the name, phone number, and relationship with contacts that exist in the contacts list. "Add Person" button confirms the information and updates the contact list. * (10 pts) The "relationship" describes the link between different contact people. The list should display the whole list of contacts. And the checked name should be moved to the top of the contacts list. . (10 pts) When a person Emily is selected as related to person Bob - Bob should show up as a relation in Emily's "Contact Profile" as well. Contacts Contact Details Contact Profile Name Name: Contact Name X Bill Gates Contact Name 2 Contact Name 3 Contact Name 4 Contact Name5X Contact Name 6 Contact Nam 67 Phone Number: Phone Number: (123) 406-789 Relationship Relationship Contact Name 1 Contact Name 2 X Contact Name 3 Contact Name 4 Contact Name5 Contact Name 6 Contact Name 1 Contact Name 2 Contact Name 3 Add Delete Add Person LANDSCAPE LAYOUT 50 points maximum 1. (5 pts) Use fragment to display the contact list on the left. . (10 pts) The information you input in portrait view or landscape view needs to stay constant when the orientation changes. You should not have to reenter information. The content of the ListView should not change. . (5 pts) When user clicks the contact name, the "Contact Profile" should be shown on the right side. ' (5 pts) When user clicks the "Add" button, "Contact Details" is shown as a Fragment on the right. * (10 pts) The delete button, relationship list should function the same as in portrait view * (5 pts) The left fragment and right fragment should occupy 2/5 and 3/5 of the width of screen, respectively. * (10 pts) When a user clicks the contact name under "relationship" in "Contact Details", it should jump to the "Contact Profile" of the clicked name. The clicked contact profile should also display on the right side in the landscape view. Contacts Contact Details Contact Name 1 Name: Contact Name 2 X Phone Number: Contact Name 3 Contact Name 4 Rela Contact Name 1 X Contact Name 2 X Contact Name 3 Contact Name 4 Contact Name 5 Contact Name 6 Relationship: Contact Name 5 Contact Name 6 X Add Delete PORTRAIT LAYOUT 50 points maximum 1. Main Activity: A. (5 pts) Scrollable ListView of all contacts B. (5 pts) Each contact should have a check box in front of the name 1. User can check multiple contacts Clicking the Delete button removes all checked contacts 2. C. (5 pts) There should be an Add button. 3. Clicking the Add button launches Activity "Contact Details" D. (5 pts) When a user clicks a contact name, displays the "Contact Profile" containing the contacts information. This can be a fragment or a new activity. 2. Activity/Fragment "Contact Profile" * (5 pts) When user clicks a contact name under Relationships in "Contact Profile", launches a new activity showing that contact's "Contact Profile". 3. Activity "Contact Details": * (5 pts) "Contact Details" activity allows user to input the name, phone number, and relationship with contacts that exist in the contacts list. "Add Person" button confirms the information and updates the contact list. * (10 pts) The "relationship" describes the link between different contact people. The list should display the whole list of contacts. And the checked name should be moved to the top of the contacts list. . (10 pts) When a person Emily is selected as related to person Bob - Bob should show up as a relation in Emily's "Contact Profile" as well. Contacts Contact Details Contact Profile Name Name: Contact Name X Bill Gates Contact Name 2 Contact Name 3 Contact Name 4 Contact Name5X Contact Name 6 Contact Nam 67 Phone Number: Phone Number: (123) 406-789 Relationship Relationship Contact Name 1 Contact Name 2 X Contact Name 3 Contact Name 4 Contact Name5 Contact Name 6 Contact Name 1 Contact Name 2 Contact Name 3 Add Delete Add Person LANDSCAPE LAYOUT 50 points maximum 1. (5 pts) Use fragment to display the contact list on the left. . (10 pts) The information you input in portrait view or landscape view needs to stay constant when the orientation changes. You should not have to reenter information. The content of the ListView should not change. . (5 pts) When user clicks the contact name, the "Contact Profile" should be shown on the right side. ' (5 pts) When user clicks the "Add" button, "Contact Details" is shown as a Fragment on the right. * (10 pts) The delete button, relationship list should function the same as in portrait view * (5 pts) The left fragment and right fragment should occupy 2/5 and 3/5 of the width of screen, respectively. * (10 pts) When a user clicks the contact name under "relationship" in "Contact Details", it should jump to the "Contact Profile" of the clicked name. The clicked contact profile should also display on the right side in the landscape view. Contacts Contact Details Contact Name 1 Name: Contact Name 2 X Phone Number: Contact Name 3 Contact Name 4 Rela Contact Name 1 X Contact Name 2 X Contact Name 3 Contact Name 4 Contact Name 5 Contact Name 6 Relationship: Contact Name 5 Contact Name 6 X Add Delete