Building cool web applications with Flex Presenters Joseph Khan Rasmiranjan Nayak.

Slides:

Advertisements

Similar presentations

Adobe Flex as RIA Adobe Flex as RIA Developed by Sagar K Developing Rich Internet Applications with Adobe Flex, ActionScript.

Advertisements

Internationalization of HTML client-server applications Andrea Vine iPlanet Internationalization Architect.

Samsung Smart TV is a web-based application running on an application engine installed on digital TVs connected to the Internet.

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Lab 10: Images and Skinning, Sound and Assets User Interface Lab: GUI Lab Oct. 30 th, 2013.

Designer’s Challenge – Web-based Applications using Adobe Flex and OpenInsight Clay Borne President CLB IT.

Web 2.0 for AtGentive A Brief Introduction to Web 2.0 Ye DENG

Internet Technologies 1 Master of Information System Management Java Server Faces Model/View/Controller Design Pattern for Web Development Slides.

RIA - Flex and ActionScript RIA – Flex and ActionScript CS590 - Ashok Sahu.

WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.

Computer Science 101 Web Access to Databases Overview of Web Access to Databases.

Web Development & Design Foundations with XHTML Chapter 9 Key Concepts.

Chapter 10 Form Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

UNIT-V The MVC architecture and Struts Framework.

RIA Introduce Comparison among several technology.

1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.

Tutorial: Introduction to ASP.NET Internet Technologies and Web Application 4 th February 2010.

M. Taimoor Khan * Java Server Pages (JSP) is a server-side programming technology that enables the creation of dynamic,

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)

RIA & Adobe Flex Yunhui Fu 11/05/2008. What’s RIA RIA (Rich Internet Applications) –web applications which look and perform like desktop applications.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

Dr. Azeddine Chikh IS444: Modern tools for applications development.

Next generation e-learning with flex Christophe Herreman Application Indie Group

Server-side Scripting Powering the webs favourite services.

Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.

Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.

10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.

LiveCycle Data Services Introduction Part 2. Part 2? This is the second in our series on LiveCycle Data Services. If you missed our first presentation,

Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.

Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.

Agency Overview0 0Presentation Title Flex Hands-On Experience Kristen Olsen Web Systems Engineer September 27, 2008.

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

ASP.NET.. ASP.NET Environment ASP.NET is Microsoft's programming framework that enables the development of Web applications and services. It is an easy.

ColdFusion 9 and Flex 4: Application Development Ryan Stewart Platform Evangelist, Adobe Systems

Dr. Rado Kotorov Technical Director Strategic Product Mgt. Jeff Shein Technical Manager Creating Web 2.0 Rich Internet Applications (RIA) and Dashboards.

Tutorial 8 Programming with ActionScript 3.0. XP Objectives Review the basics of ActionScript programming Compare ActionScript 2.0 and ActionScript 3.0.

JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.

Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 

CA Professional Web Site Development Class 2: Anatomy of a Web Site and Web Page & Intro to HTML.

LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.

Web Development & Design Foundations with XHTML Chapter 9 Key Concepts.

1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.

Week 9 - Form Basics Key Concepts 1. 1.Describe common uses of forms on web pages 2.Create forms on web pages using the form, input, textarea, and select.

Flex 2 We’re Not in Kansas Anymore! or Welcome to Flex Theo Rushin Jr TeraTech, Inc.

To access our web services, go to……. Click on Customer Login.

About These Slides This slide set is designed to be used with the OMA sample application It is recommended you follow the steps outlined in the “Preparing.

XP Tutorial 8 Adding Interactivity with ActionScript.

Building the Events Components– Lesson 111 Building the Events Components Lesson 11.

1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.

ASP.NET 4 Unleashed Chapter 1. .aspx page: contains C# script and HTML code including tags. Listing 1.1 FirstPage.aspx.

Introduction to Flex 2 by Rich Tretola. About Me Rich Tretola is a senior software developer at Herff Jones, Inc. specializing in Rich Internet Applications.

Ajax VS Flex A comparison based on shopping cart implementation PoHsu Yeh py2157.

Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,

Lecy ∙ Data-Driven Management Lecture 12 Building Shiny Apps.

Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.

JavaScript Introduction inf385t Semantic Web 2/20/2006.

Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

XP Tutorial 8 Adding Interactivity with ActionScript.

COSC 2328 – Web Programming.  PHP is a server scripting language  It’s widely-used and free  It’s an alternative to Microsoft’s ASP and Ruby  PHP.

CFUNITED – The premier ColdFusion conference Flex 2.0 and ColdFusion Integration – 101 Nahuel Foronda Laura Arguello.

2440: 141 Web Site Administration Web Forms Instructor: Joseph Nattey.

Section 10.1 Define scripting

Chapter 5 Validating Form Data with JavaScript

Introduction to ASP By “FlyingBono” 2009_01 By FlyingBono 2009_01

Web Development & Design Foundations with HTML5 8th Edition

Web Development & Design Foundations with H T M L 5

Presentation transcript:

Building cool web applications with Flex Presenters Joseph Khan Rasmiranjan Nayak

Joseph Khan Senior Software Engineer. Flash, Flex, BI 2.5 yrs of experience. Who are we ? Rasmiranjan Nayak Senior Software Developer Flex, Java, BI 2.3 yrs of experience

Aware about Rich Internet Applications (RIA) Having knowledge of Flex and Action Script. Who are you ?

Flex at present Data binding ContainersSkins Item Renderers Effects Synopsis

Flex at Present Builder Flash builder SDK Flex 4.1 SDK Language Actionscript 3.0 Server BlazeDS Server 4.0 Testing flexUnit 4 FrameWorks Cairngorm 2.2, Mate, Parsley 2.3.0, springActionscript, Swiz, RobotLegs, etc

Controls The Flex framework includes a plethora of basic, and not so basic, controls for building beautiful and functional user interfaces. Image (mx.controls.Image) Button (mx.controls.Button) Text Controls (Label, Text, TextArea, TextInput) DataGrid (mx.controls.DataGrid)

Containers Group DataGroup SkinnableContainer BorderContainer Panel

Skins What is skining ? “ Skinning is the process of changing the appearance of a component by modifying or replacing its visual elements.” WHY? To fulfil Client requirements Make Flex not look like Flex Cause it looks cool How ?

Item Renderers The itemRenderer property of the DataContainer allows you to create a custom component that will be rendered for each item in the data provider that is passed to the Component. The first way to create the item renderer is to use the tag, as shown here:

Effects The effects are nonvisual children, so they go in an fx:Declarations block. The Rotate3D effect flips the panel on the y-axis. The Move effect moves the panel on the x-axis. The Parallel effect runs a Rotate3D and Move effect in parallel. The buttons trigger the effects.

Final Demo Requirements Flickr API Cross domain policy files from Flickr Steps: Enter a search string. Send a request to Flickr for photo feeds. Flickr returns a response Analyze the response Display the images in Flex list control For the list control we will use custom item renderer

From Here… Developer Documentation Get Inspired Examples and Code

Any Thoughts?