Mockup Redlining Author: Cédric Moullet, December 2009 Modified by : Alexandre Dube, December 2009.

Slides:



Advertisements
Similar presentations
Parametric Modeling Parametric Modeling
Advertisements

Introducing Macromedia FreeHand MX
User interface Adobe video and audio applications provide a consistent, customizable workspace. Although each application has its own set of panels (such.
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
Organizing Your Inbox with Colors and the Junk Mail Filter Lunch and Learn.
CPIT 102 CPIT 102 CHAPTER 1 COLLABORATING on DOCUMENTS.
Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Macromedia Flash MX 2004 – Design Professional and Interactivity WORKING WITH SYMBOLS.
Work with symbols and instances Work with Libraries Create buttons Assign actions to buttons Unit Lessons.
Viewbox 4 Tutorial How to create a Template Please view this tutorial as a Slide Show in PowerPoint, because it contains animations that will not appear.
PowerPoint: Tables Computer Information Technology Section 5-11 Some text and examples used with permission from: Note: We are.
Drawing forecast charts. Open NeLant basic map area.
Working with shapefiles Shapefiles are ArcView’s file format Each shapefile is a collection of files.shp -- spatial data (shape geometry).shx -- spatial.
InDesign CS3 Lessons 1 and 2. Work Area When First Opened.
Buttons and Hyperlinks in PowerPoint To add a button: 1.Open a PowerPoint Project and select the slide on which you wish to place a button. 2.Click on.
Click your mouse to continue. Using the PowerPoint Dialog Box When creating a new presentation, you can begin one of three ways: 1.using PowerPoint’s AutoContent.
Macromedia Fireworks 8 Revealed WORKING WITH OBJECTS.
XP Tutorial 5 Buttons, Behaviors, and Sounds. XP New Perspectives on Macromedia Flash MX Buttons Interactive means that the user has some level.
How to create Log Plots If your plot has been created before accessing this module will take you straight to your picture. If this is your initial process,
Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
Flash MX II. Flash MX – Tweened Animation There are two methods for creating an animation sequence in Flash –Frame-by-frame animation –Tweened animation.
Website Development with Dreamweaver
© 2011 Delmar, Cengage Learning Chapter 16 Annotating and Automating an Image.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Welcome to Photoshop 5 Tutorials Welcome to Photoshop 5 Tutorials.
© 2010 Delmar, Cengage Learning Chapter 3: Working with Symbols and Interactivity.
Microsoft Office Illustrated Introductory, Premium Edition A Presentation Modifying.
1 Pertemuan 11 Special Effect Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
© 2011 Delmar, Cengage Learning Chapter 1 Getting to Know Illustrator.
Adobe Flash CS3 Revealed Chapter 3 - WORKING WITH SYMBOLS AND INTERACTIVITY.
Working with Objects. Objectives Create an object Transform an object Arrange and lock an object Step and repeat an object Use Live Distribute Use the.
Microsoft PowerPoint Tutorial Created by L. George 2006.
Lesson 10 Using AutoShapes, WordArt, and Comments Lesson 10 Using AutoShapes, WordArt, and Comments.
Drafting with Weaving Software #2 Enter Data
GISMO/GEBndPlan Overview Geographic Information System Mapping Object.
PowerPoint Created by Alison Von Canon. What is PowerPoint? PowerPoint is a complete presentation graphics package. It gives you everything you need to.
Macromedia Flash 8 Revealed WORKING WITH SYMBOLS AND INTERACTIVITY.
PowerPoint Practice Exercise 1.Save this file on your computer. 2.Open this file in PowerPoint 3.Edit each slide according to the instructions provided.
Getting Started with Adobe Illustrator CS6. Objectives Define illustration software Start Adobe Illustrator CS6 and change preference settings View the.
Pinnacle Pro Painting Program User Manual Created by: David Kwasny Chris Schulz W. Scott DePouw.
Designing Your Own PowerPoint Presentation Presentation by: Dawn Reeves Engl393 June 20 th 2002.
Changing a Word table format Changing a Word table format (1 of 5) 1. Double click the Word table you want to edit. 1.
PPT2.01 CREATING AND MODIFYING TEXT AND GRAPHIC OBJECTS Dr. Ennis-Cole.
InDesign CS3 Lesson 3 Working with Layers. By default, a new document contains just one layer (named Layer1). You can rename the layer and add more layers.
When the program is first started a wizard will start to setup your Lemming App. Enter your company name and owner in the fields designated “Company Name”
Editing. General Comment As with GDBs the creation and editing of feature data can be complex Much more complex than is described in the on-line course.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
1 Pertemuan 01 Explore state-of-the art tools Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
Powerpoint for Students What is Powerpoint?  Presentation software  Slides  Graphics  Animations for text  Animations for slides  Sound effects.
PLEASE USE THE ENTER KEY OR RIGHT CLICK ON THE MOUSE TO ADVANCE.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
1 Pertemuan 06 Editing Path Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.
CIS 205—Web Design & Development Flash Chapter 3 Working with Symbols and Interactivity.
Introduction to Layers GIMP User Manual. What is a Layer? Every image in GIMP is made by combining one or more images called Layers laid on top of each.
Pages and Reports You will use PowerPoint to create mock ups of your use case pages and Excel to create mock ups of your use case reports We don’t want.
INTRO to PIXLR.com.
Computer Fundamentals 1
Autodesk Inventor 2008 Tutorial One Machine Part Alva Academy
ADDING COMMENTS TO AN EXCEL WORKSHEET.
Gimp Guide Mr Hall.
Microsoft Excel 2007 – Level 1
Module 1: Getting Started with Windows 95
Introduction to Google Maps
Getting Started with Adobe Illustrator CS6
ICT Word Processing Lesson 5: Revising and Collaborating on Documents
Sacramento City College EDT 310
Editing Spatial Data Sometimes, the data that you receive is not as accurate as it could be. You can easily correct this problem by making some simple.
Parametric Modeling Parametric Modeling
Skills Sheet: ‘Creating a path’
Skills Sheet: ‘Creating a polygon’
Presentation transcript:

Mockup Redlining Author: Cédric Moullet, December 2009 Modified by : Alexandre Dube, December 2009

Simple RedLining Draw PtDraw LnDraw PgDraw TxDelAllModifyExpAll Any of these butttons activates the redlining control The 4 first activates the draw control of the corresponding geometry type The modify control lets the user click on one or more feature to edit them Delete all features Export all features (in KML or any chosen type) Import Import features from file (opt) MORE NOTES * all the “draw” buttons are optional, so you can define those you want * the “import” and “export” buttons are also optional * clicking on any button activates the “redlining” control * when activating the “redlining” control, all features become ½ transparent * selected features gain their original styling This feature is unselected This feature is selected

Redlining Manager Complex RedLining PtLnPgTxDAMdEA Close Activate multiple selection Activate snapping Activate rotation handler Activate drag handler Activate “ModifyFeature” after drawing OPTIONS Default Style More style IP Redlining (1) Click on button to activate the redlining (3) The first draw control is auto-activated, ready to draw (2) The RedLining main panel appears. It contains the same buttons as before User options Feature samples with current default style Click to open the GeoExt.Styler to change the default style (4) to let the user can change attributes and or style as soon as a feature is drawn T Red 1x Quick simple style picking Both the above (manual key+click) Geometry manual edition by click Geometry reshaping by drag All snapping options here...

Drawing feature(s) Redlining (1) Click on button to activate the redlining (or any draw button if in simple mode) (2) user digitalize the feature, default styling is used Title : Comments : More style CancelApplyOK (3) (optional) 'editfeature' popup appears if option turned on (see in next slide) (4) user can digitalize as many features as he wants MORE NOTES * here, we can suppose the panel is hidden if we use the “complex” mode (3) (optional) 'editfeature' popup appears if option turned on (see in next slide) Delete Red 1x

Redlining Manager Editing feature : one clicked PtLnPgTxDAMdEA Close Activate multiple selection Activate snapping Activate rotation handler Activate drag handler Activate “ModifyFeature” after drawing OPTIONS Default Style More style IP Redlining T Red 1x Both the above (manual key+click) Geometry manual edition by click Geometry reshaping by drag All snapping options here... Title : Comments : More style CancelApplyOKDelete Red 1x (4) The popup appears. You can : a) edit the attributes (if any) b) change the style of the feature with the quick options and/or the 'more style' button c) OK: apply the changes, unselect the feature and close the popup d) Cancel: restore the changes, unselect the feature and close the popup e) apply the changes but keep the feature selected (and popup opened) (1) Activate the Redlining (or click the “editFeature” button if in simple mode) (2) if in complex mode, click the “modifyFeature” button (3) Click on one feature. Its style is restored to its original state * By default, the unselected features have their original styling + ½ the of their opacity * Only selected features (the ones we currently working with) have their original style (so we know with which features we're working on * Among what we can edit (attribute / style), we can add a ManualGeometryEditing tool (button, for Yves :-) )

Editing feature: many clicked Redlining Cancel all Apply all OK all (1) As soon more than one feature is selected, the popup becomes unlinked to any feature MORE NOTES * please, don't mind the colors of the features here :) * Only selected features (the ones we currently working with) have their original style FeatureList : (2) Selected features are added to a feature list. The information (style and/or atttribute values) are those of the currently selected feature from the list (3) The last selected feature only can have its geometry modified Delete all Title : Comments : More style Red 1x

Editing feature: mouse pointer Redlining Theses changes should be contributed to OpenLayers While the mouse is over a feature or vertex, the pointer should change according to the action a 'click' would produce