Transcript: Twitter Bootstrap PMTu Introduction What ??? The Problem ? The Problem ? Solution ? Solution ? Why we choose BT ? Why Easily Easily How use ? How Download Download Include Include Run Run Operation Operation Grid Grid Grid Grid Component Component Demo Demo Demo Demo http://sareco.com.vn Demo Demo http://lysongreentravel.com Demo Demo http://otoxemoi.com Question Question !
Transcript: Design is a process for developing solutions that effectively integrate task, context of use, & "USER" Likes Plug-n-Play Stuff Elements of Who should use BOOTSTRAP ? S.T. %$*-=%@# let's get started .... Don't want to get the hands dirty with CSS & JS Design Quickly RESPONSIVE DESIGN Fluid Layout Disclaimer Develop Web applications that is cross-everything Don't want to spend money on premium templates who are we ?? IT Professionals Nainital Tourism An approach to web design that provides an optimal viewing experience across a wide range of devises. Do websites need to look exactly the same in every browser? S.E. S.P.M. Media Queries Components http://getbootstrap.com/ C++ , .NET Java , PHP Management Designing Development Testing
Transcript: Usage For this purpose an external extension is going to be added. This extension named as CJS. It Injects custom java scripts to the web page. A Java script is written to check the controls. This will test the HTML structure of the controls. Verify that correct classes are used Same control is used multiple times in a page. The tester has to test the same control for multiple times. It increases the cost and effort of the CR. A tool, that can test the end of most common and uniform controls automatically That will helpful in regard to less the effort and cost of testing. Limitations Any Suggestions? Purpose: Solution Presenter: Saad Khurram, Maria Rafique, Hassan Ahmed Remaining controls will be automated. Better technique of code injection Better technique for hard coded class names. Elements having classes, mb0-N, pb0-N, pt0-N, pr0-N, p10-N, w0-N, are not being catered in the JS file. If there are extra spaces before class names they will shown as a bug. Place holders in span tag in multi-select controls are exempted. Configure CJS extension from “dcsystems” in your system. After configuration, extension icon can be seen in the toolbar of chrome Login to CureMD application. Enable CJS for this host checkbox. Clicking on the icon of CJS, a window will be shown where, in dropdown you can inject your own external scripts or predefined one. Select jQuery 1.11.0 from options. You will receive a zip file of CJS code to test the application, Unzip the file and paste code in ‘write your code here’ area. BootStrap Automation Thank You!! CureMD application is converting into BootStrap. New features and controls are going to be added. Updating testing strategy is a requirement. Tester needs to verify all HTML structures of the classes. NEED Future Goals: add logo here
Transcript: BASIC TEMPLATE SCAFFOLDING Forms Introduction WHAT'S INCLUDED IN BOOTSTRAP Bootstrap UPTO 12 COLUMN GRID SYSTEM RESPONSIVE DESIGN GRID SYSTEM IS USED FOR CREATING PAGE LAYOUTS THROUGH A SERIES OF ROWS AND COLUMNS FRONT-END FRAMEWORK FOR EASIER & FASTER WEB DEVELOPMENT IS USED TO SPEED UP THE DEVELOPMENT OF NEW WEBSITES & WEB APPLICATIONS CONTAINS HTML & CSS BASED DESIGN TEMPLATES ENSURES CONSISTENCY SCAFFOLDING - RESPONSIVE GRID LAYOUT BASE CSS- STYLES FOR BASIC HTML ELEMENTS LIKE FORMS,BUTTONS ETC. COMPONENTS-BASIC STYLES FOR COMMON INTERFACE COMPONENTS LIKE DROPDOWNS. JQUERY PLUGINS
Description: Show the big picture, zoom in on details, and explain clearly how it all relates with this Prezi executive brief or Prezi nonprofit template. The lively image and bold colors make it easy to create compelling, engaging executive brief or nonprofit presentations.
Description: For grant requests, funding pitches, program proposals, or any other kind of education or nonprofit presentation, this Prezi template is the way to generate interest and momentum. Like all Prezi education templates and Prezi nonprofit templates, it’s easily customizable.
Description: Structuring your syllabus doesn't have to be a huge headache with this customizable lesson plan presentation template. With a classic chalkboard theme and adaptable structure, it's easy to add new subjects, assessments, assignments, and more.
Description: Impactful presentations need stunning visuals and a meaningful metaphor to show high-level concepts and the smaller details. This customizable presentation template uses a classic world map visual to help you navigate complex information while staying grounded in your presentation’s core message.
Now you can make any subject more engaging and memorable