ICT Lectures

Networking

2011-09-11T08:29:00.001-07:00

IP Addressing

So what’s a TCP/IP Address?

TCP/IP address works on the Network and Transport layer of the OSI-ISO reference model and Internet model. To understand IP addressing, Let’s take a look at the postal addresses. Every house or building must have its own postal address in order for mail to be delivered. An address consists of house number, street, and city. Every device such as (printers, routers, servers, gateways) needs a unique IP address to be identified in the network.

IP address is a 32-bit of binary number.

00001010 00000111 00000101 00000001

Lots of zeroes and ones are very difficult to remember for humans. In order to understand these zeroes and ones, we have to divide them into octets.

00001010	00000111	00000101	00000001

Then, we will convert these binaries into decimal value to obtain 10 . 7 . 5 . 1 as dotted decimal.

Other layer 3 protocols

Protocols	Network	Node(hosts)
Novell IPX	32 bits	48 bits
AppleTalk	16 bits	8 bits
DECNET	6 bits	10 bits

Classes of IP Address

Classes	Network	Node(hosts)
Class A	8 bits	24 bits
Class B	16 bits	16 bits
Class C	24 bits	8 bits
Class D	multicast address	bits
Class E	reserved	bits

To compute for number of networks and hosts:

for Class A

2⁸ = 256 networks
2²⁴ = 16,777,216 hosts

Multicast address – is used for single device transmitting to a group of hosts. Ex. Like video conferencing with single video server sending to multiple hosts.

What class of IP address am I using?

If we going to add all the binaries below of each table, we may be able to distinguish what class of IP address we are using.

Class A

128	64	32	16	8	4	2	1	…..	128	64	32	16	8	4	2	1
0	0	0	0	0	0	0	0	…..	0	1	1	1	1	1	1	1

0 – we cannot use zero because zero is reserved.
127 – as well as this decimal because this is a Loopback address.

Range for Class A : 1 – 126

Class B

128	64	32	16	8	4	2	1	…..	128	64	32	16	8	4	2	1
1	0	0	0	0	0	0	0	…..	1	0	1	1	1	1	1	1

Range for Class B : 128 – 191

Class C

128	64	32	16	8	4	2	1	…..	128	64	32	16	8	4	2	1
1	1	0	0	0	0	0	0	…..	1	1	0	1	1	1	1	1

Range for Class C : 192 – 223

Class D

128	64	32	16	8	4	2	1	…..	128	64	32	16	8	4	2	1
1	1	1	0	0	0	0	0	…..	1	1	1	0	1	1	1	1

Range for Class D : 224 – 239

Host Addressing

Class C

11000000	10101000	00000001	xxxxxxxx
192	168	1	?

Number of hosts. For class C, we will use the last octet.

128	64	32	16	8	4	2	1
0	0	0	0	0	0	0	0	0
0	0	0	0	0	0	0	1	1
0	0	0	0	0	0	1	0	2
0	0	0	0	0	0	0	0	.
1	1	1	1	1	1	1	0	254
1	1	1	1	1	1	1	1	255

Again, we cannot use zero and 255 as our hosts. Because zero(0) is a network and 255 is the broadcast address. We can understand this later on IP subnetting.
So, the range is 1 – 254.

Subnet masking

Class A	255.0.0.0
Class B	255.255.0.0
Class C	255.255.255.0

A subnet mask is used to show which portion of the IP address identifies the network and which portion identifies a specific host on the network. This seems to be unnecessary since it always identifies the network and hosts. However, this is not true for other networks. That’s why subnet masking is used to differentiate the network portion of the address from the host portion. Can we subnet an existing network? IP subnetting is discussed in next section.

Subnetting

Why do we need to subnet? With subnetting, we can borrow bit/s from host bits as network bits to expand and reduced the traffic in our network. Another reason is SECURITY.

Suppose XYZ company has 5 devices in one of their department that need IP addresses, and the network is 192.168.1.0. The IP address could be assign as follows:

Router: 192.168.1.1
Comp1: 192.168.1.2
Comp2: 192.168.1.3
Comp3: 192.168.1.4
Server: 192.168.1.5

Hosts: 1, 2, 3, 4, 5 are all on the same network 192.168.1.0

Let’s try to look at this class C address of 192.168.1.0 with subnet mask of 255.255.255.0.

The problem:

XYZ company has obtained a class C IP address of 192.168.1.0 and they need four different subnets. How can we do that?

Here are the steps:

Step 1 : We will going to borrow bits from the host bits as network bits.

IP address 192.168.1.0
Subnet mask 255.255.255.0

Let’s try to borrow 1 bit from the host portion. We only have 0 and 1 combination.

128	64	32	16	8	4	2	1
0	0	0	0	0	0	0	0

128	64	32	16	8	4	2	1
1	0	0	0	0	0	0	0

So, we obtained a subnet mask of 255.255.255.128 and we now have 2 new networks which is 192.168.1.0 and 192.168.1.128. But, the company needs four subnets. Let’s try to borrow 2 bits at this time. We have four combinations 00, 01, 10, and 11.

128	64	32	16	8	4	2	1
0	0	0	0	0	0	0	0

128	64	32	16	8	4	2	1
0	1	0	0	0	0	0	0

128	64	32	16	8	4	2	1
1	0	0	0	0	0	0	0

128	64	32	16	8	4	2	1
1	1	0	0	0	0	0	0

This time we can have four subnets:

192.168.1.0
192.168.1.64
192.168.1.128
192.168.1.192

Here’s the table:

Subnet mask: 255.255.255.192

Subnets	Network address	Host address	Broadcast address
First subnet	192.168.1.0	192.168.1.1 – 62	192.168.1.63
Second subnet	192.168.1.64	192.168.1.65 – 126	192.168.1.127
Third subnet	192.168.1.128	192.168.1.129 – 190	192.168.1.191
Fourth subnet	192.168.1.192	192.168.1.193 – 254	192.168.1.255

If we need 5 subnets and more, we can always borrow bits from the host bits as a network bits depending the numbers of subnet we want to obtain.
Note: as the number of subnet increases, the number of hosts will decrease in each subnet in the network.

(Cabling) What are Straight and Crossover cable?

Common Ethernet network cable are straight and crossover cable. This Ethernet network cable is made of 4 pair high performance cable that consists twisted pair conductors that used for data transmission. Both end of cable has a connector called RJ45(Registered Jack).
The cable can be categorized as Cat 5, Cat 5e, Cat 6 UTP cable. Cat 5 UTP cable can support 10/100 Mbps Ethernet network, whereas Cat 5e and Cat 6 UTP cable can support Ethernet network running at 10/100/1000 Mbps.

Straight Cable

You usually use straight cable to connect different type of devices. This type of cable will be used most of the time and can be used to:

1) Connect a computer to a switch/hub’s normal port.
2) Connect a computer to a cable/DSL modem’s LAN port.
3) Connect a router’s WAN port to a cable/DSL modem’s LAN port.
4) Connect a router’s LAN port to a switch/hub’s uplink port. (normally used for expanding network)
5) Connect 2 switches/hubs with one of the switch/hub using an uplink port and the other one using normal port.

Straight through cable

Both side (side A and side B) of cable have wire arrangement with same color.

Crossover cable

Sometimes you will use crossover cable, it’s usually used to connect same type of devices. A crossover cable can be used to:

1) Connect 2 computers directly.
2) Connect a router’s LAN port to a switch/hub’s normal port. (normally used for expanding network)
3) Connect 2 switches/hubs by using normal port in both switches/hubs.

Crossover cable

Both side (side A and side B) of cable have wire arrangement with following different color.

If you want to configure a straight or crossover cable, you will need the following tools and materials:

1. UTP cable (probably Cat5, Cat5e or Cat6)
2. RJ45 (connector for both ends of UTP cable)
3. Crimper
4. Wire stripper
5. LAN tester

Peer-to-Peer configuration

A P2P is a computer networks in which each computer can act as a server/client for the others, allowing shared access to files and peripherals without the need for a central or dedicated server. Configuring a P2P is simpler than dedicated server network. This type of network is appropriate for home or small businesses with a maximum of 10 computers/devices on the network.

This step-by-step tutorial will guide you on how to configure a P2P network:

How to Set Computer Name and Workgroup in Windows XP

It’s better for you to set computer name and workgroup in Microsoft Windows network in order to identify the computers easier.

Computer name is used to identify your computer in Windows network. It’s especially useful to be used for file sharing.

Each computer must belong to a workgroup also. A workgroup is a group of computers on your network that share common resources. Default workgroup in Windows XP isWORKGROUP.

Follow the instructions here to set computer name and workgroup.

1) Go to Start and right click on My Computer. Click Properties.

2) System Properties window will appear. Select Computer Name tab and click Change to change computer name and workgroup. You can key in computer description as an option also.

3) In this Computer Name Changes window, key in Computer Name and also Workgroup. The Computer name I entered is Carlo and workgroup is WORKGROUP. Click OK at last.

Note: Please make sure computer name is unique in your network, not more then 15 characters and avoid from using this characters for naming your computer name: * “ . , @ /

4) System will prompt you to restart computer. Click OK and restart your computer for the changes to take effect.

5) After computer is restarted, go to System Properties window again and you will see the computer name Carlo and Workgroup WORKGROUP.

How to assign unique IP address to each device in a network?

In this tutorial, we will use a private class C IP address. This tutorial assumes that you have already knowledge in IP addressing and Subnetting. IP addressing is dicussed in this section IP Addressing

1) Go to My Network Places, right click and choose properties.

2) Right click Local Area Connection and tick properties.

3) Local Area Connection dialog box will appear. Double click TCP/IP connection and enter the IP address for that computer.

4) Clicking the subnet mask will automatically gives you a subnet mask. Accept the defualt subnet mask.

That’s it! Follow instructions for your second PC, third PC, and so on. You are now ready to share files and share printer

Simple File Sharing in Windows XP

The reason we want to configure a LAN is Information and Resource sharing. One of the best example of Information sharing is sharing your folder or file in the network. You can do folder and file sharing in your home network, so that they can be read or written by other users. However it’s not advisable to share your folder with write permission, unless it’s really needed.

There are users who prefer to share the drive (C:, D:, E:, etc) in the network, but it’s not recommended. Sharing drive is dangerous, if your computer is not patched, configured and secured properly, your computer will be attacked by virus/trojan easily by sharing the drive. So, the best way is, only share the folder which you need to share. Only assign write permission to folder if really needed.

To make file sharing work better in your network, it’s better to assign all computers to the same workgroup.

Here is how to do it:

Note: Before you start, make sure you’ve enabled File and Printer Sharing for Microsoft Networks on network card’s properties. If not you won’t be able to do file sharing.

1) Let’s start! Open the folder which you plan to share, go to Tools and click Folder Options…. After that go to Viewtab, scroll down in Advanced settings section and make sureUse simple file sharing is enabled (default is enabled). Click OK and close the window.
2) Proceed to right click the folder you wish to share and click Sharing and Security.

Note: If you are logged on as a guest (a guest account provides access to the computer for any user who does not have a user account on the computer), you cannot create a shared folder.

Note: The Sharing option is not available for the Documents and Settings, Program Files, and WINDOWS system folders. In addition, you cannot share folders in other user’s profile.

Note:When you share a folder, you also share all of its subfolders unless you make them private.

3) Your folder Properties will appear. Select Sharing tab and tick Share this folder on the network to share the folder. You can type in a new name in the Share name text box to change your folder name on the network, however this will not change the folder name on your computer. Click Apply.

Note: Don’t tick Allow network users to change my files (give write permission to other users) unless it’s needed.

Note: If the sharing options are grayed out as shown below, this is because the folder is in another folder that is private (don’t allow folder/file sharing). Just click the another folderto disable the private option.

4) Once you have shared the folder, you will see there is a hand supporting your folder. You have successfully shared your folder.

How to Share Printer in Windows XP

Another reason why we want to configure a LAN is resource sharing. One of the best example for this is a printer sharing. Follow this step-by-step instructions to share printer in Windows XP.

1) Go to Start and click Control Panel. Control Panel Window will appear, then double clickPrinters and faxes.

2) Printers and Faxes window will appear. Right click the printer you want to share, then click Sharing…

Note: Make sure you’ve enabled File and Printer Sharing for Microsoft Networks on network card’s properties.

3) Select Sharing tab and tick Share this printer to share the printer. You can type in a new name in the Share name text box to change your printer name on the network, however this will not change the printer name on your computer. Click Apply.

Note: If the other users using different version of Windows to access your printer, they will need to install printer driver themselves. You can help by installing additional printer drivers on your Windows XP, so that the printer driver will be installed when other users access the shared printer with different version of Windows. Click Additional Drivers, tick additional driver you would like to install. You will be prompted to install those additional drivers after clicking OK.

4) Once you have shared the printer, you will see there is a hand supporting your printer.

How to connect to a shared printer?

1) Click Start, and then click Printers and Faxes.

Note: Depending on your computer settings or your version of Microsoft Windows XP, you may have to access the Printers and Faxes option through the Control Panel.

2) In the Printers and Faxes window, click File, and then click Add Printer.

3) On the Welcome to the Add Printer Wizard page, click Next.

4) On the Local or Network Printer page, click A network printer, or a printer attached to another computer, and then click Next.

5) On the Specify a Printer page, click Browse for a printer, and then click Next.

6) On the Browse for Printer page, under Microsoft Windows Network, expand any groups you see by clicking the plus sign next to the group name. Then select your printer. Click Next.

7) In the Connect to Printer dialog box, click Yes.

On the Completing the Add Printer Wizard page, click Finish.

You are now ready to print to the network printer, just as you would to a printer that is attached directly to your computer. Repeat these steps for each computer on your home network to connect them to the shared printer.

Flash Car Animation - Driving at Night

2011-09-10T19:56:00.000-07:00

lash car animation should be the most common animation created again and again over the years. This series of animation tutorials will show you how to make it with flash. The final flash car animation is shown as below:

Create an Animated Car Banner using Flash CS5

2011-09-10T19:50:00.000-07:00

In this tutorial, you will learn how to create an animated banner using Flash CS5. You will learn how to create a car moving on a road with its tires spinning.

Here we will create a banner of size 728x300. To start with the tutorial download the tutorial.zip file that will provide you with the necessary files to be used in the tutorial.

1. Open a new flash file. Choose Window > Properties from the main menubar the PROPERTIES panel is displayed as shown in figure below

Choose the Edit button under the PROPERTIES area in the panel, the Document Settings window is displayed. Set the dimensions as 728(WIDTH) and 300(HEIGHT) and choose the OK button to make the changes.

2. Rename the existing layer as buildings and choose File > Import > Import to Library from the main menubar and import the files downloaded at the starting of the tutorial.

3. Choose Window > Library from the main menubar; the LIBRARY panel is displayed. Pull the building images to the stage area and align it as shown in Figure below.

4. Select the image and choose Modify > Convert to Symbol from the main menubar and name this movieclip as building_animation.

5. Double-click on the movieclip and select the building image and create a moviclip again and name it asbuilding. Rename the layer as anim_building.

6. Select frame 460 and add a keyframe. Select the building movieclip and open the PROPERTIES panel and se the X value to -1450. Publish the file to see the animation. If at any point of time you find a jerk in the animation please adjust the position and frames of the building movieclip accordingly.

7. Go to the main stage area and create a new layer named road. Choose the Rectangle Tool from the Toolspanel and create a box at the bottom of the building area and align it as shown in Figure below. Make sure that the color of the road is set to #171717.

8. Next, create a new layer named road strip and create a grey and white rectangular pattern using theRectangle Tool from the Tools panel, as shown in Figure below. Make sure that the length of the road strip pattern is almost equal to that of the buildings.

9. Select the road strip and choose the Free Transform Tool from the Tools panel and distort the road strip as shown in Figure below. Make sure that the color of the grey part in the strip pattern is similar to that used inroad.

10. Choose Modify > Convert to Symbol from the main menubar and name it as road strip. Select the movieclip and choose Modify > Convert to Symbol again and name it as road strip animation. Place this animation in the center of the road as shown in Figure below.

11. Animate the road strip as you did for the building movieclip. But make sure that the speed of the road strip is double as compared with the moving speed of the buildings. Publish the flash file to see the transition in the animation.

12. Next, move back to the main stage area and create a new layer and name it as logo. Drag the logo.jpeg file from the LIBRARY panel and place it in the scene by first scaling it down as shown in Figure below.

13. Create a new layer in the main stage area and rename it as footpath. Create the footpath using the Rectangle Tool as shown in Figure below. Make sure to match the length of the footpath series with the road strip.

14. Align the foothpath as shown in Figure below.

15. Animate the foothpath similar to the road strip with the same speed. Publish the flash file to see the effect.

16. Next, in the main stage area create a new layer and rename it as car. Choose Modify > Convert to Symbol and rename it as car. Double click on the car movieclip and create a new layer and rename it as tyre_front. Zoom in the to the front tyre area in the screen and create a pattern using the Rectangle Tool as shown in Figure below.

17. Make this pattern as a movieclip and renmae it as tyre_mask. Double click on this movieclip and rename the existing layer as bg and selec the cross pattern again and choose Modify > Convert to Symbol from the main menubar and rename it as spokes. Choose Window > Properties from the main menubar and add blur filter to it.

18. Next, create a new layer over it and rename it as mask. Create an oval shape exactly the shape of the rim of the car as shown in Figure below.

19. Activate the bg layer and create keyframes at frames 3 and 6. Rotate the spokes movieclip at frame 3 by around 180 degrees and add motion tween between the keyframes.

20. Next, activate the mask layer and chose frame 6 and press F5 to extend the frames. Now, right click on themask layer and choose Mask from the drop-down list, spokes will be visible only in the rim area as shown in Figure below.

21. Similarly, add the same effect to the rear wheel. Move back to the main stage area and double click on thecar_animation movieclip and create a keyframe on frame number 40. Move the car movieclip a bit in the top right position. Next, add another keyframe at frame number 75 and place the car in the bottom right position. Add one more keyframe at frame 115 and place the movieclip in the top left position. Add the last keyframe on frame 190 and place the moviclip at the same position as it was on frame1. Add motion tween between the all the keyframes.

22. Position the car on the main stage area as shown in Figure below.

23. Publish the flash file to see the banner animation.

24. You can also use this banner animation for creating an banner advertisement for mercedes benz. To do so, create one more layer in the stage area and rename it as text and add it in the scene and make it fly in the stage area and then stop as shown in Figure below.

25. Publish the flash file to get the animation as shown below.

Source:

http://www.entheosweb.com/Flash/animated_banner.asp

Creating a Simple Animation in Flash CS5

2011-09-10T19:44:00.000-07:00

In this tutorial, you will learn how to create a simple biker animation in Flash CS5 with a snowfall effect in the background. This tutorial will teach how to create frames, keyframes, blank frames & motion tweens. You will also learn how to use the deco tool to create a simple snow fall effect.

We will learn how to create tha nimation you see above. Let's get started!

Open the FLA File

1. Download & Unzip the tut_files.rar.
2. Choose File > Open from the main menubar; the Open window is displayed.
3. Choose the start.fla file from the Open window and choose the Open button; the file to be used in this tutorial is opened.
By default, a biker is placed in the stage area, as shown below.

4. Next, choose File > Import > Import to Stage from the main menubar; the Import window is displayed. Navigate to the folder that you downloaded and select the background.psd file. Choose Open to import; the Import “background.psd” to stage window is displayed, as shown in the figure below.
*.psd is the file extension for a photoshop file. In Flash CS5, you can import a photoshop file directly to stage.
5. Select the left_tree from the top left of this window; its corresponding parameters are displayed on the right.
6. Next, select the Loseless option from the Compression drop-down list in the Publish Settings area.
Tip! The Loseless option maintains the quality while publishing the final animation.

6. Similarly, set the same parameters for front_tree and background icon. Now, choose the OK button; the images are imported to the stage area as shown in the Figure below.

On importing the images on the stage, the existing biker movie clip is hidden behind.
7. Choose Window > Timeline from the main menubar if the TIMELINE panel is not displayed.
The layer named biker is at the bottom of all the layers in the TIMELINE panel.
8. Select the biker layer and drag it above the layer named background; the biker will bevisible in the stage area, as shown in the figure below.

Adding Motion Tween to the Biker

1. Select the biker movie clip from the stage area and move it to the left, out of the stage area; as shown the figure below.

The biker movie clip is moved on the left, out of the stage area, so that while publishing the final animation the biker appears to enter into the stage after an interval of 2-3 secs.
2. Select the keyframe in front of the biker layer in the TIMELINE panel. Make sure the keyframe is selected and right click over it; a flyout is displayed. Choose Create Motion Tween from the flyout; the motion tween is added to the Timeline in the biker layer, as shown the figure below.

You can identify that a particular layer is having a motion tween added to it by the box shaped symbol at the front of the layer name and the blue background colour of that particular layer in the timeline.
Everytime you add motion tween to a layer, the number of frames added in the timeline will play the animation for 1 second. For e.g, if the frame rate is set to 24fps (frames per second), the number of frames added willl be 24 in number. You can view the default frame rate or change it from the bottom of the timeline, as shown in the figure below.

3. Choose the Selection Tool from the Tools panel and select the rightmost frame of the biker layer. Press and hold the left mouse button over it and drag it to frame 160.
4. Next, select the biker movie clip from the stage area. Press and hold the SHIFT key and drag the movie clip to the right, out of the stage area, as shown in the figure below.

The green colored line created represents the motion tween path for the biker movie clip. The color of the motion tween path is similar to the outline color of the layer in the TIMELINE panel.
5. Press and hold the CTRL key and select the blank frames for the left_tree, front_tree, and the background layer on frame 160, as shown the figure below. Next, press the F5 key from the keyboard to add blank keyframes in the timeline for the selected layers.

The playhead in the TIMELINE panel at frame 160 shows only the biker movie clip in the stage area. It is so, as the other layers except the biker layer did not have any frames till frame 160. F5 key adds blank keyframes having the same content as of the first layer of the respective layer.
6. Press ENTER to preview the motion tween in the stage area. If the animation works press CTRL + ENTER to publish the animation; a new window displaying the motion is displayed, as shown the figure below.

Adjusting the Motion Tween Speed

1. Choose the Selection Tool from the Tools panel and select the green colored motion tween path for the biker movie clip.
2. Choose Window > Properties from the main menubar to display the PROPERTIES panel, if it is not already displayed.
3. Set the Ease value in the EASE area to -100.
Tip! Easing is a process for controlling motion tween in flash. Easing can be further classified into Ease In and Ease Out. In Ease In, the motion begins slowly, before gaining speed as time progresses with a positive value and in Ease Out, it happens exactly opposite with a negative value.
4. Choose CTRL + ENTER from the keyboard to publish the easing effect in the motion tweened animation.
The biker starts slowly and gradually speeds up as it progresses to the end, you can also do the opposite by entering a positive ease value.

Adding Snow Particles in the Scene

1. Select the biker layer from the TIMELINE panel and choose the New Layer icon at the bottom left of the panel. Rename the new layer as snow_1.
2. Choose View > Rulers from the main menubar to display the ruler marker on the edges of the flash area.
3. Next, choose the Deco Tool from the Tools panel and then expand the PROPERTIES panel.
4. Now, select the Particle System option from the drop-down list labeled Vine Fill in the DRAWING EFFECT area; theParticle System options are displayed in the PROPERTIES panel, as shown in figure below.
5. Set the color of Particle 1 and Particle 2 to white by choosing the black colored box below the Edit button in theDRAWING EFFECT area, refer the below figure for you reference.

3. Next, expand the ADVANCED OPTIONS area if it is not by default. Set the following values in this area:

Total Length =160 Particle Generation = 160

Rate per frame = 3 Rotation rate = 180

4. Press CTRL + - to zoom out of the current view and click above the stage area near the horizontal slider marked 200; the particles are generated till frame 160.
5. Choose CTRL + ENTER from the keyboard; a new window is displayed showing the particle generation, as shown in the below figure.

The particles are generated only on the left of the scene area. To allow the generation of the particle on the entire scene we need to create one more particle system
6. Select the front_tree layer from the TIMELINE panel and choose the New Layer icon at the bottom left of the panel; a new layer is created. Rename this layer to snow_2.
7. Choose the Deco Tool from the Tools panel and set the properties in the PROPERTIES panel as discussed in step 3.
8. Create a particle system on the right of the stage area where no particles were generated earlier.9. Choose CTRL + ENTER from the keyboard to view the final motion tween animation, as shown in the below figure.

Source:
http://www.entheosweb.com/Flash/simple_animation.asp

Make a Very Basic Flash ActionScript Website Tutorial

2011-09-10T19:41:00.000-07:00

This Flash tutorial series show how to make a simple and basic Flash web site with ActionScript 3. The first Flash tutorial shows how to make a very basic Flash web site with ActionScript 3. Although it is a very basic Flash web site, it has almost all the basic features.

Flash Tutorial Content:

Making a Flash ActionScript web site is very easy and fun. In order that users can maintain the website without any knowledge of Flash, this is better to use external text files for the web contents.
The first Flash Movie of this tutorial is shown as above. You may play around to see how it works.

Flash ActionScript Codes:

//Create a new loader to load the text file

var myURLLoader = new URLLoader();

//Specify the data format

myURLLoader.dataFormat = URLLoaderDataFormat.TEXT;

// Call function homePage when Flash Movie loads

homePage(null);

//Listen to when the loading COMPLETE

myURLLoader.addEventListener(Event.COMPLETE, loadTextFile);

function loadTextFile(evt:Event) {

//Already set in the Parameters window
//content_txt.wordWrap = true;

//Load the text file to TextArea
//replace double empty line with a single empty line
content_txt.text = evt.target.data.replace(/\r/g,"");

}

///////////////////////////////////////////

////////// Buttons and Functions //////////

//////////////////////////////////////////

//Add event listener to the Home button

home_btn.addEventListener(MouseEvent.CLICK, homePage);

//Add event listener to the About Us button

aboutUs_btn.addEventListener(MouseEvent.CLICK, aboutUs);

//Add event listener to the Contact Us button

contactUs_btn.addEventListener(MouseEvent.CLICK, contactUs);

function homePage(evt:MouseEvent):void {

//Load the text file (home.txt)
myURLLoader.load(new URLRequest("home.txt"));

}

function aboutUs(evt:MouseEvent):void {

//Load the text file (about-us.txt)
myURLLoader.load(new URLRequest("about-us.txt"));

}

function contactUs(evt:MouseEvent):void {

//Load the text file (contact-us.txt)
myURLLoader.load(new URLRequest("contact-us.txt"));

}

External Text Files (Webpages)
home.txt
about-us.txt
contact-us.txt

Source: http://www.flashwonderland.com/simple-website/Simple-Website-1.html

Play and Stop Flash Movie Clip with ActionScript 3

2011-09-10T19:24:00.000-07:00

This tutorial series show how to use Flash ActionScript to control Flash Movie Clip.

Flash Tutorial Content:

The most basic idea of controlling a Flash MovieClip on stage is to Play it, Stop it, Go To next frame, Go To previous Frame, Go To a certain frame and continue the playing and stop it. This tutorial shows how to do it.
The completed Flash Movie of this Flash ActionScript tutorial is shown as above. Please play around to see how it works.

Flash ActionScript Codes:

// Play Square MC Button

play_btn.addEventListener(MouseEvent.CLICK, playSquare);

function playSquare(evt:Event) {

square_mc.play();

}

// Stop Square MC Button

stop_btn.addEventListener(MouseEvent.CLICK, stopSquare);

function stopSquare(evt:Event) {

square_mc.stop();

}

// Square MC Go To Frame 15 STOP Button

gotoFrame15Stop_btn.addEventListener(MouseEvent.CLICK, gotoFrame15Stop);

function gotoFrame15Stop(evt:Event) {

square_mc.gotoAndStop(15);

}

// Square MC Go To Frame 15 PLAY Button

gotoFrame15Play_btn.addEventListener(MouseEvent.CLICK, gotoFrame15Play);

function gotoFrame15Play(evt:Event) {

square_mc.gotoAndPlay(15);

}

// Square MC Go To NEXT Frame Button

gotoNextFrame_btn.addEventListener(MouseEvent.CLICK, gotoNextFrame);

function gotoNextFrame(evt:Event) {

square_mc.nextFrame();

}

// Square MC Go To PREVIOUSFrame Button

gotoPreviousFrame_btn.addEventListener(MouseEvent.CLICK, gotoPreviousFrame);

function gotoPreviousFrame(evt:Event){

square_mc.prevFrame();

}

// Add Event Listener to stage

addEventListener(Event.ENTER_FRAME, countFrame);

function countFrame(evt:Event){

// Display the current frame number
output_txt.text = ("The Current Frame Number is now: " + square_mc.currentFrame);

}

Remarks:

In this Flash ActionScript tutorial, we learn how to control Movieclip - Play, Stop, Go To next frame, Go To previous Frame and Go To a certain frame.

Source:

http://www.flashwonderland.com/control-movie-clip/control-movie-clip-1.html

Flash Sound On/Off Button

2011-09-10T19:06:00.000-07:00

In this tutorial you will learn how to create a simple Flash music on and off button using Flash actionscript. Fla download is also included.

This tutorial starts with the music on. On clicking the button music goes off (as seen in the demo). You can start the music again at any point during the movie.

STEPS TO FOLLOW

To start with, make 2 buttons. 1 for ON and another, for OFF

Demonstration

Download the .fla

Next you need to create 2 Movie clips.

For sound
For buttons

Okay let's start with the Sound Movie clip

Create three keyframes.
Insert stop action to all the keyframes.
Insert your music into frame1.

NOTE: Keep the loop count of your music fairly an high value and the sync should be at event.

In frame2 insert the following code,

gotoAndStop(1);

In frame3 insert the following code,

gotoAndPlay(1);

Now you are through with your Sound Movie clip.

Next, Lets start with the Button Movie clip

Create 2 keyframes.
Insert stop actions to both the keyframes.
Insert OFF button into frame1.
Select your OFF button and insert the following code,

on (release) {
tellTarget ("../music") {
stopAllSounds();
}
}
on (release) {
nextFrame();
}
Insert ON button into frame2.
Select your ON button and insert the following code,

on (release) {
tellTarget ("../music") {
nextFrame();
}
}
on (release) {
prevFrame();
}

Insert your Sound Movie clip into your movie and name it "music" in your instance panel.
Insert your Button Movie clip into your movie.
Now press ctrl+enter to play your movie.

Source:

http://www.entheosweb.com/Flash/flash_sound_button.asp

Simple Flash Preloader

2011-09-10T19:03:00.000-07:00

This tutorial will explain how to create a simple Preloader in Flash MX 2004. The download .fla is included at the end of the tutorial.

Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download the .fla file.

STEPS TO FOLLOW

Create a Movie clip.

Draw a borderless rectangle.
If your color mixture panel is not open press Shift+F8 to open it.
Select your rectangle, go to color mixture panel and choose linear from the drop down menu.
Now change your linear fill accordingly, with white on right end and your background color on the other end.
Select this rectangle and press F8 to convert this rectangle to a symbol. Name this symbol "Bar" and choose Graphic behavior. Press OK.
Press Ctrl+F8 to create a new movie clip for preloader effect.
Call it "preloader_mc". Choose movie clip behavior and press OK.
Draw a borderless zigzag as shown below on the first frame and press F5 on the 90th frame.
Insert a new layer and pull it below Layer1.
Insert the bar graphic symbol into this new layer "Layer2".
Adjust the height of the bar such that its height is equal or little more than the zigzag height.
Position this bar graphic as shown below.
Press F6 on the 35th frame. Keeping framehead on 35th frame, pull the bar graphic onto the other side of zigzag as shown below.
Select any frame between Frames 2 and 34 and select Motion from the tween pop-up menu in the Property inspector.
Select frame 40 and press F6 to insert a new keyframe on the 40th frame.
Keeping the framehead on the 40th frame select bar graphic and go to main menu,
Modify>Transform>Flip Horizontal.
Select frame 85 and press F6 to insert a new keyframe on the 85th frame.
Keeping the framehead on the 85th frame pull the bar graphic symbol to its initial position as in frame 1.
Select any frame between Frames 41 and 84 and select Motion from the tween pop-up menu in the Property inspector.
Select frame 90 and press F5.

Adding Preloader to your Scene1

Now go to your Scene1.
Insert 3 new layers.
Drag "preloader_mc" from your library onto your working area. Place it at the center of your working area. Press F5 on the 2nd frame
Type in "LOADING" on the 1st frame of your 2nd layer.
Copy and Paste the below script in the action panel of your 1st frame of 1st layer.

ifFrameLoaded ("end") {
gotoAndPlay ("start");
}
Press F6 on the 2nd frame of 1st layer and insert the below script in the action panel of your 2nd frame of 1st layer.

gotoAndPlay (1);

Start your Main movie from the 3rd frame onwards.
Name the 1st frame of your main movie "start" and the last frame "end".

Source:
http://www.entheosweb.com/Flash/preloader1.asp

Scrolling Content in Flash

2011-09-10T18:59:00.000-07:00

Learn how to scroll content in Flash using the ScrollPane Component. The free .fla download file is included at the end of the tutorial.
Please note:
1. You need to have Flash Player 7.0 installed to view the Flash file.
2. Flash 8.0 must be installed in your system to download the .fla file.

Steps to Follow :

Open Flash 8.0 and create a new Flash document

Scrolling Content in Flash

Demonstration
Create a movie clip called content_mc and in the symbol properties box check export for actionscript and Export in first frame. View the screenshot below.
Open the Components Panel by clicking on Window/Components
Select and drag the ScrollPane component into the stage

Select the ScrollPane component on the stage and in the properties inspector choose the Parameter tab and enter the height and width you would like for the scrolling content. In the contentPath property, type in the name of your content movie clip i.e. content_mc. The scrollpane is an in-built Flash component that scrolls the content in the movie clip specified.
Press Ctrl+Enter to test the file.

Congratulations! You have successfully learnt how to scroll content in Flash using the in-built Flash ScollPane component.
If the content is not loading, please check that you have typed the correct movie clip name in the contentPath and in the movie clip properties you have checked export for actionscript and Export in first frame.

Please note: You need Flash 8.0 to open the .fla file.

Source:
http://www.entheosweb.com/Flash/scrolling_content.asp

Simple Flash Preloader using ActionScript

2011-09-10T18:55:00.000-07:00

Create 2 layers called actions and preloader. The actions layer will contain the action script and the preloader layer will contain the preloader.

In the first frame of the preloaderlayer. Select the rectangle tool and set the stroke color to black and fill color to a lighter shade and draw a rectangle as shown below.

Selecting both the stroke and fill of the rectangle press the F8 key to convert it to a symbol. In the name textbox, name the movie clip as preloader_mc and set the registration points totop-left corner and click OK to convert it to a movie clip.

Click the preloader_mc movie clip and in the properties panel, give it the instance name preloader.

Double click on the preloader_mc movie clip to go inside the movie clip. Once you are inside, click on only the fill area to select it and press the F8 key to convert it to a symbol. In the name text box, name the movie clip asloadBar and set the registration points to top-left corner and click OK to convert it to a movie clip.

Click the loadBar movie clip to select it and in the properties panel, give it the instance name loadBar.

Create a new layer called picture to display a picture after the preloader completes loading.

Insert a blank keyframe in the second frame of the picture layer and import a picture to the stage.

Select the first frame of the actions layer and enter the following lines of code

stop();
preloader.onEnterFrame = function()
{
            filesize = _root.getBytesTotal();
            loaded = _root.getBytesLoaded();
            preloader._visible = true;
            if (loaded != filesize)
            {
                        preloader.loadBar._xscale = 100*loaded/filesize;
            }
            else
            {
                        preloader._visible = false;
                        gotoAndStop(2);
            }
};

Test the movie by pressing Ctrl+Enter 2 times to simulate download or else the preloader would not be visible as you are directly loading it from the hard disk.

Source:

http://www.entheosweb.com/Flash/actionscript_preloader.asp

File management:

2011-08-28T11:23:00.000-07:00

A file system (filesystem) is means to organize data expected to be retained after a program terminates by providing procedures to store, retrieve and update data, as well as manage the available space on the device(s) which contain it.

Without a filesystem programs would not be able to access data by file name or directory and would need to be able to directly access data regions on a storage device.

File systems are used on data storage devices such as magnetic storage disks or optical discs to maintain the physical location of the computer files. They may provide access to data on a file server by acting as clients for a network protocol (e.g., NFS, SMB, or 9P clients), or they may be virtual and exist only as an access method for virtual data (e.g., procfs). This is distinguished from a directory service and registry.

File names

Files are an abstraction mechanism. They provide a way to store information on the disk and read it back later.

This must be done in such a way as to shield the user from the details of how and where the information is stored, and how the disks actually work.

Filenaming- the most important characteristic of any abstraction mechanism is the way the objects being managed are named.

· some file systems support names as long as 255 characters

· some file systems distinguish between upper and lower case letters, whereas others do not

· many OS support two-part file names, with the two-parts separated by a period, called File extension and usually indicate something about the file

example: In MS-DOS , file names are up to 1 to 8 characters

In UNIX, the size of the extension and a file may even have two or more extensions (prog.c.Z)

Extension	Meaning
file.bak	Backup file
file.c	C source program
file.gif	Compuserve Graphical Interchange Format image
file.hlp	Help file World Wide Web HyperText Markup Language document Still picture encoded with the JPEG standard
file.html
file.jpg
file.mp3	Music encoded in MPEG layer 3 audio format
file.mpg	Movie encoded with the MPEG standard
file.o	Object file (compiler output, not yet linked) Portable Document Format file
file.pdf
file.ps	PostScript file
file.tex	Input for the TEX formatting program
file.txt file.zip	General text file Compressed archive

File Operations
Files exist to store information and allow it to be retrieved later. Different systems provide different operations to allow storage and retrieval. Below is a discussion of the most common system calls relating to files.

1. Create. The file is created with no data. The purpose of the call is to announce that the file is coming and to set some of the attributes.

2. Delete. When the file is no longer needed, it has to be deleted to free up disk space. There is always a system call for this purpose.

3. Open. Before using a file, a process must open it. The purpose of the open call is to allow the system to fetch the attributes and list of disk addresses into main memory for rapid access on later calls.

4. Close. When all the accesses are finished, the attributes and disk addresses are no longer needed, so the file should be closed to free up internal table space. Many systems encourage this by imposing a maximum number of open files on processes. A disk is written in blocks, and closing a file forces writing of the file's last block, even though that block may not be entirely full yet.

5. Read. Data are read from file. Usually, the bytes come from the current position. The caller must specify how much data are needed and must also provide a buffer to put them in.

6. Write. Data are written to the file, again, usually at the current position. If the current position is the end of the file, the file's size increases. If the current position is in the middle of the file, existing data are overwritten and lost forever.

7. Append. This call is a restricted form of write. It can only add data to .to the end of the file. Systems that provide a minimal set of system calls do not generally have append, but many systems provide multiple ways of doing the same thing, and these systems sometimes have append.

8. Seek. For random access files, a method is needed to specify from where to take the data. One common approach is a system call. seek, that repositions the file pointer to a specific place in the file. After this call has completed, data can be read from, or written to, that position.

9. Get attributes. Processes often need to read file attributes to do their work. For example, the UNIX make program is commonly used to manage software development projects consisting of many source files. When make is called, it examines the modification times of all the source and object files and arranges for the minimum number of compilations required to bring everything up to date. To do its job, it must look at the attributes, namely, the modification times.

10. Set attributes. Some of the attributes are user settable and can be changed after the file has been created. This system call makes that possible. The protection mode information is an obvious example. Most of the flags also fall in this category.

11. Rename. It frequently happens that a user needs to change the name of an existing file. This system call makes that possible. It is not always strictly necessary, because the file can usually be copied to a new file with the new name, and the old file then deleted.

Directories

File systems typically have directories (sometimes called folders) which allow the user to group files. This may be implemented by connecting the file name to an index in a table of contents or an inode in a Unix-like file system. Directory structures may be flat (i.e. linear), or allow hierarchies where directories may contain subdirectories.

The first file system to support arbitrary hierarchies of directories was the file system in the Multics operating system.

The native file systems of Unix-like systems also support arbitrary directory hierarchies, as do, for example, Apple's Hierarchical File System and its successor HFS+ in classic Mac OS (HFS+ is still used in Mac OS X), the FAT file system in MS-DOS 2.0 and later and Microsoft Windows, the NTFS file system in the Windows NT family of operating systems, and the ODS-2 and higher levels of the Files-11 file system in OpenVMS.

Directory Operations

The allowed system calls for managing directories exhibit more variation: from system to system than system calls for files. To give an impression of they are and how they work, we will give a sample (taken from UNIX).

1. Create. A directory is created. It is empty except for dot and dotdot. which are put there automatically by the system (or in a few cases. by the mkdir program).

2. Delete. A directory is deleted. Only an empty directory can be deleted. A directory containing only dot and dotdot is considered empty as these cannot usually be deleted.

3. Opendir. Directories can be read. For example, to list all the files in a directory, a listing program opens the directory to read out the names of all the files it contains. Before a directory can be read, it must be opened, analogous to opening and reading a file.

4. Closedir. When a directory has been read, it should be closed to free up internal table space.

5. Readdir. This call returns the next entry in an open directory. Formerly, it was possible to read directories using the usual read system call, but that approach has the disadvantage of forcing the programmer to know and deal with the internal structure of directories. In contrast, readdir always returns one entry in a standard format, no matter which of the possible directory structures is being used.

6. Rename. In many respects, directories are just like files and can renamed the same way files can be.

7. Link. Linking is a technique that allows a file to appear in more than one directory. This system call specifies an existing file and a p - name, and creates a link from the existing file to the name specified by the path. In this way, the same file may appear in multiple directories. A link of this kind, which increments the counter in the file's i-node (to keep track of the number of directory entries containing: the file), is sometimes called a hard link.

8. Unlink. A directory entry is removed. If the file being unlinked is only present in one directory (the normal case), it is removed from the file system. If it is present in multiple directories, only the path name specified is removed. The others remain. In UNIX, the system call for deleting files is in fact, unlink.

Metadata

Other bookkeeping information is typically associated with each file within a file system. The length of the data contained in a file may be stored as the number of blocks allocated for the file or as a byte count. The time that the file was last modified may be stored as the file's timestamp. File systems might store the file creation time, the time it was last accessed, the time the file's meta-data was changed, or the time the file was last backed up. Other information can include the file's device type (e.g., block, character, socket, subdirectory, etc.), its owner user ID and group ID, and its access permission settings (e.g., whether the file is read-only, executable, etc.)

Utilities

File systems include utilities to initialize, alter parameters of and remove an instance of the filesystem.

Some include the ability to extend or truncate the space allocated to the file system.

· Directory utilities create, rename and delete directory entries and alter metadata associated with a directory. They may include a means to create additional links to a directory (hard links in Unix), rename parent links (".." in Unix-like OS), and create bidirectional links to files.

· File utilities create, list, copy, move and delete files, alter metadata. They may be able to truncate data, truncate or extend space allocation, append to, move, and modify files in-place.

· Also in this category are utilities to free space for deleted files if the filesystem provides an undelete function.

· defragmentation utility provided utilities by the file system that defer reorganization of free space, secure erasing of free space and rebuilding of hierarchical structures.

Restricting and permitting access

There are several mechanisms used by file systems to control access to data.

Usually the intent is to prevent reading or modifying files by a user or group of users.
Another reason is to insure data is modified in a controlled way so access may be restricted to a specific to program.
Examples include

passwords stored in the metadata of the file or elsewhere and
file permissions in the form of permission bits, access control lists, or capabilities. The need for filesystem utilities to be able to access the data at the media level to reorganize the structures and provide efficient backup usually means that these are only effective for polite users but are not effective against intruders.
Methods for encrypting file data are sometimes included in the filesystem. This is very effective since there is no need for filesystem utilities to know the encryption seed to effectively manage the data. The risks of relying on encryption include the fact that an attacker can copy the data and use brute force to decrypt the data. Losing the seed means losing the data.

Maintaining integrity

One of the filesystems significant responsibilities is to insure that, regardless of the actions by programs accessing the data, the structure remains consistent.

· This includes actions taken if a program modifying data terminates abnormally or neglects to inform the filesystem that is has completed its activities.

· This may include updating the metadata, the directory entry and handling any data that was buffered but not yet updated on the physical storage media.

· Other failures which the filesystem must deal with include media failures or loss of connection to remote systems.

· In the event of an operating system failure or "soft" power failure, special routines in the filesystem must be invoked similar to when an individual program fails.

· The filesystem must also be able to correct damaged structures. These may occur as a result of an operating system failure for which the OS was unable to notify the file system, power failure or reset.

· The filesystem must also record events to allow analysis of systemic issues as well as problems with specific files or directories.

Types of file systems

File system types can be classified into disk/tape file systems, network file systems and special purpose file systems.

Disk file systems- In computing, disk file systems are file systems which manage data on permanent storage devices. As magnetic disks are the most common of such devices, most disk file systemsare designed to perform well in spite of the seek latencies inherent in such media.

· Examples include FAT (FAT12, FAT16, FAT32, exFAT),NTFS, HFS and HFS+, HPFS, UFS, ext2, ext3, ext4, btrfs, ISO 9660, Files-11, Veritas File System, VMFS, ZFS, ReiserFS and UDF. Some disk file systems arejournaling file systems or versioning file systems.

Optical discs

ISO 9660 and Universal Disk Format (UDF) are two common formats that target Compact Discs, DVDs and Blu-ray discs. Mount Rainier is an extension to UDF supported by Linux 2.6 series and Windows Vista that facilitates rewriting to DVDs.

Flash file systems

A flash file system considers the special abilities, performance and restrictions of flash memory devices. Frequently a disk file system can use a flash memory device as the underlying storage media but it is much better to use a filesystem specifically designed for a flash device.

Tape file systems

A tape file system is a file system and tape format designed to store files on tape in a self-describing form. Magnetic tapes are sequential storage media with significantly longer random data access times than disks, posing challenges to the creation and efficient management of a general-purpose file system.

Tape formatting

Writing data to a tape is often a significantly time-consuming process that may take several hours. Similarly, completely erasing or formatting a tape can also take several hours. With many data tape technologies it is not necessary to format the tape before over-writing new data to the tape. This is due to the inherently destructive nature of overwriting data on sequential media.

Because of the time it can take to format a tape, typically tapes are pre-formatted so that the tape user does not need to spend time preparing each new tape for use. All that is usually necessary is to write an identifying media label to the tape before use, and even this can be automatically written by software when a new tape is used for the first time.

Database file systems

Another concept for file management is the idea of a database-based file system. Instead of, or in addition to, hierarchical structured management, files are identified by their characteristics, like type of file, topic, author, or similar rich metadata. [1]

A lot of Web-CMS use a relational DBMS to store and retrieve files. Examples: XHTML files are stored as XML or text fields, image files are stored as blob fields; SQL SELECT (with optional XPath) statements retrieve the files, and allow the use of a sophisticated logic and more rich information associations than "usual file systems".

Very large file systems, embodied by applications like Apache Hadoop and Google File System, use some database file system concepts.

Transactional file systems

Transactional NTFS allows for files and directories to be modified, created, renamed, and deleted atomically. Using transaction ensures correctness of operation; in a series of fileoperations (done as a transaction), the operation will be committed if all the operations succeed. In case of any failure, the entire operation will rollback and fail.

Network file systems

A network file system is a file system that acts as a client for a remote file access protocol, providing access to files on a server. Examples of network file systems include clients for the NFS, AFS, SMB protocols, and file-system-like clients for FTP and WebDAV.

Shared disk file systems

A shared disk file system is one in which a number of machines (usually servers) all have access to the same external disk subsystem (usually a SAN). The file system arbitrates access to that subsystem, preventing write collisions. Examples include GFS from Red Hat, GPFS from IBM, and SFS from DataPlow.

Special file systems

A special file system presents non-file elements of an operating system as files so they can be acted on using file system APIs. This is most commonly done inUnix-like operating systems, but devices are given file names in some non-Unix-like operating systems as well.

Device file systems

A device file system represents I/O devices and pseudo-devices as files, called device files. Examples in Unix-like systems include devfs and, in Linux 2.6 systems, udev. In non-Unix-like systems, such as TOPS-10 and other operating systems influenced by it, where the full filename or pathname of a file can include a device prefix, devices other than those containing file systems are referred to by a device prefix specifying the device, without anything following it.

Others

In the Linux kernel, configfs and sysfs provide files that can be used to query the kernel for information and configure entities in the kernel.

procfs maps processes and, on Linux, other operating system structures into a filespace.

Microsoft Windows

Directory listing in a Windows command shell

Windows makes use of the FAT and NTFS file systems.

Windows uses a drive letter abstraction at the user level to distinguish one disk or partition from another. For example, the path C:\WINDOWS represents a directory WINDOWS on the partition represented by the letter C. The C drive is most commonly used for the primary hard disk partition, on which Windows is usually installed and from which it boots. This "tradition" has become so firmly ingrained that bugs came about in older applications which made assumptions that the drive that the operating system was installed on was C. The use of drive letters, and the tradition of using "C" as the drive letter for the primary hard disk partition, can be traced to MS-DOS, where the letters A and B were reserved for up to two floppy disk drives. This in turn derived from CP/M in the 1970s, and ultimately from IBM's CP/CMS of 1967.

Network drives may also be mapped to drive letters.

FAT

The File Allocation Table (FAT) filing system, supported by all versions of Microsoft Windows, was an evolution of that used in Microsoft's earlier operating system (MS-DOS which in turn was based on 86-DOS). FAT ultimately traces its roots back to the short-lived M-DOS project and Standalone disk BASICbefore it. Over the years various features have been added to it, inspired by similar features found on file systems used by operating systems such as Unix.

Older versions of the FAT file system (FAT12 and FAT16) had file name length limits, a limit on the number of entries in the root directory of the file system and had restrictions on the maximum size of FAT-formatted disks or partitions. Specifically, FAT12 and FAT16 had a limit of 8 characters for the file name, and 3 characters for the extension (such as .exe). This is commonly referred to as the 8.3 filename limit. VFAT, which was an extension to FAT12 and FAT16 introduced in Windows NT 3.5 and subsequently included in Windows 95, allowed long file names (LFN).

FAT32 also addressed many of the limits in FAT12 and FAT16, but remains limited compared to NTFS.

exFAT (also known as FAT64) is the newest iteration of FAT, with certain advantages over NTFS with regards to file system overhead. exFAT is only compatible with newer Windows systems, such as Windows 2003, Windows Vista, Windows 2008, Windows 7 and more recently, support has been added for WinXP.[8]
NTFS

NTFS, introduced with the Windows NT operating system, allowed ACL-based permission control. Hard links, multiple file streams, attribute indexing, quota tracking, sparse files, encryption, compression, reparse points (directories working as mount-points for other file systems, symlinks, junctions, remote storage links) are also supported, though not all these features are well-documented.[citation needed]

POST PRODUCTION: 2ICT21

2011-08-25T08:05:00.000-07:00

POST PRODUCTION: Group Project/ long bond paper compiled in folder. To be submitted on Friday next week. (September 2, 2011)

Contents: Definition and pictures.

Red: group1

Blue: group2

Green: group3

What is digital cinema?

three-strip Technicolor (pics)

adjacent microscopic image fragments (e.g., Dufaycolor) (pics)

Kinemacolor (pics)

Orthochromatic

Panchromatic

Kinetoscope

stencil color process

Pathéchrome

film tinting

Handschiegl Color Process

Sonochrome

additive color systems

Kinemacolor

Biocolour

Dufaycolor

Kodachrome system

Doren Kelley's Prizma

bipack color system

duplitized film,

Naturalcolor,

Technicolor's system

Eastmancolor

Subtractive color

Microsoft Word 2007 Interface

2011-08-22T09:04:00.000-07:00

Familiarization of Microsoft Word 2007

http://www.scribd.com/doc/2353029/microsoft-word-2007

http://www.word-tips.com/microsoft-office-ribbon.html

http://www.onlinehowto.net/using-the-ms-word-2007-quick-parts-feature/1747

Microsoft Word 2003

http://www.gcflearnfree.org/word2003/1.6

How to Set Up a PHP/MySQL Site in Dreamweaver

2011-08-20T09:57:00.000-07:00

Set up a New Site in Dreamweaver

Yes, I want to use server technology

Screen shot by J Kyrnin

Follow the instructions for setting up a new site in Dreamweaver. If you are using Dreamweaver CS3 or Dreamweaver 8, you can start the New Site wizard right from the "Site" menu.

Name your site, and put in it's URL. But at Step 3, choose "Yes, I want to use a server technology". And choose PHP MySQL as your server technology.

How Will You Test Your Files?

How Will You Test Your Files?

Screen shot by J Kyrnin

The most difficult part of working with dynamic, database-driven sites is testing. In order to make sure that your site is working correctly, you need to have a way to do both the design of the site and manage the dynamic content that comes from the database. It doesn't do you a lot of good if you build a beautiful product page that won't connect to the database to get the product information.

Dreamweaver gives you three ways to set up your testing environment:
Edit and test locally

To do this, you need to have a functional Web server with PHP and MySQL installed on your desktop. If you have Windows, you can use a package to install WAMP (Windows Apache, MySQL, and PHP) and there are also packages to install on Macintosh computers as well. This is the best choice to get immediate feedback on what you're editing.

Edit locally, then upload to a remote testing server
If you're working with other designers, then chances are you'll need to choose this option. When you need to check something dynamic on your site, you upload the pages to the testing server. You can also use the check-in and check-out features in Dreamweaver to keep from overwriting your co-workers' work.
Edit directly on a remote testing server using local network
If your desktop is networked to the Web server, you can use this option to connect to the server.

I prefer to edit and test locally - it's faster and lets me get more work done before pushing the files live.

So, I will be storing the files for this site inside the DocumentRoot of my Apache Web server.

What is Your Testing Server URL

Testing server URL

Screen shot by J Kyrnin

Because I'll be testing my site on my local computer, I need to tell Dreamweaver what the URL is to that site. This is different from the final location of your files - it is the URL of your desktop. http://localhost/ should work correctly - but be sure to test the URL befor you click Next.

If you are placing your site in a folder on your Web server (rather than right at the root), you should use the same folder name on your local server as on the live server. For example, I'm placing my site in the "myDynamicSite" directory on my Web server, so I will use the same directory name on my local machine:http://localhost/myDynamicSite/

Dreamweaver will also post your files live

Dreamweaver will also post your files live

Screen shot by J Kyrnin

Once you've defined your site location, Dreamweaver will ask you if you will be posting the contents to another machine. Unless your desktop also doubles as your Web server, you will need to choose "Yes, I want to use a remote server". Then you'll be asked to set up the connection to that remote server. Dreamweaver can connect to remote servers by FTP, local network, WebDAV, RDS, and Microsoft Visual SourceSafe. To connect by FTP, you need to know the following:
Hostname or FTP address
Folder on the server to store the files
FTP login username
FTP login password
Whether you should use Secure FTP or not

Contact your hosting provider if you don't know what this information is for your host.

Be sure to test your connection to make sure Dreamweaver can connect to the remote host. Otherwise, you won't be able to put your pages live. Also, if you're putting up a site in a new folder, make sure that that folder exists on your Web host.

Dreamweaver offers check-in and check-out functionality. I don't use this unless I'm working on a project with a Web team.

Source:

http://webdesign.about.com/od/dreamweaverhowtos/ss/dw_dynamic_site_5.htm

Assigning MySQL privileges via the command line

2011-08-20T09:33:00.001-07:00

The final task once you have created your MySQL database and created your MySQL user account is to assign privileges. With MySQL 5 this can be done on a global, database, table, column and routine level. Typically though once you have your root account created then other accounts are assigned privileges at the database level, and that is what will be covered in this guide.

Start the MySQL command line client by selecting the MySQL Command Line Client item from your MySQL program group in your start menu.
The MySQL command line client will prompt you for the root password. Enter it and push enter.
To assign privileges to a user simply type in;

GRANT ALL PRIVILEGES ON `testdb\_%` . * TO 'test'@'localhost';

This will grant all privileges a user called test on localhost for all databases beginning withtestdb_. So if you created a database called testdb_mydb this user will have full privileges to it even if created with the root account, but other standard user accounts with no global permissions will be able to access this database. This is very handy for multi user environments as you can set each user to have their own prefix so that they can create and administer their own databases without them being accessible by other users.
Finally, lets verify that the privileges have been assigned properly. Type in;

SHOW GRANTS FOR 'test'@'localhost';

This will list all the privileges that the test account has on the server, and you should see something similar to what is displayed below in figure 1.

Figure 1That's it. You should be able to now create a database, user and assign permissions from the command line interface for MySQL.

Source:

http://www.iis-aid.com/articles/how_to_guides/assigning_mysql_privileges_via_the_command_line

Creating a MySQL user via the command line

2011-08-20T09:32:00.000-07:00

Now that you have installed your MySQL 5 server on your Windows server, it is time to start getting into the nuts and bolts of it. In this guide we'll show you the steps needed to create a new MySQL user by using the MySQL command line client. In most instances these days you'll be able to use a GUI manager for MySQL such as phpMyAdmin, but in some instances you may need to do it via the command line. Creating a user is a very easy procedure, so lets get into it.

Start the MySQL command line client by selecting the MySQL Command Line Client item from your MySQL program group in your start menu.
The MySQL command line client will prompt you for the root password. Enter it and push enter.
To create a user simply type in;

CREATE USER 'test'@'localhost' IDENTIFIED BY 'your_password';

This will create a user called test on localhost with a password of your_password. Simply replace the name and the password with what you want.
Finally, lets verify that the your user has been created. Type in;

SELECT user FROM mysql.user;

This will list all the users on your server, and you';ll see our test user listed.
Refer to figure 1 below to see an example of the MySQL command line output you would expect to see by running these commands.

Figure 1All done. Told you there wasn't much to it!

Source:

http://www.iis-aid.com/articles/how_to_guides/creating_a_mysql_user_via_the_command_line

Creating a MySQL database via the command line

2011-08-20T09:26:00.000-07:00

So you followed the MySQL 5 installation guide and have MySQL installed and ready to go. The next step will be to create a user and database so you can start using MySQL, and in this guide we'll show you how the basics of how to create a database on your Windows based system. There are many ways to do this as there are a lot of support tools out there for MySQL. In this guide though we'll stick to the basics and show you how to add a database using the MySQL command line client.

The MySQL command line client provides you with a means of interacting with your MySQL server from the command line (duh!), and is installed as a part of the MySQL Server installation process. GUI clients tend to be favoured these days, but it is important to become familiar with the MySQL command line client syntax as it is very useful for automation of important tasks such as backups (not covered in this guide).

Start the MySQL command line client by selecting the MySQL Command Line Client item from your MySQL program group in your start menu.
The MySQL command line client will prompt you for the root password. Enter it and push enter.
To create a database simply type in;

CREATE DATABASE testdb;

This will create a database called testdb. Simply replace testdb with the name you want to call your database.
Finally, lets verify that the database has been created. Type in;

SHOW DATABASES;

This will list all the databases on your server, and you'll see our testdb database listed.
Refer to figure 1 below to see an example of the MySQL command line output you would expect to see by running these commands.

figure 1

That is it, you now have a database using all the server default values ready to use. If you wish to create the database using values other than the default, our would like to read about additional options then I suggest you have a read of the CREATE DATABASE syntax documentation on the MySQL site.

Source:

http://www.iis-aid.com/articles/how_to_guides/creating_mysql_database_via_the_command_line

how to create MySQL shortcut on desktop?

2011-08-20T09:21:00.000-07:00

On your desktop, right mouse and select New->Shortcut

A Create Shortcut dialog should appear. In it, browse to the location of the mysql.exe binary file. In my case, its C:\wamp\mysql\bin\mysql.exe. Click next and edit the shortcut name, if desired. Click Finish.

Now, right mouse on the newly created shortcut and select Properties. In the Target field, click at the beginning of the string. Type the following:

%SystemRoot%\system32\cmd.exe /K

Note there is a space after the /K.

Move to the end of the string (after the mysql.exe) and type

-u <username> -p

Replace <username> with the username you wish to login under. Click OK to close the properties dialog.

Now you should be able to double click the shortcut and a cmd window will open with a prompt to enter the password for the account.

For example, the enter string in my case is

%SystemRoot%\system32\cmd.exe /K C:\wamp\mysql\bin\mysql.exe -u root -p

If you want, you can append your password immediately after the -p (e.g., no space between -p and the password) but this present a security problem so I wouldn't recommend doing it.

Source:

http://www.wampserver.com/phorum/read.php?2,19337,19400

Flash Digital Clock

2011-08-20T08:15:00.000-07:00

This tutorial will explain how to create a digital Clock in Flash MX 2004. The download .fla file is also included at the end of the tutorial.
Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download the .fla file.

It is very simple to build a digital clock. All you need to do is follow the steps given below.

STEPS TO FOLLOW

Insert 3 layers in your timeline window and name them, "background", "text" and "actions". Similar to the one shown below
Select Frame1 of background layer, Design the framework for your digital clock.
Select frame2 and press F5
Now go to Frame1 of your text layer and insert Dynamic text field in your work area. Select frame2 and press F5

To insert a Dynamic text field- Select text tool from your tool box,
Select Dynamic text from Text pop-up menu in the Property inspector.
Click on your work area wherever you want the digital clock to appear.
Name this Dynamic text field instance as "clock_txt"

Go to frame1 of actions layer. Copy and paste the below mentioned script in the action panel

time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
clock_txt.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;

Now go to frame2 of actions layer and press F6 to insert a new keyframe.
Still keeping the play head on the frame2, go to action panel and copy paste the below mentioned script.

gotoAndPlay(1);

Congratulations!! your digital clock is ready.
Press Ctrl+Enter to view your clock.

SOURCE:
http://www.entheosweb.com/Flash/digital_clock.asp

Custom Cursor in Flash

2011-08-20T08:14:00.000-07:00

This tutorial will teach you how to create a custom cursor for your flash movie. Here we will be using movieclip symbol and little bit of actionscript to develop custom cursor. The .fla download file is included at the end of the tutorial

Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download the .fla file.

Demonstration

Well, I would like to start this tutorial assuming that the reader knows about Basics of flash such as different kinds of symbols used in flash.

Firstly, you will need to create a movieclip symbol for customized cursor design then you will have to type in few lines of code asking flash to hide the existing cursor and show the new cursor developed by you.

Create a movieclip symbol

Steps to Follow :

Press (Ctrl+F8) to create a new symbol.
"Create New symbol" window will appear
Name your symbol cursorNew_mc.
Click on movieclip behavior and then press "OK"
Now you would have entered your movieclip symbol
Draw anything you like to replace the existing cursor.
For example I drew an arrow as shown below
Now come back to "Scene 1" which is your main movie
To get back to "Scene 1", click on the "Scene 1" text on top of your timeline window as shown in the figure below

In "Scene 1" of your Main Movie

Drag your cursorNew_mc movieclip symbol from library onto your stage.
If Library window is not open, Press (Ctrl+L).
Name this Symbol "cursornew" in the instance text box of your property window.
Select 1st Frame of your "Layer1". Go to Actionscript panel ( If your actionscript panel is not open, Press "F9")
With Frame1 of your layer 1 still being selected, type the below mentioned script in your action panel.

Mouse.hide()
startDrag(cursornew,true)

Guess what! You have finished with customizing your cursor :), Press Ctrl+Enter to view customized cursor.

Below is an example which would give you more ideas to customize your cursor

Example

Download the .fla file

SOURCE:

http://www.entheosweb.com/Flash/custom_curser.asp

Flash Analog Clock

2011-08-20T08:12:00.000-07:00

This tutorial will teach you how to create an Analog Clock in Flash MX 2004. The free download .fla file is also included at the end of the tutorial.
Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 or higher must be installed in your system to download the .fla file.

Are you ready? Just follow the steps below.

STEPS TO FOLLOW

Create a background for your clock, You can either draw it in fireworks or photoshop and import it onto your stage or draw it in flash itself.
Add 5 Layers in your Timeline window.
Name them - interface, sec, min, hour and actions. Similar to the Timeline window shown below.
Import your clock background design into your interface Layer if you had created it else where.
Draw a line in your sec Layer. Select the line and press F8 to convert it to Symbol. Call this Symbol sec_mc, choose Movie clip behavior and select the bottom center square in registration. Similar to the Symbol window shown below.

Press OK.
In your sec Layer, place sec_mc right at the center of your clock background design. Name it "sec" in instance text box of your property window. This is going to be your seconds needle.
Drag sec_mc into your min Layer from your library. If your library window is not open, press (Ctrl+L) to open it. Reduce sec_mc's height, may be by 3pix. Place it right at the center of your clock background design. Name it "min"in instance text box of your property window. This is going to be your minutes needle.
Drag sec_mc into your hour Layer from your library. Reduce its height, may be by 5 to 6pix. Place it right at the center of your clock background design. Name it "hour" in instance text box of your property window. This is going to be your Hours needle.
Copy and Paste the code given below in your actions window of actions Layer.
Now go to second frame of each layer and press F5 to insert new frame.

Your clock is ready. Press Ctrl+Enter to view your clock.

Source:
http://www.entheosweb.com/Flash/analog_clock.asp

Circular Ripple Effect in Flash

2011-08-20T06:21:00.000-07:00

Demonstration

This tutorial will explain how to create a simple circular Ripple effect in Flash MX 2004. The .fla file also included at the end of the tutorial.
Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download the .fla file.

Example:
www.primacysearch.com

STEPS TO FOLLOW

Create a Graphic Symbol.

Import an image to your work area upon which you would like to create ripple effect.
Press F8, to convert this image to a symbol.
Name this Symbol "girl_gr" and choose graphic behavior. Press OK.
Name this Layer "bg".
Select girl_gr and choose Alpha 99% from color list box in your property window.

Create a Movie clip.

Press Ctrl+F8, to create Ripple movie clip.
Name this symbol "ripple_mc" and choose Movie clip behavior. Press OK.
Drag girl_gr to your working area from Library (ctrl+L).
Select girl_gr and choose Alpha 0% from color list box in your property window.
Insert Keyframe (F6) into the 5th frame.
Still remaining on the 5th frame, Select girl_gr and choose Alpha 99% from color list box in your property window.
Now select 1st frame, choose Motion Tween from Tween list box in your property window.
Insert Keyframe into 15th frame and later to 20th frame.
Remaining on the 20th frame, Select girl_gr and choose Alpha 0% from color list box in your property window.
Select 15th frame, choose Motion Tween from Tween list box in your property window.
Now go to frame 5 and reduce the size of girl_gr, maybe by 5pix width and height.
Go to frame 20 and increase the size of girl_gr, maybe by 5pix width and height.
Insert a new layer above this layer, call it "Layer 2".

Draw a borderless circle. Which would look something like the one shown below

Instructions to draw the above shown borderless circle

Draw a black circle in a layer and delete it's border.
Insert a layer above the black circle layer.
Draw a smaller white circle in this new layer and delete it's border.
Position the white circle such that it is right at the center of the black circle.
Now, cut the white circle and paste it (Ctrl+Shift+V) in the black circle layer.
Click somewhere outside, so that you deselect either of the circles.
Now click on the white circle and delete it

Your borderless circle is ready!

Place this circle right at the center of girl_gr but make sure that this circle resides in Layer 2.
Insert Keyframe (F6) into the 20th frame of Layer 2.
Remaining in 20th frame Increase the size of the circle. Note, the increased diameter decides where you want the ripple to end or ebb.
Now go back to 1st frame, choose Shape Tween from Tween list box in your property window.
Right click on Layer 2 and select Mask.
Save (ctrl+S). Make it a habit to save your work after each step you do.

Insert Ripple Movie Clip onto Scene 1

Now go back to scene 1.
Insert a new layer above bg layer and call it ripple1.
Drag ripple_mc movie clip onto the working area. Place it right at the center, just the way you placed the circle inripple_mc Movie clip.
Insert frame (F5) into the 20th frame of ripple1 layer. This is just to make sure that the ripple _mc runs only for 20 frame.
Insert frame (F5) into the 30th frame of bg layer.

Here you go!! Your movie is ready. Press Ctrl+Enter to view your movie. Wasn't it simple.
Tips: Inserting 1 ripple_mc Movie clip is sufficient if your picture is approximately the size of the picture as shown in the demonstartion. If your picture is really big, you might have to insert more than 1 layer of ripple_mc movie clip. See to that the difference between the appearance of each movie clip is 5 frames. Actually the differnce basically depends on the type of effect you want. So you can adjust it the way you want.Download the .fla file
For straight Ripple Effect, Click here.

Source:
http://www.entheosweb.com/Flash/ripple_circle.asp

Flash Ripple Effect

2011-08-20T06:07:00.000-07:00

Demonstration

This tutorial will teach you how to create a simple Ripple effect in Flash MX 2004. The .fla file also included at the end of the tutorial.
Please note:
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 or higher must be installed in your system to download the .fla file.

STEPS TO FOLLOW

Create a Graphic Symbol.

Import an image to your work area upon which you would like to create ripple effect.
Press F8, to convert this image to a symbol.
Name this Symbol "girl_gr" and choose graphic behavior. Press OK.
Name this Layer "bg".
Select girl_gr and choose Alpha 99% from color list box in your property window.

Create a Movie clip.

Press Ctrl+F8, to create Ripple movie clip.
Name this symbol "ripple_mc" and choose Movie clip behavior. Press OK.
Drag girl_gr to your working area from Library (ctrl+L).
Select girl_gr and choose Alpha 0% from color list box in your property window.
Insert Keyframe (F6) into the 5th frame.
Remaining on the 5th frame, Select girl_gr and choose Alpha 99% from color list box in your property window.
Now select 1st frame, choose Motion Tween from Tween list box in your property window.
Insert Keyframe into 15th frame and later to 20th frame.
Remaining on the 20th frame, Select girl_gr and choose Alpha 0% from color list box in your property window.
Select 15th frame, choose Motion Tween from Tween list box in your property window.
Insert a new layer above this layer, call it "Layer 2".
Select frame 1 of Layer 2 and draw a borderless square or rectangle depending on the type of ripple effect you want.
In the above demonstration, I have used rectangle with 15 pix as its height.
Place this vector wherever you want the ripple to begin. Make sure that the vector belongs only to layer 2.
Insert Keyframe into the 20th frame of Layer 2.
Place the vector wherever you want the ripple to end or ebb.
In the above demonstration, I have placed it right at the bottom and reduced the height to 5 pix.
Select 1st frame, choose Shape Tween from Tween list box in your property window.
Right click on Layer 2 and select Mask.
Save (ctrl+S). Make it a habit to save your work after each step you do.

Insert Ripple Movie Clip onto Scene 1

Now go back to Scene 1.
Insert a new layer above bg layer and call it ripple1.
Insert new Keyframe (F6) into the 10th frame of ripple1 layer.
With 10th frame of ripple1 layer selected, Drag ripple_mc movie clip onto the working area. Place it appropriate to girl_gr. Make sure that this movie clip is placed exactly where you had placed your square or rectangular vector in ripple_mc Movie clip.
Insert frame (F5) into the 30th frame of ripple1 layer. This is just to make sure that the ripple _mc runs only for 20 frame.
Insert another new layer above ripple1 layer and call it ripple2
Insert Keyframe into the 20th frame of ripple2 layer.
With 20th frame of ripple2 layer selected, Drag ripple_mc movie clip onto the working area. Place it appropriate to girl_gr just the way you did in step 4.
Insert frame (F5) into the 40th frame of ripple1 layer. This is just to make sure that the ripple _mc runs only for 20 frame.
Insert frame (F5) into the 40th frame of bg layer.

Here you go!! Your movie is ready. Press Ctrl+Enter to view your movie. Wasn't it simple.
Okay now few things to Note - In the above demonstration I have created a subtle ripple effect. If you want the ripples to be more prominent, you can add few more layers of ripple_mc movie clip and reduce the Keyframe differences between layers. Like in the tutorial above, ripples appear every 10 frames. You can reduce this period and make it appear every 5 frames, which would make the ripple effect more prominent.
Download the .fla file

SOURCE:
http://www.entheosweb.com/Flash/ripple.asp

2011-08-20T05:57:00.001-07:00

Blur Effect in Flash 8.0

Demonstration

Learn how to blur images in Flash 8.0 using the in-built blur filter. The download .fla is included at the end of the tutorial.
Please note:
1. You need to have Flash Player 8.0 installed to view the Flash animation.
2. You need Flash 8.0 to get the in-built blur filter

Steps to Follow :
Step 1: Import an image and create a movie clip

Open Flash 8.0. Select New/Flash Document.
Import the image you would like to blur by clicking on File/Import to Stage and select the image.
Select the image on the stage and choose Modify/Convert To Symbol. Name the symbol blur and choose Movie Clip as Type.

Step 2: Create the blur effect

Select the blur symbol on the stage.
In the Properties Inspector, choose the Filters tab
Click on the '+' icon and choose Blur.
Choose 100 for Blur X and Blur Y and Quality as Medium.

Step 3: Create the animation

In the timeline window right click on the 50th frame choose insert keyframe. Select the movie clip and change the blur filter X and Y values to 0 to remove the blur effect.
Select any frame between Frames 1 and 50 and select Motion from the tween pop-up menu in the Property inspector.
Press Ctrl+S to save your changes.

Press Ctrl+Enter to view your animation.
You can also blur only the X coordinates by removing the lock icon in the filters inspector and changing Blur X to 100 andBlur Y to 0. The effect can be seen below. You can try different blur effects by simply adjusting the blur X and blur Y values.

Demonstration for Blur X

Download the .fla file

SOURCE:

http://www.entheosweb.com/Flash/blur_effect.asp

Zoom in Zoom Out Flash Animation with Fading Effect

2011-08-20T05:55:00.000-07:00

Flash Zoom In & Zoom Out Animation with Fading Effect

This tutorial will teach you how to create a simple zoom in & zoom out animation with fade-in and fade-out effect in Flash. You can use this zooming effect on any image or text.
Please note:
1. You need to have Flash Player 8.0 installed to view the Flash animation.
2. You need Flash to create the animation.

STEPS TO FOLLOW

Open a new flash file (Ctrl+N). The New Document window will appear. Select General panel and choose Type: Flash Document. Press OK.
If your timeline window is not open, press (Ctrl+Alt+T). Now you can see a single Layer called "Layer1" in your timeline Window.
Select the first frame. Import a background image onto stage, preferably an image of a street by clicking onFile>Import>Import to Stage, or just press (Ctrl+R).
Press F8, to convert this image to a symbol. Name this Symbol "background_gr" and choose graphic behavior. Press OK. Name this Layer "bg". On the 35th frame press F6 to insert a new frame

Select the second layer. Import an image or create a shape of a car using shape tools from the tool box. Press F8, to convert this image to a symbol. Name this Symbol "car1_m" and choose movie clip (F8). Press OK. Name this Layer "car1".
Select the image(car1_m) >right click>edit in place. Now you will come to a new timeline Window called Symbol2
On Frame1 of Symbol2 convert the image to a graphic (car1_gr). Go to the Properties Bar>Color>Alpha>0%. In Frame5 insert a new Key frame (Press F6) and change Alpha to 100% and make the image small. Eg : Pic
Right click in between Frame1 and Frame5 and press motion tween.
Add one more Key Frame in Frame20. In this frame make the Image(car1_gr)bigger and move it out.
eg:
On Frame25 insert a new key frame and change Alpha to 0% . Insert motion tween in between frame5-20 and Frame20-25. eg:

Now press (Ctrl+Enter) to view your motion tween.
Continue to do this for your other car images.

Remember to insert only ONE symbol/image in ONE new Layer only.
Congratulations! You have successfully created a Zoom In/Zoom Out animation with Fade In and Fade Out effect!

SOURCE:

http://www.entheosweb.com/Flash/zoom_in.asp