Flex and ActionScript. What is Flex? Adobe Flex is a rich Internet application framework built on top of the Flash platform Applications are built using.

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

Adobe Flex Framework and Tool Stephen Oney. Brief History 2.
Presented By, Sripad Sarode
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Designer’s Challenge – Web-based Applications using Adobe Flex and OpenInsight Clay Borne President CLB IT.
Introduction Rich Internet Applications OpenLaszlo as an RIA Examples Community Competitors OpenLaszlo Architecture OpenLaszlo XML Structure Dealing with.
Introducing ActionScript 3.0 Object-oriented programming language Used to power Flash Player Similar to JavaScript Can be embedded in a Flash project.
Web Development Using ASP.NET CA – 240 Kashif Jalal Welcome to week – 1.1 of…
1 Flash Actionscript Event Handling. 2 Event Handling Right now we know all about variables lets go back to our text input/output example: Suppose we.
VCT May 20, 2009 Sapna Blesson Advisor: Dr.Christopher Pollett.
Object-oriented Programming Concepts
RIA - Flex and ActionScript RIA – Flex and ActionScript CS590 - Ashok Sahu.
1 An Introduction to Visual Basic Objectives Explain the history of programming languages Define the terminology used in object-oriented programming.
Adobe Flash Media Server. Outline What is Adobe Flash Media Server? What can we do with it? How the server works? How to install and set-up the server?
C++ fundamentals.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
Java Programming, 2E Introductory Concepts and Techniques Chapter 1 An Introduction to Java and Program Design.
Copyright © The OWASP Foundation Permission is granted to copy, distribute and/or modify this document under the terms of the OWASP License. The OWASP.
AJAX Chat Analysis and Design Rui Zhao CS SPG UCCS.
RIA & Adobe Flex Yunhui Fu 11/05/2008. What’s RIA RIA (Rich Internet Applications) –web applications which look and perform like desktop applications.
20-753: Fundamentals of Web Programming Copyright © 1999, Carnegie Mellon. All Rights Reserved. 1 Lecture 16: Java Applets & AWT Fundamentals of Web Programming.
Ruth Betcher Ruth Christie
XForms: A case study Rajiv Shivane & Pavitar Singh.
Exploring Real-time apps with ColdFusion and Blaze DS / Live Cycle Data Services ES Dan Blackman
Yahoo! User Interface (YUI) Library Natly Mekdara.
Microsoft Visual Basic 2005: Reloaded Second Edition
Lab 1: Introduction User Interface Lab: GUI Lab Aug. 28 th, 2013.
An Object-Oriented Approach to Programming Logic and Design
Lab 5: drawing and output User Interface Lab: GUI Lab Sep. 25 th, 2013.
Prepared by Stephen Olaño June 12, Rich Internet Applications It allow to build rich applications with data and multimedia contents, offering a.
An Overview of ActionScript The Powerful Scripting Language of Macromedia Flash.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
Springl 2008 MIS380: Object-Oriented Programming using Java 1 Spring 2008.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Agency Overview0 0Presentation Title Flex Hands-On Experience Kristen Olsen Web Systems Engineer September 27, 2008.
Flex 2.0 Flex for ColdFusion developers Part 1. What is Flex Flex allows developers to create Flash content for Rich Internet Applications in a more programmer.
Adobe Flex 2.0 By Axel Jensen. Table of Contents Evolution of Computer Applications Advantages of Rich Internet Applications (RIA) Different RIA Technologies.
Tutorial 8 Programming with ActionScript 3.0. XP Objectives Review the basics of ActionScript programming Compare ActionScript 2.0 and ActionScript 3.0.
Getting a handle on ActionScript A basic primer for non-programmers.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe RIA Technologies: Adobe Flex 3 Cornel Creanga Platform Evangelist
Lab 3: Actionscript User Interface Lab: GUI Lab Sep. 11 th, 2012.
Flex 2 We’re Not in Kansas Anymore! or Welcome to Flex Theo Rushin Jr TeraTech, Inc.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Principles of Software Development 1 Principles Of Software Design and Development Types of language / Choosing a language.
JavaScript Syntax, how to use it in a HTML document
XP Tutorial 8 Adding Interactivity with ActionScript.
Rich Internet Application
QT Programming QT Programming Ruku Roychowdhury. Background QT is a cross platform application framework. Widely used to develop GUI applications. Originally.
Back to the Basics - Video Nick Kwiatkowski Michigan Flex Users Group.
ArcGIS Server 9.3 Flex API Jeremy Bixby City of Lenexa, KS December 2 nd, 2008.
Ajax VS Flex A comparison based on shopping cart implementation PoHsu Yeh py2157.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Flex for Flash Developers Sho Kuwamoto Sr. Director, Engineering Adobe Systems, Inc.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Unit-IV - Flash Player - Flex framework - MXML introduction - Action script introduction - Working with Action script - Flex data binding - Common UI components.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Rich Internet Applications 2. Core JavaScript. The importance of JavaScript Many choices open to the developer for server-side Can choose server technology.
Writing secure Flex applications  MXML tags with security restrictions  Disabling viewSourceURL  Remove sensitive information from SWF files  Input.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Advanced Website Design Professor: Jared Kozel Class Description: Are you already familiar with how to construct a basic Website? This class will teach.
Exploring Mobile Device Networking Lesson 4. Exam Objective Matrix Skills/ConceptsMTA Exam Objectives Understanding Networking for Mobile Devices Network.
CFUNITED – The premier ColdFusion conference Flex 2.0 and ColdFusion Integration – 101 Nahuel Foronda Laura Arguello.
Object Oriented Flex An introduction to the Flex Framework and Object Oriented Development By Andrew Trice Technical Lead, Cynergy Systems
ActionScript Programming Help
Geospatial Research & Solutions GIS.ASU.EDU
Objective % Select and utilize tools to design and develop websites.
Background Information
Objective % Select and utilize tools to design and develop websites.
What language other than MXML you can use for writing a Flex Application.
Presentation transcript:

Flex and ActionScript

What is Flex? Adobe Flex is a rich Internet application framework built on top of the Flash platform Applications are built using MXML and ActionScript Applications are compiled into SWF (Flash) files Whether written in MXML or ActionScript, all Flex components are classes. At compile time, MXML is precompiled to ActionScript classes, which are then compiled into the swf file format.

ActionScript Object-Oriented Programming Language Encapsulation Abstraction Inheritance Polymorphism Reusability Similar to JavaScript

Properties Each class has pre-defined set of properties Example: Camera properties include bandwidth, height, width mycam=new Camera();//creates new object mycam.height=20;//setting value of property You can define and change the properties of each object (instance) of a Class through ActionScript

Methods An action that is performed by an object Example: Camera class has getCamera method Calling a method mycam=new camera();//create an object mycam.getCamera(); //calling method

Events Events are actions that occur in response to user’s interaction The technique for specifying certain actions that should be performed in response to particular events is known as event handling Example function eventResponse(event:MouseEvent):void { // Actions performed in response to the event go here } myButton.addEventListener(MouseEvent.CLICK, eventResponse);

Functions Defining a function function functionName(){ Statement1; Statement2; } Invoking a function functionName();

Flash Media Server and ActionScript Client-side ActionScript compiled to swf Web Server plays swf Server-side ActionScript code is invoked Sever loads application

Client-side and server-side objects

Connection Flow

Calling client-side function from server-side code

Calling server-side function from client-side code

Client-side calls on the left invoke server-side calls on the right

Server-side calls on the left invoke client-side calls on the right