Dynamics AX (Ax7) Layout

Here is how it looks with RTW (Release to Web) for Dynamics AX

Search

New Dynamics AX Layout - Search Bar

Tiles

The tiles are the main component of the office themed layout where you can put the links to your own workspace and also filter the tiles based on the role assigned to user.

New Dynamics AX Layout - Title

Collapsible Menu

The collapsible menu lists all the Modules, Workspaces and recent browsed pages for quick access. The menu can also be pinned down to make it stick.

New Dynamics AX Layout - Menu

The Layout as a Whole

New Dynamics AX Layout

Hope this gives some technical resources more appetite to look at this new amazing Microsoft’s AX release.

Enjoy !!!

 

70-486 Experience

Just successfully completed 07-486 exam in first attempt. Total Hours logged in preparation were about near to 20.

As i can’t spill every bean that was in the test, but still can give general idea about how it was.

  1. 3 Case Studies – i thought those would be less. But it was fun doing it, each had more questions than i expected. 6, 10 and than 7.
  2. 22 Multiple Choice/ Code completion questions.
  3. Custom Mvc Model Binder related to composite value
  4. No SignalR question. I thought there would be one.
  5. Multiple design questions related to css/ html
  6. Web Farms 
  7. State management
  8. Azure Worker Roles and RDP Configuration management/ X509 Certification
  9. Authorization/ Authentication, how to limit access to user.
  10. MVC Routing/ Mapping
  11. Some questions related to http Handlers and Module implementation choice based on the problem given.

Overall, it was nice experience and if i hadn’t been working with asp.net mvc/ asp.net – it would be really hard to pass it through. Still, i could have done better if i studied as some of the questions were so in depth and we rarely use those kind of stuff and real application, or not care too much about how small things work. So, please analyze your expertise with asp.net mvc and try following study guides out there.

I did follow, http://www.bloggedbychris.com/2012/11/06/microsoft-exam-70-486-study-guide/ and also go through tutorials at asp.net site for mvc4 and mvc5. The exam also includes the questions related to MVC5.

Helpful links: 

  1. http://www.bloggedbychris.com/2012/11/06/microsoft-exam-70-486-study-guide/
  2.  http://www.asp.net/mvc
  3. http://pluralsight.com/training/Courses/TableOfContents/aspdotnet-mvc-advanced-topics
  4. http://pluralsight.com/training/Courses/TableOfContents/mvc4
  5. http://pluralsight.com/training/Courses/TableOfContents/aspdotnet-mvc5-fundamentals

Thanks,

Riz

JQuery Mobile and Asp.net WebForms 4.5

Hi,

I was searching for some examples on the responsive web design and frameworks and i was impressed by JQuery mobile and it’s roadmap towards the future and it’s broad capabilities. You can view JQuery Mobile at http://view.jquerymobile.com/1.3.0/

So, in further searches – it was obvious that lesser people have tried it with web forms. I didn’t find any examples (may be there are.. but nothing good appeared on google search).

So here is a another to the point simple example:

Steps

  1. Create Empty Web Forms Project (VS 2012)
  2. From NuGet – Add Jquery
  3. Add Jquery UI (For normal site)
  4. Add JQuery Mobile (For Mobile Site)
  5. Add “Site.Master” Master page
  6. Add “Site.Mobile.Master” Page (To used as master page for mobile site)
  7. Add Default.aspx
  8. Add Default.mobi.aspx
  9. Add Global.asax

Main Idea

“Every .aspx page in normal page has its respective .mobi.aspx” It’s hybrid project and we will simple use asp.net url routing to map if the request comes from mobile site (only in case of .aspx) – All other things remain same.

So,

Here are questions:

  1. How to do URL Rewrite?
  2. How to setup jQuery Mobile?

1- How to do URL Rewrite?

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.SessionState;
using System.Web.Routing;
namespace Test.WebWithMobile
{
public class Global : System.Web.HttpApplication
{
        protected void Application_BeginRequest(object sender, EventArgs e)
        {
            if (Request.Browser.IsMobileDevice)
            {
                //Request.Url.MakeRelativeUri(new Uri(Request.Url.AbsoluteUri)).ToString() + Request.Url.AbsoluteUri.Replace(“.aspx”, “.mobi.aspx”)
                if ((!Request.Url.OriginalString.ToLower().Contains(“mobile”)
                    && Request.Url.OriginalString.ToLower().EndsWith(“.aspx”))
                    || Request.Url.OriginalString.IndexOf(“.aspx”) == -1)
                {
                    var url = Request.Url.OriginalString;
                    if (url.ToLower().IndexOf(“.aspx”) == -1)
                        url += “Default.aspx”;
                    url = url.Replace(“.aspx”, “.mobi.aspx”);                    
                    var path = Request.Url.MakeRelativeUri(new Uri(url));
                    HttpContext.Current.RewritePath(“~/” + path);
                }//Request.ApplicationPath);
            }
}
}

2- How to setup jQuery Mobile?

<head runat=”server”>
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″ />
<title></title>
<link href=”Content/jquery.mobile-1.3.0.min.css” rel=”stylesheet” />
    <script src=”Scripts/jquery-1.9.1.min.js”></script>
    <script src=”Scripts/jquery.mobile-1.3.0.min.js”></script>
<asp:ContentPlaceHolder ID=”head” runat=”server”>
</asp:ContentPlaceHolder>

</head>
<body>
<form id=”form1″ runat=”server”>
<div data-role=”page”>
            <div data-role=”header”>Mobile Header</div>
            <div data-role=”content”>
<asp:ContentPlaceHolder ID=”ContentPlaceHolder1″ runat=”server”>
</asp:ContentPlaceHolder>
</div>
        </div>
</form>
</body>

That’s It !!!

Surprised … but that’s it… This will get your going with query mobile and setting up web solution.

  1. Intro to JQuery Mobile
  2. Responsive Web Design
  3. PluralSight Training
  4. Download Source Code

JQM

70-480: Programming in HTML5 with JavaScript and CSS3 – Done

Hi,

Today, I took the 70-480: Programming in HTML5 with JavaScript and CSS3 – and cleared it. I thought it would be easy one, but it wasn’t – it had more than expected material coverage. As I can’t give specific details out, so I will make it short and general.

http://www.microsoft.com/learning/en/us/exam.aspx?ID=70-480

  1. Study the Channel 9, Screencast from http://www.microsoftvirtualacademy.com/tracks/developing-html5-apps-jump-start
  2. Study HTML5 from Pluralsight
  3. JavaScript Inheritance, Anonymous methods
  4. Structuring JavaScript Code
  5. Exception Handling
  6. Ajax – JQuery
  7. Event Handling
  8. Binding Events
  9. CSS3, Padding
  10. Positioning in CSS
  11. Header, Aside, Semantics

I had very cool experience with the javascript, html and dhtml etc … so I got it through. But you should have some experience and had actually build some stuff with html/ html5/ javascript and jquery.

Having experience helps a lot.

Thanks,

Riz