Premium Content


Premium Content articles are the very best articles from the world's leading internet technology, subject-matter experts. We have many categories of content below on a wide variety of subjects that have all been commissioned from big name authors.

Explore the Premium Content

Getting Started with Flash Lite 2.0

Getting Started with Flash Lite 2.0

In a previous article, Getting Started with Flash Lite, I showed you how to work with Flash Lite 1.1. You learned that Flash Lite works with many types of mobile devices including PDAs, mobile phones and DVD players. You also learned that you have to use ActionScript 4 in Flash Lite 1.1 and that this can be quite limiting.

In this tutorial, I’ll use Flash 8 and Flash Lite 2.0 to create the same application from the earlier tutorial on Flash Lite 1.1. We’ll create a simple standalone application that shows today’s date as well as the number of days until Christmas. Of course, you could change the application slightly if you want to calculate the number of days until your birthday or some other important event!

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

Read More

Dreamweaver ASP.NET User Management Systems: Creating Custom Encrypted Authentication Tickets

In the other tutorials in this series we explored the ASP.NET security model and utilizing it to build rich featured User Management Systems using Dreamweaver. We learned how to use the web.config file to configure security on ASP.NET web application. We learned how to authenticate a user using Forms Authentication method. We learned how to create cookie to hold a user’s role and how to create a custom Generic Identity object to maintain the user’s role authorization from one request to another. Finally we learned how use the role information and Generic Identity object to programmatically control our user experience. In this final tutorial in the series, we will build upon prior discussions as we take over the Forms Authentication Ticket creation process to create our own custom authentication ticket and encrypt it using the ASP.NET FormsAuthentication class. That said, this tutorial stands on it’s own in the presentation of the topics covered.

Before you get too involved, let’s see if you’re ready. This tutorial makes assumptions about your skill level--that is, this tutorial is intended for intermediate users. If you’ve never configured a new site in Dreamweaver, never configured a database connection string, or never used the Dreamweaver database connectivity tools, this tutorial is probably not for you as you’ll need to be familiar with these concepts and techniques. If you have done these things but have very little or no experience hand coding, writing SQL statements, using the Dreamweaver advanced Dataset Dialog, don’t worry we’re doing this together and I’ll do my part to bring you along.  

Read More

Using the ASP.NET Calendar Control

When building web applications, at some point during your requirements documentation you’ll probably come across the need for users to enter dates onto a form. Working with dates may seem like a simple task but it can quite easily become very complicated.

The reason date entry becomes complex is because of the validation that needs to be performed. In older languages this validation was provided by the developer. They had to consider all kinds of conditional checks, such as the number of days in the selected month, whether the selected February was in a leap year, as well as all the rules regarding leap years.

Fortunately, ASP.NET has made this style of date programming a thing of the past. The .NET framework has a built-in calendar component which provides all the basic functionality for most development scenarios and it comes pre-programmed with all of the aforementioned validation already in place.

By using this component the developer can focus on other aspects such as presentation and usability functionality instead of worrying about whether February 2028 has 28 or 29 days.

In this tutorial we’ll look at some of the basic functionality provided by the ASP.NET Calendar component and two basic examples of common usage of this component in web applications. We’ll also look at some of the basic formatting methods provided by the Date class.

Note: This tutorial requires Visual Studio .NET and both VB.NET and C# code samples will be provided

Read More

Design and Accessibility: Part XI

Accessibility: Colour-blindness Issues II

In the previous design and accessibility article, Linda explained colour-blindness, including the genetics issue that explains why more men than women suffer from colour deficiencies in their vision. She talked about the four different and most common types of inherited red-green colour-blindness, and used examples to demonstrate how the Web appears to those individuals. In this article, she explores other forms of colour deficiencies, including more inherited colour-blind conditions, more rare colour conditions, and problems created by aging and disease. As in the previous article, Linda offers visual samples on how the Web appears to these individuals. Additionally, she examines what other designers suggest in order to compensate for colour-blindness, and why their suggestions seem too extreme.

Read More

CSS: It’s Not Just For Screens Any More

Dreamweaver, and in particular, the new Version 8, is nothing short of a CSS wonder.  Many of us who are “mostly application” in mindset stuck up our noses that there wasn’t more for the application side in the new release, but I, for one, am learning to appreciate some of the CSS improvements that Macromedia has made in the new version. 

In my E-Book, I talked about the new Style Rendering toolbar and the ability it gives the developer to toggle between screen views for various audiences. 

In this article, I would like to expand on the Style Rendering toolbar and show you how to create a site that is for more than just the web audience.  I have created a simple unstyled page that is a home page for a fictional candy store and have attached that unstyled page and the images used in a zip to this article.  Our task here will be to create the CSS for that example from scratch.. three times.  First, we will create the “screen” stylesheet that the average web user will view in their browser.  Then we will create a stylesheet for the user who wants to print a page that is more print friendly than the screen view.  And finally, we will create a style sheet to render the same content for the handheld device.  Mobile is one of the fastest growing areas for the content developer.  It’s about that we paid this arena of business some serious attention! 

Read More

Building a Data-Driven Navigation Menu

Navigation menus are the forefront of just about any website, whether the site is a dynamic database driven application or simply a personal homepage. They lead and direct your user around the pages of your site and provide the basis for your usability experience. A site that is difficult to navigate is a site that will not be popular with your users.

When working with ASP.NET you have a lot of extra flexibility when working with a navigation menu. In most development languages, your menu needs to be copied/pasted onto all of your pages, or at the very least you had to use include statements to place the menu at the top of every page. This process is very redundant and cumbersome.

ASP.NET offers the ability to create user controls, which are custom chunks of HTML and code-behind server logic which can be dragged/dropped onto any .aspx Web form in your application, making the development of a component such as a navigation menu quite easy, and very reusable.

In addition to a custom user control, you can add in your own server logic to extend the menu control even further and allow it to be data-driven from a database of your choice. This way your menu is rendered on-the-fly dynamically from records read from a database table which can be modified in real time.

In this tutorial we will build a sample application to demonstrate this powerful technique. We will build a custom user control to house our navigation menu which can be dropped onto any page in our application. And we will implement functionality to make our user control database driven from an Access .mdb database, rendering menu items and submenu items dynamically.

Note: This tutorial requires Visual Studio .NET and if you wish to change/customize the database provided you will also need Microsoft Access.

Read More

Design and Accessibility: Part X

In the previous design and accessibility article, Linda shared how a viewer’s user agent processes forms, and why some processors are better than others from accessibility and usability standpoints. In this article, she moves from behind the Web page to the front, where the colour-blind user might face some problems with Web images. What are these problems, and how can Web designers and/or developers address these issues in their work? Linda first explains colour-blindness and then focuses on red-green colour-blindness in this article – the most common form of inherited colour-blindness. She explains why more men exhibit colour-blindness than women, and she offers examples of how normal viewers and red-green colourblind viewers see the flickr Website. Finally, Linda brings some solutions to the table for Web designers who might want to address this issue.

Read More

Creating a slide show with Flex 2.0 Beta 2

In the previous article, I introduced you to the Flex 2.0 Beta and showed you how to create a very simple calculator application using Flex Builder. As you’ll recall, Flex allows you to build Rich Internet Applications without using Flash software. Flex uses an XML vocabulary called MXML to describe interfaces that you can then wire up with ActionScript. Flex 2.0 Beta 2 works with ActionScript 3.0.

In this article, I’m going to show you how to create a photo slide show application with Flex. The slide show will display photos, one-by-one, using a fade-in effect. The photo filenames come from an external XML document. While building this application, you’ll have a chance to learn about the ActionScript 3.0 language. It will also cover the new approach to working with XML - E4X.

Specifically, if you work through this article, you’ll learn how to:

  • Create an interface in Flex Builder
  • Load an external XML document into an XML object
  • Navigate the XML object to extract information
  • Add styling to a Flex application
  • Add a fade-in effect

You will only be able to complete this tutorial if you have downloaded and installed the Flex framework and SDK from http://labs.macromedia.com/flexproductline/. That means you’ll need to be using Windows with Flash Player 8.5 installed. I’m not going to go through the setup of Flex—you can find that in the previous article.

Let’s make a start!

Read More

ASP.NET Image Gallery, Uploader & Thumbnailer Part 2

Welcome to part 2 of our demonstration image gallery creator, image uploader and thumbnailer application built in ASP.NET. As we’ve seen so far, we’ve been able to provide thumbnailing and image sharpening methods using built in objects that are part of the .NET framework.

To summarize, in part 1 we created an ASP.NET application called ImgThumbail and setup a folder structure for uploading images to the web server. We then added an ImageUtil class which can receive HttpPostedFile objects and create thumbnails for the images returning the binary content which can be written to the file system. We also implemented a method which uses a math algorithm to sharpen the image.

In part 2, we’ll continue building upon our application by developing the user interface and putting our ImageUtil class into action. We’ll build a web page which allows a user to upload an image to the web server, and then display those images dynamically in an HTML table constructed on-the-fly through code.

Once again Visual Studio.NET is required for this part of the tutorial, and both VB.NET and C# code samples will be provided.

Read More

ASP.NET Image Gallery, Uploader & Thumbnailer Part 1

Working with images is a requirement of many applications, from business software to simple personal web pages. There are hundreds of different implementations of this feature, some good, others not so good. When using images in ASP.NET applications you have the added benefit of making things a little easier on yourself by using a more object oriented approach so that you can create components that you can reuse in other applications.

Depending on the requirements of your images module it may be necessary to look towards third party components. There is literally hundreds of ASP.NET third party controls which deal with imaging, image uploading and image manipulation. Before you implement a costly third party component it’s important to understand what you can and cannot do with the existing .NET framework.

The purpose of this article is to show 3 basic imaging techniques you can implement in your applications which all make use of the existing .NET framework classes. These three techniques are: uploading, thumbnailing, and dynamic display (gallery).

For this article we’ll build a simple demonstration ASP.NET application where you can upload an image into a specific folder on the web server, have that image automatically thumbnailed on the fly, and then have the image thumbnails rendered into an HTML dynamically. These are the basic building blocks of most applications utilizing images.

Note: Visual Studio.NET is required for this tutorial. Both VB.NET and C# code examples will be provided

Read More

Design and Accessibility: Part IX

Accessible Form Problems and Solutions II

In the previous design and accessibility article, Linda dissected how accessible and usable forms can be designed for Websites in the HTML and/or XHTML document. In this article, Linda sharpens the difference between Web designers and Web developers, as designers may not always understand the scripting and processing that enables forms to function. To help in this regard, Linda shares how forms are processed by the viewer’s user agent, and why some processors are better than others. She then discusses why the W3C and the PAS-78 (U.K.’s new Publicly Available Specification) currently maintain negative perspectives about developers who use JavaScript applications and – similarly – about designers and clients who insist upon using these applications. To address this negativity, Linda provides fall-back solutions for designers and/or developers who want to continue to use JavaScript as a stand-alone application or as an addition to other technologies like AJAX in their Websites.

Read More

Building Rich Text Editor. Part I

Introduction

The new wave of buzz-word technologies has shaken the web community once again “splashing” old-timers and newbies alike with their share of hype and confusion.
There is no surprise in the fact that some of the cool “new” ideas will turn up as nothing but marketing fluff. History repeats itself: once again the “mummies” are being “re-painted”, re-labeled, and resold as something brand-new and out of this World.

At the same time some of the “re-invented” technologies, which have been previously used just occasionally have now been re-evaluated and put to work by many developers.

It is mainly due to the improved browser support as well as affordable prices on high speed Internet and higher end machines that we can now dig out those “dusty old tricks” waiting on their shelves for the better times.

One of those “new technologies” is the designMode DHTML feature or MSHTML editor as it is called in IE. It has been implemented in Internet Explorer since version 5. Using this feature you can in no time build your own Rich Text editor creating an illusion of a desktop application being embedded into your web page.

Although the feature has been around for a few years it hasn’t been used as often as it could be for a very apparent reason: the lack of support by browsers other than Internet Explorer (PC only).

A year ago, or so, guys at Mozilla have decided that the feature was too sexy not to include in the new foxy Firefox, the version 1.0.2 has come out with the designMode built-in.

Things got even better when Opera 9 beta hit the market with the support for the feature. Although still buggy and in the beta, the chances are the new Opera will have the full designMode support.

This makes it “three”! There are still Safari (IMHO not a browser :-)) and Internet Explorer for Macintosh, but with the long-awaited departure of the latter in January 2006 and the great new Firefox for Mac, Safari is no longer a threat.
With the three major browsers now supporting the feature we can now safely put it into our toolbox.

In this series of articles we will use the designMode feature to build an online Rich Text editor.  We will heavily rely on CSS to mimic desktop application interface and at the end we will use AJAX to build the functionality for sending the created “document” as an email attachment, saving it to the server and to the hard drive.

Read More
Newer articles Older articles