Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Problem:
There appear to be many tools for visualizing graph structures, but none of the ones I've seen so far seem to have the feature of "nesting". The WireIt library (apparently inspired by Yahoo Pipes) looks very promising, but it seems to lack this concept of nesting.
To explain what I am thinking of, consider a Company Org Chart where each "box" in the Org Chart has a button with three dots [...]
When you click on the button, the chart "drills down" into the sub-organizations within the node you just clicked on, you can use the backspace key (or some other convention) to jump back up to the originating node.
Question:
Does anyone know of a GUI toolkit (prefer web-compatible) that includes this concept of nesting? The WireIt library looks promising, but if there are any others out there you are aware of, feel free to include that also.
TIA for any info.
Flare should be able to handle nested nodes. Look at Layouts -> Circle Pack in the demo. I believe Protovis can also handle nested nodes, though I don't see a demo that shows it off.
Two desktop tools I know of support the kind of nesting you're referring to: NodeXL and Cytoscape. In NodeXL, a network visualization template for Excell 2007--2013, you can define a group manually or using a clustering algorithm, then collapse it into a single node. You can then expand individual groups on demand. Cytoscape has a similar feature, though I'm unfamiliar with the terminology it uses. In the latest version you can even show an image on the group node that shows the underlying subgraph.
Another option is to just separate the groups visually in the drawing. NodeXL includes a new Group-in-a-Box layout that separates groups into their own region of the screen, whether the groups are components, clusters, or manually created. Below are some examples and a reference for the associated paper.
Rodrigues, E. M.; Milic-Frayling, N.; Smith, M.; Shneiderman, B. & Hansen, D. Group-in-a-Box layout for multi-faceted analysis of communities SocialCom '11: Proc. 2011 IEEE 3rd International Conference on Social Computing, 2011, 354-361. DOI:10.1109/PASSAT/SocialCom.2011.139
Disclaimer: I am an advisor and developer on the NodeXL project.
The Graphviz library has the ability to do nested clusters. See this example: http://www.graphviz.org/content/fdpclust
Graphviz doesn't provide the interactive features directly, but provides many tools (like the ability to export SVG or image maps with attached urls and JavaScript events) that you would need to build an interactive app. Also check out some of the items on the "Resources" tab, some of the project like jQuery.Graphviz may provide some of the interactivity you are looking for.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 1 year ago.
Improve this question
Situation
We currently have over 20 development teams spread around the globe. We use Azure DevOps for our Epic, Feature, Story tracking over all the teams.
We have to move all the stories through different environments. And, we have to queue up our deployments in bunches (vs. just continuous deployment, etc.). We are maturing our practices to the point that we don't have to do this, but are very early in the process.
We'd like to be able to quickly see where various stories are at in their lifecycle to queue up for deployment. The move from Dev, to QA, to UAT, Staging, Production.
Possible Options
We have the following options...
add custom field indicating environment
use columns/swimlanes in the scrum/kanban boards to indicate the environment
Tags
Some combination of the above? Maybe Custom field and swimlanes?
Input / Thoughts Needed
Does anyone have any suggestions/thoughts on which approach they've found most helpful for large global teams?
We are favoring the custom field, but just thought it would be great to validate that thinking.
Thanks!
We are favoring the custom field, but just thought it would be great to validate that thinking.
Custom fields are great! Using this method, you can quickly find the environment for a work item (just by clicking the work item) and you can use queries to get work items for specific environments.
Click Add a custom field to a work item type (Inheritance process) for detailed steps.
If you want to visually see which work item belongs to which environment in the boards, you can add the field on the card.
Click on the Settings icon in the upper right corner -> Cards/Fields/Additional fields.
Aslo, in the boards, you can use swimlanes to better differentiate between work items in different environments.
Here is an example.
We'd like to be able to quickly see where various stories are at in their lifecycle.
You can use custom states. Here is an example, and the final result is shown in the picture above.
Click Customize the workflow (Inheritance process) for detailed information.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I'm now current making a mobile application. I want to find a service which I'll upload image of my defined objects : Airplane, computer, ... and when users use the app, they take a picture of the object I already defined in service, the service will tell him/her about the object information, such as: Akai's computer, Akai's laptop, ...
I wonder if there is any image recognition which provides database for inputting images as sample data with information to help me to achieve or not.
Thank you,
There is an important tradeoff here at play. There are two scenarios:
You have relatively few categories (objects for which the user can take an image) and multiple example images for each category. You have plenty of options from the realm of machine learning (neural network frameworks like caffe or Tensorflow). But if you want things to work with relatively small number of examples (you should still have at least tens per category), the easiest way is to use an external API like vize.it where you can set up the categories via a web interface and have the image recognizer hosted externally and accessed via a REST API.
You have many categories and just one or a few examples for each category. I'm personally not aware of any pre-made solutions to such a problem. My approach would be to use a pre-trained convolutional neural network to process the images, using the hidden representation near the top of such network (very much like what is used e.g. on the image side of automated image captioning - example code), and train a classifier that takes a pair of images processed this way and outputs a [0,1] scalar that represents how close the images are. I have experimented with that approach for comparing sentences and that works pretty well, but I expect you will need a big dataset.
Disclaimer: I'm a co-author of vize.it.
when users use the app, they take a picture of the object I already defined in service, the service will tell him/her about the object information, such as: Akai's computer, Akai's laptop, ...
Since your user is trying to identify an instance of an object, and retreive metadata about it, the Watson Visual Recognition service's similarity search feature may be a good fit. It is a beta service, which is free for the time being.
You can add photos with associated metadata (like strings "Akai's computer") into a collection, which indexes the images by their visual appearance. You can then query the collection with the "find_similar" method to retrieve the image ids and metadata from the most visually similar images.
Here is a demo: https://similarity-search-demo.mybluemix.net/ That page also includes a link to the API reference. Watson VR also includes custom classifier training, which you might find interesting.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I have never used a CMS before nor have I built a E-commerce site before so I have several questions regarding this and choosing one:
My background:
I am not a programmer: I am a designer and I am proficient with using HTML and CSS, as well as having some experience using and "tweeking" some Jquery Plugins such as sliders, picture viewers, to use in my markup.
I need help choosing the right CMS to build a E-commerce site for a very small shop and my choice of CMS must meet these requirements:
1) most important: the site must do some sort of automatic SEO for the products added using the names of the products, ie "poster of michael jackson".
2) most important #2: The website doesn't have to keep stats on a million things or have a million random features but the products we will be selling on this site MUST have a second level of variables to go with their choice. ie when the the buyer chooses to purchase the "michael jackson poster" - then they must be able to choose the "poster frame style" and see the choices in thumbnails for example of what these frames look like (wood, plastic, metal) and also other options such as "poster glass choice" with several types of glass to choose as variables
3) It has a very easy to use backend for my client (who knows nothing about websites) to update content.
4) Something I can set up without being a programmer given my skill set listed above. I can purchase or use a free template to get started but i'd like to eventually be able to stylize the site myself to give it my own theme/look and front end UI features such as a picture slide show or something I want to build/plugin that may not be part of the template.
Thanks in advance! I'm very very new to this stuff.
p.s. i was looking at magento, is that a good one for these requirements?
one option is an all-in-one hosted system like shopify, volusion, corecommerce, or yahoo stores. you can totally customize the design, but they handle the e-commerce engine and have seo compatibility... magento is excellent and is very customizable.
Exact Abacus offer Ecommerce software that seems to tick all your boxes. Its probably unlike anything you've seen before, so definitely worth a look.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I've just picked up a contract to sort out a vipers-nest of e-commerce websites that a previous 'developer' left for one of my clients. There's about a couple of dozen of them using a custom shopping cart and CMS system that's too embedded to dump and works well enough, but desperately needs cleaning up, re-factoring, and bug fixing, so a reasonably substantial recoding job.
As part of this my client is desperate to ensure the best search engine placement he can get. Like many developers I've a nodding acquaintance with the idea, but no real knowledge, and it seems that it would be helpful to get up to speed on this so I can build appropriately into the code.
So can people advise on useful quality resources - books, websites, blogs etc? I do not wish to obsess over every last detail on this (he can use a specialist if he decides to pull every last ounce out - although I've always regarded such as little better than snake-oil peddlers), but I would like to build code and reconfigure templates in a manner that helps rather than hinders placement.
Look at Wikipedia with styles off. See how they order their content? See how they use correct tags to label the content? These are the keys to long term success.
The most important SEO advice is to create a semantic, logical site. The content comes first and is ordered by importance. Use the correct tags, don't do tables. Then apply styles. Then apply script to make it fancy. (Like Tomas said)
Know the difference between what is content (pictures of your products) and not (your logo tiled on the background). Basically do your best to present good content in a good way. You can't game the system for long term gains.
This will give you long term placement. Most SEO companies just do tricks or links farms or worry about keywords and meta tags, so they are temporary at best. I think it is good to assume that Google works just as hard to drop that crap from it's index as the SEO marketers do to include it.
According to Google's patent
Age of domain.
Important sites that link to you.
Content. Make it real and accurate.
http://appft1.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&p=1&u=/netahtml/PTO/search-bool.html&r=1&f=G&l=50&co1=AND&d=PG01&s1=20050071741&OS=20050071741&RS=20050071741
A main concern when thinking SEO should always be usability. Make sure the mark-up is semantic, make sure the site works without javascript, css and images - in other words, make sure that 'low-level browsers' are able to read the contents of your page. Think of optimizing the site for a screen reader for the blind and visually impaired, and you will automatically cover the search engines, because that is exactly what they are - blind browsers.
A standard no-no is a table layout, mainly because it does not order the site content by relevance. To a human being reading your site, it is no problem looking two inches down instead of at the very top of your page, but the screenreader reads the code, not the visual view.
Thus, you should make sure that you have the important things - a high-level heading (preferrably <h1> or <h2>), the main menu (in a <ul> list) and the content in divs at the top of the source, and less important content (the logo, banners, quickmenus etc that aren't really crucially needed to be accessible) further down. You are always able to re-order where the stuff is actually shown in your css.
New tag to use called CANONICAL can now also be used, from Google, click HERE
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I am looking to revamp our CRUD web forms and would appreciate any examples of good UI design.
We have lots of database tables that have minimal editing needs by the user - Country Codes, Tax codes, Product prices, and so on - and these all currently use a simple format for CRUD, but it was designed by developers and looks very bland, and quite possibly could have far better usability, and certainly a better design.
Our process is:
Find screen - which also has an ADD NEW button. Enter values for any parameters relevant to search for and press FIND button. Matching records displayed in a grid with an EDIT link. The corresponding Edit form allows CLONE, DELETE and SAVE.
Where appropriate an Edit form may display Child Records.
For very complex records / relationships the Edit form is replaced by a Record Card, which displays everything including the kitchen sink! and appropriate records / sub records have EDIT links.
Its functional, but uninspiring.
On an 80:20 basis the code is all mechanically generated, so re-generating it for a new metaphor shouldn't be too hard.
I like a lot of the UI in the Magento eCommerce Admin pages, but I would be interested in any other examples you can recommend
Here are some examples of UI patterns:
Input Controls
Stacked Tabs
Inline Input Adder
One Page Wizards
Overlay
Generally each section will explain the pattern, how and why to use, and gives a handful of graphics as real world examples.
As an additional resource, you can also visit ThemeForest's admin template site and browse through their many products and get pictures and live tours of very well designed and styled admin pages. I personally have used a few of these templates for data heavy sites.
Hope these help you out some.
7/25/18 Update: While it is hard to keep links from nine years ago working, it seem that the website which hosted the UI examples is now gone. Read Farewell from Patternry for further information.
Links worth a look:
http://www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/
http://somerandomdude.com/articles/design/form-design/
The Dynamic Data Web Site that you can create using .Net 3.5 is pretty handy. Good clean dynamic CRUD ability and yet very customizable. Routing makes it possible to default to generated pages when needed and custom pages if you choose to create them.
Dynamic Data Web Site
These guys have really nice examples-
http://wufoo.com/gallery/
To me, the Django admin interface is a good example of a CRUD interface.
I've just stumbled onto this one
there you will find a couple of REALLY GREAT templates!!!
http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/