UI/UXSponsored by Flatiron School





UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.

Share tech news, updates, or what's on your mind.

Sign up to Post

When it comes to building apps, it's more than just writing code. And unfortunately, many people (and companies) forget that. In fact, the raw time it takes to build the app itself is only half the battle.
NEW Internet Security Report Now Available!
NEW Internet Security Report Now Available!

WatchGuard’s Threat Lab is a group of dedicated threat researchers committed to helping you stay ahead of the bad guys by providing in-depth analysis of the top security threats to your network.  Check out this quarters report on the threats that shook the industry in Q4 2017.

I'm involved in a software testing group, it's the basic testing of an existing enterprise system. My question is about testing a fairly complex piece of software, that does this and that, and then inserts data into an Oracle table.

How do you test something like this "to the penny"? In order to have an independent test, you'd kind of have to build the same logic separately. Then if the program changes, you'd have to update your testing module.

Nevertheless, this is a system test and not a unit test. But still, to balance "to the penny", this is more than a causal glance at the numbers, "Hey, looks good!"

In my example, the logic retrieves data from Oracle where [such and such] = A, B, or C, and we changed the logic to add D, E, F. I'm inclined to inspect the code as our verification method. But to write a query to test this, I'm thinking I have to build the actual logic from the program.

Just looking for a reasonable approach to this.
I'm looking for webmin-like interfaces for my server. I really want more of an actual OS feel in a browser, and I find Webmin is limiting. Any one have suggestions?
I need help with tiff.js! I'm working in a locked down environment, but any advice would be helpful... I'm able to stream the file into my UI (Angular) when referring to a file in a file folder, but I don't know how to send in a bitstream. Documentation seems to be limited. Any advice on how to send a bit stream (for example, a file from any web site) to a UI using tiff.js?

Hello Experts,

I am looking for some examples/ideas to build a Scheduled Task UI web based for a client in C# .net.
I will be using Windows Task Scheduler to run a console app which will look for the schedule in DB.

Let me know if I am thinking in a right direction.
I just installed vcenter 6.5 and set a local administrator@vsphere.local account with password.  I am unable to log in.  It says invalid.  I know for a fact i recorded the pw correctly.  Is there a way to create a user account for the web UI log in from the virtual appliance?
how to generate pdf reports in angular UI. Any good open-source npm module to consider?

Looking to confirm terminology here.

Scrubbed example: Suppose I have two tables for a running stats database.

Runners, containing fields such as name, address, DOB, team affiliation.
Races, containing fields such as runnerID, date, distance.

In what I think is flawed design, the UI for entering race info contains an entry field for the runner's hometown. If you change it from (e.g.) "New York" to "Chicago" in one race, it will display "Chicago" for all races.

IMO, this field should be display-only on the Race info UI and should be modifiable only on the Runner UI.

Now, to my question: Is "normalize" the correct term I should use to convey this concept?

Hi Experts,
I am using a Kendo UI grid in my MVC.Net application.
I have added an onclick event to one of my grid's columns.  The event takes 1 parameter (the value of the BatchID columns).
I also want to pass the value of the FileName column a second parameter.  Is this possible to do using the template of a given column?
If so, how?

You can see my code, and an image of my code below:
    function loadLog() {
        var BatchID = $("#hdnBatchID").val();
            dataSource: {
                type: "ajax",
                transport: {
                    read: function (options) {
                            type: "POST",
                            url: '@Url.Action("GetLog", "EDI")',
                            dataType: "json",
                            data: JSON.stringify({ "BatchID": BatchID}),
                            contentType: 'application/json; charset=utf-8',
                            success: function (result) {
                                var data = result.FileDtls;
                                if (data != null)
                schema: {
                    data: function (response) {
                        return response.FileDtls;

Open in new window

How can   I write a detail  high level design for  after a UX designer has presented his or her wireframes?I am planning to write a user interface using Angular...my  architecture...asked me to create a high level detail design but it seems he also has a vague idea what all that entails.Should I design Error codes?What exactly should I do?
Improve Your Query Performance Tuning
Improve Your Query Performance Tuning

In this FREE six-day email course, you'll learn from Janis Griffin, Database Performance Evangelist. She'll teach 12 steps that you can use to optimize your queries as much as possible and see measurable results in your work. Get started today!

I'm primarily a LAMP developer looking to collaborate with a new react developer. At this point, I just want to add/off-load some fairly basic UI functionality. What is the minimum environment required to make this work? If reactjs is just another javascript library, at what point is the basic including of ".js" files not enough? What functionality requires a front-end server (for example, node.js) to provide.
In my older Note2 (which is now broken), I was able to change my Tethering or Mobile Hotspot
SSID name & its password but on my current Note4 (I purchased it as a used set), I could only
enable it but could not locate anything on this Android 6.0.1 anything to change the name & password.

Another query:
I recall there's a setting where the first letter after a fullstop will be auto-capitalized & the standalone
letter "i" will be auto-capitalized: can't seem to find this setting.
samsung galaxy s6
android 7 

developer tools
in settings

i got there by clicking on location spoofing app

but can not find it
i type in developer in search box
I want to add a new task and associated group to the backstage of PowerPoint using the fluent UI XML method, although the same issue occurs for Excel and Word.

Using the Microsoft-published list of idMso control IDs I've established that the structure of the tab I'm interested in as as shown below:

PowerPoint backstage, Export tab
So to append a new task control to the end of the collection of 5 built-in tasks, this is the XML I'm using:

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
		<!-- Office Export Tab -->
		<tab idMso="Publish2Tab">
				<taskFormGroup idMso="PublishGroup">
					<category idMso="FileTypes">
						<task id="myTask" label="My Task">
							<group id="myGroup" label="My Group"/>

Open in new window

But when loading the project containing this same XML in PowerPoint, Excel or Word, I get this error:

Failed to find Office control by ID
ID: PublishGroup

I know the control ID is correct, even it it's swapped regarding Microsoft's normal naming convention because if I try taskFormGroup idMso="GroupPublish", I get the expected unknown error message instead:

Unknown Office control ID: GroupPublish

So do I have the XML structure wrong?
How to Create Memorable Website Design Interfaces?

Today, we live in the world of virtual realities, artificial intelligence, and personalized interactions. In such a scenario, how important it is to offer an extraordinary website design interface? If you do not offer a remarkable user experience; cart abandonments will follow. And depressing sales figures thereafter. So, how do you know what makes a good website design interface? To help you, we have come up with a useful guide on making your website conversational.
How Remove  the border in RadToolBar in UI for WPF?
I see a lot of Admin Dashboard HTML themes on the likes of themeforest.

A lot of these are great, however I have never come across a 'Front End Web App' based theme... that has several widgets and UI kits, including all form UI.

Has anyone ever come across anything like this?

If I want to use a lock in my UI ribbon as an image, I know access has this kind of image how do I complete the referencing in the ribbon here ( imageMso = “Lock”):

<?xml version=“1.0” encoding=“utf-8”?> <!-- This is a comment in the ribbon’s XML -->
<customUI xmlns=“http://schemas.microsoft.com/office/2006/01/customui” onLoad=“onRibbonLoad”>
 <ribbon startFromScratch=“true”>

Instead of having my ribbon looking blank or without a single image, I can return some of the images already provided in Ms access as part of the application. For example the lock above can represent login menu.


These seven tips can help you create an extraordinary website, one that captivates audiences and has them wanting to return regularly for more. Keep reading to find out what your site is missing and what you need to add!
Free Tool: ZipGrep
LVL 12
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
Yahoo recently changed their website layout and now several of my customers are unable to locate their Notes & Contacts within the new Yahoo.com website.

Where have these things gone or what is the process to locate them?
I need to be able to import a csv file into an access table while allowing the user to browse to the file.  I have a file picker dialog process that allows the user to do so and although the process runs without any error messages, no data is imported.  

I am aware of how to create an import specification and running the saved import from the external data tab works, but I need to be able to run this from the user interface and the file path will not always be the same, nor will the file name.
I had this question after viewing small downloads folder.

samsung galaxy s6
android 7


has many items in download folder.

I have a related question because airbnb app only shows 9 items in download folder (newest nine).
Older items with same name have no picture.
I can not attach these items.
Airbnb does not recognize these files as images.

So it is an airbnb app error.
I need to allow users to upload their financial reports (PDF or CSV) to my site, but enable them to obscure private data (Business Name, Merchant Account Numbers, etc.) before any data gets stored to the disk.

I need to use Angular to create a list of user data fields extracted from the PDF and display them for approval, perhaps with a checkbox next to each field. Fields which contain that merchants proprietary data need to be then be checked off by the user so those fields would be populated with XXXXX's.

I do not want to store that PDF onto my server. Instead, I want the user to select the fields needing to be hidden. Or even ignore them altogether. I just do not want that PDF on my server.

So, the question is...

Can Angular extract the contents of a PDF that has been uploaded? And a PDF that does not exist on disk?

I could save the extracted data onto my server in some other fashion, not yet decided.

I prefer Angular 4, and hope this functionality exists in Angular 4.

It's an interesting challenge. I see Angular as a great platform for nested logic and as a place to store objects and lists of objects. And to do the first part of processing this data on the client is what intrigues me.

android 7
Samsung galaxy 6

emulated downloads folder only holds 8 files. first in first out.

Can I increase size of folder

when I attach files in apps I can't see old downloads so I need to move to root folder

UI/UXSponsored by Flatiron School





UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.