PREZENTACIJA OS ...

ИЗРАДА ИНТЕРНЕТ ПРЕЗЕНТАЦИЈЕ

ОСНОВНЕ ШКОЛЕ "ЈОВАН СТЕРИЈА ПОПОВИЋ"

CREATING THE WEB PRESENTATION OF

THE PRIMARY SCHOOL "JOVAN STERIJA POPOVIC"

АУТОР: МАЈА ДОБРИЋ, ученица осмог разреда

О.Ш. ''Јован Стерија Поповић'', Нови Београд

МЕНТОР: МИРОСЛАВ КОСТИЋ, дипл. инг.

асистент приправник на ПФ,

директор AWLL Communication - предузећа за развој

телекомуникација

Регионални центар за таленте, Београд II

Београд, 2006. године

2

ИЗРАДА ИНТЕРНЕТ ПРЕЗЕНТАЦИЈЕ

ОСНОВНЕ ШКОЛЕ "ЈОВАН СТЕРИЈА ПОПОВИЋ"

РЕЗИМЕ

Интернет је постао најбржи и најлакши начин за добијање потребних информација

из различитих области живота. Информације су доступне на интернет страницама, у

облику интернет презентација.

Циљ рада је да испита могућности израде интернет презентација у програму

Macromedia Dreamweaver MX 2004, уз укључивање садржаја израђених у другим

програмима. Истовремено, презентација треба да на интересантан начин представи

Основну школу ''Јован Стерија Поповић'', једну од најстаријих основних школа на Новом

Београду.

Кључне речи: Dreamweaver MX 2004, програмирање, интернет презентација, основна

школа, Јован Стерија Поповић.

CREATING THE WEB PRESENTATION OF

THE PRIMARY SCHOOL "JOVAN STERIJA POPOVIC"

SUMMARY

Internet has become the fastest and easiest way of getting required information from

various areas of interest. Information is available on the Internet, in the shape of web

presentations.

The purpose of this project is to explore the possibilities, which Macromedia

Dreamweaver MX 2004 provides for creating a web presentation and for including documents

created in other programs. At the same time, this web presentation will present the Primary

School ''Jovan Sterija Popovic'', one of the oldest primary schools on New Belgrade in an

interesting way.

Key words: Macromedia Dreamweaver MX 2004, programming, web presentation, primary

school, Jovan Sterija Popovic.

3

САДРЖАЈ РАДА

РЕЗИМЕ ................................................................................................................................... 2

SUMMARY .............................................................................................................................. 2

САДРЖАЈ ................................................................................................................................ 3

1. УВОД ................................................................................................................................... 4

2. МЕТОД РАДА И МАТЕРИЈАЛ ......................................................................................... 4`

3. РЕЗУЛТАТИ ИСТРАЖИВАЊА И ДИСКУСИЈА ……….............…………………….. 6

4. ЗАКЉУЧАК ......................................................................................................................... 11

5. ЗАХВАЛНОСТ .................................................................................................................... 12

6. ЛИТЕРАТУРА ...................................................................................................................... 12

4

УВОД

Најбржи и најлакши начин за добијање информација је претраживање интернета.

Довољно је само да укуцате кључне речи у неком од претраживача, и већ су вам на

располагању спискови интернет страница на којима можете добити потребне податке.

Већина основних и средњих школа у Београду већ има своје интернет странице, на

којима се налазе основни подаци о школи и особи чије име школа носи. Основна школа

''Јован Стерија Поповић'', коју похађам, до сада није имала своју интернет презентацију,

иако је то једна од најстаријих основних школа на Новом Београду и тренутно има 1.155

ученика.

Интернет презентацију Школе израдила сам у програму Macromedia Dreamweaver

MX 2004. Циљ рада је да покаже предности овог програма при изради интернет

презентације, уз укључивање садржаја израђених у другим програмима.

МАТЕРИЈАЛ И МЕТОДЕ РАДА

Интернет презентација израђена је у бесплатној верзији (trial version) програма

Macromedia Dreamweaver MX 2004, који је скинут са интернет странице

www.macromedia.com.

Овај програм пружа велике могућности за креативност у изради интернет

презентација, а лак је за употребу, пошто не захтева претходно познавање HTML кодова за

ручно програмирање. Могу га користити и професионалци и почетници.

Према неким подацима, овај програм се због своје прилагодљивости најчешће

користи при изради интернет страница. Macromedia Dreamweaver MX 2004 спада у групу

програма који користе графички кориснички интерфејс и у којима се већ у току рада могу

видети промене у изгледу готове презентације. Програм користи и WYSIWYG (What You

See Is What You Get) интерфејс.

5

У раду су коришћене и бесплатне верзије других програма: Flash, Power Point и

Microsoft Office Excell 2000. Поред тога, коришћен је и Sony Corporation Picture Package,

програм за обраду слика.

Интернет презентација садржи 80 фотографија, које сам снимила дигиталним

фотоапаратом DSC-W1, 90 слика из апликације Clip Art и видео клип израђен дигиталном

камером. Као музичка подлога мулитмедијалне презентације израђене у програму Picture

Package, верзија 1.2, коришћенa је обрада песме Power of Love, у извођењу Ричарда

Клајдермана.

Материјали израђени у другим програмима - анимације у програму Flash,

фотографије обрађене у програму Picture Package, презентација у програму PowerPoint,

линковима су повезане са почетном страном презентације или се налазе директно на

странама презентације.

Слика 1. Лого програма Macromedia Dreamweaver MX

Figure 1. Macromedia Dreamweaver MX Logo

6

РЕЗУЛТАТИ ИСТРАЖИВАЊА И ДИСКУСИЈА

Програмирање у Macromedia Dreamweaver MX 2004 врши се на екрану, у документ

прозору (Windows окружење). Ту се додају елементи интернет странице, и то коришћењем

WYSIWYG (What You See Is What You Get) интерфејса или избором HTML кодова.

Израда презентације започиње као и код других Windows апликација, избором

команде New у File menu. У оквиру ове команде, понуђено је више типова докумената.

Презентација је израђена у облику HTML странице.

Слика 2. Почетак израде презентације

Figure 2. Creating a presentation

7

Програм омогућава избор начина на који ће аутор у току рада пратити изглед

презентације.

Први начин омогућава цртање појединачних слојева и ћелија табеле на страници,

унос текста као у текст-процесорима, као и директно подешавање (Design view).

Други начин је унос HTML или другог кода на страницу (Code view).

Трећи начин представља комбинацију првог и другог начина (Split view).

При изради презентације изабрала сам трећу опцију, која ми је омогућила

програмирање комбинацијом кодирања и дизајна. На овај начин одмах по избору неке

опције могла сам да видим промену у изгледу презентације и да је прихватим, или

изменим, уколико ми се не допада нови ефекат.

Слика 3. Комбинација кода и дизајна

Figure 3. Split view

8

Рад у програму Macromedia Dreamweaver MX 2004 не захтева познавање HTML

кодова за програмирање, јер је основна структура странице унапред дата (head, body, title).

Слика 4. Изглед горњег дела екрана (почетни код)

Figure 4. Layout of the upper part of the screen (basic code)

За сваки део странице понуђено је више опција за подешавање изгледа, стила, боје

и сл. у виду падајуће листе, која се активира притиском на размак унутар кодних заграда

(<>).

Слика 5. Опције за подешавање изгледа презентације

Figure 5. Web presentation design options

9

Слика 6. Избор боје за позадину

Figure 6. Choosing the background color

У главном менију постоји већи број команди, од којих је посебно корисна Insert,

која омогућава коришћење више медија у презентацији (фотографије, музика, Power Point

презентација, видео клип, Macromedia Flash анимација и сл.). На овај начин постиже се

мултимедијална интегративна презентација различитих садржаја.

Слика 7. Команда за убацивање слика Слика 8. Команда за убацивање програма за гледање слика

Figure 7. Insert picture command Figure 8. Insert Image Viewer Command

10

У склопу презентације налазе се и два програма за посматрање слика (Image

Viewer), који су направљени у програму Macromedia Flash MX. У оквиру овог програма

понуђени су Templates, као готови примери апликација, који се могу по потреби

прилагођавати.

Слика 9. Изглед документа у програму Macromedia Flash MX

Figure 9. Macromedia Flash MX document

Image Viewer има своје контроле, којима се омогућава кретање напред, назад и

аутоматско смењивање слика (Autoplay), а налази се на свакој слици, у горњем десном

углу.

Слика 10. Слика са програмом за прегледање слика

Figure 10. Picture with Image Viewer

11

Убацивање линкова у овом програму је веома једноставно. Предвиђена су четири

начина - три преко тулбара Property Inspector (укуцавањем линка и коришћењем дугмета

Point to File и Browse for File) и четврти, преко Main menu тулбара и команде Insert, у којој

се налази опција Hyperlink.

У раду сам користила четврту опцију, којом се брзо и лако убацују линкови. На овај

начин направљено је укупно двадесет линкова у презентацији. Од тога, једанаест линкова

води на друге странице, осам на видео клипове, а један на Power Point презентацију.

Слика 10. Команда за убацивање линкова Слика 11. Изглед линкова у раду

Figure 10. Insert link command Figure 11. Appearance of links in the presentation

ЗАКЉУЧАК

Програм Macromedia Dreamweaver MX 2004, који се показао као функционалан и

једноставан за употребу, омогућио је израду презентације Основне школе ''Јован Стерија

Поповић'' из Новог Београда на креативан и интегративан начин уз коришћење других

програма.

12

ЗАХВАЛНОСТ

Захваљујем се свом ментору, господину Мирославу Костићу, дипломираном

инжињеру, асистенту -приправнику на ПФ, Јелени Нешковић, наставници информатике у

Основној школи ''Јован Стерија Поповић'' и наставницима школе рачунара SystemPro из

Београда, посебно наставнику Стевану Стевићу, на стручним консултацијама и

инструкцијама које су омогућиле израду рада у овом облику.

ЛИТЕРАТУРА

Интернет странице:

www.macromedia.com

www.learnthat.com

www.uwec.edu

www.getit.rutgers.edu

Free Macromedia Dreamweaver MX 2004 Tutorial and Training, Summer Doucet, 2004, www.learnthat.com

Free Macromedia Dreamweaver MX 2004 Training Intermediate, Summer Doucet, 2004, www.learnthat.com