TweetFollow Us on Twitter

Rhapsody SimpleText

Volume Number: 13 (1997)
Issue Number: 11
Column Tag: Rhapsody

A Simple Word Processor...on Rhapsody

by Andrew Stone, Chief Executive Haquer, Stone Design Corp

Here is a Simple Rich Text and Graphics Word Processor you can build yourself in 20 minutes on Rhapsody

Leveraging the power of Rhapsody is your key to building cool apps quickly. If I asked you "How many lines of code would you have to write to implement a word procesor that reads/writes rich text files (including full support for graphics of EPS, TIFF, JPEG, PICT, GIF, etc type), full font support, full rulers with tabs and hanging indents, full support for color, printing, faxing and saving as PS with embedded fonts".

But wait, before you answer, that's not all (can you hear the Ginzu knife salesman yet?)... "What if it also had ligatures, kerning, superscripting, justification, underlining, ability to drag out graphics, copy and paste of contents and copy and paste of font styles? Don't answer yet, because it will also run on Windows95 and Windows NT, and has a built-in spell checker."

If I said 13 lines of code and that you'll be done in 20 minutes, would you believe it? This is why I quit developing on the Mac in 1989 when I saw my first NeXT demo, and why I'm happy as heck to be developing on a Mac in 1997!

First look at Rhapsody

The week before Macworld Boston 97, the Rhapsody Group at Apple invited several key OpenStep developers out to Cupertino to port their wares to Rhapsody running on the PowerPC. It was a great privilege to be included in this 3 day Kitchen - a MacHack with the Apple engineers dropping in and helping us at all hours. And, as promised, create, compile, and it "just worked".

This article will take you step-by-step through the process of creating a new application, building the user interface, generating the skeleton class code, filling in the 13 lines required, compiling and testing your word processor. If you encounter terms you don't recognize, please refer to the online documentation for developers, especially /NextLibrary/Documentation/NextDev/TasksAndConcepts/DevEnvGuide/DevGuide.rtfd.

Note that this article was written before the Developer release, so be aware that the screenshots may be a bit out-of-date! Note also that the purpose is to show how easy it is to get going, not good application architecture!

How to Build It

Step 0: Install the Rhapsody Developer release on your Power Mac, if you haven't done so already. Refer to Apple's instructions on how to do this.

1. Launch ProjectBuilder.app (aka "PB").

It's in /NextDeveloper/Apps, just double-click it.

2. Click Project - New...

An OpenPanel will come up - select "Application" for project type in the pop-up menu, type in "sWord" and "OK".

This will create a new directory named "sWord" with various project files:

PB.project: the file which maintains your makefiles.
Makefile, Makefile.preamble, Makefile.postamble: the makefiles.
sWord_main.m: the source file which defines main().
English.lproj: the directory with localized interface files (NIBs)
sWord.iconheader: the file which keeps track of App and Doc icons.

All of these files are created and maintained by ProjectBuilder - you don't have to write a single line of code to get your app skeleton.

3. In the sWord ProjectBuilder window, click "Interfaces", and then double-click "sWord.nib" to automatically launch InterfaceBuilder - where you will design your interface, create new classes, and test your application.

Note also the sWord-windows.nib file, which is for deploying your application on WindowNT and Window95, with no changes to your code! Since Windows organizes its menus differently, this NIB file will be different, according to Windows human interface (or lack thereof) design.

4. In InterfaceBuilder's Palette window, click the "Text" icon to load "DataViews", the palette containing Text in a ScrollView. Drag the ScrollView onto your main window, "My Window".

5. Move the ScrollView to the upper left hand corner of your window, and drag its bottom right knob to resize the ScrollView to fill your window.

6. We will now add the ability for the Text to be able to accept drag and drop graphics, as well as display and save them. Bring up InterfaceBuilder's Inspector Panel with Tools - Inspector. Be sure that the ScrollView is selected. All you have to do is click the "Graphics Allowed" switch!

7. InterfaceBuilder allows you to specify how objects behave when the window they are in is resized. For our ScrollView with our Text object to automatically fill the window, we must set its "autosizing". IB allows to visually set these constraints. This eliminates us having to write code to deal with window size changes.

Choose "Size" from the pop-up menu at the top of the inspector. The Size inspector allows you to specify how objects behave when a user resizes the window. Lines mean "stays fixed", springs means "size to fit". click the middle vertical and horizontal lines to allow the ScrollView to expand and contract with the window:

8. It's time to add power to our app, which we will get for free by adding various menus to our app. By default, IB gives your app some lightweight menus without the depth of functionality that is possible. For example, the stock "Edit" menu just has copy,cut,delete and paste. However, if you drag off an "Edit" menu from the IB palette, it will contain the full range of menu items and associated functionality, including the SpellChecker and a Find Menu.

First, delete some of the stock ones provided by clicking the menu item, and choosing Edit - Cut. (This may change for Rhapsody Developer Release.) Your menu should look something like this now:

9. In IB's Palette window, click the Menu icon to load the Menus. Drag over the following menus from the Palette to the sWord Menu window:

Apple
	Document (rename this to "File")
	Edit (replace the other one - this one has a Spell Checker in it!)
	Font
	Text

Click the File menu to drop it down. From the IB Palette window, click and drag from the "Item" button to the sWord File menu. Rename the new menu item to "Page Setup...". Drag over another menu item, and rename this one to "Print...". These items may be there automatically in the Rhapsody Developer Release.

10. Now we are going to design a simple object, add its outlets (technically speaking, "instance variables") and actions (Objective C methods), and have InterfaceBuilder automatically create the source files for this new class. All you will have to do is add the few lines of code reproduced below to make these custom actions do something useful.

Click the "Classes" tab in the window with the "Instances" of objects in your interface, and an outline of the class hierarchy will be displayed.

Click "NSObject". Select "Classes - Subclass" from the menu bar.

Rename "MyNSObject" to "WordDelegate".

11. We will now add an instance of this new class, WordDelegate to our app. Choose "Classes- Instantiate".

Click the "Instances" tab to reveal what we've added:

12. Now, return to the "Classes" tab to add the actions (the objC method called when you click a menu item or button) and outlets (the instances of objects that your WordDelegate knows about) to the WordDelegate Class.

13. Click the "outlet plug" icon to the right of the WordDelegate, and click "Outlets" when it appears. Hit the RETURN key to create a new outlet, "myOutlet". Double-click to select the text and rename this outlet to "theText". This outlet will become an instance variable in our new WordDelegate class, so we can refer to the NSTextView object programmatically and send messages to it, but we'll "hook it up" in InterfaceBuilder. "Hooking Up" is the visual programming equivalent of assigning both an action and a target for menu items, buttons, controls, etc.

14. Connect the WordDelegate's outlet "theText" to the NSTextView which is inside of the ScrollView by control-dragging from the WordDelegate instance. Double-click "theText" in the Inspector's Outlets Browser.

15. Now, we'll add the functionality to our WordDelegate by adding the actions to which it can respond.

a. Click the small cross icon on the right to drop down the "Actions".

b.Select Actions, and type RETURN to add a new action.

c. Rename it "newText:".

d. Again, type RETURN and rename the new action to "openText:".

e. Again, for "saveText:".

16. Now, we'll connect our menu items to the object which performs the action and select the action to be performed.

Click the File menu to drop it down. Hold down the Control-Key, and click-drag from the Open... menu to the instance of WordDelegate, and release the mouse. Black lines will connect them up. Select "openText:" in the Actions browser, and click "Connect" in the NSMenuItem Inspector (double-click openText: to avoid this second step).

Repeat this for "Save" and "New", but double-click the actions "saveText:" and "newText:" respectively.

17. In the same control-drag manner, connect the Page Setup... to "First Responder" object in the Instance Browser. This is a very cool "placeholder" object which will send the method to the most appropriate object for the current context of the application. In Rhapsody, there is this notion of a responder chain which begins with the active user interface object (such as the Text if your cursor is blinking there), the window's delegate, the window, then the Application's delegate, and finally, the Application itself. The action is sent to the first object in the chain that responds to it (ie First Responder), and if none do, the menu item is automatically dimmed and disabled. For a full description of the Responder chain, you can access the online documentation via ProjectBuilder: click "Frameworks" - "AppKit.framework" - "Documentation" - "Reference" - "Classes" - "NSResponder.rtf". You will quickly learn how useful these docs are!

For our WordDelegate object to get these First Responder method calls, we'll must insert our WordDelegate into the First Responder chain.

Control-Drag from the "My window" icon in the Instance Browser to the "WordDelegate" instance, and select "delegate" outlet in the Outlets browser of the Window Inspector.

18. Control drag from "Page Setup..." menu item in the dropped down File menu to the First Responder icon in the Instances browser. Double-click "runPageLayout:" in the Inspector's Actions browser.

Likewise, Control-drag from "Print..." menu item to the Text portion of the ScrollView. Double-click "print:" in the Actions browser.

19. Now, let's test drive our app within InterfaceBuilder by choosing "Document- Test Interface". This then "runs" our application in an interpreted environment, so you can try out typing text, changing fonts, bringing up the ruler, dragging in graphics and so on. You won't be able to save or open yet, because we need to write that code, compile it, and run the compiled version to see additional functionality over what is already part of the runtime system.

20. We've designed an object, hooked it up, now let's ask IB to make the skeletal source files. Click the "Classes" tab and select the WordDelegate Class. Choose "Classes- Create Files..." from the menu bar.

After verifying that creating classes is what you want to do, InterfaceBuilder will then ask you if you want insert these new files into your sWord project.

Click "OK", and then ProjectBuilder will come up showing you the new source files.

21. Click "WordDelegate.m" under the Classes category in ProjectBuilder. The skeletal source file will be displayed, now it's time to write those 13 lines of code, and you'll see the beauty and elegance of Rhapsody!

22. Type in this code, I added the comments for your edification, so they don't count in the number of lines of code!

 ***** WordDelegte.m *****

#import "WordDelegate.h"
@implementation WordDelegate
- (void)newText:(id)sender
{
// empty out the text with the empty NSString:
    [theText setString:@""];

// Set the window's title to be untitled:
    [[theText window]setTitle:@"Untitled"];
// bring the window up in case the user has closed it:
    [[theText window] makeKeyAndOrderFront:self];
}

- (void)openText:(id)sender
{
// Get a new Open Panel
    NSOpenPanel *openPanel = [NSOpenPanel openPanel];

// Have it run modal and look for files of "rtf" or "rtfd" type:
    if ([openPanel runModalForTypes:[NSArray arrayWithObjects:@"rtf",@"rtfd",NULL]]) {
// we have a valid file, ask theText to read it in
        [theText readRTFDFromFile:[openPanel filename]];
// Update the window's name with the filename, but in a readable way:
        [[theText window]setTitleWithRepresentedFilename:[openPanel filename]];
// bring the window up in case the user has closed it:
        [[theText window] makeKeyAndOrderFront:self];
    }
}

- (void)saveText:(id)sender
{
// Get a new Save Panel:
    NSSavePanel *savePanel = [NSSavePanel savePanel];

// Set it to save "rtfd" files:
    [savePanel setRequiredFileType:@"rtfd"];

// Run modal, which returns YES if a valid path is chosen:
    if ([savePanel runModal]) {

// Ask the text to write itself to the chosen filename
// But don't make it back up before
// Set atomically:YES if you want "save backups", slower but more secure
        [theText writeRTFDToFile:[savePanel filename] atomically:NO];

// Update the title bar of the window
        [[theText window]setTitleWithRepresentedFilename:[savePanel filename]];
   }
}


@end
*************************

23. Click PB's Build icon, which brings up the "sWord - Project Build" panel. Click the Hammer icon again, and your app will get compiled. You can run it from within PB, or simply double-click the sWord.app in your sWord directory.

24. To build an installed version, click the "Options" panel button, and choose "Install" for the make target, then select the architectures you wish your app to run on. Build again. This will install the sWord.app into your ~/Apps directory, after "stripping" it to its smallest possible size.

25. Launch sWord.app and try it out!

Epilogue

That was easy, eh? Here are some things you can do to enhance your word processor:

  1. Rename "My Window" to "Untitled" so that the title starts in the right state. This is trivial to do in IB's Inspector, "Attributes" when the window is selected in the Instance browser.
  2. Add multiple documents to your app by creating a separate nib file which is owned by the WordDelegate class. See /NextDeveloper/Examples/AppKit/TextEdit for a very powerful, yet simple TextEditor which allows multiple docs (Document.h & Document.m).
  3. Add an Application Icon by creating a 48*48 icon (/NextDeveloper/Apps/IconBuilder.app), saving it, and then dragging it from the FileViewer to the "Project" icon well in ProjectBuilder's inspector, and recompiling.
  4. Add Find - TextFinder.h, TextFinder.m and FindPanel.nib and FindPanel.strings from TextEdit contain the functionality you need. This is much vaunted "code reuse" of object programming!
  5. Create methods for SaveAs... Again, look at the document architecture in the /NextDeveloper/Examples/Appkit folder.
  6. Add an "About..." panel. Drag in a panel from the IB palette and connect the "About..." menu item to this panel, with an action of "orderFront:".
  7. Add Tool Tips. Simply create an rtf file for each object that you want give popup help to, and attach to the user interface object in IB, Inspector- Help.
  8. Make the OpenPanel and SavePanel remember their last opened directory by making those variables static, and "retaining" them.
 - (void)saveText:(id)sender
{
// Create a static variable lives between invocations:
    static NSSavePanel *savePanel = nil;
// If it's the first time through, get a new Save Panel:
    if (savePanel == nil) {
   	 NSSavePanel *savePanel = [[NSSavePanel savePanel] retain];
    }
// Now, it will 'remember' it's last chosen directory...

Anyway, I hope this gives you a taste for the elegance and comfort of finely integrated Rhapsody development tools.


Andrew Stone, an early HyperTalk developer and coauthor of "Tricks of the HyperTalk Masters" emigrated to the NeXT community in 1989, going on to write such NeXT classics as TextArt, Create, DataPhile and 3Dreality.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

SpamSieve 2.9.38 - Robust spam filter fo...
SpamSieve is a robust spam filter for major email clients that uses powerful Bayesian spam filtering. SpamSieve understands what your spam looks like in order to block it all, but also learns what... Read more
TeamViewer 15.0.8397 - Establish remote...
TeamViewer gives you remote control of any computer or Mac over the Internet within seconds or can be used for online meetings. Find out why more than 200 million users trust TeamViewer! Free for non... Read more
SteerMouse 5.4.3 - Powerful third-party...
SteerMouse is an advanced driver for USB and Bluetooth mice. SteerMouse can assign various functions to buttons that Apple's software does not allow, including double-clicks, modifier clicks,... Read more
Toast Titanium 18.2.1 - The ultimate med...
Roxio Toast Titanium, the leading DVD burner for Mac, makes burning even better, adding Roxio Secure Burn to protect your files on disc and USB in Mac- or Windows-compatible formats. Get more style... Read more
HoudahSpot 5.0.11 - Advanced file-search...
HoudahSpot is a versatile desktop search tool. Use HoudahSpot to locate hard-to-find files and keep frequently used files within reach. HoudahSpot will immediately feel familiar. It works just the... Read more
ClipGrab 3.8.6 - Download videos from Yo...
ClipGrab is a free downloader and converter for YouTube, Vimeo, Facebook and many other online video sites. It converts downloaded videos to MPEG4, MP3 or other formats in just one easy step Version... Read more
ExpanDrive 7.4.0 - Access cloud storage...
ExpanDrive builds cloud storage in every application, acts just like a USB drive plugged into your Mac. With ExpanDrive, you can securely access any remote file server directly from the Finder or... Read more
Adobe Dreamweaver CC 2020 20.0 - Build w...
Dreamweaver CC 2020 is available as part of Adobe Creative Cloud for as little as $20.99/month (or $9.99/month if you're a previous Dreamweaver customer). Adobe Dreamweaver CC 2020 allows you to... Read more
Eye Candy 7.2.3.85 - 30 professional Pho...
Eye Candy renders realistic effects that are difficult or impossible to achieve in Photoshop alone, such as Fire, Chrome, and the new Lightning. Effects like Animal Fur, Smoke, and Reptile Skin are... Read more
Sparkle Pro 2.8.5 - Visual website creat...
Sparkle Pro will change your mind if you thought building websites wasn't for you. Sparkle is the intuitive site builder that lets you create sites for your online portfolio, team or band pages, or... Read more

Latest Forum Discussions

See All

Pre-register for Hello Kitty AR: Kawaii...
Hello Kitty — the cute cat that launched a multi-billion-pound franchise — has been brought to life… sort of. Sanrio has teamed up with the Bublar Group to create a new mobile game that uses AR tech to turn the real world into Hello Kitty’s... | Read more »
Gorgeous and tranquil puzzler Spring Fal...
One-man indie studio SPARSE//GameDev has now launched its tranquil puzzler, Spring Falls. It's described as "a peaceful puzzle game about water, erosion, and watching things grow". [Read more] | Read more »
Black Desert Mobile gets an official rel...
Pearl Abyss has just announced that its highly-anticipated MMO, Black Desert Mobile, will launch globally for iOS and Android on December 11th. [Read more] | Read more »
Another Eden receives new a episode, cha...
Another Eden, WFS' popular RPG, has received another update that brings new story content to the game alongside a few new heroes to discover. [Read more] | Read more »
Overdox guide - Tips and tricks for begi...
Overdox is a clever battle royale that changes things up by adding MOBA mechanics and melee combat to the mix. This new hybrid game can be quite a bit to take in at first, so we’ve put together a list of tips to help you get a leg up on the... | Read more »
Roterra Extreme - Great Escape is a pers...
Roterra Extreme – Great Escape has been described by developers Dig-It Games as a mini-sequel to their acclaimed title Roterra: Flip the Fairytale. It continues that game's tradition of messing with which way is up, tasking you with solving... | Read more »
Hearthstone: Battlegrounds open beta lau...
Remember earlier this year when auto battlers were the latest hotness? We had Auto Chess, DOTA Underlords, Chess Rush, and more all gunning for our attention. They all had their own reasons to play, but, at least from where I'm standing, most... | Read more »
The House of Da Vinci 2 gets a new gamep...
The House of Da Vinci launched all the way back in 2017. Now, developer Blue Brain Games is gearing up to deliver a second dose of The Room-inspired puzzling. Some fresh details have now emerged, alongside the game's first official trailer. [Read... | Read more »
Shoot 'em up action awaits in Battl...
BattleBrew Productions has just introduced another entry into its award winning, barrelpunk inspired, BattleSky Brigade series. Whilst its previous title BattleSky Brigade TapTap provided fans with idle town building gameplay, this time the... | Read more »
Arcade classic R-Type Dimensions EX blas...
If you're a long time fan of shmups and have been looking for something to play lately, Tozai Games may have just released an ideal game for you on iOS. R-Type Dimensions EX brings the first R-Type and its sequel to iOS devices. [Read more] | Read more »

Price Scanner via MacPrices.net

13″ 2.4GHz MacBook Pros available for up to $...
Apple has a full line of Certified Refurbished 2019 13″ 2.4GHz 4-Core Touch Bar MacBook Pros available starting at $1529 and up to $300 off MSRP. Apple’s one-year warranty is included, shipping is... Read more
New at T-Mobile: Switch to T-Mobile, and get...
T-Mobile is offering a free 64GB iPhone 8 for new customers who switch to T-Mobile and open a new line of service. Eligible trade-in required, and discount applied over a 24 month period. The fine... Read more
Xfinity Mobile’s Black Friday Apple savings:...
Take $250 off the purchase of any iPhone at Xfinity Mobile with a new line activation, and transfer of phone number to Xfinity Mobile, through December 8, 2019. This includes Apple’s new iPhone 11... Read more
2019 13″ 1.4GHz MacBook Pros available starti...
Apple has a full line of Certified Refurbished 2019 13″ 1.4GHz 4-Core Touch Bar MacBook Pros available starting at $1099 and up to $230 off MSRP. Apple’s one-year warranty is included, shipping is... Read more
Save up to $350 on a 21″ or 27″ iMac with the...
Apple has Certified Refurbished 2019 21″ & 27″ iMacs available starting at $929 and up to $350 off the cost of new models. Apple’s one-year warranty is standard, shipping is free, and each iMac... Read more
Early Holiday 2019 Sale: B&H again offers...
B&H Photo has 10.2″ iPads on sale again for $30 off Apple’s MSRP, starting at $299, as part of their early Holiday 2019 sale. Overnight shipping is free to many addresses in the US: – 10.2″ 32GB... Read more
Apple iMacs on sale today at B&H Photo fo...
B&H Photo has new 2019 21″ and 27″ 5K iMacs on stock today and on sale for up to $150 off Apple’s MSRP. Overnight shipping is free to many locations in the US. These are the same iMacs sold by... Read more
2018 4 and 6-Core Mac minis on sale today for...
Apple resellers are offering new 2018 4-Core and 6-Core Mac minis for $80-$100 off MSRP for a limited time. B&H Photo has the new 2018 4-Core and 6-Core Mac minis on sale for up to $100 off Apple... Read more
Early Holiday 2019 sale at B&H Photo: 12....
B&H Photo has new 12.9″ iPad Pros on sale for up to $120 off Apple’s MSRP as part of their early Holiday 2019 sale. Overnight shipping is free to many addresses in the US: – 12.9″ 64GB WiFi iPad... Read more
8-Core iMac Pro on sale today for $4499 at B...
B&H Photo has the base 8-Core 3.2GHz 32GB/1TB iMac Pro on sale today for $4499 — $500 off Apple’s MSRP. Shipping is free. Their price is the lowest available for a new iMac Pro from any Apple... Read more

Jobs Board

*Apple* Health Benefit Specialist - Call Cen...
Description ** Apple Health Benefit Specialist - Call Center (MAS 3/MACSC)** **Olympia, WA Multiple Positions** *The ideal candidate for this position will have Read more
Hair Stylist - *Apple* Blossom Mall - JCPen...
Hair Stylist - Apple Blossom Mall Location:Winchester, VA, United States- Apple Blossom Mall 1850 Apple Blossom Dr Job ID:1065040Salon Professionals Job Read more
*Apple* Mobility Pro - Best Buy (United Stat...
**747088BR** **Job Title:** Apple Mobility Pro **Job Category:** Store Associates **Store NUmber or Department:** 000297-Reston-Store **Job Description:** At Best Read more
Nurse Practitioner - Field Based (San Bernard...
Nurse Practitioner - Field Based (San Bernardino, CA, Apple Valley, Hesperia) **Location:** **United States** **Requisition #:** PS30312 **Post Date:** Nov 11, 2019 Read more
Best Buy *Apple* Computing Master - Best Bu...
**747061BR** **Job Title:** Best Buy Apple Computing Master **Job Category:** Store Associates **Store NUmber or Department:** 000647-Kildeer-Store **Job Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.