Tmx Report
-
Upload
stef-salvatore -
Category
Documents
-
view
239 -
download
0
Transcript of Tmx Report
-
8/3/2019 Tmx Report
1/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
TABLE OF CONTENTS
TITLE PAGE
1.0 Lab Code and Title of Experiment
2.0 Theory/ Introduction
3.0 Objectives
4.0 Procedure
5.0 Results
6.0 Discussion
7.0 Conclusion &/ Recommendation
8.0 References
Lab Code :
Ti t le of Experiment :
INTRODUCTION :
1
-
8/3/2019 Tmx Report
2/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
The p r o j ec t i s t o c r ea t e a homepage t o des c r i be our f acu l t y t ha t i s f acu l t y
e n g i n e e r i n g . T h e p u r p o s e i n t h i s p r o j e c t i s w e a r e a s k e d t o e n h a n c e o u r
f a c u l t y s w e b s i t e . W e a r e r e q u i r e d t o i n c l u d e a t l e a s t o n e e - f o r m i n o u r webs i t e t ha t r e l a t e s w i t h our f acu l t y i n f o r mat i on l i ke pub l i c s u r vey whi ch
w e n e e d t o c r e a t e q u e s t i o n n a i r e f o r w e b s i t e v i s i t o r s t o f i l l i n . T h e t o p i cd ep en ds o n o ur c re at iv it y. T he s ur ve y r es ul t m us t b e s av ed i n t he
d a ta b as e . B e s i de s t h a t w e n e e d t o h a v e q u o te o f t h e d a y w h i ch w e m u s t
h av e t o b e r et ri ev ed f ro m t he d at ab as e a nd d if fe re nt q uo te w il l b e
d i s p la y e d i n t h e w e b s i t e f o r d i f f e r e n t u s e r w h o v i s i ts t h e w e b s i te . A t t h ee n d o f t h e p r o je c t, w e a r e a l so r e qu i re d t o u p l o ad o u r w e b si t e t o a f r ee
s e r ve r .
OBJECTIVES :
1 . T o s h o w t h e n e c e s sa r y o f u n d e rs t an d in g t h e c o n ce p t o f p a s s in g
i n fo r ma t io n t o t h e p u b li c a n d h o w t o e x pr e ss o p in i on t h ro u g h
on l i ne a s we l l a s how t hes e may i n f l uence t he des i gn and c r ea t i on
of Web pages .
2 . W e a r e i nt ro du c ed t o p ro g ra m f o r m ak in g ' we b p ag e s' f or t he
W or ld W id e W eb i nc lu di ng o rg an iz at io n o f w e b p ag e s, b as ic
H T M L , m u l t im e d i a f e a t u r e s o f w e b p a g e s , h o w t o u s e F r o n t P ag e ,
d e s i g n i n g a w e b s i t e , a n d l o a d i n g a n d e d i t i n g y o u r p a g e s o n a
web s e r ve r .
3. T o m as te r t he s ki ll s o f u si ng t he s of tw a re t ha t l ea rn ed i n t he
T M X l a b t h a t a r e t h i r d - p a rt y s o f t w a r e w h i c h u s e t o e n h a n c e t h e
d es ig n a n d f un c ti on al it y o f w eb p ag e l ik e A do b e P ho to sh o p,
Macr omedi a F l as h , e t c wh i ch us e t o deve l op a f an t as t i c web page .4 . F i n a ll y , l e a rn h o w t o p o s t th e w e b s i t e on a f r e e s e rv e r .
What i s Adobe Dreamweaver CS4 ?
2
-
8/3/2019 Tmx Report
3/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
I t i s a s o f t war e t ha t can bu i l d wor l d - c l a s s webs i t e s and app l i ca t i ons wi t h
one o f t he i ndus t r y s l ead i ng web au t hor i ng t oo l s . Adobe Dr eamweaver
CS 4 s o f t war e i s an i dea l f o r web des i gne r , web deve l ope r and v i s ua l
des i gne r . No t on l y t ha t , i t i s pos s i b l e t o ed i t web pages and do much mor eus i ng t h i s s o f t war e .
I t i s a l mos t t he s ame l i ke o t he r s o f t war e t o des i gn o r bu i l d webs i t e s s uch
as Mi c r os of t P ub l i s he r
Creat ing webpage us ing Adobe Dreamweaver CS4 Sof tware .
F or a new s i t e , s t a r t a t Dr eamweaver s menu and choos e S i t e > New S i t e .
Then f i l l i n t he f i e l ds i n t he Loca l I n f o ca t egor y . Choos e F i l e > New i n
Dr eamweaver CS 3 f o r a compl e t e l y r edes i gned New Document wi ndow.Then s e l ec t HTML f i l e t y pe under t he P age Ty pe co l umn. The l ay ou t i s
s e l ec t ed f r om t he l i s t o f CS S Lay ou t s t ha t appea r s i n t he Lay ou t Co l umn.We a r e us i ng t h r ee co l umn l i qu i d , heade r , f oo t e r f o r t h i s p r o j ec t .
3
-
8/3/2019 Tmx Report
4/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
When t he heade r page comes ou t , t he s i deba r 1 a nd 2 a r e de l e t ed .
C l i ck t he s p r y co l l aps i b l e pane l . The d i s p l ay and de f au l t s t a t e a r e pu t a s
c l os e .
4
Put as Close
-
8/3/2019 Tmx Report
5/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
Then t he backgr ound co l our code i s chos en .
The wi d t h and he i gh t o f t he who l e t ex t i s ad j us t ed a t t he box ca t egor y .
5
-
8/3/2019 Tmx Report
6/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
To i ns e r t F l a s h , c l i ck on med i a and t hen s hockwave .
Af t e r t ha t c l i ck backgr ound .
6
-
8/3/2019 Tmx Report
7/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
Under t he s hockwave , w i d t h 1260 and he i gh t 150 a r e pu t i n f o r t he F l as h .
To do hy per l i nk , h i gh l i gh t t he wor d . Then t y pe i n t he addr es s o f t he web
t ha t wan t ed t o be l i nk t o .
7
-
8/3/2019 Tmx Report
8/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
What i s Adobe F lash CS4 sof tware?
Create animat ion us ing F lash (Macromedia F lash) CS4
Bas i c i n t e r f e r e o f F l as h
8
-
8/3/2019 Tmx Report
9/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
Creat ing moving text wi th co lour us ing F lash .
Flash is created using Adobe Flash CS4 Professional. Flash File (ActionScript 3.0) is choosen.
9
STAGE
PROPERTY
INSPECTOR
TOOLBARS
PANELS
LAYER
TIMELINES
-
8/3/2019 Tmx Report
10/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
In order to create a moving text, we set the background colour to #DFF2ED (light blue). Later,
we create a text with the desired font and size. Frame rate is set to ensure the text moves from the
right, becoming bigger in the middle, stopped with yellow glow before moving to the left. Also,
at the Filters section, adjust the Blur X and Blur Y to 10 px with strength quality 150% yellow.
Of course all these were set using the properties dialog boxes, panels and toolbars available.
The text will be moving from left with small font. Time lines are set with Classic Motion so that
the text can move from one place to another place.
10
-
8/3/2019 Tmx Report
11/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
The text will get bigger while moving to the center of the stage.
When reached center, the text will glow and stop for a moment for about 40 frames.
The text is then changed back to original black colour and continues to move toward left side.
11
-
8/3/2019 Tmx Report
12/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
Creat ing appearance , d i sappearance o f tex t together wi th background.
Flash is created using Adobe Flash CS4 Professional. Flash File (ActionScript 3.0) is choosen.
The background is set to the desired picture on the 1st frame.
12
-
8/3/2019 Tmx Report
13/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
The picture is then selected to convert to symbol with type Graphic. Soon, the at the colour effect
panel, Alpha is set to 0% so that at the frame selected, the background will be invisible.
Another layer is created to type in the text. Then, the text is Break Apart and soon Distribute to
Layers. Different layers will have different frame and we can edit one layer without affecting the
other layers. By doing so, we can create motion of each layer relative to other layers.
13
-
8/3/2019 Tmx Report
14/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
The layers are then are edited in such a way that the text will appear one by one with thebackground appearing from Alpha 0% to Alpha 100% and disappeared after finished. Alpha
100% is to make sure the invisible background becoming more and more visible.
The flash will keep on repeating.
Movements o f F lash created .
14
-
8/3/2019 Tmx Report
15/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
15
-
8/3/2019 Tmx Report
16/16
Faculty of Engineering
Mechanical and Manufacturing Engineering DepartmentTMX 2012 - Alatkuasa Pekerja Ilmuan
References :
16