Discover DXTREME Announcement

Uploaded by DeveloperExpress on 17.09.2012

Hello my name is Dave Mendlen, and Iím the Chief Marketing Officer at DevExpress. This
is a special day for everyone here and one that Iíve been looking forward to since we
first announced DXv2. DXv2 is our next generation of software tools
designed to bridge the gap between todayís tools and tomorrowís investments.. DXv2 is
not a single release Öinstead itís a generation of tools evolving over time to address the
complex challenges facing developers. You, our customers rely on these tools to create
stunning new user experiences, to deliver support for natural user interfaces like Touch
and to create visually stunning experiences across all platforms and technologies.
Itís the idea of helping Visual Studio developers bridge forward to the next technology that
we get excited about at DevExpress. And weíve already begun bridging forward. With our DXperience
12.1 release we showed you how to use your existing ASP.NET skills to create vibrant
iOS applications like our TouchBoard demo shown here. Well, Today is another very exciting
day for us. Weíre announcing three revolutionary products
and an incredible thank you for our customers. The first product is a tool for creating hybrid
iPhone, iPad and Android applications. The second is a revolutionary way to build Windows
8 applications. And the third is a breakthrough in targeting the web. So, three things: a
hybid iOS and Android tool; a revolutionary Windows 8 tool; and a breakthrough in targeting
the web. iOS and Android, Windows 8, and the web. Ö are you getting it? These are not
three separate tools, this is one integrated incredible tool, and its called DXTREME. DevExpress
is reinventing developer productivity. One of the biggest challenges facing Visual
Studio developers today is that suddenly Microsoft platforms arenít the only technologies that
are out there. The rise of BYOD or ìBring Your Own Deviceî into the workplace has created
the need to build applications that run on hardware beyond desktops and laptops. Today
there are more than 400 million Android devices activated. By the end of next year, the iPad
will make up more than 1/3rd of the enterprise notebook market. The iPhone, something that
didnít even exist five years ago, has higher sales than everything Microsoft has to offer.
More than Windows, Office, Xbox, BingÖ.Everything! And while all of that was happening customers
are still using the web. And Microsoft wasnít sitting still. They responded with their own
touch-based operating system and hardware with Windows 8 and the Surface.
So if you want to build an enterprise application today all you have to do is build your Android
application in Java, your iPad and iPhone application in XCode and ObjectiveC, your
web application in DreamWeaver and your Windows 8 application in Visual Studio. Sounds like
a piece of cake, right? No. Not really. This is where DXTREME comes into play. Itís a
leapfrog product that integrates all of these platforms, and is super-easy to use.
We know that applications need to span across all of these devices, so weíre focusing on
the idea of multi-channel applications. And what that means is weíre enabling developers
to write applications that optimize the best of each of these platforms using One integrated
application that spans the platforms. Iím going to walk you through a multi-channel
application built with DXtreme and then show you how we built it. So letís head back to
my office and letís get started. So in this example, Iím sitting in front
of my Windows 8 desktop and I notice that one of the Live tiles for an application Iíve
downloaded is telling me there is a really good deal on trips to New York City. And I
have always wanted to NYC on vacation. Now whatís great about Windows 8 is it has this
amazing ability to reach down into an application and put the most important information in
front of the user on the tile. This changes your desktop from a static application launcher
to a digital dashboard. So letís go ahead and click into it. And
as you can see weíre doing a live webservice call and pulling back a list of flights to
help me determine which one is going to work best for me.
Here is a great example of a multichannel experience where I can pick up my process
from where I left off ñ in this case, now Iím on the web.
OK, here we see a pretty typical ecommerce web application. And you can see weíve got
some great HTML 5.Iím going to select and type in Seattle and pick Seattle Tacoma. And
Iím going to pick my departure date of the 12th and weíre going to New York City. And
now weíll do a search. In this case, weíre actually searching a live API that reaches
out across the web and returns real flights. And so I can filter down a list of results....
By cost. By Airline. And find exactly what Iím looking for. So Iím going to go ahead
and click into this one and as you can see we can ultimately now make a purchase. Which
is what weíll do here. So weíve actually wired this up an actual live flight booking
system. The web is the place where people are most comfortable doing things like e-commerce.
Making purchases of goods and services. And so hereís a good example of how weíre using
the web and HTML 5 to build a great experience. And this will actually click through to American
Airlines. And if I want, I can actually book this flight.
Now imagine that I am now at home, on the couch, later that night watching TV. And it
occurs to me that I want to invite a friend along on the trip. So Iíll pick up my iPad
and click on the DXTravel application. This version of the application knows that I have
an upcoming trip to New York and so Iíll click on that. And here you can see the overview
of the trip. It shows me the travelers on the trip and Right now, Iím the only traveler.
It also shows my flights on the trip, any activities I have planned as well as any relevant
maps of the city. Iíd like to invite my friends to join me
on this trip so Iíll click on the travelers button and then Add a new traveler. And weíll
make a FaceBook API request and show all my FaceBook Friends. And Iíll just click on
one of them and invite that traveler. Heíll automatically get my itinerary including my
flights and hotels. And heís now listed as a pending traveler for my trip. Iíll go add
one moreÖ Alright. Letís plan something fun we can do together
while we are in New York. So Iíll click on Schedule and then click the + sign to add
something to the schedule. I desperately want to see a broadway show when Iím there so
Iíll click on Jersey Boys and Iíve got to pick my time. So weíll pick a date and a
time. And then send that off to the group. And you can see that shows up in my list.
Iíll add one more. Weíll go look at the Manhattan skyline. Again Iíll choose a date
for that. And my time. And weíll send that to the group. And my itinerary is complete.
The iPad is a great device for research and collaboration and you can see where we were
able to really take advantage of that. OK. So letís imagine that itís the day of
the vacation and I am at the airport. And Iíve got my iPhone with me. That means that
I can check in directly at the gate with my electronic ticket. So let me launch the application.
Here you can see an overview of my trips. Weíll look at this list of trips later. Weíre
going to build this later in the application. Iím going to click on New York and you can
see my itinerary here. Iíll select my Seattle to JFK itinerary. Click on the confirmation
and you can see I get a QR code to check in. And when I land in New York City I can actually
look at a map that shows me how to get to my hotel. And all of my confirmation numbers
and contact information is always with me. And thatís the great thing about using your
phone ñ it provides information at your fingertips right when you need it
Now letís break this downÖin this multi-channel application we took advantage of Live tiles
in Windows 8 to provide real-time insights that help the end user know when itís time
to take action. We used HTML 5 in our web application to provide beauty and interactivity
to our web experiences. We took advantage of Social media to enable collaboration on
the iPad and finally we leveraged the power of the iPhone including sensors to provide
mapping functionality. Thatís what DXtreme is all about ñ enabling Visual Studio developers
to build solutions that span these platforms and take advantage of whatís best about each
one. letís take a look at how easy it is to build
this kind of application with DXtreme. First step. Weíve got to install the bits.
So letís do that first. Itís a very quick installation. Itís done. So now Iíll launch
Visual Studio. Iíve been working on a demo solution. A pretty typical multi-channel application.
Weíll look at the second application in a little bit, but first letís add a new project
to this solution. Itís a DXTREME application project and Iíll call it DXTravel. As you
can see we have a wizard that helps you target the platform you looking for. So if youíre
building for HTML 5 and the web, you have that option. Mobile solutions like Android,
iPhone, and iPad. Or for building Windows 8 JavaScript Applications. Letís pick mobile.
Here you can change the layout configuration of the application. Iíll leave the defaults.
And weíll set that project as my starup project. Weíre going to build a list of trips into
the iPhone application. So Iíll go ahead and get rid of the default text here that
says Welcome To DXTravel. The first step is to engage the database. So Iím going to change
sample data to myTrips and weíll change the sample.json to a file called trips.json. Letís
add that file to the solution. I have that stashed away. This is whatís in that file.
Itís got a global unique ID. A destination, the location of the area youíre traveling
to. A start date and end date for the trip. So now that weíve got this wired up with
a database. Save it and Iíll go into the views of the application and take a look at
the code behind for the index.js file for that page we were just looking at. And as
you can see we have a variable weíve created called trips and itís wired up to that myTrips
field we just saw. Iíll save and close that. Now youíre looking at this design surface
and as you can see on the left you have a visual design of what the page will look like.
On the right is the HTML that is created. Iím going to go ahead and drag a list box
on and we can set the property of that list box to the trips field I just created. And
now it bound up. So our listbox now has databinding. Iíll change title to the field called destination
and it should be ready to go. Letís go ahead and save this. Iíll close it and letís run
it. As you can see we weíre very quickly able to bring data into the application. And
what youíre looking at here is an emulator. This page shows what your application will
look like. Itís got the iPhone chrome around it. And if we were to choose a different device
like the iPad, you can see what it would look like on that device or on an Android phone
or Android tablet. So you get a sense for how it will look with your application. You
can rotate it. You can see what the application will look like in both vertical and horizontal
modes. A great way to test your application. You can look at it across a collection of
different devices. Letís take this to the next step. Letí s make it even prettier than
it is now. I want to add a new image to that list. Iím going to add a new folder where
I keep the images. And Iíll add an existing graphic. This flight image here, Iíll add
that to the list. What Iím going to do isÖ I want to show that graphic in line with my
data. So what Iíll do is Iíll simply change this, and you can see Iíve added the flight .png file,
but Iíve also not only the destination field, but now dates. The dates that came out of
that .json file. In order for me to present the dates in a human readable form, Iíll
close this file and Iíll open up the javascript file. Here weíll do a little more. Iím using
code snippets to quickly enter in some code. You can see what weíre doing in this situation.
Iíve got a function called formatDate. It takes in a date string and it converts it
into another format. In this caseÖ Month, date, Year. And now the function that takes
the trips object is mapping both the trip destination as well as formatting using this
format function. Formatting the start date and end date and presenting that all back.
So Iíll go ahead and close that. Save the file. And now letís go back into the code.
I have some CSS that I want to add to make the file look a little bit nicer. So Iíll
go ahead and add that now. And you can see that Iíve got a very simple collection of
CSS here. Iíll use this my-trips-list as my class and thatís what Iím going to reference
in my page. Iíll add that here. And weíll go ahead and save this project. And letís
run it! And so now weíve got a much prettier view of the application. This is a great time
to show you the next part of the magic behind DXTREME, and thatís the ability to debug
the application on the device. So what you can see here is Iíve got here with me my
iPhone. And Iím going to use an application called courier. And what courier does is it
uses the QR Code you see here on the screen. And if I use the camera thatís built into
the iPhone and hold it up to the screen. It will find the QR Code and immediately deploy
the application to the phone. And there it is. This is that same application now running
on my device. You get a real sense for how the application will look and work while running
on the actual hardware. A really wonderful part of our solution in DXTREME. So now we
want to take the next step. Weíve built this great application for the iPhone. How do I
leverage that and use it for another part of my application. Thatís really what multi-channel
applications are all about. So let me show you the second application Iím working on.
And thatís the WinJSApp. Iím going to set it as my startup project. Let me just show
you where we are with that project now. You can see that Iíve got some tiles and as I
click into the My Trips section. You can see that Iíve got a map that shows the places
Iíve been and the amount of time that Iíve spent in different locations. Thereís a section
here for my trips. And thatís the part I want to reuse. Letís go back onto Visual
Studio and leverage the work that weíve done earlier with DXTREME. Iím going to go into
my views and add the existing objects that weíve created earlier. So in DXTravel, under
views, these are the three objects we were working with before. Iíll add them as a link
and theyíre now included as part of my solution. As we look at the rest of my application,
Iím going to go into the default.html. I need to include those files into my application.
Youíll see here I can simply uncomment out this line. Connect the stylesheet and the
two other index files into my application. And then, in MyTripsDashboard.html, Iím going
to uncomment a line of code that renders that part of the page. The index part of that page.
And finally I need to set a little bit of code here to connect to the trips object weíve
created earlier. Now letís run it! And as you can see weíre able to leverage the data
access and some of the HTML 5 functionality to build what looks like a native application
on the iPhone and what looks like a native application on Windows 8. In addition to enabling
JavaScript versions of Windows 8 Controls. Weíre also providing a collection of XAML
based controls to help the WPF and Silverlight developers move forward. Itís amazing! And
itís a tool designed for the Visual Studio developer. We have even more exciting things
planned for you to move to this multi-platform world, but before we talk about that, let
me show you the XAML tools. When I launch this application you can see that we get a
couple different demos. You have what we call Real-life Demos and Control Demos. And if
I show you the Control Demos you can see weíre being launched into Visual studio, and we
give you all the source code for a collection of different demos. Iíll run that and youíll
see that we have tiles that represent the different types of controls that we have.
This list gets bigger every day. An example is this MessageDialogModule that if I click
onÖ shows you a modern UI version of dialog modules. Iím going to go ahead and go back
into Visual Studio and letís go back and run the Real-life Demo. This is an example
of a solution sample that connects everything and pulls together into a better integrated
experience. More of a real-life application. In this case itís a financial information.
You can see how different bank accounts are tracking. Of course itís touch enabled because
itís a windows XAML-based application. Information is flowing in asynchronously into the application
as we scroll. All of this source code is immediately available to you as a XAML developer for building
Windows 8 applications. Today weíre announcing this new product line:
DXtreme Enterprise. As you can see Universal customers will get this product as part of
their subscription. We thought about that and then we thought
ñ how do we thank our you, our customers? We love our customers and we really want to
do something Extreme for you.. So we came up with the Extreme Offer.
We want all of our customers to have the Windows 8 RT XAML controls. We wanted our Enterprise
customers to have all of DXtreme Enterprise. And we wanted Universal customers to get price
protection. And thatís what we are doing.
So what should we price it at? Well our competitors price their HTML 5 tools at $600-$1000.
When we launch on December 3rd weíre giving all of our active paying platform subscribers
(ASP.NET, Windows Forms, WPF and Silverlight), our XAML RT controls plus weíll give you
an update of those controls in 2013. If you are an active DXperience Enterprise
subscriber on our launch date, Dec 3rd, weíll give you our DXtreme tools plus one update
in 2013. And if you are an active Universal subscriber,
youíll get all of that plus some other great technologies that weíll reveal at a later
date. And while we plan to modestly increase prices for new and renewal subscriptions in
December, we will not increase your price for a year.
We call that the Extreme Offer ñ weíre giving away roughly $50 million dollars of software
to our customers and thatís our way of saying thanks for being a loyal DevExpress customer.
And I want to reiterate, this offer is limited, you must be a paying subscriber by our launch
date, Dec 3, 2012 to qualify. We also really want you to get a sneak peek
at whatís coming with our new product line so today weíre making an early preview of
DXtreme Enterprise available to you. Weíve got a lot more coming in the final release
on Dec 3, but we wanted you to get your hands on the early bits to start playing with this
amazing new release. So right now, for our customers, you can download and get started.
If you arenít yet a customer, we plan to make the bits more broadly available in 10
days. Today weíve created a new product line with
DXtreme ñ the next major piece of our DXv2 vision - the essential tools for building
solutions targeting the Surface, iPad, iPhone and the Web.
Plus, Weíve announced the Extreme Offer ñ a gift for our customers that weíll deliver
at launch on December 3rd and weíre making our preview release available today to our
customers and on September 27th for everyone else.
Letís see what develops.