Looks pretty neat =) In term of server side, where do you think the data will coming from for the UI component? Will it be coming from controller?
- Henry On Tue, Apr 8, 2014 at 10:39 AM, Ayola Jayamaha <[email protected]>wrote: > In case you are unable to view the inline images please visit below links : > > UI 1 :inline image 1 > https://drive.google.com/file/d/0ByWGexlJqMwbLXRKNDFBbTRoRGs/edit?usp=sharing > UI 8 :inline image 8 > https://drive.google.com/file/d/0ByWGexlJqMwbNndmc1FRSnE4WWc/edit?usp=sharing > UI 7 :inline image 7 > https://drive.google.com/file/d/0ByWGexlJqMwbcFVncXhKUVRNaWc/edit?usp=sharing > UI 6 :inline image 6 > https://drive.google.com/file/d/0ByWGexlJqMwbTVhETGZiRnhaemM/edit?usp=sharing > UI 5 :inline image 5 > https://drive.google.com/file/d/0ByWGexlJqMwbcldJck1UcjExZTQ/edit?usp=sharing > UI 3 :inline image 4 > https://drive.google.com/file/d/0ByWGexlJqMwbU0JZUkFDTWhRZHc/edit?usp=sharing > UI 4 :inline image 3 > https://drive.google.com/file/d/0ByWGexlJqMwbeXF6QkhxSVhodkU/edit?usp=sharing > UI 2 :inline image 2 > https://drive.google.com/file/d/0ByWGexlJqMwbV0xnMktpWk8zeDA/edit?usp=sharing > > > > On 8 April 2014 22:37, Ayola Jayamaha <[email protected]> wrote: > >> Since the inline images are not displaying properly I'm attaching them in >> here. >> >> >> On 8 April 2014 22:18, Ayola Jayamaha <[email protected]> wrote: >> >>> I went through some jira issue in helix. By developing dashboard we will >>> be able to resolve this[1] as we expose REST controller client (such as >>> swager). >>> >>> Here is one sample UI >>> >>> [image: Inline images 11] >>> >>> >>> >>> Here is the sample UI design for dashboard for helix >>> widget which can have the same UI as shown below. >>> Few types of UIs are as follows >>> >>> - Form UI >>> - Tree view >>> - Drag and Drop UI >>> - Tab UI >>> >>> These are some Ideas that I from the requirements and please let me know >>> your ideas plus if i have missed anything. >>> This is only one sample UI so there can be many UIs in the dashboard but >>> this can be the master UI. >>> >>> >>> *FORM UI* >>> All clusters will be listed in list down. >>> Can select the cluster from the list. >>> Can click on any action in list to perform. >>> (*If cluster is not selected alert pop up will appear informing the need >>> to select one cluster to perform an action) >>> >>> [image: Inline images 2] >>> >>> >>> >>> Cluster 1 is selected and label on the top of the list will be updated >>> from front end(FE) Java Script (JS) (Perform considered usd front end js) >>> Then dashboard user have to picker action (Click hyper link) >>> Right hand side div (html box) will be visible with together information >>> to perform selected task upon on the selected cluster >>> >>> eg: User select 'Cluster 1' and click on 'Add resource' Page will update >>> from AJAX with FE JS. >>> >>> >>> [image: Inline images 5] >>> >>> >>> >>> >>> From or gadget will selected upon the action that user have picked >>> eg: User select 'Cluster 1' and click on 'Add Instance Tag' >>> To call Hlix java API from dashboard, we will need two parameters >>> (Instance name/ID and Tag) So UI will update to pass those to back end API >>> >>> >>> >>> [image: Inline images 4] >>> >>> >>> >>> >>> *Three View UI* >>> >>> >>> 1. Clusters, Node, Resource will be show in Tree view (Same way we >>> can switch for Partition - Sample UI experience can be found in windows7 >>> windows explorer with grouping concept) >>> 2. As user can expand Cluster into Node and Node into Resources . >>> 3. As user select one on UI element in tree Right hand side will >>> show details (To get details Helix java & rest APIS will be used) >>> 4. Sliders will be used to give one page dash board experience with >>> less mouse plus mouse listeners will be used in here since few (div) html >>> component have some sliders >>> >>> >>> >>> [image: Inline images 6] >>> >>> >>> >>> >>> *Dragging and Drop UI* >>> >>> 1. Widget will be used to create clusters with more interaction and >>> simpler user interface >>> 2. You can see available nodes (list of node) - (API need to verify) >>> >>> >>> >>> [image: Inline images 7] >>> >>> >>> >>> >>> 1. After click add new cluster you will get box as one below >>> 2. Then by click on + mark UI you can add node to cluster or drag >>> node from node list into cluster >>> 3. Then node will be added to cluster as below same process UI will >>> have from resource managing/partition >>> >>> >>> [image: Inline images 9] >>> >>> >>> >>> *Tab UI* >>> >>> 1. Action and details will be grouped as according to below tabs and >>> tables will be used for showing details >>> 2. Actions will came across as clicks mainly for basic actions >>> >>> >>> >>> >>> >>> >>> >>> *[image: Inline images 10]* >>> >>> Above UI can be reviewed so we can cover up more admin actions that are >>> missing from helix dashboard. >>> What is been expecting from UI >>> >>> Here are few questions I'd like to know >>> >>> >>> - Health information regarding cluster or node? monitor API (is it >>> possible)? >>> >>> I was looking at some chart widgets as charts are much richer UIs where >>> user can get more descriptive information. >>> >>> - As pictures can give more information than text I'd like to get >>> your idea on which information can help us on such. (Since I was looking >>> to this, as their information that can help to show in chart explain >>> Node/resource count in cluster) >>> >>> Ideas are welcome. >>> >>> Thanks >>> >>> >>> >>> On 1 April 2014 15:02, Ayola Jayamaha <[email protected]> wrote: >>> >>>> Hi Kanak, >>>> >>>> Thanks for the reply. I will go through them and let you know. >>>> >>>> I will draw a UI (mock-up) for dashboard with mainly looking on viewer >>>> that present a current snapshot of the cluster in terms of Helix concepts. >>>> (with view data/details over cluster) >>>> UI elements for admin operations (the operations exposed by >>>> HelixAdmin, ClusterSetup, and the REST API) where users can perform >>>> operations on helix by User interface. >>>> >>>> >>>> >>>> On 26 March 2014 23:11, Kanak Biscuitwala <[email protected]> wrote: >>>> >>>>> >>>>> Hi Ayola, >>>>> >>>>> Can you subscribe to the dev and user mailing lists for Helix? Your >>>>> emails are currently bouncing. >>>>> >>>>> Instructions here: http://helix.apache.org/mail-lists.html >>>>> >>>>> Thanks, >>>>> Kanak >>>>> ________________________________ >>>>> > Date: Wed, 26 Mar 2014 23:05:35 +0530 >>>>> > Subject: Re: GSOC Proposal for the dashboard for Apache Helix >>>>> > From: [email protected] >>>>> > To: [email protected] >>>>> > CC: [email protected]; [email protected]; >>>>> [email protected] >>>>> > >>>>> > Hi Kanak, >>>>> > >>>>> > Thanks for replying and for looking to my proposal. Sure I will ask >>>>> any >>>>> > questions regarding the project when I have. Right now I'm going >>>>> > through Helix & Hawtio and I'm writing some blog posts in my personal >>>>> > blog regarding this. Looking forward to communicate and work with you >>>>> > which is an opportunity for me of a life time. >>>>> > >>>>> > Thanks >>>>> > >>>>> > >>>>> > On 26 March 2014 22:08, Kanak Biscuitwala >>>>> > <[email protected]<mailto:[email protected]>> wrote: >>>>> > >>>>> > Hi Ayola, >>>>> > >>>>> > Great! I have reviewed your proposal and have acknowledged it. Once >>>>> > Apache gives the go-ahead, the voting phase will start. >>>>> > >>>>> > Let me know if you have any questions. >>>>> > >>>>> > Thanks, >>>>> > Kanak >>>>> > ________________________________ >>>>> >> Date: Wed, 26 Mar 2014 17:01:18 +0530 >>>>> >> Subject: GSOC Proposal for the dashboard for Apache Helix >>>>> >> From: [email protected]<mailto:[email protected]> >>>>> >> To: [email protected]<mailto:[email protected]>; >>>>> > [email protected]<mailto:[email protected] >>>>> > >>>>> >> CC: [email protected]<mailto:[email protected]> >>>>> >> >>>>> >> Hi, >>>>> >> >>>>> >> I'm Ayola Jayamaha from Sri Lanka. I'm a final year undergraduate >>>>> >> student at the University of Moratuwa Computer Science & Engineering >>>>> >> Department. I have sat for my exams and I'm waiting for results. >>>>> >> >>>>> >> When going through the GSOC Projects the project of a Dashboard for >>>>> >> Apache Helix caught my eyes. So I submitted a proposal for this >>>>> >> project.I'm attaching my proposal with this email and hope you would >>>>> >> consider it favorably for gsoc 2014. >>>>> >> >>>>> >> Thank you. >>>>> >> >>>>> >> -- >>>>> >> Best Regards, >>>>> >> Ayola Jayamaha >>>>> > >>>>> > >>>>> > >>>>> > >>>>> > -- >>>>> > Best Regards, >>>>> > Ayola Jayamaha >>>>> > >>>>> > http://ayolajayamaha.blogspot.com >>>>> >>>>> >>>> >>>> >>>> >>>> -- >>>> Best Regards, >>>> Ayola Jayamaha >>>> >>>> http://ayolajayamaha.blogspot.com >>>> >>> >>> >>> >>> -- >>> Best Regards, >>> Ayola Jayamaha >>> >>> http://ayolajayamaha.blogspot.com >>> >> >> >> >> -- >> Best Regards, >> Ayola Jayamaha >> >> http://ayolajayamaha.blogspot.com >> > > > > -- > Best Regards, > Ayola Jayamaha > > http://ayolajayamaha.blogspot.com >
