Integrated technology

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to Freeware/Shareware Chapter Four Essential Tools for Web Page Authors.
Advertisements

Demonstration Files for the HDL Plug-in for Acrobat The HDL Plug-in for Adobe Acrobat and Acrobat Reader is an extension that adds functionality to PDF.
Managing Your Site – Lesson 61 Managing Your Site Lesson 6.
Creating Online Presentations. Creating a Presentation To create a presentation 1.Open PowerPoint. In the task pane under New select From Design Template,
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Macromedia Flash MX 2004 – Design Professional Macromedia Flash MX GETTING STARTED WITH.
1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Using 3D-SURFER. Before you start 3D-Surfer can be accessed at For visualization.
Creating a Web Page HTML, FrontPage, Word, Composer.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Publications, design sets, web pages
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
© 2012 Boise State University1 WordPress Training February 14, 2013.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Macromedia Flash CS4. What is Flash CS4? –Animation and interactive authoring program –Tools for complex animation, as well as excellent drawing tools.
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
1 PyMOL Evolutionary Trace Viewer 1.1 Lichtarge Lab Sept. 13, 2010.
Wimba Presenters Guide North Dakota University System 2009.
Molecular visualization
Laboratory Exercise # 9 – Inserting Graphics to Documents Office Productivity Tools 1 Laboratory Exercise # 9 Inserting Graphics to Documents Objectives:
Basic Editing Lesson 2.
Chapter 2 – Introduction to the Visual Studio .NET IDE
Getting Started with Microsoft Expression Web 3 January 12, 2012.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
Chapter 27 Getting “Web-ified” (Web Applications) Clearly Visual Basic: Programming with Visual Basic nd Edition.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
1 Microsoft Office 2010 Basics and the Internet Microsoft Office 2010 Introductory Pasewark & Pasewark.
XP Creating Web Pages with Microsoft Office
THE POWER OF A POINT. WHAT’S THE POINT? Use PowerPoint software to create informative or picture slides that summarize information effectively and efficiently.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 4.
WEB TESTING
Web Programming Language
Microsoft Office 2010 Basics and the Internet
Microsoft Office 2010 Basics and the Internet
Web Site Development and Macromedia Dreamweaver 8
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
Integrated technology
Chapter 2 – Introduction to the Visual Studio .NET IDE
Lawson System Foundation 9.0
Section 17.1 Section 17.2 Add an audio file using HTML
Creating Web Pages and Graphics
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test Mr C Johnston.
PHP / MySQL Introduction
Understand Windows Forms Applications and Console-based Applications
Gimp Guide Mr Hall.
Getting Started with Microsoft Office 2010
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
Integrated technology
Chapter 2 – Introduction to the Visual Studio .NET IDE
SharePoint & jQuery: Better Together
Embedding Graphics in Web Pages
Version 3.5 (Citrus) Preview
Browser Engine How it works…..
Lesson 6: Working with Layout and Graphics
JavaScript.
Lesson 6: Working with Layout and Graphics
Lesson 9: GUI HTML Editors and Mobile Web Sites
Bioinformatics Research Group SRI International
Microsoft Word 1453 Additional Features.
Creating Online Presentations
ACE Secure Data Portal - Accounts Tab - Statements
One Note Terms MSITA Unit 1.0.
Tutorial 7 – Integrating Access With the Web and With Other Programs
Creating Online Presentations
Programming with Microsoft Visual Basic 2008 Fourth Edition
Bioinformatics Unit, Life Science Faculty, TAU
Microsoft Word 1453 Additional Features.
Presentation transcript:

Integrated technology EzMol A wizard for the automated visualisation, colouring and selection of molecular chains. Centre for Integrative Systems Biology and Bioinformatics, Department of Life Sciences. Chris Reynolds, Suhail Islam, Lawrence Kelley and Mike Sternberg. Specification Client side Server side Why do we need another molecular visualisation tool? PyMol and Chimera alone have over 20,000 citations demonstrating the widespread use of protein graphics. However, our experience has convinced us that there is a major requirement for a graphics program that: Is simple to use, with minimal confusing menus. Requires no command line input. Rapidly performs a carefully-identified limited set of tasks addressing the most common molecular visualisation requirements. Acts as a software wizard, leading a user step-by-step through a very focussed set of options. Requires no local software other than a web browser that is HTML5- and JavaScript-enabled. Is cross-browser and multi-platform compatible. Rapidly produces publication quality images. Perl program Figure 1. EzMol launch page. 3Dmol.js JavaScript layer Integrated technology 3Dmol.js generates a molecular viewer preview pane (top-left of Figure 2) which can be manipulated with the mouse. Spectrum.js colorpicker allows selection of colours from a palette. JQuery handles tabs and accordions in the layout. UCSF Chimera models the final adjusted protein structure, and POV-RAY ray-traces it to give a high-resolution publication-quality image (Figure 3). Design wizard Figure 2. EzMol design wizard page. An alpha-version of EzMol is available for inspection at http://sn.im/ezmol. On the launch page (Figure 1), users can either upload a coordinate file in PDB format or retrieve a file from the PDB via its ID. A custom design wizard is generated (Figure 2), including a representation of the structure in 3Dmol.js. EzMol provides intuitive options for chain display, adjusting the colour of entire chains and selected residues, adding side chains and generating solvent excluded surfaces for individual chains. EzMol provides stick, ribbon and surface representations. Selection of display regions, toggling of side chains and colour selection are provided by windows similar to date selection on many internet booking sites (Figure 2). The final render can be performed in resolutions suitable for slides or publications, and with a transparent background. Perl program UCSF Chimera Figure 3. EzMol rendering page.