Tag Archives: WebUI Studio

Introducing the New Team Developer in Intersoft Web

Last year, we successfully redesigned our website and brought account management together in a single, authentic Intersoft experience. Today, I’m pleased to announce that we’ve completed a major milestone in our roadmap to migrate Developer Network to the main Intersoft’s website which features greater usability and latest web standards support such as HTML5 and CSS3.

Introducing the all-new, redesigned Team Developer, you can now easily manage the licenses for your developer team, create new company account for your team, assign and remove subscriptions for your team, and quickly review the summary of your licenses such as the total and occupied licenses. Now, you can also see your account and license information through mobile, so you don’t have to question on its portability. Finally, you can also delegate the Developer Manager role to someone in your team, if you prefer.

Let’s tour the new Team Developer!

Team and Licenses Management Simplified.

The all-new Team Management is now fully integrated to the Intersoft Account portal under the Team tab which can be easily enabled if you’ve purchased multiple licenses. It features an intuitive and easy-to-use interface that conforms to Intersoft’s aesthetic standards, allowing you to conveniently manage your licenses and team developers in a much streamlined interface.

With just a button click, you can easily add your developer into the team, or remove them as they’re no longer in charge. You’ll be presented with a new account dialog – now revamped with only important fields in cleaner interface, such as shown below.

Register New Developer

Once registered, the Team Management smartly detect available licenses that can be assigned to the new member. You can  now simply check the subscriptions or individual licenses, and tap the Assign button to finish. It’s that easy – see the following illustration.

Prompted to Assign license copy

Streamlined Corporate Info Management.

If you have not registered as Developer Manager, you will need to enable your account as Developer Manager and setup corporate information before you can add members to your team. Setting up the corporate information is now easy and painless – thanks to the clean, intuitive form design which now shows only relevant fields. The new corporate information screen can be seen below.

Developer Manager

As seen in the above illustration, you can delegate the developer manager role to the other registered team member if you prefer. However, once you delegated the role, you are no longer able to manage the Team Developer as you are no longer the ‘Developer Manager’.

In the last section of the page, you can now easily review the ‘License Summary’ which shows information the total licenses that you have under your team. The summary will also show the amount of available and occupied licenses. This will help you in distributing the licenses effectively among the members.

As you see above, the new Team Developer features incredibly intuitive user experience with modern look and feel. Everything is thoughtfully designed – from the icons, styles, and layout. You can easily add product or remove it by simply hover on the item in the list.

In this redesign, a lot of unnecessary and tedious steps have been removed. Our goal is to make it easy and simple for you to manage your account and licenses for your development team. I hope you loved the new Team Developer as much as we love building it.

Welcoming 2014 With Exciting Product Roadmap

Happy new year to you from all of us at Intersoft! Thank you for being part of the Intersoft community in 2013. Your success means everything to us. Looking ahead, the new year is ripe with possibility. At Intersoft, we resolute to serve you better with improved products and new product category that will truly save development time and cost, as well as providing you with even better, responsive support.

We’re very excited to welcome 2014 with some great product plans and roadmap that we think you will really love. However, before we get into the new year’s roadmap, let’s take a quick recap on the achievements we’ve made during the past year.

2013 Year In Review

2013 was absolutely an incredible year for us! Considered our busiest and most productive year ever, we managed to ship over 400 high quality components across 7 platforms. And for the first time ever, we expanded our product portfolio to 4 new platforms and deliver them at once in a single release. At a glance, all 2013 product plans were successfully delivered, and exceeded much more than the plans.

Here are the list of our top 8 achievements that I would like to share.

  • Shipped Crosslight — the industry’s first advanced toolset for cross-platform native mobile apps development supporting iOS, Android, Windows Phone and Windows 8
  • Delivered 400+ UI components across 7 platforms, covering desktop, RIA, web, and mobile apps development — all packed with comprehensive documentation and tons of samples
  • All 40+ ASP.NET components revamped to support latest web standards, HTML5 and CSS3
  • Released Reporting lineup for Silverlight, the industry’s first reporting tool offering end-to-end, comprehensive business reporting capabilities.
  • Redesigned websites, streamlined account and license management with single sign-on, yielding more compelling and engaging user experiences
  • Modernized Intersoft experiences leveraging balanced design aspects that takes account minimalism, content exposure, layout, identity and typography.
  • Major product rebranding with the introduction of Premier Studio, the first time in our history as we’re expanding our products portfolio into new market segments such as the cross-platform mobile development industry
  • Joined Visual Studio 2013 Launch Partner, releasing a major service pack that updates all components to support Visual Studio 2013, Internet Explorer 11 and Windows 8.1 in timely fashion

2014 Focus — Enterprise Mobile Development Made Easy

In 2014, we will be laser-focused on the cross-platform mobile development tools. Our works in 2013 is just the beginning of our holistic mobile roadmap. Building on the foundations laid in the initial Crosslight release, we’re striving to make cross-platform enterprise apps development even easier and simpler with a multitude of new features, components and services that work reliably across multiple platforms such as iOS, Android, Windows Phone 8, and Windows 8.

Our team is currently hard at work creating the next iteration of Crosslight which will make available many functionalities common to line-of-business apps development. Announcing “Crosslight 2”, we will be adding over 200 new features and dozens of new, highly reusable services to the already powerful mobile toolset.

The new Crosslight will be the industry’s first, one of its kind, that lets you create the most demanding business apps that leverage advanced capabilities such as offline data storage, pending changes management, automatic synchronization to cloud, push notifications, user authentication, social network integration and much more. And better yet, all these services can be programmed in a single codebase — not each codebase per platform. So imagine how many months you can shave off from your development time table!

Building fully functional, usable data-driven apps is really time-consuming as there are a lot of things to consider. For examples, your apps need to be “timezone aware” if you have users located in different regions and time zone. Your apps need to handle two-way time zone conversion between the local device’s timezone with the server. Adding to the complexity — data synchronization, offline storage, and data editing — all need to be thoughtfully considered and integrated for them to work in harmony, ultimately producing great apps that are beautiful inside and out. Sounds too much hassles? Fear not — we’ve got it covered!

The new data services in the upcoming release will be built with “timezone aware” enabled by default. Furthermore, it will take account the best practices of building highly scalable enterprise-class apps, and consider every little detail that you might not aware of. All you need is simply consuming the services and customize the settings with a few lines of code, and Crosslight will handle the rest behind the scene.

To summarize the Crosslight roadmap, please take a look at the following diagram which lets you easily overview and compare the existing state of Crosslight with the expanded offering in the upcoming release.

Crosslight v1

Crosslight v2 introduces over 200 new features

As seen in the diagram above, the upcoming release will be strongly focused on enterprise data services and core mobile services such as discussed above which include entity services, authentication, social network integration and push notifications. In the second release later this year, you can expect more data visualization and user interface components optimized for the mobile apps scenarios.

An important announcement with regards to our release cycle, we will be adjusting the first iteration of the release to the beginning of the year while the second one is planned for the mid of the year. We believe this schedule changes are beneficial to us, our partners and our valued customers as the releases will occur in more appropriate timing for project planning, and more ideal time to market.

This blog post only provides a high level overview of the planned mobile tools roadmap. In the near future, we will post the complete details of the mobile features as well as the roadmap for other platforms such as ASP.NET and Silverlight in our public community forum. Stay tuned for the next announcement.

Last but not least, I hope you liked our upcoming product plans and roadmap. Please feel free to drop your comments or feedback related to the roadmap, or if you wish to see something in our next milestone.

All the best,
Jimmy

ClientUI Reporting is Coming in 2013 R1

As announced in our roadmap here, we’re going to introduce new major lineup for Silverlight and WPF in the coming release. A standalone reporting product is something that we’ve been working intensively since the past year.  Designed from the ground-up, ClientUI reporting is a full-fledged XAML reporting engine which includes a powerful C# style scripting support for the most demanding business reports.

Our development team have put so much hard work on the new breed of reporting solution for Silverlight and WPF, so that it has the power and flexibility you need to produce great-looking reports. It will also feature blazing-fast rendering performance, great usability and superior user experiences.

In this blog post, I will share the high level overview of the reporting’s uniqueness and its key features.

XAML-based Report Engine

Creating a business report using Intersoft reporting tools is definitely easy. It will be very familiar for Silverlight/WPF developers and won’t spend too much effort to learn it as it’s completely defined using a XAML-like report metadata. Since the reporting XAML conforms to the Visual Studio specification, you get all the productivity features you loved, such as Intellisense, property value auto completion and more.

The following example illustrates a XAML report document.

<ReportDocument Name="Report1" xmlns="http://intersoft.reporting.com/schemas" ReportUnit="Centimeters">
	<ReportDocument.DataDefinitions>
        ...
	</ReportDocument.DataDefinitions>	
	<ReportDocument.Pages>	
		<ReportPage Name="Page1" PageHeight="29.7" PageWidth="21" Margin="1,1,1,1">
			<ReportPage.Components>				
				<HeaderBand Name="InvoiceHeader" LayoutBox="0,7.4,19,0.8">
					<HeaderBand.Components>
						<TextBlock LayoutBox="0,0,2.2,0.8" Text="Product ID" TextAlignment="Center"/>
					</HeaderBand.Components>
				</HeaderBand>

				<DataBand Name="InvoiceData" LayoutBox="0,9,19,0.8" ObjectDataSourceGuid="ab5ee58b31fd440aa34aaec8735abf29">
				...
				</DataBand>

				<FooterBand Name="InvoiceFooter" LayoutBox="0,10.6,19,0.8">
				...
				</FooterBand>			
			<ReportPage.Components>		
		</ReportPage>
	</ReportDocument.Pages>
	<ReportDocument.Styles>
        ...
	</ReportDocument.Styles>   
</ReportDocument>

The XAML report document introduces numerous great benefits, such as it support property value inheritance, an interesting feature introduced in Silverlight/WPF XAML, which enables child elements in report tree to obtain the value of a particular property from parent elements, inheriting the value as it was set in the nearest parent element. To make the report even more neat and simple, it also support style which can be shared by all of the elements inside the report.

Full Client Rendering. Datasource Agnostic.

Talking about a report solution, many developers are concerned about the datasource support. Does it support SQL Server? How about Oracle? And so on. Unlike many reporting solutions which are server-based reporting, it’s important to understand that our reporting solution fully runs on client-side, from the data source population to the pixel-identical report generation and rendering. This means there are literally no constraints on the datasource, so you can retrieve data from domain service, web service, WCF service, or virtually any kind of objects that can be serialized over the wire.

The independence to the server allows our reporting engine to perform many tasks by its own in the client-side. There are numerous great benefits associated to this design, such as faster and more responsive user experience in the client-side. And more importantly, the authored report document is truly self-contained, which means that a single report document is all you need to deploy for user consumption. And since the report is a XAML file, you can quickly deploy a report by uploading the file to the website – it’s that easy.

C# Style Scripting Engine

One of the key features of Intersoft report engine is the powerful scripting engine. Scripting is essential to any reporting solution, so we want to make sure that we have the best-of-breed scripting engine that is intuitive to developers and require minimal learning curves. The engine has to be dynamic enough to evaluate complex, multi-line syntax – not only a single line expression – to support the most demanding business report authoring.

I’m pleased to introduce our C# style scripting engine, the industry’s first report scripting engine that supports complex C# style statements and syntaxes. Moreover, you have access to full .NET library and classes, you can get or set a property of an object, or even create new objects – all within the report scripting. And the best of all, our script engine performs nearly as fast as the compiled runtime execution – thanks to the full DLR integration and expression binding implemented in our scripting engine.

The following example demonstrates the basic usage of the scripting.

<TextBlock Text="@[Invoice.ShipPostalCode + ' ' + Invoice.ShipCity + ' ' + Invoice.ShipCountry]"/>
<TextBlock Text="@[string.Format('{0:C2}', (Invoice.UnitPrice * Invoice.Quantity * (1-Invoice.Discount)))]"/>

In addition, the report engine also supports scripting in the report events which can be authored directly in the report document. This allows you to accomplish dynamic report authoring without requiring code compilation. The following example shows what you can do in the Printing event of a TextBlock using our C# style scripting engine.

// TextBlock_Printing(object sender, EventArgs e)
var totalAmount = Math.Ceiling([Order.Order_Details.Qty] * [Order.Order_Details.UnitPrice]);
var highestAmount = Math.Max(totalAmount, [AllOrderAmount]);

if (highestAmount > [Customer.CreditLimit])
{
	e.Text = "Over limit";
	sender.Foreground = Colors.Red;
}
else
{
	e.Text = "Good";
	sender.Foreground = Colors.Black;
}

Enterprise-Grade Report Viewer

Of course, the report document is useless without the viewer that can render it. In this release, ClientUI will ships a viewer that can render the report document. What makes it truly set apart is its unique capability in handling large report document without performance bottleneck, thanks to the bare-metal virtualization implementation. It employs the most advanced rendering technique that prevent application from being freezed when rendering a lot of report pages.

In general, report rendering can be done in two ways, which can be set easily through the LoadingMode property. By default, all of pages will be rendered when report is loaded. Then busy indicator will be shown, prevent the report viewer from being accessed, until report is completely rendered. This is the mode that implemented in most reporting solutions in the market.

Rendering whole report document when report is loaded

Freezing the report viewer while the report is being processed may sound just fine for reports with only a handful of pages. The main problem here is you may not have ideas how many pages that your report may eventually generate. It could be dozens of pages, or hundreds of pages, depending on the business data size. In this case, users will notice the significant slowness of the report generation, and worse, thinking that the application has crashed after waiting for minutes.

This is where our innovative background report generation comes to rescue. We invented very sophisticated techniques that allow the report generation to be done in the background, while updating the user interface without sacrificing performance. This makes the user interface truly responsive and thus translates to great user experiences. With this mode, users can view the report as soon as the first page is rendered, and scroll down as more pages are rendered in real-time. See the screenshot below.

Rendering report document on background

Not only displaying report from the supplied data, it’s also possible to display a report based on user input at run-time. Our ReportViewer has provide a mechanism to generate and display the parameter dialog based on the report document. It’s really not an easy task to create the parameter dialog that handle different parameter type for each report you have manually.

Displaying report document based on user input at run-time

As you can see in the figure above, the report viewer also implement the sophisticated viewing features already invented in ClientUI’s document viewer, such as printing, precise text selection, copy to clipboard, zooming, and searching. On the left panel, users can easily preview pages in a thumbnail form and navigate throughout the report pages. Actually the thumbnail will be rendered exactly same with the real page’s appearance. See the screenshot below.

Preview report pages in a thumbnail form

To navigate through the section in a report, you can browse it using bookmark feature in ReportViewer.

Navigate through the section in a report using bookmark

In addition, our ReportViewer also provides a mechanism to display a report list which can be retrieved through many ways, such as directories lookup, from XML file, and etc. It also can be easily customized to overcome some specific scenario.

Displaying the list of available report document

Modular and Extensible Architecture

ClientUI will ship the report engine with various built-in report controls, which generally used in most of line-of-business scenarios. Unlike other reporting solutions, Intersoft reporting engine is designed with highly modular pattern, instead of being bundled in a huge code base. You only need to include what you need, so you can maintain the solutions to be lightweight. Built with extensible capability, it’s also possible for you to add a custom report control to overcome your business specific scenarios.

That’s all for now. Hopefully this blog post gives you a high level overview of our upcoming reporting. On the next post, I will share more interesting features, the report designer parts, and much more. Thanks for reading, and stay tuned!

Regards,
Jack

New in 2013 R1: WebScheduler 4

In my previous post, I shared about numoerus powerful and rich UI components that will show up in our next 2013 release for ASP.NET. In this post, I will continue to share about the next product lineup that will get major improvements in the upcoming release. Many of you have demanded new features and improvements in our flagship WebScheduler control such as better support for daylight saving in all view types, faster rendering performance, HTML5 and support for latest browsers such as IE 10 and Firefox 20.

We’re pleased to announce that the next release will include WebScheduler 4 which is strongly focused on core scheduling features and latest browsers support. It’s noteworthy that it will also sport the new modern UI with a host of enhancements and new features inside.

Better Daylight Saving Time (DST) Support

One of most anticipated feature requests that we received is to make better support for DST in WebScheduler. Our team has been hard at work and focusing to make DST support a reality in the next WebScheduler release which takes account a vast array of scenarios. By default, WebScheduler will automatically detect the DateTime settings in the server and apply it as necessary. This means that all you need to do is upgrading your project with the new WebScheduler assemblies – and you’re all set. There’s no additional settings that need to be configured.

New Modern UI Theme

In this release, you’ll be also seeing the new Modern UI visual theme. Beyond just simple CSS styling, many of the WebScheduler UI elements were completely revamped to match the Modern user experience, such as the addition of the accent-colored element, redesigned layout, and all-new icon set that conform to the Modern user interface standards. Please see the following screenshots in below.

The New Modern Default Style

As you can see, WebScheduler now have much cleaner look – from the tabs, calendar, to every grid lines and event. You might also notice that the event doesn’t depend on the background color anymore. The resources and event are now associated with each accent color that makes the content outstanding and beautiful. Of course, the Modern design is so much more than just styling, it also requires fundamental changes to the element structure and rendering.

In the next few screenshots, you can see that all views and elements are consistently redesigned to match the Modern visual theme.

The simple, clean and elegant UI Callout

The simple, clean and elegant UI for Callout when you select an event.

Month View

The year view gives stronger focus on content – thanks to the accent color usage in the Modern visual theme.

Year View

Only DayView, WeekView and SplitView apply the accent color at the top border side. For the rest of views event, the accent color will be applied at the left border side.

Timeline View

Agenda View

Split View

The TimeLine, Agenda and SplitView are beautifully designed in the Modern theme. Notice that all elements are rendered pixel-identically for the most elegant user experiences.

Modern EdittingForm UI

Last but not least, the built-in editing form will also receive the new Modern visual theme which will surely bring the entire scheduling experience to the next level.

With this new WebScheduler among many other major product upgrades lining up in the upcoming release, we will continue to deliver the best-of-breed ASP.NET components that boost your application development time and add great values to your apps with stunning user interface and powerful functionalities.

I hope you loved what we have to offer so far, and let me know if you have any feedback or questions.

Cheers,
Handy

Coming soon in 2013 R1: New Features for ASP.NET Lineup, All-new Modern UI Themes, and more

As outlined in our 2013 product roadmap, we’re going to have very exciting new products coming up soon. There will be entirely new kind of lineups that we’ll introduce such as reporting and cross-platform native mobile development tools. On top of that, we will also be making available several major product upgrades to the ASP.NET lineup which include WebScheduler, WebTextEditor, WebEssentials, WebInput and the rest of the ASP.NET components.

All of the upgraded components will feature full HTML5 and CSS3 support. This means that – for the first time ever – our entire ASP.NET lineup have fully support HTML5. This allows you to use any combination of the components in your HTML5-powered web apps. Furthermore, we’re implementing nearly 90% of user-driven feature requests and reported issues.

In this post, I’ll share some details about the improvements and new features made available to the WebTextEditor and WebEssentials.

Improved Spell Checker and Redesigned WebTextEditor

The WebTextEditor suite is one of the products that will receive major updates in the upcoming release.  The WebTextEditor suite includes three components: text editor, spell checker and file uploader. All of them

One of the most frequently requested feature is the tighter integration between spell checker and text editor component. When integrated to text editor, the spell checker component has now supported spell checking in multiple sections. This allows users to simply press the spell checker button, and it will go through all the sections available in the text editor. See screenshot below.

Spell check for multiple sections

More importantly, all the three components in WebTextEditor now fully support HTML5. This is a significant upgrade due to the various different editing behaviors across multiple browsers – even when they run on same HTML5 doctype.

Furthermore, the next generation WebTextEditor will sport the new Modern UI design consistently throughout the entire user interface elements – from the look and feel, colors, icons, panels to the status bar and tool bars. It’s important to note that, unlike competing products, our Modern theme is not just a simple visual styling, many various elements and layout are also revamped to look best with the Modern theme. Take a closer look at the screenshot below.

All Modern UI experience for integrated controls

And here’s another shot showing the Modern theme with the enhanced Gallery task pane, context menu, dropdown button, and the rest of the input controls.

Modern UI theme across all visual elements in WebTextEditor

The same goes to the spell checker component. When used in standalone mode, the dialog box now sports Modern UI theme as well.

New DialogBox UI

All-new Modern UI Themes

In the upcoming release, WebEssentials will also receive major version upgrade. It will  join the flagship product family to fully support HTML5 that renders identically in all modern browsers today.

As Microsoft-based software shop, you may have feel the pressure from your customers to align your products’ user interface to match the latest design from Microsoft. You’re in luck – all 15+ user interface components in the WebEssentials umbrella will sport Windows 8 style (“Modern”) user experiences. Get a closer look at the WebEssentials components with the Modern theme design applied. I hope you liked them!

WebAccordion

Accordion styling based on accented color

WebRating

WebRating styling based on accented color

WebCalendar

WebCalendar Green

WebCalendar Orange

WebProgressBar

ProgressBar Green

ProgressBar Orange

WebSlider

Silder Green

Slider Orange

WebListBox

WebListBox with Modern theme

In addition to the new theme, WebListBox will include a much anticipated feature: Horizontal orientation. You will now be able to use the listbox as scrolling toolbar or navigation menu with intuitive user experiences.

Horizontal WebListBox

WebSlidingMenu

SlidingMenu Blue SlidingMenu Conversation Blue

SlidingMenu Orange SlidingMenu Conversation Orange

WebRibbon

WebRibbon with Modern theme

WebRibbon with Modern theme

Summary

In this blog post, I’ve shared some high-level details toward the upcoming release for the ASP.NET lineup. This will be a very exciting release as we’re renewing all our ASP.NET components to support the latest technology. None left behind! This means that you’ll be able to use any combination of our tools in your HTML5-based project without worrying the compatibility issues across major browsers, including recent ones such as Firefox 20 and Internet Explorer 10.

And with the all-new Modern UI design theme made available to the entire user interface components, you can align your application’s look and feel with the latest Microsoft’s user interface design, and further take your application to the next level.

In the next post, I will share the rest of our ASP.NET product family that will join the HTML5 and Modern UI revolution, including WebScheduler, WebInput, and WebTreeView. Thanks for reading, and stay tuned for the next post!

Warm Regards,
Handy