SIMPLY THE BEST INTERNET EXPERIENCE

Opera Software
 

Opera Composer

Opera Composer is an online application that lets you create a version of Opera to your specifications. If your company is an Internet Service Provider, you can supply your version of Opera to your customers. Your version can include dialup phone numbers for logging in, plus pre-configured e-mail servers. In short, you can create a version of Opera exclusively for your own customers, designed to simplify the process of getting connected to your servers.

About this Tutorial

This guide introduces you to Composer and takes you step by step through the process of creating your own unique version of Opera. If you wish, open a second window in your browser and load http://composer.opera.com/ in it. If you haven't yet signed up for Composer, you may do so now. Once you reach Composer itself, you can match each category you find in this tutorial with its counterpart in Composer's form.

New Windows

Current versions of Opera allow you to disable popup windows. If you have done this, please re-enable them now. The graphical links on this page open popup windows to illustrate Composer's elements. You can find your popup-window settings in File > Quick preferences -- select the option at the very top of the menu.

Using Composer

When you visit Composer's form page, you will find yourself presented with options that include the name of your custom version, whether to include Java or not, and whether to include your own customized bookmarks list -- among plenty of other options. If you select the ISP version of Composer, you will have additional options that we will describe at the end of this tutorial.

We assume for the purposes of this tutorial that you are familiar with Opera 6.

Name

Here you can choose a name for your version of Opera.

Note "DHT Technologies" in the title bar

title_bar

Using the Name element

The name you give your browser is used as the folder name where your custom version of Opera will be installed. This means a user who already has Opera installed will not be frustrated to discover your customized model has overwritten the existing installation. The browser name will appear in the title bar when users use MDI mode (it will not when users use page-tab or SDI modes). See the section below on Window modes for more information about MDI versus SDI.

Splash screen

The splash screen is the graphic that appears when you first launch Opera.

Opera's splash screen.
splash

You can replace this with your own.
splash

You can create your own custom version of this using a graphics manipulation program such as Corel PhotoPaint or GIMP. Opera's splash screen is 400 x 300 pixels. You can make yours larger or smaller if you wish, but a larger one can take up additional hard drive space. Also, remember that some users have 640 x 480 monitors, so don't go any larger than that (besides, users with small monitors may not appreciate having their entire screen overwhelmed by your splash screen each time they launch).

Startup Dialog

The startup dialog box is the box that gives you initial choices about how Opera launches. You can choose (in the "Window mode" settings) to disable the startup dialog.

Opera's startup dialog box

startup_screen

Startup 1

startup_screen

Startup 2

startup_screen

The startup dialog is the box that gives you a choice in how Opera begins. You can of course customize its foreground and background.

How Opera uses the Startup Images
Note that there is no single image that looks like the startup dialog box. Instead, we have two graphics, "Startup1" and "Startup2", that have bits and pieces of each. (These files can be found in Opera's "images" folder, under the names "Startup1.png" and "Startup2.png".) The screen images in Startup1 are dark blue, while the images in Startup2 are bright and clear; also, in Startup1 the drawer in the lower half of the graphic is open, while in Startup2 it is closed. Opera combines parts of these images to create the startup dialog.

What this means is: unlike the splash screen, which you can make larger or smaller as you see it, you must match your startup1 and startup2 images to the size of Opera's graphics.

Language

Language installation

Composer gives you a choice of languages your custom version can support. If you select more than one language, your user will see a list of available languages and be given an opportunity to select one. Bear in mind, selecting a large number of languages will cause your custom version of the browser to swell considerably, since each language has its own executable file (the "opera.exe" file that is Opera's brain, as it were). Including three languages will swell the installer to almost 10 megabytes, even before you add Java support.

But when you install your custom browser, only the executable required for the language you choose will be installed, so Opera will never tie up additional resources with components you don't need.

Start Page

The start page can be your home page, or a specific site related to your company. If your company is called "DHT Technologies," you could set http://www.dhttech.com/ as your home page. (The user can of course change this after installation.)

Java

The Java environment permits browsers such as Opera to function interactively. We assume you have some experience with Java. The Java Runtime Environment (JRE) is an optional component in Opera. It was developed by Sun Microsystems, but can be included in Opera's installer; your user will be prompted during installation of Opera and asked if he or she wishes to include Java. If so, the JRE will be installed.

Communication

Opera with its Additional Components removed

no_mailnewsmessaging

Opera is more than a browser; it includes additional components for e-mail, instant messaging, and newsreading. You can selectively enable and disable these components here. For example, if you're developing a browser for use within your company, you may have a use for e-mail, but not instant messaging or newsreading.

When you remove the newsreader, mail client, and instant messaging utility, these options vanish from the main menu and the Hotlist.

E-mail

Opera supports POP3 and SMTP e-mail protocols for sending and receiving mail. If your company uses these protocols (these are the standards, after all), you'll have no trouble using Opera's mail client.

Newsreader

By "Newsreader" we mean Opera has a component that can read and post messages from news servers. Opera's own news server is at news://news.opera.com/.

Instant Messaging

At present Opera supports only the ICQ instant messaging protocol.

Note: Due to recent changes to the ICQ communications protocols, Opera's instant messaging client has encountered problems, so it is now disabled by default.

Window Modes

Below are views of Opera's three window modes.

dht_thm

MDI
This is Opera's classic mode. New documents appear within Opera's workspace in much the same way that documents in a word processor appear in child windows within a workspace. This mode has the advantage that new documents don't clutter up the user's taskbar, and everything related to the Web (Web documents, e-mail folders and messages) are contained within Opera.

win_withpagebar_thm

SDI -- with page bar
This is Opera's new page-tab mode. New documents and e-mail folders appear in separate windows, each with its own button on the taskbar. However, Web documents can be grouped into pages within an individual window, and your user can switch between them using the pagebar. This has the advantage that it minimizes taskbar clutter and permits the user to close groups of related documents by closing a single window, without shutting down the whole browser.

win_nopagebar_thm

SDI -- without page bar
This is Opera's pure SDI or single-document interface mode. In this case, Opera places each new document in its own window, each of which has a button on the Windows taskbar. This has the advantage that Opera functions similar to other browsers; if your users are switching over from Netscape or Internet Explorer, they may find themselves most comfortable in this mode.

Buttons and Skins

Opera permits you to customize its layout by selecting your own buttons and skins. You can use preconfigured buttons available here by selecting the dropdown menu, or you can upload your own custom-made button and skin set.

Using an Existing Button Set

To use an existing button set, select one from the dropdown list. You'll find previews of these button sets also.

Creating Your Own Button Set

When creating your own button and skin set, there are some things to be aware of. Your button set must follow a strict set of conventions, as follows:

  • All your buttons, plus your skins, must contained in a single Zip file, without path specifications.
  • Your buttons are controlled by a file called "buttons.ini"; you MUST use this name for your button set's initilization file. To find out how to construct a buttons.ini file, visit Opera's technical support site; you'll find detailed descriptions of how to modify an existing buttons.ini file for your own purposes.
Note: if you intend to include extra buttons (see the "Extra buttons" category below), you must include the additional buttons in your "buttons.ini" file; you cannot specify them below. Opera's technical support site has a document that describes how to add extra buttons to your toolbar; click here to view it now.

Choose a reasonable size for your buttons. Opera's default buttons come in two sizes: 21 and 26 pixels. You are by no means limited to these sizes, so if you prefer larger buttons (perhaps you're designing buttons to be used by visually impaired users) you can construct them as you see fit.

Note however that Opera must devote a certain amount of computer resources to displaying its buttons, so make your graphics as small as possible. We recommend reducing their color range to 256 colors -- or 16, if you use limited range of colors in your buttons. Bear in mind: when you make your buttons transparent, the transparency is considered a color also.

Contacts

panels

The contacts list contains names and addresses of users, including e-mail addresses. You can configure your own contacts list using Opera. Save your contacts list, then upload it to Composer. If you're developing an in-house version of Opera, you could include the names and e-mail addresses of employees within your company, and even important clients.

Note: To save your existing contacts list under a new name, right-click within the contacts window and select File > Save as. Once you save your file, you can edit it within the Contacts window. To return to your original contacts file, use File > Open and select the original (usually called "contacts.adr").

Bookmarks

Bookmarks

You can create your own customized bookmarks list. To do so, save the current bookmarks list under a new name, then selectively edit it as you see fit. For an in-house version of Opera, you could include Web sites relating to your company, plus client Web sites.

Note: To save your bookmarks list under a new name, right-click within the bookmarks window and select File > Save as. Once you save your file, you can safely edit your bookmarks. To return to your original bookmarks file, use File > Open and select the original (typically called "opera6.adr").

Hotlist Panels

panels

Opera 6 permits you to add custom panels to the hotlist column. You can find some sample panels at http://my.opera.com/. If you create your own, bear these points in mind:

  • The hotlist panel content must be located somewhere on the Internet (perhaps at your company's Web site). You cannot upload an HTML document to serve as a hotlist panel at this time.
  • Take into account the limitations of the Hotlist panel window. The window is essentially a very small browser window. You can display anything here that can be displayed in a document window -- but the operative word here is "small". Make your panel content fit within the confines of the Hotlist space.
  • Don't include large graphics, and avoid including a large number of links (those are better off in the bookmarks list anyway). You could use a Hotlist panel for regularly updated information, for example -- a simple company news service, for example.
  • Standard HTML links will cause new documents to appear in the Hotlist pane. If you want new documents to open in new windows, make your links like this: <a href="link.html" target="_blank">Click here></a> Or, even better, place <BASE TARGET="_blank"> at the beginning of your document; this will cause all links to open new windows.

Extra Buttons

Opera can display additional buttons on the main toolbar. You can add up to six buttons, each with its own link.

Note that the image files you use for buttons must be on your own system in order to be uploaded; you cannot use buttons from a pre-configured set (unless, of course, you have downloaded the set previously, or have a version of Opera installed which uses that set).

Extra button

When you set up your extra buttons, you must include the following information:

  • File
    This is the name of the image file you wish to use. It may be something like "special.png" or "mybutton1.gif". In the example at left, the folder icon above "Opera" was created from the image file.

  • Title
    The name of the button as it will appear within the button itself. In the image at left, the word "Opera" beneath the icon is the title.

  • Link
    This is the address of the site you wish to open when the user selects your button. It must be of the form "http://www.opera.com" or (if it refers to a location on your hard drive or network) "file://f:/public/updates.htm".

  • Tooltip
    This is the text that appears when you hover your mouse pointer over the button. In the example at right, the yellow block marked "Opera Software" is the tooltip.

ISP Features

Opera Composer includes features specifically designed for Internet Service Providers. These allow you to configure network settings such as the phone number that your computer should dial when you wish to go online (your ISP phone number), and the names of your ISP's mail servers.

If you don't see the options below listed in your view of Composer itself, then you are using the standard version of Composer. You can switch to the ISP version by using the link at the top of the Composer form.

Dial-up Networking

You have two fields here. The upper field is where you name your connection. The name of your ISP will do. In the larger field below, enter the phone number. You can enter regional numbers also, by using the form [region]:[number]. A sample regional number might be ny:2125552312.

no_mailnewsmessaging

If you configure Opera for dial-up networking, the user will be prompted for a user name and password the first time he or she attempts to connect.

Mail servers

The mail-server fields allow you to set up one e-mail account. An ISP can use these fields to setup a default mail account for a new user. Enter the names of your incoming (POP3) and outgoing (SMTP) servers here. If you fill out these fields, the user will be prompted for a user name and password during installation.

News server

If your company supports a news server, enter the address here in the form news.opera.com/ (don't include the protocol designation, news://; it isn't necessary).

Proxy settings

Consult with your system administrator to find out whether you need to configure these proxy settings. Opera does not natively support the Gopher and WAIS protocols, so if you require your users to view content delivered by these protocols, enter the proxy server names here. You can configure these proxies:

  • HTTP
  • HTTPS
  • FTP
  • Gopher
  • WAIS

You can also specify domains (for example, the domain range of your company) that are not affected by your proxy definitions.

Assembling your Customized version of Opera

When you click "Submit" in the Composer form, you will be able to visit the "Downloads" page where you can retrieve your new version of Opera. Be aware that Composer may need several minutes to assemble the package, so now would be a good time to have a cup of coffee or feed the cat.

We hope you enjoy your personalized version of Opera. You may distribute it freely.


&nbsp;

&nbsp;