devexpress pdf viewer asp.net mvc : Best program to convert pdf to jpg SDK software API wpf winforms html sharepoint Enterprise-Development-with-Flex20-part717

their own developers to a one-week training class. There is rarely a staffing problem
here.
GUI developers interact with user experience designers who create wireframes of your
application in Photoshop, some third-party tool, or even in Flex itself. But even in the
Flex case, GUI developers should not start implementing screens until approved by a
Flex component developer or an architect.
In addition to having the skills of GUI developers, Flex component developers are well
versed in object-oriented and event-driven programming.
They analyze each view created by a web designer to decide which Flex components
should be developed for this view and how these components will interact with each
other (see Figure 2-4). Most likely they will be applying a mediator pattern (described
in Chapter 2) to the initial wireframe.
Experienced Flex component developers know that even though the syntax of Action-
Script 3 looks very similar to Java, it has provisions for dynamic programming and often
they can use this to avoid creating well-defined Java Bean–ish objects.
Flex Architects
Flex architects know everything the GUI and component designers know, plus they can
see the big picture. Flex architects perform the following duties:
• Decide which frameworks, component libraries, and utilities should be used on
the project
• Decide on communication protocols to be used for communication with the server
tier
• Enhance the application protocols if need be
• Decide how to modularize the application
• Arrange for the unit, functional, and stress tests
• Make decisions on application security issues, such as how to integrate with ex-
ternal authentication/authorization mechanisms available in the organization
• Act as a technical lead on the project, providing technical guidance to GUI and
component developers
• Coordinate interaction between the Flex team and the server-side developers
• Promote the use of coding best practices and perform code reviews
• Conduct technical job interviews and give recommendations on hiring GUI and
component developers
These skills can’t be obtained in a week of training. Flex architects are seasoned
professionals with years of experience in RIA development. The goal of any project
manager is to find the best Flex architect possible. The success of your project heavily
depends on this person.
Staffing Considerations s | | 177
Best program to convert pdf to jpg - Convert PDF to JPEG images in C#.net, ASP.NET MVC, WinForms, WPF project
How to convert PDF to JPEG using C#.NET PDF to JPEG conversion / converter library control SDK
convert pdf file to jpg online; convert pdf file into jpg
Best program to convert pdf to jpg - VB.NET PDF Convert to Jpeg SDK: Convert PDF to JPEG images in vb.net, ASP.NET MVC, WinForms, WPF project
Online Tutorial for PDF to JPEG (JPG) Conversion in VB.NET Image Application
change pdf to jpg online; convert pdf to jpg for online
Not every Flex developer can be profiled as a member of one of these three groups. In
smaller teams, one person may wear two hats: component developer and architect.
Designopers and Devigners
RIAs require new skills to develop what was previously known as boring-looking en-
terprise applications. In the past, development of the user interface was done by soft-
ware developers to the best of their design abilities. A couple of buttons here, a grid
there, a gray background—done. The users were happy because they did not see any-
thing better. The application delivered the data. What else was there to wish for? En-
terprise business users were not spoiled and would work with whatever was available;
they needed to take care of their business. It was what it was.
But is it still? Not anymore. We’ve seen excellent (from the UI perspective) functional
specs for financial applications made by professional designers. Business users are
slowly but surely becoming first-class citizens!
The trend is clear: developer art does not cut it anymore. You need to hire a professional
user experience designer for your next-generation web application.
The vendors of the tools for RIA development recognize this trend and are trying to
bring designers and developers closer to each other. But the main RIA tool vendors,
Adobe and Microsoft, face different issues.
Adobe is a well-known name among creative people (Photoshop, Illustrator, Flash);
during the last two years, it has managed to convince enterprise developers that it has
something for them, too (Flex, AIR). Adobe is trying to win developers’ hearts, but it
does not want to scare designers either. In addition to various designer-only tools,
Adobe’s Flash Catalyst tool allows designers create the Flex UI of an application with-
out knowing how to program.
Today, a designer creates artwork in Illustrator or Photoshop, and then developers have
to somehow mimic all the images, color gradients, fonts, and styles in Flash Builder.
But this process will become a lot more transparent.
A web designer will import his Illustrator/Photoshop creations into Flash Catalyst, then
select areas to be turned into Flex components and save the artwork as a new project:
a file with extension .fxp. Adobe did a good job of maintaining menus and property
panes in Flash Catalyst, similar to what designers are accustomed to in Illustrator and
Photoshop. The learning curve for designers is not steep at all.
Designers will definitely appreciate the ability to work with Flex view states without
the need to write even a line of code. Creating two views for master/detail scenarios
becomes a trivial operation.
Flash Catalyst is a handy tool not only for people trained in creating artwork but also
for those who need to create wireframe mockups of their application using built-in
controls including some dummy data.
178 | | Chapter 4: Equipping Enterprise Flex Projects
C# Create PDF from images Library to convert Jpeg, png images to
Best and professional C# image to PDF converter SDK C# Example: Convert More than Two Type Images to bmp")); images.Add(new Bitmap(Program.RootPath + "\\" 1
changing pdf file to jpg; change from pdf to jpg
VB.NET PDF Convert to Images SDK: Convert PDF to png, gif images
Best adobe PDF to image converter SDK for page As PDFPage = doc.GetPage(0) ' Convert the first page.ConvertToImage(ImageType.PNG, Program.RootPath + "Output.png
convert .pdf to .jpg; convert multi page pdf to jpg
Working with Flash Catalyst requires UI designers to use Flash Creative Studio version
4 or later for creation of original artworks. This is needed, because Flash Catalyst in-
ternally uses the new .fxg format for storing just the graphic part of the Flex controls.
Flash Catalyst will become a valuable addition to the toolbox of a web designer working
in the Flex RIA space.
Microsoft comes from quite the opposite side: it has legions of faithful .NET developers,
and released Silverlight, which includes great tools for designers creating UI for RIA.
Microsoft Expression Design and Expression Blend IDEs take the artwork and auto-
matically generate code for .NET developers and help animate the UI to make it more
rich and engaging.
Adobe invests heavily in making the designer/developer workflow as easy and smooth
as possible. Adobe’s Catalyst generates Flex code based on the artwork created with
tools from Creative Studio 4 and later. Most of the work on the application design is
done using Adobe Photoshop, Illustrator, or Fireworks, and application interactions
you can create in Flash Catalyst. During conversion, the selected piece of the artwork
becomes the skin of a Flex component. Figure 4-1 shows how you can convert an area
in the artwork into a Flex 
TextInput
component.
Figure 4-1. Converting artwork into Flex components
Flash Catalyst allows you to create animated transitions between states and, using the
timeline, adjust the length and timing of the effects. It allows developers and designers
to work on the same project. Designers create the interface of the RIA, and developers
add business logic and program communication with the server.
In an effort to foster understanding between the developers and designers, Adobe con-
sults with professors from different colleges and universities on their visual design and
Staffing Considerations s | | 179
VB.NET Create PDF from images Library to convert Jpeg, png images
Best and professional image to PDF converter SDK Components to batch convert PDF documents in Visual Basic images.Add(New REImage(Program.RootPath + "\\" 1
change pdf to jpg image; best program to convert pdf to jpg
C# PDF Convert to Tiff SDK: Convert PDF to tiff images in C#.net
Best C#.NET PDF converter SDK for converting PDF to PDF documents to tiff format in Visual C# .NET program. Also supports convert PDF files to jpg, jpeg images.
pdf to jpeg converter; convert pdf photo to jpg
software engineering disciplines. The intent is to help designers understand program-
ming better and help software developers get better at designing a user experience. It’s
a complex and not easily achievable goal, breeding these new creatures called “design-
opers” and “devigners.”
If you are staffing an RIA project and need to make a decision about the position of
web designer, you’re better off hiring two different talents: a creative person and a web
developer. Make sure that each party is aware of decisions made by the other. Invite
designers to decision-making meetings. If the project budget is tight, however, you have
no choice but to bring on board either a designoper or devigner.
With the right staff on board, you’re ready to dig into your project. Even though the
Flex SDK includes a command-line compiler and a debugger and you can write code
in any plain-text editor of your choice, this is not the most productive approach. You
need an IDE—an integrated development environment—and in the next section, you’ll
get familiar with IDE choices.
Flex Developer’s Workstation
While configuring developers’ workstations, ensure that each of them has at least 2 GB
of RAM; otherwise, compilation by your IDE may take a large portion of your working
day. As to what that IDE is, the choice is yours.
IDE Choices
At the time of this writing, enterprise Flex developers can work with one of the following
IDEs:
• Flash Builder 3 or 4 Beta (Adobe)
• RAD 7.5 (IBM)
• IntelliJ IDEA 9 (JetBrains)
• Tofino 2 (Ensemble)
You can install Flash Builder either as a standalone IDE or as an Eclipse plug-in. The
latter is the preferred choice for those projects that use Java as a server-side platform.
Savvy Java developers install Eclipse JEE version or MyEclipse from Genuitec; both
come with useful plug-ins that simplify development of the Java-based web
applications.
Today, Flash Builder is the most popular IDE among Flex enterprise developers. It
comes in two versions: Standard and Professional. The latter includes the data visual-
ization package (charting support, 
AdvancedDataGrid
, and Online Analytical Processing
[OLAP] components). Besides offering a convenient environment for developers, Flash
Builder has room for improvement in compilation speed and refactoring.
180 | | Chapter 4: Equipping Enterprise Flex Projects
C# PDF Convert to Images SDK: Convert PDF to png, gif images in C#
Best PDF converter SDK for Visual Studio .NET for PDFPage)doc.GetPage(0); // Convert the first page.ConvertToImage(ImageType.PNG, Program.RootPath + "Output.png
convert pdf image to jpg; convert pdf file into jpg format
VB.NET Image: Visual Basic .NET Guide to Draw Text on Image in .
sure that you can create the best picture with you can freely use the method below in your program. powerful & profession imaging controls, PDF document, image
change pdf to jpg file; batch pdf to jpg converter online
IBM’s RAD 7.5 is a commercial IDE built on the Eclipse platform. RAD feels heavier
when compared to Flash Builder. It can substantially slow down your developers if they
have desktops with less than 2 GB of RAM.
For many years IntelliJ IDEA was one of the best Java IDEs. IntelliJ IDEA supports Flex
development and is more responsive and convenient for Flex/Java developers than
Flash Builder. The current version of IDEA, however, does not allow the creation of
Flex views in design mode, which is clearly a drawback. It does not include the Flex
profiler, which is an important tool for performance tuning of your applications. On
the other hand, if you prefer Maven for building projects, you will appreciate the fact
that IDEA includes a Maven module.
Tofino is a free plug-in for Microsoft Visual Studio that allows development of a Flex
frontend for .NET applications.
At the time of this writing, Flash Builder is the richest IDE available for Flex developers.
Flash Builder 4 is going to be released in early 2010. Besides multiple changes in the
code of the Flex SDK, it’ll have a number of improvements in the tooling department:
for example, a wizard for generation of the Flex code for remote data services, project
templates, autogeneration of event handlers, integration with Flash Catalyst, a FlexUnit
code generator, a Network Monitoring view, better refactoring support, and more.
Preparing for Teamwork
In some enterprises, developers are forced to use specific IDE and application servers
for Flex development, such as RAD and WebSphere from IBM. We believe that devel-
opers should be able to select the tools that they are comfortable with. Some are more
productive with the Flash Builder/Tomcat duo; others prefer RAD/Resin. During de-
velopment, no such combinations should be prohibited, even if the production server
for your application is WebLogic.
Likewise, members of a Flex application group may be physically located in different
parts of the world. Third-party consultants may be working in different operational
environments, too. They may even install the Flex framework on different disk drives
(C:D:, etc.).
All this freedom can lead to issues in using version control repositories, because Flash
Builder stores the names of physical drives and directories in the property files of the
Flash Builder project. Say Developer A has the Flex framework installed in a particular
directory on disk drive D:. He creates a project pointing at Tomcat and checks it into
a source code repository. Developer B checks out the latest changes from the repository
and runs into issues, because either her Flex framework was installed on the disk drive
C: or her project was configured to use WebSphere. In addition to this issue, developers
will be reusing specific shared libraries, and each of the Flex modules may depend on
other shared libraries as well as the server-side BlazeDS or LCDS components.
Flex Developer’s Workstation n | 181
C# Create PDF Library SDK to convert PDF from other file formats
Best C#.NET component to create searchable PDF document from Microsoft Office String outputFile = Program.RootPath + "\\" output.pdf"; // Create a
convert pdf into jpg format; convert pdf picture to jpg
VB.NET Create PDF Library SDK to convert PDF from other file
with Visual Basic .NET class and able to create PDF in both .NET WinForms and ASP.NET program. Best VB.NET component to convert Microsoft Office Word
.pdf to .jpg online; changing file from pdf to jpg
To simplify the process of configuring the build path and compile options of the Flex
projects (developers may have different deployment directories), use soft links rather
than hardcoded names of the drives and directories (this is the equivalent of what’s
known as symbolic links in the Unix/Linux OS).
For implementing soft links in the Windows environment, use the junction utility,
which is available for download at http://www.microsoft.com/technet/sysinternals/Fil
eAndDisk/Junction.mspx. This utility is a small executable file that allows the mapping
of a soft link (a nickname) to an actual directory on disk.
For example, run the following in the command window:
junction c:\serverroot "c:\ Tomcat 6.0\webapps\myflex"
It’ll create a soft link C:\serverroot that can be treated as a directory on your filesystem.
In the example, c:\serverroot points at the application deployment directory under the
Apache Tomcat servlet container. Similarly, another member of your team can map C:
\serverroot to the deployment directory of WebSphere or any other JEE server.
From now on, all references in the build path and compiler options will start with
C:\serverroot\ regardless of what physical server, disk drive, and directory are being
used. By following these conventions, all Flash Builder projects will be stored in the
source control repositories with the same reference to C:\serverroot.
Using soft links simplifies the development of the Ant build scripts, too.
We recommend at least two soft links: C:\serverroot and C:\flexsdk, where the former
is mapped to a document root of the servlet container and the latter is mapped to the
installation directory of the Flex SDK. An example of creating a soft link C:\flexsdk is
shown here:
When Flex SDK 4.1 or even 5.0 becomes available, this should have minimal effect on
your build scripts and Flash Builder projects: just rerun the junction utility to point
C:\flexsdk to the newly installed Flex framework.
By now, your team has selected the IDE, come to an agreement on the use of soft links,
and considered various recommendations regarding Flex code, such as embedding into
HTML, testing, build automation, and logging.
Embedding .swf Files into HTML Pages
Flash Builder automatically creates HTML wrappers for embedding Flash Player’s
content. When you create a new project, it contains a directory called html-template
that has an HTML wrapper index.template.html that Flash Builder uses as a container
for your .swf and copies into the bin-debug (or bin-release) folder each time your Flex
application is rebuilt.
182 | | Chapter 4: Equipping Enterprise Flex Projects
If you’d like to embed your .swf into an HTML page that includes some content specific
to one of your existing HTML pages, you’d need to merge your HTML page with the
file index.template.html and keep it in the html-template folder.
If you need to embed this HTML code into another Flex application, you can create an
iFrame
, copy this generated HMTL, specify the coordinates and size of this 
iFrame
, and
your .swf is displayed next to other HTML content that was created in your organization
using legacy techniques. Just remember that you are now dealing with two web pages
in one, which technically turns it into a portal. The issues of the mixed HTML/Flex
portals are described in Chapters 7 and 8.
Adding a .swf to HTML with SWFObject
You can also embed a .swf using SWFObject, an open source utility (just one small
JavaScript file) that offers a simpler way to include .swf files into an HTML page. Using
Adobe Express Install, SWFObject detects the version of Flash Player installed on the
client’s machine. SWFObject can work in static HTML using the 
<object>
element. It
also supports dynamic publishing with JavaScript, which allows passing parameters to
.swf file as key/value pairs. Finally, it opens up opportunities for alternative content
for the users who have web browsers without Flash Player plug-ins, as well as for added
text to be picked up by the search engines.
A simple example contrasts the standard Flash Builder approach and SWFObject. Say
you have this application called HelloSWFObject.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Text x="24" y="28" text="Hello" fontSize="20"/>
</mx:Application>
Flash Builder generates HelloSWFObject.swf and automatically embeds it into
HelloSWFObject.html. Opening HelloSWFObject.html reveals more than 50 lines of
code that take care of embedding the .swf.
Now try the solution offered by SWFObject. First, download and unzip into some
folder the file swfobject_2_2.zip from http://code.google.com/p/swfobject/. Copy
HelloSWFObject.swf there, too.
To generate an HTML wrapper, download swfobject_generator_1_2_air.zip, a handy
AIR utility from SWFObject’s site. After unzipping, run the application swfobject_gen-
erator (Figure 4-2).
Select the “Dynamic publishing” method, enter 
HelloSWFObject.swf
in the Flash
(.swf) field, and the name of the HTML container ID that will be used as an ID of the
<div>
area where your .swf will reside. In the “Alternative content” section, enter some
keywords that you want to expose to search engines, and click the Generate button.
In the lower portion of the window, you’ll find HTML that looks like Example 4-1.
Embedding .swf Files into HTML Pages s | | 183
Example 4-1. HTML wrapper generated by SWFObject
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
Figure 4-2. SWFObject’s HTML generator
184 | | Chapter 4: Equipping Enterprise Flex Projects
</script>
</head>
<body>
<div id="myAlternativeContent">
<a href="http://www.adobe.com/go/getflashplayer">
<img
alt="Get Adobe Flash player" />
</a>
</div>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF("HelloSWFObject.swf", "myAlternativeContent",
</script>
</body>
</html>
Moving the JavaScript to the bottom of the page results in better performance of the
page. Look for more tips to improve the performance of a website at http://developer
.yahoo.com/performance/index.html#rules.
You are ready to run your application. The only issue with this solution is that you’ve
lost the history management that was taken care of by Flash Builder’s HTML wrapper.
SWFObject 2.2, however, offers support for Flex history and deep linking; you can find
an example of this solution published by Oleg Filipchuk at http://olegflex.blogspot.com/
2008/06/swfobject-2-flex-template.html.
Interacting with HTML and JavaScript
In large enterprises, usually you don’t start a new Enterprise Flex project from scratch
without worrying about existing web applications written in JSP, ASP, AJAX, and the
like.
More often, enterprise architects gradually introduce Flex into the existing web fabric
of their organizations. Often, they start with adding a new Flex widget into an existing
web page written in HTML and JavaScript, and they need to establish interaction be-
tween JavaScript and ActionScript code from the SWF widget.
The ExternalInterface Class
Flex can communicate with JavaScript using an ActionScript class called 
Exter
nalInterface
. This class allows you to map ActionScript and JavaScript functions and
invoke these functions either from ActionScript or from JavaScript. The use of the class
ExternalInterface
requires coding in both languages.
Interacting with HTML and JavaScript t | | 185
For example, to allow JavaScript’s function 
jsIsCalling()
to invoke a function
asToCall()
, you write in ActionScript:
ExternalInterface.addCallback("jsIsCalling", asToCall);
Then, you use the ID of the embedded .swf (e.g., 
mySwfId
set in the HTML object)
followed by a JavaScript call like this:
if(navigator.appName.indexOf("Microsoft") != -1){
window["mySwfId"].asToCall();
} else {
document.getElementById("mySwfId").asToCall();
}
Flex AJAX Bridge
For the applications that are written by teams of AJAX developers, there is another
option for JavaScript/ActionScript interaction. Flex SDK comes with a small library
called Flex AJAX Bridge (FABridge).
Say you already have an AJAX application, but want to delegate some input/output
(I/O) functionality to Flex or implement some components for the web page (media
players, charts, and the like) in Flex. FABridge allows your AJAX developers to continue
coding in JavaScript and call the API from within Flex components without the need
to learn Flex programming.
With FABridge, you can register an event listener in JavaScript that will react to the
events that are happening inside the .swf file. For instance, a user clicks the button
inside a Flex portlet or some Flex remote call returns the data. Using FABridge may
simplify getting notifications about such events (and data) from Flex components into
existing AJAX portlets.
You can find a detailed description of how and when to use FABridge versus
ExternalInterface
at http://bit.ly/aNPx0o.
The flashVars Variable
A third mechanism of passing data to a .swf from the enclosing HTML page is to use
the 
flashVars
variable.
Consider an assignment: write a Flex application that can run against different
servers—development, user acceptance testing (UAT), and production—without the
need to recompile the .swf file. It does not take a rocket scientist to figure out that the
URL of the server should be passed to the .swf file as a parameter, and you can do this
by using a special variable, 
flashVars
, in an HTML wrapper.
While embedding a .swf in HTML, Flash Builder includes 
flashVars
parameters in the
tags 
Object
and 
Embed
. ActionScript code can read them using 
Application.applica
tion.parameters
, as shown in the next example.
186 | | Chapter 4: Equipping Enterprise Flex Projects
Documents you may be interested
Documents you may be interested