NORĖDAMI PAKEISTI SKAIDRĖS STILIŲ – SPUSTELĖKIT E DEŠINIUOJU PELĖS KLAVIŠU ANT SKAIDRĖS FONO IR PASIRINKITE > LAYOUT ARBA DARBALAUKI O ĮRANKIŲ JUOSTOJE.

Slides:

Advertisements

Similar presentations

Presentation Basics Lesson 2.

Advertisements

Chapter 3 – Web Design Tables & Page Layout

Chapter 3 Creating a Business Letter with a Letterhead and Table

UEC 01 : Computer Skills & Programming Concepts I 1PUA – Computer Engineering Department – UEC01 – Dr. Mona Abou - Of Lecture 10: Presentation Graphic.

Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.

PowerPoint Chapter 2 Review

Chapter Concepts Discuss Fonts Understand Fonts

Practical Computing by Lynn Hogan

Saving a Word Document as a Web Page

Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

PowerPoint Lesson 3 Working with Visual Elements

Portable Document Format PDF. What is PDF? Universal file format developed by Adobe Systems Incorporates fine detail and quality of print publications.

Brought to you by… SAMPLE 5 Categories – 5 questions in each Any category but stay in point order The Team with the most points wins!

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Customizing Themes and Master Slides Lesson 11.

Designing a Classroom Web Site Using NVU Beginning Level.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Portable Document Format PDF. What is PDF? Universal file format developed by Adobe Systems Incorporates fine detail and quality of print publications.

1 Word Lesson 4 Working with Graphic Objects Microsoft Office 2010 Fundamentals Story / Walls.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures.

Word Processing ADE100- Computer Literacy Lecture 12.

Web Technologies Website Development Trade & Industrial Education

Using a Spreadsheet Chapter 5.

WORD REVIEW What is a document feature that identifies 12 complementary colors for text, background, accents, and links in a document called?

Microsoft Office 2007 Word Chapter 1 Creating and Editing a Word Document.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Lesson 11: Creating a Newsletter. Learning Objectives After studying this lesson, you will be able to:  Insert section breaks in documents  Use WordArt.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

Website Development with Dreamweaver

F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.

Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.

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.

AUTO-BUSINESS HOW DO WE USE HYPERLINKS?. Edit an image that represents a hyperlink If a picture, AutoShape, or other graphic is used to represent a hyperlink,

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.

Introduction to Word 2007 INSY 102: Application Software INSY 102  Introduction to Word 2007  Slide # 1.

Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.

Creating and Editing a Word Document Word Project 1.

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.

Accessible Word and PDF documents

IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

Miscellaneous 1 Miscellaneous 2 Slide ShowEditingGraphics

Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.

Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.

Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

CHANGING THE VOLUME Click the volume icon in the bottom right hand corner of the screen.

Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.

1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.

Scott Marino MSMIS Summer Session Web Site Design and Authoring Session 4 Scott Marino.

Section 7.1 Section 7.2 Identify presentation design principles

Graphical user interface testing GRAFINĖS VARTOTOJO SĄSAJOS TESTAVIMAS

Unit 17 Website Development

Layout - you need to understand that a simple navigation bar:

Chapter 12 Microsoft PowerPoint Window

Windows Ribbon Framework

Review: Applying Computer Basics

Microsoft Publisher 2016.

Learning the Basics of Microsoft Word 2010 for Microsoft Windows

Designing Web Site Layout Using Fireworks

Presentation transcript:

NORĖDAMI PAKEISTI SKAIDRĖS STILIŲ – SPUSTELĖKIT E DEŠINIUOJU PELĖS KLAVIŠU ANT SKAIDRĖS FONO IR PASIRINKITE > LAYOUT ARBA DARBALAUKI O ĮRANKIŲ JUOSTOJE PASIRINKITE HOME > SLIDES > LAYOUT PROGRAMŲ TESTAVIMO METODAI GUI TESTAVIMAS PARENGĖ: EGLĖ VIRIBCKAITĖ IFM-3/2

KAS YRA GUI Tai turinti hierarchinę struktūrą, grafiškai atvaizduota programos dalis, kuri priima vartotojo ir/arba sistemos sukeltus įvykius (generated events) iš fiksuotos įvykių aibės ir pateikia apibrėžtą (determined) grafinį rezultatą. Grafinę vartotojo sąsaja sudaro objektai ir grafiniai komponentai. Kiekvienas grafinis komponentas turi fiksuotą savybių aibę. Kiekvienu laiko momentu grafinio komponento savybės turi diskrečią reikšmę. Kas yra grafinė vartotojo sąsaja? Kas sudaro vartotojo sąsają?

KAS SUDARO GUI? K CharakteristikaApibūdinimas Langai Kartotinis langų skaičius leidžia skirtingą informaciją vartotojo ekrane pavaizduoti vienu metu Ikonos Ikonos suskirsto informacijos tipus. Kai kuriose sistemose ikonos vaizduoja failus, kai kuriose procesus Meniu Komandos yra pasirenkamos iš meniu, vietoj to kad rašyti jas komandų kalba Nurodymas (pointing) Nurodymo įrenginiai tokie kaip pelė yra naudojami pasirenkant meniu punktus arba pažymint vieną iš languose pavaizduotų daiktų (item) GrafikaGrafiniai elementai gali būti naudojami kartu su tekstu tame pačiame monitoriuje

TESTAVIMO STRATEGIJOS ■GUI galima testuoti rankiniu būdu (tokiu būdu dažnai testuojamos telefonų aplikacijos, lyginamas jų funkcionalumas). ■Automatiniai testavimo metodai ( reikalauja daugiau dėmesio, reikia išsirinkti tinkamą įrankį, kartais kaina neatitinka norų). Kokios yra testavimo strategijos?

RANKINIS GUI TESTAVIMAS COLORS Are hyperlink colors standard? Are the field backgrounds the correct color? Are the field prompts the correct color? Are the screen and field colors adjusted correctly for non-editable mode? Does the site use (approximately) standard link colors? Are all the buttons are in standard format and size? Is the general screen background the correct color? Is the page background (color) distraction free? 1.2 CONTENT All fonts to be the same Are all the screen prompts specified in the correct screen font? Does content remain if you need to go back to a previous page, or if you move forward to another new page? Is all text properly aligned? Is the text in all fields specified in the correct screen font? Is all the heading are left aligned Does the first letter of the second word appears in lowercase? Eg: 1.3 IMAGES Are all graphics properly aligned? Are graphics being used the most efficient use of file size? Are graphics optimized for quick downloads? Assure that command buttons are all of similar size and shape, and same font & font size Banner style & size & display exact same as existing windows Does text wrap properly around pictures/graphics? Is it visually consistent even without graphics?

AUTOMATINIS GUI TESTAVIMAS Open Source GUI testing tools NameTesting System RequirementTested System Requirement CubicTestEclipseSelenium and Watir Dojo Objective HarnessExampleWeb Jemmy Netbeans, Swing, SWT, JavaFX Java application Linux Desktop Testing ProjectLinuxAny GUI program QAliberWindowsWeb SeleniumanyWeb Sikulianyany GUI Robot Frameworkany WatirbrowserWeb XneeunixX Window

AUTOMATINIS GUI TESTAVIMAS Name Testing System Requirement Tested System Requirement Company AutoItMicrosoft Windows AutoIt eggPlant Microsoft Windows, Linux, OS X Microsoft Windows, Linux, OS X, iOS, Android, Blackberry, Win Embedded, Win CE TestPlant Ltd GUIdancer Java (Swing, RCP/SWT, GEF), HTML,.NET and iOS GUI-test Bredex HP QuickTest ProfessionalMicrosoft Windows Hewlett-Packard QF-TestWindows and Linux Java/Swing, Eclipse/SWT and HTML only Quality First Software SilkTestMS WindowsWindows and Linux Micro Focus International(formerly by Segue Software then Borland) Squish object-based cross- platform cross-GUI-technology testing FrogLogic TestCompleteWindows OnlyWindows, Android and iOSSmartBear Software

AUTOMATINIO TESTAVIMO PLANAS ■Sukurti testą; ■Apsibrėžti duomenis; ■Apskaičiuoti būsimą reikšmę/es; ■Paleisti testus; ■Palyginti rezultatus; ■Daromas sprendimas tolimesniems veiksmams;