Lab 9: Code Organization User Interface Lab: GUI Lab October 23 rd, 2013.

Slides:



Advertisements
Similar presentations
Object-Oriented Software Engineering Visual OO Analysis and Design
Advertisements

Presentation by Prabhjot Singh
What is MVC? At the very least it’s just another computer acronym…Model-View-Controller It might be new to you but it’s been around for 30 years In varying.
Lab 10: Images and Skinning, Sound and Assets User Interface Lab: GUI Lab Oct. 30 th, 2013.
Lab 8: States and Transitions User Interface Lab: GUI Lab Oct. 16 th, 2013.
OOP Design Patterns Chapters Design Patterns The main idea behind design patterns is to extract the high level interactions between objects and.
Object-Oriented Analysis and Design
CSE 111: Object Oriented Design. Design “To program is human but to design is divine” (WEH)
R R R CSE870: Advanced Software Engineering: Frameworks (Cheng, Sp2003)1 Frameworks A Brief Introduction.
James Tam Introduction To Design Patterns You will learn about design techniques that have been successfully applied to different scenarios.
Satzinger, Jackson, and Burd Object-Orieneted Analysis & Design
MVC Fall 2005 OOPD John Anthony. Design Patterns The hard problem in O-O programming is deciding what objects to have, and what their responsibilities.
Object-Oriented Analysis and Design
CS6320 – MVC L. Grewe THE ISSUE: Separating Implementation from Interface The business logic stays the same regardless of what the presentation is The.
Design Patterns academy.zariba.com 1. Lecture Content 1.What are Design Patterns? 2.Creational 3.Structural 4.Behavioral 5.Architectural 6.Design Patterns.
Application architectures
Who am I? ● Catalin Comanici ● QA for 10 years, doing test automation for about 6 years ● fun guy and rock star wannabe.
UNIT-V The MVC architecture and Struts Framework.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 18 Slide 1 Software Reuse 2.
MODEL VIEW CONTROLLER A Technical Seminar Report submitted to
MVC pattern and implementation in java
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Lab 1: Introduction User Interface Lab: GUI Lab Aug. 28 th, 2013.
MVC and MVP. References enter.html enter.html
An Object-Oriented Approach to Programming Logic and Design
Lab 5: drawing and output User Interface Lab: GUI Lab Sep. 25 th, 2013.
CHAPTER ONE Problem Solving and the Object- Oriented Paradigm.
Copyright 2002 Prentice-Hall, Inc. Modern Systems Analysis and Design Third Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich Chapter 20 Object-Oriented.
CSC 211 Introduction to Design Patterns. Intro to the course Syllabus About the textbook – Read the introduction and Chapter 1 Good attendance is the.
(c) University of Washington08-1 CSC 143 Models and Views Reading: Ch. 18.
Chapter 6 – Architectural Design CSE-411, Dr. Shamim H Ripon.
Lab 6: event & input intro User Interface Lab: GUI Lab Oct. 2 nd, 2013.
COMP 6471 Software Design Methodologies Winter 2006 Dr Greg Butler
Lab 3: Actionscript User Interface Lab: GUI Lab Sep. 11 th, 2012.
DEV-36: Composite MVP – Building Blocks in Presentation Layer
L8 - March 28, 2006copyright Thomas Pole , all rights reserved 1 Lecture 8: Software Asset Management and Text Ch. 5: Software Factories, (Review)
Architectural Patterns Support Lecture. Software Architecture l Architecture is OVERLOADED System architecture Application architecture l Architecture.
Chapter 1 Program design Objectives To describe the steps in the program development process To introduce the current program design methodology To introduce.
SYS466: Analysis and Design Using OO Models Domain Class Diagram.
Domain Classes – Part 1.  Analyze Requirements as per Use Case Model  Domain Model (Conceptual Class Diagram)  Interaction (Sequence) Diagrams  System.
ANDROID AND MODEL / VIEW / CONTROLLER. Slide 2 Design Patters Common solutions to programming problems are called design patterns Design patterns are.
SOEN 343 Software Design Section H Fall 2006 Dr Greg Butler
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Flex for Flash Developers Sho Kuwamoto Sr. Director, Engineering Adobe Systems, Inc.
MVC WITH CODEIGNITER Presented By Bhanu Priya.
Chapter 1 Revealed Distributed Objects Design Concepts CSLA.
Lecture Model View Controller s/w architecture AND general tips on structuring classes.
L10: Model-View-Controller General application structure. User Interface: Role, Requirements, Problems Design patterns: Model – View – Controller, Observer/Observable.
Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45.
Mach-II Primer Ben Edwards An Introduction to Mach-II: An event-based, implicit invocation web-application framework.
MIT App Inventor Lesson 3 Algorithms Variables Procedures.
Testing WebForms w/ Model-View-Presenter Erik Peterson.
Ganga/Dirac Data Management meeting October 2003 Gennady Kuznetsov Production Manager Tools and Ganga (New Architecture)
Advanced Higher Computing Science The Project. Introduction Worth 60% of the total marks for the course Must include: An appropriate interface using input.
Presented by Alexey Vedishchev Developing Web-applications with Grails framework American University of Nigeria, 2016 Intro To MVC Architecture.
Advanced Higher Computing Science
Geospatial Research & Solutions GIS.ASU.EDU
Design Patterns Source: “Design Patterns”, Erich Gamma, Richard Helm, Ralph Johnson, John Vlissides And Created.
Design Patterns Damian Gordon.
Model-View-Controller Design Pattern
What is MVC Category: System MVC=Model-View-Controller
Model-View-Controller
Service Context Management for Exertion-oriented Programming
Service Context Management for Exertion-oriented Programming
Model-view-controller
Chapter 5 Architectural Design.
Model, View, Controller design pattern
11. MVC SE2811 Software Component Design
11. MVC SE2811 Software Component Design
ASP.NET MVC Imran Rashid CTO at ManiWeber Technologies.
Presentation transcript:

Lab 9: Code Organization User Interface Lab: GUI Lab October 23 rd, 2013

Class Announcements Hw2- Finished! Project Proposals- Submitted! – Feedback by Saturday Project Design Documents- due next week

Code organization Making your code modular Allows for: – Code reuse – Clearer and cleaner code – Separation of concerns

Code organization Separating your project into modules – actionscript classes, MXML components Should be able to swap out one module for another Key: figuring out which module to write

Organization of Modules Object-oriented programming – Think of classes as real-world objects MXML vs. Actionscript – MXML components are items on the screen – Actionscript files define interactivity in the app

Example: Angry Birds

Class diagrams Describe the design of the modules (classes) and the dependencies between them Very useful for communicating your program design to others – Also helps you finalize the structure of your program

Class diagram Rectangles represent classes – Important variables, functions – Some class diagrams use plus and minus sign to represent accessibility Arrow lines represent inheritance – CheckingAccount extends BankAccount Dash arrow lines represent implementation – GUI_Smiley implements GUI_Shape

Design pattern Reusable software strategy that can help solve common problems in software design Not a solution, but a guide – A description or template for how to solve a problem Many design pattern help create modular code

MVC (model-view-controller) Model: store the data & state and let components know when something changes View: show the Model’s data to user in a visual form (UI components on the screen) Controller: interpret the user actions on the view and update model (usually an event handler) Separate application logic from the interface

controller modelview update model based on user input select view data & state changes user input

MXML vs. actionscript When do you write an actionscript class versus an MXML component? MXML for visual components Actionscript for non-visual components