Skip to main content link. Accesskey S
  • Anonymous
  • Log on
  • Help
  • IBM logo
  • IBM Web Experience Factory wiki
  • All Wikis
  • Home
  • Community Articles
  • Product Documentation
  • Learning Center


Search

Advanced Search

Categories

Tag Cloud

  • 6.1
  • 6.1.2
  • 6.1.5
  • 6.1.5.1
  • 7.0
  • Ajax
  • Alerts
  • Annotations
  • attachment
  • best practices
  • BlackBerry
  • builder
  • builder faq
  • builders
  • charts
  • Code samples
  • Connections
  • css
  • Custom builder
  • CustomBuilder
  • dashboard
  • Data Access
  • data access faq
  • Data and variables
  • Database
  • Databases
  • Debugging
  • demo
  • demo models
  • demo projects
  • demo widget
  • demos
  • deployment
  • deployment faq
  • Deployment scenarios
  • development
  • dojo
  • Domino
  • faq
  • fixpack
  • General FAQ
  • getting started
  • Help
  • HTML
  • html templates
  • ILOG
  • integration
  • iPhone
  • JViews
  • Learning
  • Logging
  • lotus connections
  • Lotus Widget Factory
  • media dashboard
  • media pf
  • media widget
  • mobile
  • mobile smartphone development
  • Model development
  • new
  • Notifications
  • overview
  • page automation
  • Portal
  • Portal Integration
  • portal integration faq
  • Portlet
  • Portlet Factory 7
  • presentation
  • presentation faq
  • Profiling
  • Quickr
  • REST
  • rest faq
  • REST Service Call
  • restructure handler
  • rich ui
  • sample
  • sample application
  • samples
  • schema
  • Security
  • Smartphones
  • SOA
  • social
  • Source Control
  • sql
  • summary and drilldown
  • Team development
  • Troubleshooting
  • ui
  • User Interface
  • video
  • web 2.0
  • Web Experience Factory
  • Web Experience Factory 8
  • Web Services
  • websphere dashboard framework
  • wef
  • wpf
InformationInformation
You are currently viewing machine translated content. IBM translation might be available. Click IBM Translated Product Documentation to see what is available.X


Home > Best Practices > Videos for new Web Experience Factory users
Rate this article 1 starRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars

Videos for new Web Experience Factory users 

expanded Abstract
collapsed Abstract
The following article is a categorized guide to IBM Web Experience Factory (formerly known as WebSphere Portlet Factory) videos, including introductions and concepts, tutorial walkthroughs, user interface layout techniques, best practices and advanced topics.
ShowTable of Contents
HideTable of Contents
  • 1 Concepts, Getting Started, and Tutorials
  • 2 Building Mobile and Multi-Channel Web Applications
  • 3 Additional Videos

Concepts, Getting Started, and Tutorials



WEF Concepts
Web Experience Factory Concepts: Builders and Models

This video introduces and demonstrates key concepts used when developing applications with Web Experience Factory. You'll see how builders and models provide the automation and rapid development features of Web Experience Factory. This video gives a good conceptual background for working with the tool. (11:49)




Creating a Web Experience Factory Project
Creating a Web Experience Factory Project.

This video illustrates the process for creating a new project in IBM Web Experience Factory. The video also describes the process required for adding features to a project, and removing features from a project. (2:48)




Constructing Your First Application
Constructing your first application.

This video demonstrates how to construct your first Web Experience Factory model by building a "Hello World" application. This video also give a brief introduction to the Designer. (7:24)




Building a Data Driven Application - Part 1
Building a Data Driven Application - Service Provider.

This video is part 1 of a 2 part set, and demonstrates how to build the data layer of a web application using a Web Experience Factory Service Provider, leveraging the product's database tutorial and SQL Table Create builder. The Service Oriented Architecture and Service  Consumer/Provider techniques used in this two part video tutorial may also be applied when building applications leveraging Web and REST services and other data integration supported by Web Experience Factory. (5:57)




Building a Data Driven Application - Part 2
Building a Data Driven Application - UI Service Consumer

This video is part 2 of a 2 part set, and demonstrates how to build the UI presentation layer of a web application using the Web Experience Factory Service Consumer and Data Services User Interface builders. (4:45)




Data Field Settings
Field Customization Using the Data Field Settings builder

This video demonstrates how to customize user interface fields using the Data Field Settings builder. (9:54)




Data Layout
Transforming Tables into Lists using the Data Layout Builder

This video demonstrates how standard grid style tables can be easily transformed into list style layouts using the Data Layout builder introduced in WEF 7.0.1. List style layouts are an excellent choice for many mobile, tablet, and desktop web applications. (7:04)




Building Mobile and Multi-Channel Web Applications



Multi-Channel in 13 Minutes
Build a Multi-Channel Web Application From Scratch in 13 Minutes

This video shows how you can use Web Experience Factory to quickly build a multi-channel application that runs on desktop and mobile devices.   It starts with building a service model that accesses a database, then shows how to build a multi-channel consumer/presentation model using one of the new wizards in Web Experience Factory 7.0.1.    It shows some of the new mobile builders that automate the construction of great-looking mobile-optimized applications. (13:23)




Additional Videos


 
Basic List Editing
  Basic Editing of Tables in Design View

Illustrates the process for editing a tabular data display in the design view using drag and drop, context menus and the palette. The video also describes the basic selection techniques, moving columns, enabling / disabling sort and column visibility. (4:04)




Basic Form Editing
Basic Editing of Forms in Design View

This video illustrates the process for editing a form in the design view using drag and drop, context menus and the palette. The video describes the basic selection techniques, grouping of fields, standard layouts and field visibility. (6:58)




Web Page Editor
Web Page Editor

This video illustrates the way to install the optional Web Page Editor from eclipse. This editor is a WYSIWYG HTML editor that includes a palette of HTML 4 tags. It improves your HTML editing experience from the default editor with it's source and design view plus it's preview capabilities. (6:58)




Help in Experience Factory
Help in Experience factory

This video illustrates the places to look for Help while running the IBM Web Experience Factory Designer. It describes the places within eclipse that we add help. (6:58)



Sharing project files
Sharing Project Files.

Importing, Exporting and Sharing developer created project artifacts. (3:38)



 

expanded Article information
collapsed Article information
Category:
Best Practices, Best Practices for Web Experience Factory, Best Practices for WebSphere Dashboard Framework, Education, Installing WebSphere Portlet Factory, Learning Center, Video Gallery, Resources for Developers, Samples and Techniques, Samples and Techniques for Web Experience Factory, Samples and Techniques for WebSphere Dashboard Framework, Web Experience Factory, WebSphere Dashboard Framework,
Tags:
best practices, demos, development, Dynamic User Interfaces, fundamentals, getting started, Learning, mobile, mobile smartphone development, Portal, Portlet, sample, Smartphones, video, visual, web 2.0

This Version: Version 97 December 1, 2011 3:12:36 PM by Rob Flynn  IBMer

expanded Attachments (13)
collapsed Attachments (13)

 


File TypeSizeFile NameCreated On
image/jpeg 27 KB WEFHelp.jpg 8/10/11 10:09 AM
image/jpeg 37 KB WebEditor.jpg 8/10/11 10:09 AM
image/jpeg 11 KB archive_export.jpg 8/10/11 10:09 AM
image/jpeg 6 KB concepts_builders_and_models_thumb.jpg 8/10/11 10:09 AM
image/jpeg 13 KB BasicListThumbnail.jpg 8/10/11 10:09 AM
image/gif 3 KB BasicFormThumbnail.gif 8/10/11 10:09 AM
image/gif 7 KB CreateProjectThumbnail.gif 8/10/11 10:09 AM
image/jpeg 10 KB data_layout_thumbnail.jpg 8/10/11 10:09 AM
image/x-png 18 KB 13min_multi_channel_thumb.PNG 8/10/11 10:09 AM
image/jpeg 12 KB DBTutorialPart1Thumbnail.jpg 8/10/11 10:09 AM
image/jpeg 12 KB DBTutorialPart2Thumbnail.jpg 8/10/11 10:09 AM
image/jpeg 11 KB hello_world.jpg 8/10/11 10:09 AM
image/jpeg 5 KB DFSThumbnail.jpg 8/10/11 10:09 AM
expanded Versions (97)
collapsed Versions (97)
Version Comparison     
Version Date Changed by               Summary of changes
This version (97) Dec 1, 2011 3:12:36 PM Rob Flynn  
96 Dec 1, 2011 3:11:19 PM Rob Flynn  
95 Dec 1, 2011 3:08:30 PM Rob Flynn  
94 Sep 30, 2011 12:13:54 PM Rob Flynn  
93 Sep 30, 2011 12:02:20 PM Rob Flynn  
92 Sep 30, 2011 12:01:02 PM Rob Flynn  
91 Sep 30, 2011 11:06:00 AM Rob Flynn  
90 Sep 30, 2011 11:01:51 AM Rob Flynn  
89 Aug 15, 2011 9:29:34 AM Rob Flynn  
88 Aug 15, 2011 9:28:09 AM Rob Flynn  
87 Aug 15, 2011 9:24:51 AM Rob Flynn  
86 Aug 15, 2011 9:23:10 AM Rob Flynn  
85 Aug 15, 2011 9:16:28 AM Rob Flynn  
84 Aug 15, 2011 9:11:40 AM Rob Flynn  
83 Aug 15, 2011 9:11:36 AM Rob Flynn  
82 Aug 15, 2011 8:11:51 AM Rob Flynn  
81 Aug 10, 2011 11:57:51 AM Craig Lordan  
77 Jul 20, 2011 12:19:17 PM Michael Burati  
77 Aug 5, 2011 12:51:17 PM Garry Sager  
77 Aug 5, 2011 12:51:17 PM Garry Sager  
77 Aug 5, 2011 12:51:17 PM Garry Sager  
76 Jul 19, 2011 4:29:58 PM Michael Burati  
75 Jul 19, 2011 9:57:10 AM Michael Burati  
74 Jul 18, 2011 4:37:44 PM Michael Burati  
73 Jul 12, 2011 12:38:32 PM Michael Burati  
72 Jul 12, 2011 12:34:30 PM Michael Burati  
71 Jul 12, 2011 12:31:35 PM Michael Burati  
70 Jul 12, 2011 12:30:16 PM Michael Burati  
69 Jul 11, 2011 2:38:47 PM Michael Burati  
68 Jul 1, 2011 11:21:24 PM Jonathan Booth  
67 Jul 1, 2011 11:19:30 PM Jonathan Booth  
66 Jul 1, 2011 11:16:46 PM Jonathan Booth  
65 Jul 1, 2011 11:15:44 PM Jonathan Booth  
64 Jul 1, 2011 11:14:44 PM Jonathan Booth  
61 Jul 1, 2011 10:31:51 PM Jonathan Booth  
60 Jul 1, 2011 10:31:01 PM Jonathan Booth  
59 Jul 1, 2011 10:30:01 PM Jonathan Booth  
58 Jul 1, 2011 10:28:54 PM Jonathan Booth  
58 Jul 1, 2011 10:33:35 PM Jonathan Booth  
57 Jul 1, 2011 10:27:41 PM Jonathan Booth  
57 Jul 1, 2011 10:27:41 PM Jonathan Booth  
56 Jul 1, 2011 10:25:38 PM Jonathan Booth  
55 Jul 1, 2011 4:46:53 PM Rob Flynn  
54 Jul 1, 2011 2:37:42 PM Michael Burati  
53 Jun 30, 2011 5:34:20 PM Jonathan Booth  
52 Jun 30, 2011 5:33:12 PM Jonathan Booth  
51 Jun 30, 2011 5:30:55 PM Jonathan Booth  
50 Jun 30, 2011 5:27:58 PM Jonathan Booth  
49 Jun 30, 2011 5:25:04 PM Jonathan Booth  
48 Jun 30, 2011 5:16:15 PM Jonathan Booth  
47 Jun 30, 2011 5:15:30 PM Jonathan Booth  
46 Jun 30, 2011 5:14:36 PM Jonathan Booth  
45 Jun 30, 2011 5:12:44 PM Jonathan Booth  
44 Jun 30, 2011 5:10:46 PM Jonathan Booth  
43 Jun 30, 2011 5:07:22 PM Jonathan Booth  
42 Jun 30, 2011 5:06:51 PM Jonathan Booth  
41 Jun 30, 2011 5:05:21 PM Jonathan Booth  
40 Jun 30, 2011 11:05:11 AM Michael Burati  
39 Jun 30, 2011 10:49:43 AM Michael Burati  
38 Jun 29, 2011 2:59:22 PM Michael Burati  
37 Jun 29, 2011 2:55:27 PM Michael Burati  
36 Jun 29, 2011 2:53:32 PM Michael Burati  
35 Jun 29, 2011 12:48:42 PM Michael Burati  
34 Jun 29, 2011 12:47:21 PM Michael Burati  
33 Jun 29, 2011 12:35:07 PM Michael Burati  
31 Jun 29, 2011 11:55:58 AM Michael Burati  
31 Jun 29, 2011 12:30:14 PM Michael Burati  
30 Jun 29, 2011 11:42:30 AM Deanna Drschiwiski  
29 Jun 29, 2011 11:35:00 AM Michael Burati  
28 Jun 29, 2011 11:31:43 AM Michael Burati  
27 Jun 29, 2011 11:28:58 AM Michael Burati  
26 Jun 29, 2011 11:26:10 AM Michael Burati  
25 Jun 29, 2011 11:23:55 AM Michael Burati  
23 Jun 29, 2011 11:21:36 AM Michael Burati  
23 Jun 29, 2011 11:19:49 AM Michael Burati  
22 Jun 27, 2011 4:56:01 PM Michael Burati  
20 Jun 22, 2011 12:55:30 PM Michael Burati  
19 Jun 22, 2011 12:53:46 PM Michael Burati  
18 Jun 22, 2011 12:48:47 PM Michael Burati  
17 Jun 22, 2011 11:46:35 AM Michael Burati  
16 Jun 22, 2011 11:43:21 AM Michael Burati  
15 Jun 22, 2011 11:38:07 AM Michael Burati  
14 Jun 22, 2011 11:33:07 AM Michael Burati  
13 Jun 22, 2011 11:31:32 AM Michael Burati  
12 Jun 22, 2011 11:24:32 AM Michael Burati  
11 Jun 22, 2011 11:20:12 AM Michael Burati  
10 Jun 22, 2011 11:18:38 AM Michael Burati  
9 Jun 22, 2011 11:16:42 AM Michael Burati  
8 Jun 22, 2011 11:11:26 AM Michael Burati  
7 Jun 22, 2011 11:09:45 AM Michael Burati  
6 Jun 22, 2011 11:09:08 AM Michael Burati  
5 Jun 22, 2011 11:03:54 AM Michael Burati  
4 Jun 22, 2011 11:02:48 AM Michael Burati  
3 Jun 22, 2011 11:00:30 AM Michael Burati  
2 Jun 22, 2011 10:58:36 AM Michael Burati  
1 Jun 22, 2011 10:55:49 AM Michael Burati   Minor Change
1 Jun 22, 2011 10:45:06 AM Michael Burati  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedSubscribe to RSSHelpAbout
  • All Lotus and WebSphere Portal wikis
  • IBM developerWorks
  • IBM Software support
  • IBM Social Business User Experience Blog
  • IBMSocialBizUX on Twitter
  • IBMSocialBizUX on Facebook
  • Lotus product forums
  • IBM Social Business UX blog
  • IBM Collaboration Solutions
  • Recently added feedRecently added
  • Recently edited feedRecently edited
  • Recently added comments feedRecently Added Comments
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Contact IBM
  • IBM Terms of use
  • Wiki terms of use