Cloud Foundry Explorer for Mac Interface Notes
General Notes
- There are three context centric views:
- Apps
- Clouds
- Services
- App-Cloud hierarchy (and all other parent-child relationships) is represented by horizontally sliding panes and breadcrumb navigation under the main menu bar.
Apps
This is the view that shows all the apps that the user has created and manages. The search input in the header filters the list of apps.
App View: Empty
First run will have an empty app list. A user can drop a file folder into the app area (not just the dotted box, but the entire dark grey canvas) to start the new app dialog, or click the button in the bottom left.
New App Dialog
Pressing the "Add App..." button in the lower left, reveals the new app modal dialog. This dialog requires the user to name the app, select an app type, specify a local root location, and set default memory size and number instances when deployed.
App View
By default, apps are represented by the app box icon. Once an app has been deployed to a cloud, a thumbnail of the actual app interface should be generated to represent the app. Selected icons have a 50% black overlay on them.
App Detail
App centric view of an application, that enables definition of default settings, required services and multi-cloud deployment. There are three main sections:
- Info: Default settings for the App, and where it is deployed.
- Services: The Service(s) required when this app is deployed, and which clouds they are deployed to.
- Push: Where the App has been deployed.
App Detail: Info
Default settings and deployments are listed in the App Info tab.
App Detail: Push
Current Deployments. The "push" button deploys your local root.
App Detail: Deploy to New Cloud
Pressing the "Deploy..." button reveals the available clouds the user has set up.
App Detail: New App Deployment
App Detail: Connect to New Cloud
User should be able to connect to a new cloud from this context as well.
App Detail: Deploying Indicator
App Detail: Push Hover
Deployment Detail
Pressing on a deployment in slides in the the App Deployment detail pane, which shows the details of the App on a specific cloud.
Deployment Detail: Service Tunnel
Service Tunnel
App Detail: Services
App Detail: Services
App Detail: Services
Clouds
This is the view that shows all cloud providers that the user has created accounts on, and has added to the the CFE app. Note that cloud providers can be listed multiple times because the user may have more than one account to a particular cloud. The search input in the header filters the list of clouds.
Cloud View: Empty
First run will have an empty cloud list. The "Add Cloud…" button in the lower left will open the Add Cloud dialog.
Add Cloud Dialog
Pressing the "Add Cloud..." button in the lower left, reveals the add cloud modal dialog. This dialog requires the user to name select a cloud provider, give the cloud a name, and enter their account log in information. The input fields should be contextual to the selected Cloud Provider.
Cloud Provider ListCloud View
Connect clouds are represented by the cloud icon. For cloud providers that have a favicon defined on their website, the app should pull the icon for use inside the cloud icon.
Cloud Detail
In the header of the Cloud Detail, the left facing arrow serves as a breadcrumb link to go up a level.
The Cloud Detail view is comprised of two main sections: Cloud Settings and App Deployments. The settings list the given name and log in details. Any changes to the inputs fields activates the "Save Changes" button.
The App Deployments table displays what Apps are deployed the Cloud, and how much resources they are currently using. Double clicking a row will slide the App Deployment Detail pane into view.
Cloud App Deployment Detail
This view shows the app "Soap Store" deployed to the selected Cloud, Tier 3. The App detail is comprised of Deployment Settings, Instances and App Services. Selecting an App Service reveals a sub-menu, which allows the user to Tunnel directly to the service (opens a console) or delete.
Services
A list of services currently in use by created apps. The search input in the header filters the list of services.
Services View
First run will have a default set of service types available for users to bind to applications.
Services View
After apps have been created, their associated services will appear in the services list.