• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
web development
 

web development

on

  • 809 views

web development

web development

Statistics

Views

Total Views
809
Views on SlideShare
808
Embed Views
1

Actions

Likes
0
Downloads
3
Comments
0

1 Embed 1

http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Main Point: IBM is continuing to evolve and enhance the value that we bring to companies by building on the SOA announcements we made last fall…today we are going to talk to you about how a Business Centric Perspective to SOA is necessary to drive innovation that matters* <br /> As you know, SOA is one of IBM’s long term strategies to enable innovation that matters. IBM will continue to deliver SOA centric offerings. But we also want you to know that IBM’s view of SOA is business centric. and we’ll talk about this important concept. Further, we’ll discuss ways to get started through existing parts of your business (people process, information). Additionally, we’ll show how reuse and connectivity is critical to support the business centric approach. We’ll then give you detail on how the specific entry points are accelerated by SOA Foundation products and the business insight these products provide. <br /> Lastly, we’ll discuss an important part of the story called SOA Governance to ensure we’re aligning the business with IT. <br />
  • Notes: <br /> You could drag an empty text file into a legitimate point in the project structure, give it the extension you want (for example, .jsp), and work with it. However, the wizards fill the file with the basic structure of the resource type for you. <br /> Instructor notes: <br /> Purpose -- <br /> Details -- <br /> Additional information -- Point out that it is best to right-click the folder where you want the resource to be created and select New, because this will (1) ensure that the resource you want to create can be added to this folder, and (2) limit the options to relevant resources. <br /> Transition statement -- We shall look at two wizards, HTML and JSP; first the simpler HTML page wizard. <br />
  • Notes: <br /> Configurations group together a collection of facets. Facets add functionality to your projects (for example, project builders, style sheets, and included JAR files). <br /> Note the Dynamic Web Project with XDoclet configuration choice. XDoclet allows you to embed tags directly in your source code to generate extra code. <br /> For example, you can use the @web.servlet tag to indicate the deployment information for a servlet. The tags are then used to add deployment information to web.xml. <br /> This course will use the standard builders from Rational Application Developer V7.0 and later and not the XDoclet technology. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Create Web Project Wizard (2 of 3) <br />
  • Notes: <br /> Project facets allow you to add and remove functionality from a project. In this case, the project can be deployed as an EAR to an IBM® WebSphere® Application Server v6.1. You can select a facet to display a description. You can right-click a facet and Show Constraints to show the other facets that it depends on. You can also click on Show Runtimes to display the available runtimes. <br /> You can add and remove project facets using the Properties dialog of a project. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Create Web Project Wizard (3 of 3) <br />
  • Notes: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Create Servlet Wizard (1 of 3) <br />
  • Instructor notes: While designing a web site or web application, you start to see common layout elements in different pages. Templates allow you to capture these common elements. Also the front end is what clients see, thus there is a lot of churn and updates required. Changing the template updates the pages. <br /> Purpose -- <br /> Details -- <br /> Additional information -- <br /> Transition statement -- <br />
  • Perform these steps to create a template that extends a root template: <br /> Create a root template. <br /> Create a JSP that implements the root template. <br /> Select the JSP in Page Designer and click File > Page Template > Register as Dynamic Page. <br /> Instructor notes: Template inheritance captures even more shared elements in between pages. Updates to the parent template will update the child, again reducing maintenance issues. <br /> Purpose -- <br /> Details -- <br /> Additional information -- <br /> Transition statement -- <br />
  • Notes: <br /> HTML Frameset : An HTML document that describes frame layout (called a frameset document ). It has a section and a section (no ). <br /> Compact HTML : A derivative of HTML used for mobile devices. <br /> XHTML : A reformulation of HTML 4.0 as an application of XML. <br /> WML : A markup language based on XML that is used to present content and user interfaces for wireless devices such as cellular phones, pagers, and personal digital assistants. <br /> Instructor notes: <br /> Purpose -- <br /> Details -- <br /> Additional information -- If you have not checked `Create from page template` the advanced options available are: <br /> Encoding: The default (ISO Latin-1) is the value set in Window -> Preferences-> Web and XML Files -> HTML Files. <br /> Content Type: The default is text/html. <br /> Document Type: HTML 4.01 Transitional (the default) or Strict (which excludes the presentation attributes and elements). <br /> Cascading stylesheet (CSS) file: Remove the default Master.css, or add other CSS files. <br />   <br /> Transition statement -- Next: The JSP Wizard <br />
  • Notes: <br /> The choice of markup languages is the same as for HTML pages. <br /> The XML-style syntax box is enabled if the markup language is XHTML or WML. <br /> Enabling a Struts JSP will add tag libraries (struts-html and struts-bean) to the source code. It will also replace the basic tag with an tag. <br /> Enabling a Faces JSP will add the Sun Faces core tag library to the source code. It will add a tag enclosing the HTML tag. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — Advanced options are more complex for JSPs: <br /> Tag libraries: Add libraries. <br /> The next page has the identical options as the HTML wizard. <br /> Method stubs: Create init() or destroy90 methods. Also you can choose to add the file to web.xml, which will add the JSP name to the servlets list. <br /> Transition statement — Next: JSP Page Syntax and Document Syntax <br />
  • Notes: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: The Use of the Design, Source and Preview tabs <br />
  • Notes: <br /> There are typically 7 drawers: HTML, Form, JSP, Crystal Reports, Page Template, Data, and Web Site Navigation. Most of the selections are also available from the Insert menu or the JSP menu. Other drawers may be available for Struts tags <br /> In the example, an Image is being dragged to the middle of the JSP. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Inserting JSP Custom Tags <br />
  • Notes: <br /> An element such as Background music, for example, is not rendered in design mode. <br /> The music file (.mp3, .wav, and so on) is added to the project. This can increase the project size enormously, especially with .wav files. <br /> If you add several music files to the background, they execute simultaneously. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — The Insert menu includes items that might be necessary in any HTML page. In a JavaServer page, there are other options that are available in the JSP menu. <br />
  • Notes: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — Underline the first bullet on this page: this menu is not available if the file in the active editor is not JSP. <br /> Transition statement — The options we have just seen in the menus are also available in the drawers of the palette view. <br />
  • Notes: <br /> The Insert Custom menu item launches the Insert Custom Tag dialog. It shows all custom tags available to that page (ones included via taglib directives). <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — Note that if you try to insert by dragging from the palette view, any tag libraries you Add... will only be available if you close the dialog and reopen it... <br /> Transition statement — Next: Modifying Tag properties in the Properties view. <br />
  • Notes: <br /> The tabular view shows all attributes of the selected resource. The graphic view shows only a few properties. <br /> The grey bar at the left shows how the selected resource fits into the tree. The tag has been selected (bold text). The text is in a data cell, which is part of a row which is itself part of a table. Furthermore, the table is part of a form, all of which has been created in the of the page. The properties displayed will change according to which resource is selected, and clicking a label in the grey bar will change the selection in the design or source view. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Adding Variables to the Page Data View <br />
  • Notes: <br /> The image shows the available context pop-up menu for Use Bean. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Editing JavaScript in the Quick Edit View <br />
  • Notes: <br /> Select a tag in a JSP or HTML file, select an event in the Quick Edit event list pane, right-click the Quick Edit editor and select a script. <br /> Here is a simple example: onmouseover > Jump to the specified URL: <br /> Inserted at the point the mouse will roll over (a table data cell in this instance): <br /> <br /> Inserted into the : <br /> <br /> <br /> Instructor notes: <br /> Purpose — <br /> Details — The nice thing about the Quick Edit view is that you can add scripts that are accurately coded even when you don’t remember (or never knew) the syntax. The code given in the student notes is a good example. You should run through the code in Rational Application Developer before presenting this unit, then give a live demonstration of the changing image. <br /> Expand on the idea to swap two images when the mouse moves into and out of a table data cell. <br /> Additional information — <br /> Transition statement — Next: The Cascading StyleSheet Wizard <br />
  • Notes: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Editing CSS Files in the CSS Designer <br />
  • Notes: <br /> Any change you make in the code to the right is reflected visually in the left pane. Here, the color of the font has been set to 66-00-00 and the family to Arial. Both of these changes are previewed in “Style of H1” to the left. Any open file that uses this CSS will also pick up the changes. A line is being inserted using content assist, showing all the possible choices to complete the word font. <br /> Note that if there is more than one stylesheet referenced in the JSP or HTML code, their style definitions is combined. If there is a conflict, it is the last-referenced stylesheet that will be applied. <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — Next: Defining Styles Using the Styles View <br />
  • Notes: <br /> The file template.jtpl has focus. Files to the left are making reference to this file. Files to the right are referenced by template.jtpl. <br /> Link to a file outside the Web content folder. <br /> There are two references to this gif in template.jtpl <br /> The validity of the link cannot be verified. <br /> The file referenced by template.jtpl itself references other files. Clicking the ‘-&apos; collapses this part of the tree. <br /> Right-clicking a file and selecting the item “Become new center&apos; moves focus from template.jtpl to this file (template will now be a file to the left which references the new file). <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> [TODO: The following content could not be copied correctly to PPT, since it contains screen captures of the icons] <br /> Other icons: <br /> A link is to a cascading stylesheet: <br /> A link is to a graphic. Links to graphics are sometimes referred to as an embedded links because they are rendered as part of the same HTTP request (appear on the same page): <br /> A link is one of a number of industry standard link types: <br /> A link is to a mailing address: <br /> A link to file types that are not recognized: <br /> Transition statement — Next: Configuring Pages in the Deployment Descriptor <br />
  • Notes: <br /> By default, Rational Application Developer generates a list of six default Welcome pages. You can remove any or all of them, and add any other. <br /> Clicking Add for Error Pages brings up a list of standard error codes (100 through 505). <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — The pages are not created simply by listing them here. This is an error that many students make! It should be explained clearly that the developer first needs to create any page that is required, then link the page to a specific scenario (welcome or error). <br /> Transition statement — Next: Checkpoint Questions <br />
  • Notes: <br /> Standard components have been removed from the palette in the above image <br />
  • Notes: <br /> Write down your answers here: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — <br />
  • Notes: <br /> Write down your answers here: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — <br />
  • Notes: <br /> Write down your answers here: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — <br />
  • Notes: <br /> Write down your answers here: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — <br />
  • Notes: <br /> What is Struts? <br /> Struts is involved in which parts of the MVC architecture? <br /> Name an extension to the Struts framework. <br /> Which are the controller components in Struts? <br /> How many configuration files are there in a Struts project? <br /> Which versions of Struts are supported by Rational Application Developer? <br /> In the following code, what is the purpose of the input attribute? <br /> <br /> http://struts.apache.org/1.x/struts-core/dtddoc/struts-config_1_0.dtd.html#action <br />
  • Notes: <br /> Write down your answers here: <br /> Instructor notes: <br /> Purpose — <br /> Details — <br /> Additional information — <br /> Transition statement — <br />
  • RUP <br /> Rational Unified Process, Developer Tab, Designer > Concepts > J2EE to RUP Mapping <br /> Rational Unified Process, Developer Tab, Designer > Enterprise JavaBean (EJB) Design > Guidelines > Designing Enterprise JavaBeans (EJBs) <br /> Web Resources <br /> http://www-130.ibm.com/developerworks/ <br /> http://w3.ams1.ibm.com/services/ams/competency/ams/tools_support/rational/learn_about/ams_rational_advanced_learning.html <br /> EJB Best Practices: Entity Bean Protection: http://www-106.ibm.com/developerworks/java/library/j-ejb1008.html <br /> Literature <br /> Enterprise Java Programming with IBM® WebSphere®, Second Edition By Kyle Brown, Gary Craig, Greg Hester, Russell Stinehour, W. David Pitt, Mark Weitzel, Jim Amsden, Peter M. Jakab, Daniel Berg <br /> Additional Courses <br /> Introduction to Web Services - http://w3-3.ibm.com/education/CourseDescriptionServlet.wss?city=&state=&countrycode=&coursecode=XM371&courseDescrLanguageId=1 <br /> WebSphere Training and Technical enablement: http://www-128.ibm.com/developerworks/websphere/education/enablement/curriculum/cur_webtoolside.html <br />
  • Self explanatory <br />

web development web development Presentation Transcript