What I see in the Project are the Project files. I am looking for a graphical representation of the entire project, i.e. how are the objects interconnected?
I would also like to know is there any visual tools that are typically used to construct a visual representation of an application BEFORE any actual coding is done? Thank you for your help?
The Symbol Navigator shows the hierarchy of classes and class members. If you have never used it before, read this first.
Browsing the Class Hierarchy
After looking at the UICatalog sample project, I think your question is more basic. That project uses a separate interface builder document (nib/xib) for each view controller. You can see the controls on each view by viewing the nib in the Resources folder. The view controllers themselves are programmatically instantiated, so you cannot view the connections between view controllers at design time. Each controller is instantiated in the MainViewController didSelectRowAtIndexPath when the corresponding table row is selected (menuList is an array of view controllers initialized in viewDidLoad).
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
UIViewController *targetViewController = [[self.menuList objectAtIndex: indexPath.row] objectForKey:kViewControllerKey];
[[self navigationController] pushViewController:targetViewController animated:YES];
This sample project could be re-designed to use a storyboard containing all view controllers, with segues between view controllers. In that case you could see how everything was connected on the storyboard. Storyboards did not exist when that sample was created.