ASP.NET MVC4 and jQuery Mobile.

With the ever increasing number of devices native application development for every device has become time-consuming and costly. The need of hour is to have a single codebase that can target multiple platforms. The session below shows how you can leverage ASP.NET MVC 4 and jQuery Mobile to build applications ready for mobile devices .
To get started you need :
1) Visual Studio 2010 with Service Pack 1 or Visual Studio 2012
2) ASP.NET MVC 4
3) jQuery Mobile
4) Opera Mobile Emulator for Windows
5) Default agent switcher for Mozilla Firefox

References :
ASP.NET MVC4 in Action
Pro jQuery Mobile

http://www.hanselman.com/blog/MakingASwitchableDesktopAndMobileSiteWithASPNETMVC4AndJQueryMobile.aspx

http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

http://jquerymobile.com/

Coded UI

Coded UI is a UI testing framework.

Prerequisites for Coded UI :

Visual Studio 2012 or Visual Studio 2010 Premium or Ultimate. Incase you have not installed full versions of the Visual Studio 2010, install feature pack 2 for Visual Studio from here. http://msdn.microsoft.com/en-us/library/gg269474%28v=vs.100%29.aspx

What can you do with Coded UI ?

diagram1

Demo : Testing Bing using Coded UI.

Open Visual Studio 2012. After installation you will see Coded UI Test project template in Test.

diagram2

Select the first option to record.

diagram3
The panel below has 4 options :

1) Record actions 2) Show Recorded Steps 3) Add Assertions 4) Generate Code .

diagram4

Open browser and type bing.com/ and click record.

Steps to record :
1) Type Visual Studio 2010 in the search box.
2) Click Search.
3) Click on back button of browser. Run the tests.
NOTE: While running the tests , the state of UI has to be same as and when recorded, so that the running test can locate the search box and execute tests.Else tests might fail.

diagram6
Below is the project structure.
CodedUITest1.cs – code for running tests.
UIMap.uitest – xml file which records actions on user interface.testprojectstructure

Making your UI Test Data Driven.
Open Excel and enter data for your search list.
Save it as Data.csv. Add Data.csv to your project. Set its properties. Set Build Action to Content and Copy to Output Directory to Copy Always.

datacsv
Add the attribute above your test method to take input values from the Data.csv file .datasource

To take data from excel sheet , you will have to set the parameters as below.

[DeploymentItem("Data.csv"),DataSource("Microsoft.VisualStudio.TestTools.DataSource.CSV",
"|DataDirectory|\\Data.csv", "Data#csv",
DataAccessMethod.Sequential),TestMethod]
public void CodedUITestMethod1()
{
this.UIMap.TestBingParams.UIEnteryoursearchtermEditText = TestContext.DataRow["SearchText"].ToString();
this.UIMap.TestBing();
}

Run your tests. There you have data driven tests for Bing UI. Your search will be done for all the inputs.

Posted in Uncategorized. Leave a Comment »

Storyboarding with Powerpoint

A storyboard lets you present your idea with use of shapes,figures and drawings. You can share your experiences,illustrate a user story or explain your requirements to your customers with a storyboard.

The new visual studio suite has got this new feature called as Storyboarding with Powerpoint.

So how to create a storyboard.

Click the new menu “Powerpoint Storyboarding “in the Visual Studio suite.

Image

Click on the Storyboarding option on the ribbon in Powerpoint.

Image

The “Storyboard shapes” section gives you loads of shapes,icons etc. to drag and drop shapes on the slide to create storyboard.

Image

Below is a rough drawing created out of the shapes dragged from the Shapes pane to create a mock Website.

Shapes added to make the drawing :

Web browser,Tab Group,Search Box, Web Ad, Text

Image

So go ahead and try out this cool feature … Happy Storyboarding…. :)

Posted in Uncategorized. Leave a Comment »

Let’s talk……..

After reformating your PC or mobile phone, the first thing you check out is internet connectivity and test it.

The best option… is to communicate with your friends online….

The current scene is that you have already opened up multiple accounts,

one for your relatives,…..

other for your college friends,….

another to get connected with your loved ones…..

This list is endless.

This is acceptable, as everyone wants privacy and priviledge to talk with person he/she wants to communicate.

But installing messengers for every account created is a tedious process.

You give up….. with a thought “why did I create so many at start” ….

There is a solution to this problem .. :)

Go for instant messengers which can add all your accounts created.

How do they work?

1) Install the software which supports multiple accounts on your PC/mobile or use web based softwares.

2) Add the accounts you have created.

Conventions used while adding accounts:

Protocol or Accounts : GMAIL,HOTMAIL,FACEBOOK,YAHOO,Gadu,Gadu.

UserName : your login name for each of the above accounts.

Password : password for each.

3) You are done. Get connected.. with the group you wish to chat :)

Mapping Domain Expertise to Software Applications

Many times when developers code for an application, they fail to understand what is expected as the end result and what has to be showcased.

Every line of code written has to be as per the business rules and should fulfill expectations of the clients and customers.

Then how does the developer understand what to code?

Who is going to give him knowledge about do’s and dont’s in coding ………

Answer is Domain Experts.

A domain expert has profound knowledge on one subject.

They are encyclopedia and answers.com in a particular area of endeavor.

Mapping domain expertise to software applications is a well-planned process.

Below are few points to get you started in absence of domain experts  :

1) Read well,before you code.

2) Document “references” in excel sheets. References could be links you visit,e-books, online newsletters your read to gain information about the project.

3) Share your views and opinions with your peers and seniors. Get into group discussions and ask for
feedback.

4) Draw architecture diagrams to give yourself a better picture of coding rightly as per the business rules in the coming
iterations of the projects.

5) Once the aim of the project is clear , understand functional specifications .

6) Optimize and improve performance as per the business rules of your project.

Below is the pictorial representation for above steps.

What is SpyWare ?

Site Aggregator in SharePoint

Most often you Google about links and you come across something favorite..

Next time you wish to visit the same link..

You wished you know the site of that link ……… If I had just bookmarked..is your next thought…….

So why not add these favorites’ links at one place instead of bookmarking across many browsers……

SharePoint 2007 has a built-in site aggregator . Best use it ;)

Simple steps :

1) Add the site aggregator web part.

clip_image004

2) Select the site which you always click.

http://www.google.co.in/

http://silverlight.net

http://sharepoint.microsoft.com/blog/Pages/default.aspx

3) Add your favorite site URL to the site URL in the picture given below ..……

clip_image006

4) Navigate to your favorite link right from SharePoint … …………

Ohh ………. but what you come across this error….

clip_image008

5) Remove the layout roots…… folder mapping and then check…… Error is gone …..

clip_image009

This would show you….your desired page…

image

Reference Links that helped me figure out  :

http://kb4sp.wordpress.com/2007/07/07/web-parts-site-aggregator-web-part/

http://www.sharepointblog.com/2007/05/sp2007-my-sites-site-aggregator.html

Follow

Get every new post delivered to your Inbox.

Join 41 other followers