Hi Madhuka, Thanks for your advice and suggestions.
Sent from my iPhone On 2014 අප්රේල් 9, at පෙ.ව. 10.26, madhuka udantha <[email protected]> wrote: > Hi, Ayola > > Chart will be worthy for dashboard if you have such data to go. > You can try angular-google-chart[1] for that. > > Thanks. > > [1] http://ngmodules.org/modules/angular-google-chart > > > On Tue, Apr 8, 2014 at 11:09 PM, 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 >>>> >>>> <ui1.png> >>>> >>>> >>>> >>>> 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) >>>> >>>> <ui2.png> >>>> >>>> >>>> >>>> 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. >>>> >>>> >>>> <ui4.png> >>>> >>>> >>>> >>>> >>>> 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 >>>> >>>> >>>> >>>> <ui3.png> >>>> >>>> >>>> >>>> >>>> Three View UI >>>> >>>> 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) >>>> As user can expand Cluster into Node and Node into Resources . >>>> 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) >>>> 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 >>>> >>>> >>>> <ui5.png> >>>> >>>> >>>> >>>> >>>> Dragging and Drop UI >>>> Widget will be used to create clusters with more interaction and simpler >>>> user interface >>>> You can see available nodes (list of node) - (API need to verify) >>>> >>>> >>>> <ui6.png> >>>> >>>> >>>> >>>> After click add new cluster you will get box as one below >>>> Then by click on + mark UI you can add node to cluster or drag node from >>>> node list into cluster >>>> Then node will be added to cluster as below same process UI will have from >>>> resource managing/partition >>>> >>>> <ui7.png> >>>> >>>> >>>> >>>> Tab UI >>>> Action and details will be grouped as according to below tabs and tables >>>> will be used for showing details >>>> Actions will came across as clicks mainly for basic actions >>>> >>>> >>>> >>>> <ui8.png> >>>> >>>> >>>> >>>> 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 > > > > -- > Cheers, > Madhuka Udantha > http://madhukaudantha.blogspot.com
