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
