UI/UX

50

Solutions

139

Contributors

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

I have been watching these videos:
https://mva.microsoft.com/en-US/training-courses/testing-in-visual-studio-2015-16459?l=iIYJ0ewXC_9506218965

The videos refer to several tools, that are not free.

I was wondering what other free tools are out there that can do the same job as the ones described in the video:
- Exploratory testing and registering test cases and bugs directly with screenshots, action logs and video capture.
- Load testing
- Web performance testing
- Automated UI testing.
- Similar solution to Microsoft Test Manager

My projects are in ASP .Net MVC with C# as backend, and the tools suggested need to work with that technology.
0
Technology Partners: We Want Your Opinion!
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

I have an angular UI application of two pages where one page takes user input details and insert the values on click of button into MySql DB through an API call and redirects to second page where details entered in first page must be displayed to user.

After inserting the values in first page, the values are stored in DB where it is recorded in php logs but in second page when I want to show the details of user entered, data row doesn't exist in DB.

The insert query is a single row insert and is not under any transaction. However even after implementing transactions same issue persist.

I have records of mysql logs also where there is only the insert log but no delete logs for the same inserted values.

I have kept a count of data before inserting and after inserting, the count got reduced by one when I have made a second API call to get details to second page to display the user details and throwing an exception of 400 bad request.
0
While designing for a sign-up process, I'd like to be able to show a progress indicator dictating how many steps are in the process, total. Right now, I'm using little dots across the top of the screen that "fill in" as you're making progress during the page-by-page sign-up.

My question is in regard to a particular step that could extend or contract the number of remaining steps because a step is added or taken away. It feels weird that, in the middle of a 4-step process, a choice made on Step 2 would then show 5 dots on the following page.

Is there an alternative method to make this feel less strange? Or is the idea for a progress indicator made null because of how this sign-up process works?
0
As a junior, I'm a bit new to front end programming (crammed learning JS/other languages/NPM/NodeJS/etc within three months for my current role) so apologies if what I say doesn't make sense.

I've helped to build a UI for an application with the use of NPM/Node JS. The application stores data on a UNIX server. The UI accesses the data on the server (https://myhostname:8090/blah/blah) and presents the results with a nice UI. With the help of GIT, I've managed to do move all the src UI code onto the UNIX server. The purpose is for automation

While a specific file (in my UI code) specifies the UNIX server configuration, I've used NPM to build a bundle.js (Which bundles all the JS files into a single file) file. I move this bundles.js along with the index.html and CSS styling files to an appropriate directory in order to use Maven to build a JAR file. And with a start/stop server script to run the process to run  the code, I can just enter the UNIX hostname/port number in my browser window in order to access the UI and data. This all works.

However. I now need to generalise the server configuration in my bundle.js file as well as properties file on server side such that I'm not hard coding server configuration anywhere (meaning I can deploy the UI on any server with no issue). i.e. playing with "localhost" instead of the actual server hostname etc.

I want to try my best, but I need to acknowledge that I have no real server configuration experience and hence need a …
0
Hello all,

I'm working on a PowerShell script to modify users in Active Directory.  I would like to put a UI on the script to allow the users to first select the target users from the current users in out Active Directory.  I was able to generate the dialog box, use the input from one box in another box, but I wasn't able to return the value that the user running the program selected in the list box to the main script.  I'm pretty good with PowerShell, but I'm new to the UI part of it.  I was able to get two sample scripts working and modified them to return information both typed into a text box and selected from a list box, but combining the two has become difficult, and I know that the answer is probably right in front of me. If someone could show me the light I would much appreciate it.

Sincerely,

Steve

Here is the script as it is now:

Add-Type -AssemblyName System.Windows.Forms
#Add-Type -AssemblyName System.Drawing`

$MainForm = New-Object System.Windows.Forms.Form
$MainForm.Text = "User Selection Form"
$MainForm.Size = New-Object System.Drawing.Size(650,300)
$MainForm.StartPosition = "CenterScreen"

$OKButton = New-Object System.Windows.Forms.Button
$OKButton.Location = New-Object System.Drawing.Point(10,220)
$OKButton.Size = New-Object System.Drawing.Size(75,23)
$OKButton.Text = "OK"
$OKButton.DialogResult = [System.Windows.Forms.DialogResult]::OK
$MainForm.AcceptButton = $OKButton
$MainForm.Controls.Add($OKButton)

$CancelButton = …
0
I am using keno ui grid for angularjs keno grid in our project and am  new to kendo . I am getting data from API similar to below JSON Data and need to bind this data to Kenod Grid basically there will be no header fields / columns .Just simply bind data to grid.

JSON Data (json data viewer

["cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6"
]

It would be great if anyone can provide sample example  in plunker/jsfiddle.

Thanks in advance
0
New to Angular.  I am making my way through a book titled "Pro AngularJS" by Adam Freeman.

If you look at this screenshot while I was debugging the "Add" TO DO item functionality you can see that the new to do item is showing up in the items array, but the web page UI is not updating with the new item.

angular push
Why might it not be getting added?

I don't see any Javascript errors in the console... : (


Here is the TODO.html source:
<!DOCTYPE html>
<html data-ng-app="todoApp">
<head>
    <title>TO DO List</title>
    <link href="bootstrap.css" rel="stylesheet" />
    <script src="angular.js"></script>
    <script>
        var model = {
            user: "Adam"
        };

        var todoApp = angular.module("todoApp", []);

        todoApp.run(function ($http) {
            $http.get("todo.json").then(function (data) {
                model.items = data;});
        });

        todoApp.filter("checkedItems", function () {
            return function (items, showComplete) {
                var resultArr = [];
                angular.forEach(items, function (item) {

                    if (item.done == false || showComplete == true) {
                        resultArr.push(item);
                    }
                });
                return resultArr;
            }
        });

        todoApp.controller("ToDoCtrl", function ($scope) {
            $scope.todo = model;

            $scope.incompleteCount = function () {
                var 

Open in new window

0
I want to be a Game play Programmer. to be GPP I need to study in a good university.Good universities want good $$$.i want start my career for some years or some time.which career is best that give me more $$$.
1.Java EE/Java Developer
2.Mobile App Developer
3.UI/UX Designer
4.Internet Advertiser
0
Hi Experts,

I have below codes using asp repeater and jdatatable. As you can see it return table UI with column phone, Direction, and message looks like below

Phone No, Direction, Msg
(111)222-1111, Outbound, asdfasdf
(111)222-1111, Inbound, 23423423asdfasdf
(111)222-1111, Outbound, 223434234dfasdf
(222)222-1234, Outbound, 23asdfasjdfasjdfjdfs
(222)222-1234, Inbound, 2131231231312

In the UI, I hope to see. Is it possible?

(111)222-1111, Outbound, asdfasdf
                         , Inbound, 23423423asdfasdf
                         , Outbound, 223434234dfasdf
(222)222-1234, Outbound, 23asdfasjdfasjdfjdfs
                         , Inbound, 2131231231312

<asp:Repeater runat="server" ID="conversationList" OnItemCommand="conversationList_ItemCommand">
                                                        <HeaderTemplate> 
                                                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                                                                     <thead>
                                                                                        <tr>
                                                                                            <th class="text-center"><small>Phone</small></th>
                                                                                            <th class="text-center"><small>Dir.</small></th>
                 

Open in new window

0
Hello,
Are there any good products, sites or services that can be used to basically develop a prototype app for planning purposes and relaying information to others like graphics, dev etc.? Something that can be used as a kind of project manager to build a app.

So lets say you have a idea for a app but want to do a rough, not flashy, draft of the layout and mock actions for buttons etc. So if you tap here then this screen pops up type of thing so not actually coding the app but just some type of WYSIWYG interface to help test out the flow of the design before spending time and money on the actual coding and graphics etc.
0
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

hi,

I just installed Redhat linux and Fedora linux on Windows 10 VM, but once installed it, it seems login in command mode. how to enable the Linux UI mode for me to play around by UI ?
0
Does any one knows when droid 5 will be release? I just like QWERTY keyboard. I am using droid 4.
0
For years, I was taught, I saw and I wrote that the area in the lower right corner of the Windows UI was the System Tray or Systray.
I just looked at the Microsoft Manual of Style 4th Ed and it's now called the Notification area.  
Where can I file formal complaint?  This is a stupid change.

Ugggh.
1
Is there a piece of code that makes a website compatible in all the main browsers, ISO Phones, Android Phones, and tablets?
1
What are some good books that describe how to use a Samsung Galxy S8+ Android cell phone?
0
Dear SharePoint experts

I have a file share with over 200 knowledge documents which I manage as a library with folders, sub folders etc.
I would like to transfer this repository to SharePoint 2013 to gain accessibility from anywhere and exposure to our knowledge bank

Since I'm new in SP - How do I design (look & feel), create the UX/UI  and the search options and eventually create a DMS in SharePoint 2013 which I can share with the organization and will give me the added value?

I there a tutorial, book, any kind of training that can instruct me how to manage SP and create this kind of DMS?
0
I am exporting a ui-grid as a pdf and I want one column to export using a currencyFilter.  When it exports, the column uses the filter, however, two columns which contain formatted dates are now not formatted like mm/dd/yyyy.  

Expected: 5/11/2016
Result: 14630112000809

I just want this to target the one column, which is the 8th column
Here is the code for the export function:
$scope.export = function(){
	      var exportData = [];
	      var exportColumnHeaders = $scope.gridOptions.showHeader ? uiGridExporterService.getColumnHeaders($scope.gridApi.grid, uiGridExporterConstants.VISIBLE) : [];
	      angular.forEach($scope.gridApi.grid.rows, function(row) {
	        if (row.visible) {
	          var values = [];
	          angular.forEach(exportColumnHeaders, function(column) {
	            var value = row.entity[column.name];
	            if (column.name == 'rentalRevenue')
	            	value = $filter('lcpFilter')(value); 

	            values.push({
	              value: value
	            });
	            
	          });
	          exportData.push(values);
	        }
	      });
	   
	      var content = uiGridExporterService.prepareAsPdf($scope.gridApi.grid, exportColumnHeaders, exportData);
	      content.pageMargins = [40, 93, 40, 40];
	      pdfMake.createPdf(content).open();
	      
	    };

Open in new window



Any help is appreciated.  If you need more info please let me know.  Thank you
0
Hello

We are currently running BB10 in our environment and moving to a Corp iPhone/ Android. Some feedback we are getting from Execs is that they miss the hardware keyboard of Blackberry.

Does anyone have any recommendations on Apple or Android devices with a keyboard or virtual keyboard?
0
I had this question after viewing How to use an iframe in mvc.

I'm building a web app for personal financial planning. I've started with a React framework to build the user's interaction, and that is going well. But now I want to use the new ASP.NET Core mvc framework for the main user interface, and use the react code in one of the mvc's views. But I am new to the plumbing used in ASP.NET Core mvc. I have a DOTNET CLI generated framework up and running in Visual Studio Code, with my react project embedded in an Areas folder. It all works in that I can run the mvc on local host by using the VSCode debugger facility, and I can run my react by using npm start to run the Webpack server for my react code under the Areas folder. I build my output in the Areas/frcstr/build folder and I want to provide that index.html to the mvc view to load the rendered React app.

My question is how do I create the empty view to hold the iframe tag? I tried to just use one of the boiler plate views in the generated mvc framwork, but that is compomised some how by Razor with common layouts and such. I just need a plain view to hold this:

<iframe src="../../Areas/frcstr/build/index.html" height="100%" width="100%" style="border:none;"></iframe>

At this point I don't know how to define Controlers, views, etc.
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

I want to add an image to the header of the pdf.

I am trying to add the image, which I converted to base 64, to exporterPdfHeader.

I added in the column with the image inside exporterPdfHeader, but when I do this it does not show the header which is contained in the body. It just shows the image and the table.

$scope.gridOptions.exporterPdfHeader ={
                    //LOGO TEST (causes the header to disappear..
                    columns: [{
                            image: //long data url
                            width: 150
                    }],

                    margin: [30, 5, 30, 15],
                    table: {
                    widths: [ '*', '*', '*' /*, '*'*/ ],

                    body: [

                           [ 'Region: ' + $scope.region, 'Group: ' + $scope.group, 'MC: ' + $scope.mc /*, 'The last one'*/ ],
                           [ 'District #: ' + $scope.district, 'Route #: ' + $scope.route, 'Week Ending Date: ' + $scope.weekEndDate, /*, 'Value 4' */],

                    ]
                  },



    };

How can I export BOTH the header and the image.  Can I do both within exporterPdfHeader?
Any help is much appreciated.  Thanks
0
Hi,

how to uncheck automatic photo video message being dumped to android phone from watsup. My phone memory / space filled up faster and hanging up. How to enable some setting so that those shared photos, videos etc do not store automatically. please advise
0
How can i set up using android 6
0
How can I set the options on Google Maps so it DOES NOT show driving time to home?

I need a map of a certain location to print on a brochure, don't want that on the map.

Thanks
0
Which is the better tool out of these two for performance testing? Please provide the full comparison.

JMeter: http://jmeter.apache.org
Load Test : http://www.appperfect.com/products/load-test.php
0
Hi,

I've probably titled this thread incorrectly... however i'll try and explain what i am looking for.

I built a Wordpress theme a few years ago that has several different 'template' components added to it, such as:

- gallery
- text boxes
- testimonials
- video boxes
... etc (+30 other UI components)

I offer this theme to my lower tier clients... those that have a very small budget, and just need a quick website presence up and running.

I would like to be able to sit with a client, and present all of the UI components in some form of 'wireframed' or 'cartoonised' view and NOT the real life view of each component, so that i can build the layout of the site with the client there and then.

I know i could just build it using the real life view of each UI component, however clients start obsessing over the aesthetics, colors and fonts... which i rather propose via a completed design at the end.

I have thought about printing each of the UI components on a piece of card, but I don't always get a chance to sit with my clients face to face... so instead I have designed to built a draggable UI website with all of the wireframed UI components available to move around etc.

But... i still need some tool to create all of these UI Wireframe components. Can anyone recommend a tool for creating UI Wireframe Kits?

I was also looking at building a page with all of the Ui components and then using some magical photoshop style to 'cartoonise' the UI.

Any other …
0

UI/UX

50

Solutions

139

Contributors

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.