Embedded Software SKKU 14 1 Sungkyunkwan University Tizen v2.3 Application Profiling & Debugging.

Slides:



Advertisements
Similar presentations
® IBM Software Group Copyright © 2005 IBM Corporation AJAX Toolkit Framework Emerging Internet Technologies Group.
Advertisements

CSS-Formatting Review Cascading Style Sheets addstyle to your HTML web pages.
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Intel® performance analyze tools Nikita Panov Idrisov Renat.
Android Platform Overview (1)
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Fast Track to ColdFusion 9. Getting Started with ColdFusion Understanding Dynamic Web Pages ColdFusion Benchmark Introducing the ColdFusion Language Introducing.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
CS 225 Lab #2 - Pointers, Copy Constructors, Destructors, and DDD.
Chapter 2: The Visual Studio.NET Development Environment Visual Basic.NET Programming: From Problem Analysis to Program Design.
Development of mobile applications using PhoneGap and HTML 5
© 2008 Zend Technologies; made available under the EPL v March 2008 PDT – The PHP Development Toolkit Assaf Almaz, PDT co-Project Leader Zend Technologies.
SKKU Embedded Software Lab Battery Information 최완수 ( ) 김영훈 ( ) 곽현호 ( )
© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.
Microsoft ® Official Course Monitoring and Troubleshooting Custom SharePoint Solutions SharePoint Practice Microsoft SharePoint 2013.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. Browser.
Presented by…. Group 2 1. Programming language 2Introduction.
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
1. 2 What’s New in NetBeans IDE What is NetBeans IDE?  Ready to use out of the box  Support for latest Java specifications & standards  Other.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
IE11 Preview is here! Briefing prepared for the IE MVPs and IE userAgents communities.
Ruth Betcher Ruth Christie
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
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.
Advanced Level Course. Site Extras Site Extras consist of four categories: Stationeries Site Trash Designs Components.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
Lesson 19. JavaScript errors Since JavaScript is an interpreted language, syntax errors will usually cause the script to fail. Both browsers will provide.
 2000 Deitel & Associates, Inc. All rights reserved. Chapter 20 – Dynamic HTML: Path, Sequencer and Sprite ActiveX Controls Outline 20.1Introduction 20.2DirectAnimation.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
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.
Embedded Software SKKU 28 1 WebKit/EFL. Embedded Software SKKU 28 2 WebKit Parsing Layout and Painting WebKit and EFL Contents.
CHAPTER TEN AUTHORING.
Conceptual Architecture of Mozilla Firefox (version ) Jared Haines Iris Lai John,Chun-Hung,Chiu Josh Fairhead June 5, 2007.
Lesson 19: Site Development with FrontPage 2003 – Advanced Features.
FireBug. What is Firebug?  Firebug is a powerful tool that allows you to edit HTML, CSS and view the coding behind any website: CSS, HTML, DOM and JavaScript.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Web Design: Basic to Advanced Techniques Fall 2010 Mondays 7-9pm 200 Sutardja-Dai Hall Introduction to PHP.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
Debugging parallel programs. Breakpoint debugging Probably the most widely familiar method of debugging programs is breakpoint debugging. In this method,
JavaScript Defined JavaScript Basics Definitions JavaScript is an object-oriented programming language designed for the world wide web. JavaScript code.
PERFORMANCE ENHANCEMENT IN ASP.NET By Hassan Tariq Session #1.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
RIA and Web2.0 Development with no Coding Juan Camilo Ruiz Senior Product Manager Development Tools.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
| Basel Visual Studio 2013 and Internet Explorer 11 Tips & Tricks For Developers Sascha Corti Technical Evangelist, Microsoft Switzerland
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
IE Developer Tools Jonathan Seitel Program Manager.
Microsoft Edge F12 Use Microsoft Edge to finish turning F12 around and get her going in the right direction F12 Focus for Win10.
Visual Studio 2013 and Internet Explorer 11 Tips & Tricks for Developers Sascha Corti Technical Evangelist, Microsoft Switzerland
Sofia Event Center May 2014 Angel Todorov Principal Architect, Infragistics Inc. Debugging, Profiling and Optimizing Web Apps with IE11 – F12 Developer.
JavaScript Introduction and Background. 2 Web languages Three formal languages HTML JavaScript CSS Three different tasks Document description Client-side.
Chapter 4 Murach's JavaScript and jQuery, C4© 2012, Mike Murach & Associates, Inc.Slide 1.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
1 Objects In JavaScript. 2 Types of Object in JavaScript Built-in objects User Defined Objects Browser Object Document Object Model.
Google Web Toolkit for Mobile Applications Development INGENUITY AT ITS BEST……………….
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
GUI and Web Programming CSE 403 (based on a lecture by James Fogarty)
Intro to JavaScript CS 1150 Spring 2017.
Chrome Developer Tools
>> Dynamic CSS Selectors
Modern web applications
Compile, Build, and Debug
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Modern web applications
HTML and CSS Basics.
Running C# in the browser
Yale Digital Conference 2019
Presentation transcript:

Embedded Software SKKU 14 1 Sungkyunkwan University Tizen v2.3 Application Profiling & Debugging

Embedded Software SKKU 14 2 Both native application and web application run on Tizen. There are two tools to profile and debug applications. Dynamic Analyzer –Profiling native applications Web Inspector –Profiling web applications Tizen Application Profiling

Embedded Software SKKU 14 3 A tool to profile and debug native applications Provide various templates Dynamic Analyzer

Embedded Software SKKU 14 4 Dynamic Analyzer Layout 1. Timeline chart –Shows data values over time as a chart 2. Snapshot, Call stack –Provides additional information about the data 3. Call trace –Shows the user API calls ① ② ③

Embedded Software SKKU 14 5 Shows data values over time as a chart Dynamic Analyzer: Timeline chart –CPU usage/frequency –Heap allocation Total, App allocated –Process size VSS, RSS, PSS –Memory –File read, write, open fd count –Screenshot –UI event key, touch, gesture, orientation events

Embedded Software SKKU 14 6 Shows user method call stack that occurs during an application execution All threads in the application –Call stack is provided by threads in the application Dynamic Analyzer: Call Trace Source code view –Hovering mouse cursor on the call, you can see original function code, including app and framework.

Embedded Software SKKU 14 7 Snapshot View –Shows current screen, CPU usage, process usage and available memory Dynamic Analyzer: Snapshot & Callstack Callstack View –Callstack of the selected API in call trace view ④ ① ② ③

Embedded Software SKKU 14 8 Display thread and synchronization objects in a tree format using a graph Dynamic Analyzer: Thread Analysis Chart –Yellow bar: API call –Orange area: possession of synchronization object (lock) –Violet arrow: interaction between threads –Grey area: waiting time for the acquiring that synchronization object

Embedded Software SKKU 14 9 Display UI component hierarchy and UI-related function profiling Dynamic Analyzer: UI Analysis Chart 1. Control –UI component hierarchy 2. Scene Transition –Scene transition history during app execution 3. UI Function Profiling –Profiling user-defined UI-related functions 4. Common Features –Additional information in the form of snapshot

Embedded Software SKKU Show information associated with file operations Dynamic Analyzer: File Analysis Chart –Green area: file was normally processed –Grey area: file was abnormally processed –Yellow area: file was not closed –Blue line: API has been used –Red line: API has failed –Purple area: read operation –Lime area: write operation

Embedded Software SKKU A tool to profile and debug web applications Based on WebKit Web Inspector Composed of following panels Elements Resources Network Sources Timeline Profiles Console Web Inspector

Embedded Software SKKU Elements Panel –Analyze web page components such as DOM tree, CSS style Web Inspector Resources Panel –Inspect web page resources such as HTML, JavaScript, CSS, images and fonts

Embedded Software SKKU Network Panel –Inspect resources downloaded over the network –HTTP header, response, cookies and preview Web Inspector Sources Panel –Inspect and debug JavaScript source page –Callstack, scope variables, breakpoints

Embedded Software SKKU 14 Timeline Panel –Advanced timing and speed analysis –Handles loading, scripting, rendering and painting events Web Inspector

Embedded Software SKKU Profiles Panel –JavaScript debugger that inspect CPU profiles or CSS select profiles Web Inspector Console Panel –A JavaScript console interacting web page programmatically