<div class="socmaildefaultfont" dir="ltr" style="font-family:Arial;font-size:10.5pt" ><div dir="ltr" >Not sure if I got you correctly there. I wasn't just referring to the API documentation, I was talking about overall layout of wok with all it's plugins loaded. </div>
<div dir="ltr" > </div>
<blockquote data-history-content-modified="1" dir="ltr" style="border-left:solid #aaaaaa 2px; margin-left:5px; padding-left:5px; direction:ltr" >----- Original message -----<br>From: Samuel Henrique De Oliveira Guimaraes <samuel.guimaraes@eldorado.org.br><br>To: Harshal Patil/India/IBM@IBMIN<br>Cc: "alinefm@linux.vnet.ibm.com" <alinefm@linux.vnet.ibm.com>, "kimchi-devel@ovirt.org" <kimchi-devel@ovirt.org>, "socorro@linux.vnet.ibm.com" <socorro@linux.vnet.ibm.com><br>Subject: RE: RE: [Kimchi-devel] Wok index page mock up<br>Date: Thu, Aug 13, 2015 1:48 AM<br> <br><!--Notes ACF
<meta http-equiv="Content-Type" content="text/html; charset=utf8" >--> <!--[if !mso]><style></style><![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit" >
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
<div><p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >Yes, I think this pattern with fixed top, menu icon and search field is very good for the purpose of a documentation tool. <o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" ><o:p> </o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >For the mockup I’ve edited a HTML page, captured it and added the logo with Gimp.<o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" ><o:p> </o:p></span></p>
<p><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >Samuel<o:p></o:p></span></p>
<p><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" ><o:p> </o:p></span></p>
<p><b><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif" >From:</span></b><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif" > Harshal Patil [mailto:harshal.patil@in.ibm.com]<br><b>Sent:</b> quarta-feira, 12 de agosto de 2015 01:02<br><b>To:</b> Samuel Henrique De Oliveira Guimaraes <samuel.guimaraes@eldorado.org.br><br><b>Cc:</b> alinefm@linux.vnet.ibm.com; kimchi-devel@ovirt.org; socorro@linux.vnet.ibm.com<br><b>Subject:</b> Re: RE: [Kimchi-devel] Wok index page mock up<o:p></o:p></span></p>
<p><o:p> </o:p></p>
<div><div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Hi, <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Thanks for your comments. I liked the API explorer you have proposed. <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >For the hamburger and logo bar, do you want to keep a static bar or do you want to consider a dynamically changing contextual bar? I have attached the example of later here.<o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><img height="66" id="_x0000_i1025" src="cid:image003.png@01D0D522.DEB4CE60" width="1584" ><img height="58" id="_x0000_i1026" src="cid:image004.png@01D0D522.DEB4CE60" width="1585" ><img height="59" id="_x0000_i1027" src="cid:image005.png@01D0D522.DEB4CE60" width="1583" ><o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >So depending upon which context you are it changes it's colour and items in the bar. The screenshots are from 'Inbox for Gmail'. We can keep the logo somewhere there but we can also show which 'plugin' the is interacting with and change the color scheme accordingly. E.g if user selects 'Kimchi' plugin from hamburger menu we can display 'Kimchi' next to that hamburger menu (while continue to display 'Wok' in the center or something like that). This way we can get rid of 'tabs'. The top bar serves that purpose. <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Let me know what do you think.<o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >BTW, which mock up tool you used to create that mockup page of wok? <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Harshal<o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<blockquote style="border:none;border-left:solid #AAAAAA 1.5pt;padding:0cm 0cm 0cm 4.0pt;margin-left:3.75pt;margin-top:5.0pt;margin-bottom:5.0pt" ><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >----- Original message -----<br>From: Samuel Henrique De Oliveira Guimaraes <<a href="mailto:samuel.guimaraes@eldorado.org.br" target="_blank" >samuel.guimaraes@eldorado.org.br</a>><br>To: Harshal Patil/India/IBM@IBMIN, "<a href="mailto:alinefm@linux.vnet.ibm.com" target="_blank" >alinefm@linux.vnet.ibm.com</a>" <<a href="mailto:alinefm@linux.vnet.ibm.com" target="_blank" >alinefm@linux.vnet.ibm.com</a>><br>Cc: "<a href="mailto:kimchi-devel@ovirt.org" target="_blank" >kimchi-devel@ovirt.org</a>" <<a href="mailto:kimchi-devel@ovirt.org" target="_blank" >kimchi-devel@ovirt.org</a>>, "<a href="mailto:socorro@linux.vnet.ibm.com" target="_blank" >socorro@linux.vnet.ibm.com</a>" <<a href="mailto:socorro@linux.vnet.ibm.com" target="_blank" >socorro@linux.vnet.ibm.com</a>><br>Subject: RE: [Kimchi-devel] Wok index page mock up<br>Date: Wed, Aug 12, 2015 3:06 AM<br> <o:p></o:p></span></p>
<div><p><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >Hi Harshal,</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >I liked the mockup. It looks good and I think that for Wok service we should have a clean interface since we are going to provide API documentation, it should feature different elements than Kimchi and Ginger but maintain the same design language. I think this is a good direction because if you look to several products Wikis and docs, they are adding some of the same elements that we can see in this mockup like the Hamburger Icon and an off-canvas menu. For the REST API documentation I was thinking in something similar to the attached image and this link: <a href="http://petstore.swagger.io/" target="_blank" >http://petstore.swagger.io/</a></span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D" ><img border="0" height="592" id="Picture_x0020_1" src="cid:image006.png@01D0D522.DEB4CE60" width="1030" ></span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >However, that part would need user authentication for security reasons.</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" >Regarding the logo, I believe it should be large and centered in the index page. Kimchi logo is good enough, maybe a flat version of it:</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D" ><img border="0" height="521" id="Picture_x0020_2" src="cid:image007.png@01D0D522.DEB4CE60" width="803" ></span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span lang="EN-US" style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D;mso-fareast-language:EN-US" > </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif" >From:</span></b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif" > Harshal Patil [<a href="mailto:harshal.patil@in.ibm.com" target="_blank" >mailto:harshal.patil@in.ibm.com</a>]<br><b>Sent:</b> terça-feira, 11 de agosto de 2015 16:49<br><b>To:</b> <a href="mailto:alinefm@linux.vnet.ibm.com" target="_blank" >alinefm@linux.vnet.ibm.com</a><br><b>Cc:</b> <a href="mailto:kimchi-devel@ovirt.org" target="_blank" >kimchi-devel@ovirt.org</a>; Samuel Henrique De Oliveira Guimaraes <<a href="mailto:samuel.guimaraes@eldorado.org.br" target="_blank" >samuel.guimaraes@eldorado.org.br</a>>; <a href="mailto:socorro@linux.vnet.ibm.com" target="_blank" >socorro@linux.vnet.ibm.com</a><br><b>Subject:</b> Re: [Kimchi-devel] Wok index page mock up</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p>
<p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p>
<div><div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Opps sorry Aline, forgot to answer your questions..<o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >1. It was inspired from Android's hamburger menu design. It's also your in 'Inbox for Gmail's desktop page. But of course, this is not a final design. We can improve it further, if required. <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >2. IMHO, user doesn't need to login just to see the index page. There is nothing in there which needs to be protected behind a login page. <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >3. It could be right next to hamburger menu or on the RHS. <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<blockquote style="border:none;border-left:solid #AAAAAA 1.5pt;padding:0cm 0cm 0cm 4.0pt;margin-left:3.75pt;margin-top:5.0pt;margin-bottom:5.0pt" ><p><span lang="EN-US" style="font-size:10.5pt;font-family:"Arial",sans-serif" >----- Original message -----<br>From: Aline Manera <</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><a href="mailto:alinefm@linux.vnet.ibm.com" target="_blank" ><span lang="EN-US" >alinefm@linux.vnet.ibm.com</span></a></span><span lang="EN-US" style="font-size:10.5pt;font-family:"Arial",sans-serif" >><br>To: Harshal Patil/India/IBM@IBMIN, </span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><a href="mailto:kimchi-devel@ovirt.org" target="_blank" ><span lang="EN-US" >kimchi-devel@ovirt.org</span></a></span><span lang="EN-US" style="font-size:10.5pt;font-family:"Arial",sans-serif" >, Samuel Henrique De Oliveira Guimaraes <</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><a href="mailto:samuel.guimaraes@eldorado.org.br" target="_blank" ><span lang="EN-US" >samuel.guimaraes@eldorado.org.br</span></a></span><span lang="EN-US" style="font-size:10.5pt;font-family:"Arial",sans-serif" >>, Socorro Stoppler <</span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><a href="mailto:socorro@linux.vnet.ibm.com" target="_blank" ><span lang="EN-US" >socorro@linux.vnet.ibm.com</span></a></span><span lang="EN-US" style="font-size:10.5pt;font-family:"Arial",sans-serif" >><br>Cc:<br>Subject: Re: [Kimchi-devel] Wok index page mock up<br>Date: Tue, Aug 11, 2015 8:47 PM<br> <br><br>Hi Harshal,<br><br>Thanks for sending this mockup!</span><br><br><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >In general it looks good for me. Only some comments/doubts:<br><br>1) What is 3 lines button on the left corner? Does this represent a menu or something?<br><br>2) Will the welcome page be shown as the first page or user will need to login to get the welcome page?<br><br>3) Will wok have a logo? Where in page will we display it?<br><br>Maybe Socorro and Samuel can help us more on the page layout as they are UI experts =)<br><br>Regards,<br>Aline Manera<br> <o:p></o:p></span></p>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >On 10/08/2015 07:43, Harshal Patil wrote:<o:p></o:p></span></p></div>
<blockquote style="margin-top:5.0pt;margin-bottom:5.0pt" ><div><div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Hi,<o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Working on issue #718 ,<a href="https://github.com/kimchi-project/kimchi/issues/718" target="_blank" >https://github.com/kimchi-project/kimchi/issues/718</a><o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Just some initial mock up about page layouts. Please let me know what do you think about it. These mock ups are only for showing the layout, so please ignore things like color scheme, font types etc. <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Here is the pdf, <a href="https://drive.google.com/file/d/0B3vI9LCU26KEN19kcjZtbTVyOGM/view?usp=sharing" target="_blank" >https://drive.google.com/file/d/0B3vI9LCU26KEN19kcjZtbTVyOGM/view?usp=sharing</a><o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >I am using Pencil to create that, so if you want to edit something here is pencil file, <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><a href="https://drive.google.com/file/d/0B3vI9LCU26KETm52bU00V1hDZ00/view?usp=sharing" target="_blank" >https://drive.google.com/file/d/0B3vI9LCU26KETm52bU00V1hDZ00/view?usp=sharing</a><o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" >Thanks<o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div></div>
<p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p>
<div><p><span style="font-size:10.0pt;font-family:"Courier New"" >_______________________________________________<br>Kimchi-devel mailing list<br><a href="mailto:Kimchi-devel@ovirt.org" target="_blank" >Kimchi-devel@ovirt.org</a><br><a href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel" target="_blank" >http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a></span><span style="font-size:10.5pt;font-family:"Arial",sans-serif" ><o:p></o:p></span></p></div></blockquote></blockquote>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div></div>
<p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div></blockquote>
<div><p><span style="font-size:10.5pt;font-family:"Arial",sans-serif" > <o:p></o:p></span></p></div></div>
<p><o:p> </o:p></p></div></blockquote>
<div dir="ltr" > </div></div>
<BR>