Suggestion of Material design framework - user-interface

We are maintaining a web based tool (written in Play 2.x Framework) which over the years has gained a lot of different technologies used. It is a mix between regular server generated pages with old school html/javascript/html buta also som jQuery and misc components that the developer at that time liked. The more lately added stuff are more interactive and uses a REST-API and React.
Usability is pretty good but the graphical design of it is awful. In the best of worlds we would redo the entire front and make it single page and extend the REST-API fully.
however, we don't have those resources but still apply a material design to it with a dark theme.
I have previously done a makeover on a similar but smaller web tool using Material Design Lite and that was quite smooth. However, that framework from what I can see does not support a dark theme and is also discontinued in favour for the Material Components.
Any suggestion on a good alternative?
Main requirements:
Uses a dark theme
Easy to integrate with both our old and newer stuff.

If you're use React you can try Material-UI.
If not you can simply make custom theme using Material Design.

Related

StateChart Diagram Angular Component

I need a UI library with Angular components to display and edit state chart diagrams with data bindings, so the diagrams can be translated bidirectional between the visual diagram and the native statemachine model entities in my application. I have pored over pages of google search to no avail.
I must admit I am a newbie to Angular and my expertise is to the level of using standard components available from npmjs repository. So far, I have been comfortable using different ui components such as ngx-bootstrap, valour, etc. I do not have the competence or know-how to build new components using diagram libraries with JS/JQuery inside my angular project to realise the requirements. I would really appreciate if any UI Toolkit/Library available for this. Even reasonably priced commercial frameworks are acceptable for me.
Thanks in advance for any help.
I have already checked out free/open-source/commercial frameworks such as Telerik Kondo, SyncFusion, Ionic, JQWidgets, etc. I have pored over their documentation published for free. However, I always end up in either (a) they do not suit my needs, or (b) it involves developing this component myself. I know how it sounds, but my need is similar to needing a car; not design & build one myself. I do not have the ability to do it.
I need support for Angular 7 or 8 to be precise.

What is the best Material Design UI framework

I started to build a web application for HR Management and thought of applying Material Design concepts for interface. When I searched I found there are many frameworks for it such as
Angular Material
Materialize
Polymer
I want to select one of these material design frameworks for my project. There are couple of concerns I have about these frameworks.
What is the stability and the future maintainability of framework
How easy to customize the framework according to our new requirements and components
Do others use the framework
Which has most of the features
By considering above concerns can some one advice me what to use as the Material Design framework?
I will share my finding based on different criteria
Browser Compatibility
I) Materialize supports in all 3 browsers.
II) Polymer does not support in IE and safari
III) Angular Material its not mentioned clearly on the documentation.
Stability
I) Materialize Still under development but because it's just js and css
you will be able to keep up with it.
II) Polymer Still under development. Next versions can be entirely
different.
III) Angular Material Still under development. Next versions can be
entirely different.
Material look and feel
I) Materialize not pure material design.
II) Polymer pure material design.
III) Angular Material pure material design.
Features
I) Materialize feature less compared to other two.
II) Polymer feature rich.
III) Angular Material feature rich.
Future
I) Materialize not clear.
II) Polymer very clear because of google doing it.
III) Angular Material very clear because of google doing it.
Overall It's hard to say which is best. If not for the lack of support in IE (HR domain lots of people still use IE) my choice will be Polymer.If someone knows about Angular Material's browser compatibility please comment.
I will answer based on the concerns you have.
I don't know much about materialize, but by looking at their websites, I think I can relate it with other libraries.
I feel Polymer is much more stable than the other the other two as it is production ready with version 1.0. While the other two are still under development and their 1st version isn't even out yet.
Polymer and angular-material both are projects by google, so future maintainability will be proper. I am not so hopeful about materialize.
I have worked more on angular-material and it is much more customizable than the other two.
I don't have the statistics.
Angular-Material and polymer have much more features than materialize. Angular-material is based purely on material-design and has more material-design components than the other two. While polymer is composed of different API's (example:google API's) which can be implemented in your application very easily.
I would like to conclude by saying that if you want to use pure material-design then you should go for angular-material.

KendoUI or DevExpress for inexpirienced with Javascript?

I come from a Powerbuilder background and our company made a shift to .NET.
We discuss about what platform to use. .NET, Web, C#, Entity Framework for the moment but we need a "client" component solution...something a bit RAD (if there is such in web development)
We know very little apbout javascript, json etc
Having that in mind, which platform do you think is easier to develop with, KendoUI or DevExpress?
I have only seen Kendo
(we want the client thing...the whole server components matter made us stay in PB for so long)
Waiting your advices! Thanx
I may be biased here as i work for Telerik as an evangelist. Having said that i am a hard core programmer myself so this is based on my experience.
I was more of a windows platform guy for more than 5 years now and my work made me shift to this. But i had started out as a web guy almost 10 years ago. When I started to look at web as building myself back on the web around couple of years ago, I had to start understanding JQuery as that has become the default JS in my opinion. So when kendo came out - it was as if Kendo was complimenting JQuery. No new syntax or no new learning curve for me. Of course being a framework it has its own methods, properties and events that's it but no new language.
Another biggest factor with kendo is - it is completely HTML5 based and completely client side UI framework. It is one package you need for everything instead of 100s of plugins you would normally do.
Kendo UI is from Telerik - so there is a clear cut release cycles and a world class support backing it.
Here is a live example of how kendo ui can be used to build real world apps
http://www.kendouimusicstore.com/
Music Store is a famous example from Microsoft on ASP.NET MVC. The same example has been re done with Kendo UI powering the UI and WebAPIs in the backend.
Hope this provides you with some insights to your decision making.
Based on my experience, the DevExpress DXTREME offers the framework and corresponding wizards that allow you to create prototypes of the multi-channel applications (for iOS and Android) quickly.
At the same time, the Kendo UI provides more "clear" access to the used widgets' JavaScript code. But it may require additional effort with the JavaScript.
In any case, I belive you can decide only once you try to build something using both of them. It is still up to you. Good luck!

Capuccino alternative with a comparable looking UI?

I'm looking for a set of Javascript based UI components for a web app I'm building and have found that many of the best looking web apps were built with the Capuccino framework; see http://www.getflow.com/, http://www.picsengine.com/home/ and http://timetableapp.com/ for examples.
However, I'm not a Cocoa developer and have no interest in learning Objective-J. Ideally, I'd find a set of components that provide the visual end result of Capuccino apps without the underlying weight of the framework.
I have seen the Aristo jQuery UI them (http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme), but jQuery UI just doesn't seem to have the depth of components available in Capuccino.
I realize this may be a long shot, but I figured it can't hurt to ask. :)
Thanks.
As another option, there is jQuery UI: nice if you are already familiar with jQuery, with the plus side of not being too heavyweight, but may not have all the components you need pre-defined. A nice thing is that it encourages to write the HTML in a way that degrades gracefully when your application in older browsers.
Maybe sproutcore is an alternative for you, although it requires you to hand-code everything in javascript from scratch. It offers most basic components and is easily adjustable to your personal design goals. Sproutcore is used in Apples Mobile Me and in some other big projects.
Another possibility might by vaadin which offers a rich set of prebuild controls and is based on Googles GWT javascript compiler. But it only makes sense if you are developing in a java environment.

Which are the J2ME MVC frameworks?

I have to do a quite big project in J2ME for school.
I didn't used 'till now J2ME, so are there J2ME MVC frameworks
for which I can find books or at least very good online tutorials?
MVC is what I'm looking for because we have to do unit testing and
I'm familiar with MVC from ASP.Net MVC, Rails and Grails.
So, any good framework to use with this project?
We are developing this project for Blackberry cells.
With Java you don't really need a framework, creating MVC-based apps is just about using the principles correctly, so having controllers dictating the response to any action and so on. I'd think about using Observers to help by having your views observe your models and controllers observe your views (to get events and so on.) Unit-testing this then becomes quite simple.
If only, the fact is that every handset is very different - its extremely difficult to build an app that spans all the major J2ME-capable handsets that looks half way decent by following the basic principles. Which is why we end up doing things like using sprite based fonts (ugh). I don't think I've ever worked a mobile project using J2ME where we've managed to stick to just the standard J2ME (and, we try very hard). Even things that should be standard, like reading a JSON feed from a server, persistent storage or even really simple things like sprite rotation is really not very standard at all (yes, I'm looking at you RIM). And, then throw a requirement for Android into the mix and you're done.
I've used Polish, and its really very good. Commercial license is not cheap (but worth it), but for a school project its free. Flash (cough) is also a good alternative too. These days, personally, I find my projects need to span iPhone (Objective-C), Android (Java), Nokia (J2ME) and Blackberry (pseudo-J2ME) and it gets real tricky to not use a commercial framework (or roll your own, if you've the time and inclination). I'm open to ideas for frameworks that span all those platforms?
I'm not sure anything like this exist, as mentioned by previous poster, you just follow the principles of the pattern. However, look at J2ME Polish, it's a very nice framework which makes your life with mobile java much easier. Particularly strong features they offer is the usage of CSS for displays - this gives you pretty good "V" part in MVC pattern.

Resources