Evropský polytechnický institut, s.r.o. v Kunovicích

Študijný obor: Elektronické počítače

 

 

 

 

 

 

 

 

 

Software e-lerninogové výuky progeCAD

 

 

(Bakalárska práca)

 

 

 

 

 

 

 

 

 

 

 

 

Autor: Alexandra BOBEKOVÁ

Vedúci práce: Ing. Robert Jurča     

 

 

Hodonín, január 2010

 


 

 

1.       soukromá vysoká škola na Moravě

Evropský polytechnický institut, s.r.o.

Akademický rok 2009/2010

 

ZADÁNÍ BAKALÁŘSKÉ PRÁCE

            Jméno a příjmení:              Andrea KUBALOVÁ

                Studijní program:               Finance a daně

 

 

Téma práce:

Zaoblený obdélník: Název práce

 

 

 

 

 

 

Cíl závěrečné práce:

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

 

 

 

Osnova:

1.      xxxxxx

2.      xxxxxx

3.      xxxxxx

4.      xxxxxx

5.      xxxxxx

 

 

 

 

 

Podle zákona č. 111/1998 Sb., § 47b, odst. 3 platí, že odevzdáním práce autor souhlasí se

zveřejněním své práce podle tohoto zákona, bez ohledu na výsledek obhajoby.

 

 

                Vedoucí práce:                                   Ing. Xxxxxxxxxxxxxxxxx

                Datum zadání bakalářské práce:   Kunovice, 1. dubna 2009

 

 

 

 

 

 

                               Iveta Matušková                                                                              Oldřich Kratochvíl

                     Mgr., Ph.D., h. doc., MBA                                           Ing., h. prof., Dr.h.c., Ph.D., MBA

                Prorektorka pro pedagogickou činnost                                                         rektor

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Prehlasujem, že som bakalársku prácu vypracoval (-a) samostatne pod vedením

Ing. Roberta Jurču,  a uviedl (-a) v zozname literatúry všetky použité literárne

a odborné zdroje.

 

                                                                                                                                                        

Hodonín, január 2010                                      

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Ďakujem pánovi Ing. Robertovi Jurčovi za veľmi užitočnú metodickú pomoc, ktorú mi poskytol pri spracovaní mojej bakalárskej práce.

 

Hodonín, 2010

 

 

Alexandra Bobeková

Obsah:

 

ÚVOD.. 6

1 Analýza súčasného stavu – výučba technickej  dokumentácie.. 8

1.1 Technická dokumentácia.. 8

1.1.1 Konštrukčná dokumentácia. 9

1.1.2 Technologická dokumentácia. 9

1.2 Výučba technickej dokumentácie na našej škole.. 10

1.2.1 Stručná anotácia predmetu. 10

1.2.2 Informácie ku kombinovanej alebo distančnej forme. 11

1.2.3 Harmonogram výučby. 12

Výučba technickej dokumentácie na iných Vysokých školách.. 15

1.3 Výučba technickej dokumentácie na Západočeskej univerzite v Plzni. 15

1.3.1 Harmonogram výučby. 15

1.4 Výučba technickej dokumentácii na Technickej Univerzite v Liberci. 17

1.4.1 Stručná anotácia predmetu. 17

1.4.2 Témy prednášok. 17

1.4.3 Náplň cvičení 18

1.4.4 Záverečné hodnotenie. 18

1.5 Výučba technickej dokumentácie na Technickém univerzite v Košiciach.. 19

1.5.1 Anotácia predmetu. 19

1.5.2 Obsah prednášok a cvičení 19

1.6 Zhrnutie.. 20

2 CAD systémy.. 21

2.1 CAD aplikácie sa dajú rozdělit do troch skupín podľa veľkosti. 21

2.2 CAD systémy sa delia podľa grafického modeláru.. 22

2.3 ProgeCAD.. 23

2.3.1 Výhody používania ProgeCAD.. 23

2.3.2 Využitie progeCADu. 24

2.3.3 Porovnanie 2D CAD.. 24

3. Softvér.. 27

3.1 Vytváranie softvéru.. 27

3.2 Technické riešenie stránky.. 28

3.2.1 Grafické nástroje. 28

3.2.2 Textové nástroje. 30

3.2.3 Program na nahrávanie obrazovky. 30

4 Elektronická učebnica.. 32

4.1 Hlavné stránky elektronickej učebnice a cvičebnice.. 32

4.1.1 Učebnica. 33

4.1.2 Cvičebnica. 35

4.2 Výhody elektronickej učebnice.. 36

4.3 Nevýhody elektronickej učebnice.. 37

4.3.1 Návrh elektronickej učebnice. 37

4.4 Grafická stránka elektronickej učebnice.. 40

4.5 Používanie CSS príkazov v elektronickej učebnici. 41

4.6 Používanie tagov v elektronickej učebnici. 43

ZÁVER.. 48

ABSTRAKT.. 49

ABSTRACT.. 50

Literatúra.. 51

Zoznam príloh.. 53


ÚVOD

 

Internet je v dnešnej dobe čoraz častejšie sa vyskytujúci nástroj pre vyhľadávanie informácií. Môžeme tu nájsť množstvo informácií, ktoré nás zabavia, zaujmú ale aj naučia.

 

V súčasnosti existuje veľmi veľa kníh a príručiek o programe ProgeCAD. Sú to prevažne veľké, ťažké a v neposlednom rade drahé publikácie. Preto sme sa rozhodli uľahčiť študentom prácu a vytvorili sme pre nich elektronickú učebnicu. Nemusia si ju kupovať ani čakať kým ju niekto vráti. Jednoducho záujemca o túto problematiku zapne internet- či už z osobného počítača, notebooku alebo mobilu a môže študovať.

 

Z názvu bakalárskej práce je zrejmé, že budeme vytvárať software, ktorý bude slúžiť pre výučbu technickej dokumentácie. V tejto práci sa pokúsime čo najlepšie priblížiť spôsob, akým sme postupovali pri vytvorení tejto elektronickej učebnice. Táto učebnica bude mať náučný charakter. Bude obsahovať vysvetlenie jednotlivých častí progeCADu s obrázkami. Budeme sa snažiť o čo najlepšie a najzrozumiteľnejšie vysvetlenie v danej problematike. Ďalej by sme chceli vytvoriť jednoduché ukážky, ktorými by si študent mohol overiť ako pochopil, čo mu bolo vysvetlené.

 

V prvej kapitole analyzujeme súčasný stav. Pokúsime sa o vysvetlenie pojmu technická dokumentácia. Ozrejmíme si výučbu technickej dokumentácie na našej škole v porovnaní s inými českými a slovenskými vysokými školami.

 

V druhej kapitole sa zameriame na CAD systémy, ich delenie a využitie v praxi. Povieme si niečo o programe ProgeCAD o jeho porovnaní s inými CAD systémami, o jeho výhodách a požiadavkách.

 

V tretej kapitole si popíšeme postup vytvárania elektronickej učebnice. Popíšeme si software, technické riešenie stránky a všetky použité nástroje, s ktorými sme sa stretli pri vytváraní web stránky.

 

V štvrtej kapitole si povieme o vytváraní HTML kódu a CSS štýle. Nájdeme výhody vytvorenia elektronickej učebnice. Stručne si popíšeme ako celá elektronická učebnica vyzerá a ako sa v nej ľahko orientovať.

Výsledkom našej práce je voľne dostupná elektronická učebnica, ktorá má byť nápomocná pri výučbe technickej dokumentácie v programe ProgeCAD. Každý, kto má možnosť pripojenia k Internetu, môže získať potrebné informácie.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1 Analýza súčasného stavu – výučba technickej  dokumentácie

 

V tejto kapitole si ozrejmíme pojem technická dokumentácia a jej rozdelenie. Ďalej si popíšeme výučbu technickej dokumentácie na našej škole, povieme si niečo o výučbe na iných českých vysokých školách, na vysokej škole na Slovensku a porovnáme tieto výučby s našou školou.

 

 

1.1 Technická dokumentácia

 

Pod pojmom technická dokumentácia si môžeme predstaviť dve poňatia tohto významu:

 

a.) V širšom slova zmysle môžeme technickú dokumentáciu chápať ako dokumentáciu, ktorá sa vyskytuje v podnikoch. Môže ísť o technologickú dokumentáciu, výrobnú dokumentáciu, konštrukčnú dokumentáciu, a iné.

 

b.)  V užšom slova zmysle chápeme technickú dokumentáciu ako prípravu výroby. Vo všeobecnosti môžeme dokumentáciu chápať ako súhrn dokumentov, s cieľom popísať technický výrobok. Ak niečo vytvárame, potrebujeme k tomu vždy dokumentáciu. Technická dokumentácia je iba akousi časťou dokumentácie.

 

Môžeme ju rozdeliť podľa spôsobu použitia na:

- Výrobnú dokumentáciu

- Prevoznú dokumentáciu

- Montážnu dokumentáciu

- Obchodno-technickú dokumentáciu

 

Výrobnú ďalej delíme na:

- Konštrukčnú dokumentáciu

- Technologickú dokumentáciu

 

 

 

 

 

 

 

 

 

 

 Obr.č.1: Spôsob použitia

 Zdroj: [6]

 

 

1.1.1 Konštrukčná dokumentácia

 

Spracováva ju konštrukčná kancelária, ktorá má poverenie pripravovať výrobu. Cieľom konštrukčnej práce je mať nejakú technickú predstavu. Teda vedieť realizovať nápad tak, aby sa dal vyjadriť formou technických dokladov ( napríklad výkresy, výpočty, schémy). To tvorí technickú dokumentáciu. Návrhár musí zaručiť funkčnosť celku, správne vybrať materiál, typ používaných súčastí a určiť tvar súčastí. Ďalej musí dbať na požiadavky hospodárnosti, pracovať so známymi technológiami, obsluhami a údržbami. Dobrý návrhár by mal dodržiavať dobu na projekčnú prácu a pokiaľ možno skracovať dobu prípravy výroby.

 

 

1.1.2 Technologická dokumentácia

 

Je to súbor technologickej dokumentácie, vzniká na základe súboru konštrukčnej dokumentácie a spolu tvoria výrobnú dokumentáciu. Cieľom technologickej dokumentácie je presne určiť, ako a čím bude výrobok realizovaný. Je to vlastne akýsi súbor grafických, textových a iných dokumentov, ktoré určujú technologické procesy pre výrobu výrobku. Technologickú dokumentáciu spracováva technologické oddelenie.

 

 

 

1.2 Výučba technickej dokumentácie na našej škole

 

Technická dokumentácia sa na našej škole vyučuje v 1. ročníku v oboch semestroch.. Patrí medzi povinné predmety. Študenti majú na získanie vedomostí 56 hodín za rok. Svoju celoročnú prípravu na technickú dokumentáciu zakončia zápočtom alebo skúškou.

Aby študent získal zápočet musí zvládnuť:

- Včasné a správne vypracovanie jednotlivých úloh uvedených vždy pod jednotlivými kapitolami ako samostatné práce študenta.

- Založiť si vlastnú osobnú papierovú zložku s „ušami“,  ktorú opatríme nasledujúcou popiskou, ktorú si sami nakreslíme, vyplníme a nalepíme  

- Absolvovať dva elektronické priebežné testy a jeden test záverečný

- Písomne spracovať úlohy za kapitolami a vložiť do zložky

- Zúčastňovať sa cvičenia, kde bude priebežne spracovávať úlohy

130 – 100 bodov = 40 bodov ku skúške

  90 –   80 bodov = 30 bodov ku skúške

  70 –   60 bodov = 20 bodov ku skúške

            50 bodov = 10 bodov ku skúške

 

Pre získanie skúšky musí študent zvládnuť:   

 

- Splnenie všetkých podmienok k udeleniu zápočtu

- Preukázať znalosti a schopnosti prebraného učiva elektronického testu

 Hodnotenie elektronického testu (max. 100 bodov):

100 -  80 bodov = 60 bodov ku skúške

  79 – 70 bodov = 50 bodov ku skúške

  69 – 60 bodov = 40 bodov ku skúške

  59 – 50 bodov = 30 bodov ku skúške

Technickú dokumentáciu vyučuje Ing. Robert Jurča.

 

 

1.2.1 Stručná anotácia predmetu

 

Úlohou predmetu je vytvoriť všeobecný základ a východisko pre štúdium grafických systémov a pre spracovanie technickej dokumentácie vo vyšších ročníkoch. Ťažisko výučby spočíva vo výklade základných operácií v systéme AutoCAD, ktoré sa vytvára v spojitosti s výkladom zásad technického kreslenia. Výučba je plno prakticky zameraná na schopnosť študenta pracovať s najčastejšie používanými programami AutoCAD, ich prepojenie na ostatné grafické i textové programy a na samostatné programovanie a konfiguráciu používaných systémov. Pre štúdium tohto predmetu sú do výučby zapojené ukážky rôznych grafických systémov s odborným výkladom pre špecifické použitie na rôznych odborných pracoviskách v rámci praxe, s cieľom poskytnúť študentovi možnosť orientovať sa a vybrať si svoj diagram pre uplatnenie v praxi.            

 

Hlavným predpokladom štúdia je pravidelná práca s odbornou literatúrou, a to z dôvodu rýchleho vývoja v oblasti informatiky. Študent spracováva samostatné projekty od najjednoduchších až po samostatné riešenie technických problémov, ktoré sa môžu  vyskytnúť  na vývojových pracoviskách spolupracujúcich výrobných podnikov.

 

Práca s internetom je dôležitou súčasťou pre získanie uceleného názoru na vývoj grafických systémov. Jednotlivé samostatné projekty sú zadávané prednášajúcim rovnako cez Internet a splnené sú predávané rovnakou  cestou.

 

Samotné hodnotenie spočíva vo vyhodnotení týchto kritérií – správnosť vyriešenia problému, grafická úroveň dokumentu, rýchlosť splnenia zadanej úlohy a  použiteľnosť  daného riešenia v  praxi pri riešení vývojových úloh.

 

 

1.2.2 Informácie ku kombinovanej alebo distančnej forme

 

Rozsah a obsahové zameranie individuálnych prác študentov a spôsob kontroly:

 

1. Pred zahájením semestra zverejní prednášajúci vo vnútornom informačnom systéme pre každý predmet:

a) študijné ciele predmetu

b) študijný plán predmetu, ktorý bude obsahovať:

- termíny a obsahy jednotlivých sústredení

- termíny diagnostických elektronických testov

- termíny obhajoby priebežnej práce študenta

- termín záverečného overenia znalostí

c) povinnú a doplňujúcu literatúru

                                     

2. V priebehu semestra prebehnú sústredenia s nasledujúcim obsahom:

-  prvé sústredenie

-  prednášajúci zoznámi študentov s  obsahom bodov 1a, 1b, 1c

- prednášajúci zadá študentom samostatnú priebežnú tvorivú  prácu, v ktorej študent aplikuje na praktické úlohy študovanú  teóriu a zoznámi sa s informačnými zdrojmi v ČR a zahraničí

 

-  študenti a prednášajúci si dohodnú spôsob vzájomnej komunikácie      

 

-   medzi prvým a druhým sústredením študent  naštuduje nasledujúcu povinnú literatúru:

Jurča, R. Technická dokumentace. Kunovice : EPI, 2004.

a svoje znalosti si overí elektronickým testom, diaľkovým prístupom cez internet.

 

- V druhom sústredení prednášajúci odprednáša základné  učivo a vedie o ňom so študentmi diskusiu prostredníctvom prípadových štúdií praxe.

 

- Študent dokončí štúdium teórie a spracuje priebežnú prácu. Súčasne prostredníctvom internetu a telefónu konzultuje s vyučujúcim. Študent má právo na požiadanie na osobnú konzultáciu s vyučujúcim, ak je to potreba pre jeho ďalšiu prácu. Všetky výsledky svojej práce študent ukladá do adresára, ktoré sú verejne hodnotiteľné. 

 

- V treťom sústredení študent verejne obhajuje svoju priebežnú prácu. 

 

 

1.2.3 Harmonogram výučby

 

Na našej škole má každý predmet svoj harmonogram výučby. Inak to nie je ani pri výučbe technickej dokumentácie. Harmonogram výučby predstavuje tabuľku, kde nájdeme úplne hore vo štvorci dátum výučby, pod tým skratku učiteľa (napríklad JC- Ing. Robert Jurča),

a počet hodín v daný deň. Pod týmito údajmi sa môžeme dozvedieť, čo sa má vyučovať v daný deň. A dole v červenej tabuľke je zadanie pre študent.

 

 

Obr.č.2: Harmonogram výučby

Zdroj: [7]

 

Ďalej máme zápisky z výučby, kde si môžeme pozrieť, čo sa v daný deň vyučovalo a študent tu má zadanú úlohu, ktorú má vypracovať a vložiť do svojej zložky. Ukážka:

 

 

 

 

 

 

 

 

 


Zápis z výuky

 

 

Datum: 26.9.2009

Kruh/y: 1.EH

 

 

Vyučující: Ing. Jurča Robert

 

Předmět: Technická dokumentace

 

 

Učební text (strana od-do):

1)     Přednáška uložená ve formě prezentace v adresáři prezentace_TED_1.pps

2)     Přednáška prezentace_TED_2.pps

3)     Učební text Technicka_dokumentace.pdf

 

 

Probraná látka:

1)     Úvod, stanovení požadavků předmětu TD

2)     Co je to technika

3)     Co je to technická dokumentace

4)     Technická dokumentace v oblasti elektrotechniky

5)     Normy a technická normalizace

6)     Mezinárodní organizace zabývající se tvorbou mezinárodních norem

7)     SOLID EDGE V20 - cvičení

 

 

Zadání úkolů:

1)     Založte si složku studenta dle zadání

2)     Zpracujte výkresy vykres1.jpg, vykres2.jpg, vykres3.jpg, vykres4.jpg, vykres5.jpg, vykres6.jpg (termín: do 25.1.2010)

3)     Písemně odpovězte na následující otázky, vytiskněte a vložte do složky studenta

 

Otázky:

1)     Charakterizujte pojem technika

2)     Charakterizujte vlastními slovy obecně dokumentaci

3)     Charakterizujte vlastními slovy pojem konstrukční dokumentace

4)     Co je to technická dokumentace

5)     Vlastními slovy charakterizujte konstrukční dokumentaci

6)     Jak se jmenuje norma upravující dokumenty používané v elektrotechnice

7)     Vlastními slovy definujte co je to norma

8)     Jaké hlavní úkoly plní normy

9)     Jaké druhy norem znáte - uveďte příklad

10)  Vlastními slovy definujte co jsou to technické normy

11)  Co je to technická normalizace

12)  Podle které normy se řídí technická normalizace

13)  Co si představujete pod tvrzením, že norma je otevřeným dokumentem.[1]

 

 

 

 

 

Výučba technickej dokumentácie na iných Vysokých školách

 

V nasledujúcej podkapitole si popíšeme výučbu technickej dokumentácie na dvoch českých a jednej slovenskej vysokej škole. Oboznámime sa s ich harmonogramom výučby a nárokmi na študentov.  Na záver si porovnáme výučby s našou vysokou školou.  

 

 

1.3 Výučba technickej dokumentácie na Západočeskej univerzite v Plzni.

 

Harmonogram je určený študentom FAV bakalárskeho študijného programu Aplikovanej vedy a informatika v obore Mechanika (B3918).

Cieľom predmetu je úvod do CAD technológií v projektovaní. Zoznámenie sa s možnosťami moderných CAD systémov pomocou riešenia praktických úloh v 2D a 3D. Cieľom predmetu je zoznámiť študentov so základmi projektových prác pri konštrukcii v oblasti stavebníctva pomocou moderných CAD systémov. Študent v priebehu semestra získa komplexný prehľad o tvorbe výkresovej dokumentácie, prechodu k 3D systémom, výhodách parametrizácie, základoch vizualizácie, využívanie knihovní, správu dát a previazanosti na ďalšie výpočtové systémy. Po absolvovaní bude mať študent základné znalosti používania moderných CAD systémov v projektovaní a prehľad o ďalších možnostiach využitia týchto moderných metód navrhovania. 

 

 

1.3.1 Harmonogram výučby

 

je rozdelený do 13 týždňov, a pre každý týždeň je zadané, čo sa má vyučovať.

 

1. týždeň: Úvod do CAD technológií - prechod od kreslenia ku spracovávaniu výkresov pomocou CAD technológií, objasnenie CAD, CAM, CAE. Spôsob využitia 3D CAD systémov v praxi, problematika výmeny dát medzi jednotlivými systémami, systémové požiadavky, ergonómia pracoviska.

 

2. týždeň: Základné ovládanie profesionálneho CAD systému. Kreslenie v rovine. Súradné

systémy, jednotky. Kreslenie objektov v 2D. Vlastnosti objektov.

3. týždeň: Editácia hladiny a práce s blokmi. Šrafovanie. Kótovanie. Výkresové šablóny,

značky a rozpisky. Rozvrhnutie a výrezy.

4. týždeň: Kreslenie v priestore. Prechod od kreslenia v rovine k technike.

5. týždeň: Tvorba modelov. Zobrazenie a vizualizácia priestorových objektov, úpravy pohľadov a ich archivácia. Druhy súradných systémov a manipulácia s nimi.

6. týždeň: Modelovanie. Využitie načrtnutých a vložených konštrukčných prvkov pri tvorbe súčastí. Editácia pri tvorbe variant súčastí. Tvorba nových atypických prvkov a priradenie inteligentných vlastností pre implementáciu do celkového modelu.

 

7. týždeň: Tvorba výkresovej dokumentácie z priestorových modelov. Previazanosť modelu s výkresovými pohľadmi, editácia pohľadov rôznych zobrazení. Súčasná modifikácia prvkov a vzájomná previazanosť 2D a 3D modelov.

 

8. týždeň: Oborové nadstavby CAD systémov, aplikačné moduly. Základná filozofia a ovládanie. Globálny pohľad na model.

 

9. týždeň: Oborové nadstavby CAD systémov, aplikačné moduly. Využitie detailov k vytvoreniu celku. Rezy a výrezy. Dokumentácia.

 

10. týždeň: Multipracovné a multiprofesné riešenie zákazky. Sofistikovaná správa dát. Komunikácie medzi špecialistami alebo klientmi. Prenos a výmena dát medzi jednotlivými systémami. Podklady pre prezentáciu diela pre marketing, rôzne spôsoby osvetlenia objektov, interiérov, prechádzanie objektom

 

11. týždeň: Samostatný projekt.

12. týždeň: Samostatný projekt.

13. týždeň: Zápočtový týždeň – prezentácia výsledkov samostatných projektov.

Podmienkou zápočtu je semestrálna práca.

 

 

1.4 Výučba technickej dokumentácii na Technickej Univerzite v Liberci.

 

Predmet je určený študentom 1. ročníka fakulty mechatroniky. Vyučovanie prebieha v 14. týždňoch. Študent za úspešné absolvovanie tohto predmetu môže získať 3 kredity. Garantom predmetu je doc. Ing. Zdeněk Plíva, Ph.D. Vyučovanie je rozdelené na prednášky a cvičenia. Ďalej si popíšeme témy prednášok a náplň cvičení.

 

 

1.4.1 Stručná anotácia predmetu

 

Predmet je zameraný na získanie základných vedomostí pri čítaní technickej dokumentácie z oblasti stavebníctva, strojníctva a elektrotechniky, vytváranie technických skíc a výkresov. Absolventi získajú tiež základné informácie o pravidlách vytvárania a opravovania  technických správ (projekty, protokoly, diplomové práce atd.).

 

 

1.4.2 Témy prednášok

 

- Úvod do problematiky tvorby technickej dokumentácie v stavebníctve a strojárenstve. Základné požiadavky na technické výkresy. Základy zobrazovania, najčastejšie typy výkresov (príklady). Normy pre tvorbu technickej dokumentácie. Zhotovenie technickej dokumentácie s prihliadnutím k funkčným a výrobným požiadavkám. Ukážka stavebných a strojárenských výkresov.

-Pravouhlé premietanie na viac premietačov. Prieniky, zobrazovanie v rezoch a prierezoch.

-Základné metódy kótovania na technických výkresoch. Zvláštne spôsoby kótovania. Technologičnosť kótovania. Predpis kvality povrchu na technických výkresoch.

-Konštrukčný materiál a polotovary. Zobrazovanie normalizovaných prvkov na technických výkresoch.

-Presnosť rozmerov -tolerančná sústava. Presnosť tvaru a polohy. Predpis presností na technických výkresoch.

-Základy elementárnych konštrukcií. Aplikácia metód konštruovania. Úvod do problematiky CAD systému pre strojárenstvo.

-Modelovanie strojných súčastí

-Základné pravidlá pre elektrotechnické výkresy, používané značky, symboly. Metodika označovania súčiastiek. Knihovné súbory. Postup vývoja v elektrotechnike.

-Výrobné dáta, používané formáty a ich generovanie.

-Vlastnosti CAD systémov a ich členenie, riadenie tokov informácií, sledovanie dokumentov.

-Základné pravidlá vytvárania správ pre TU Liberec, štruktúra dokumentácie, korektorské značky, typografické pravidlá

-Základné spôsoby zobrazovania v stavebníctve z pohľadu používaných typov projekcií a normových predpisov pre zobrazovanie konštrukcií. Najčastejšie typy výkresov: pôdorysy, rezy a pohľady v ortogonálnej projekcii, význam druhov čiar, grafické skratky materiálov a zriaďovacích  predmetov, spôsoby kótovania. Súčasťou prednášky bude tiež praktická ukážka stavebných výkresov a ich čítanie.

 

 

1.4.3 Náplň cvičení

 

-Skica a výrobný výkres súčasťou modelu podľa zadania (AutoCAD, ProEngineer)

-Práca so zdrojmi informácií, orientácia v katalógových listoch, základné vlastnosti CAD systémov pre elektrotechniku.

-Čítanie schém, osadzovacích výkresov, kusovníkov, generovanie výrobných dát (zadanie pre prezenčné štúdium, kombinované štúdium).

 

 

1.4.4 Záverečné hodnotenie

 

Klasifikovaný zápočet bude udelený na základe priebežného hodnotenia z jednotlivých cvičení, kvality vypracovaných prác, prípadne i na základe ústneho preskúšania.

 

 

 

 

 

 

1.5 Výučba technickej dokumentácie na Technickém univerzite v Košiciach

 

Rozdiel vyučovania na našej škole a na technickej univerzite v Košiciach je v tom, že u nás sa predmet volá technická dokumentácia na rozdiel od univerzity v Košiciach kde sa predmet volá Metódy CAD, CAM, CIM. Vyučuje sa v letnom semestri. Vyučujú ho pre študijný obor Získavanie a spracovanie zemských zdrojov. Pre úspešné absolvovanie tohto predmetu je dôležité získať zápočet-30 bodov a skúška, ktorá tvorí 70 bodov. Vyučovanie je rozdelené do 13.týždňov, ktoré obsahujú prednášky a cvičenia. Prednášajúcim je doc. Ing. Peter Blišťan, PhD.

 

 

1.5.1 Anotácia predmetu

 

Cieľom predmetu je oboznámiť poslucháčov študijného odboru s vybranými grafickými prostriedkami počítačov rady PC s dôrazom, kladeným na vytváranie grafických výstupov inžinierskeho charakteru. V praktickej časti budú riešené úlohy, vyplývajúce z obsahového zamerania štúdia. Je to úvodný predmet, v ktorom študenti získajú základný prehľad o typoch grafických dát a možnostiach ich použitia. Úlohou študentov je zvládnuť problematiku práce s rastrovými a vektorovými dátami a osvojiť si filozofiu práce vo vybraných grafických prostrediach.[2]

 

 

1.5.2 Obsah prednášok a cvičení

 

1. Úvod do problematiky grafických systémov

2. Grafické prostriedky počítačov.

3. Grafické systémy - základné geometrické objekty počítačovej grafiky, grafické editory, programové produkty počítačovej grafiky.

4. Grafické systémy - grafické formáty, farby v počítačovej grafike.

5. CA systémy – počítačom podporované systémy.

6. Základné grafické objekty CAD systémov.

7. Počítačové modely a modelovanie.

8. Realistické zobrazenie modelu v počítačovej grafike.

9. CAD systémy. MicroStation – popis pracovného prostredia.

10. Grafické objekty, editovanie základných parametrov.

11. Tvorba knižníc buniek a možnosti ich použitia.

12. Nástroje pre 3D konštruovanie.

13. Nadstavby nad MicroStation.

 

Podmienky pre získanie zápočtu sú, aktívna a 100% účasť na cvičeniach, odovzdanie zadania, ktoré zadal vyučujúci, úspešné absolvovanie zápočtovej písomky, kde študent musí získať spolu minimálne 16 bodov.

Podmienky absolvovania skúšky, študent musí získať spolu minimálne 51b.

 

 

1.6 Zhrnutie

 

Technická dokumentácia sa vyučuje na viacerých školách zaoberajúcich sa informatikou. Každá škola si zvolila iný typ programu, ktorý jej vyhovuje. Napríklad AutoCAD, Solid Edge, MicroStation  a veľa iných. V podstate všetky tieto programy sú podobné a dá sa v nich vytvárať objekt 2D poprípade 3D. Nie na každej škole sa predmet zaoberajúci sa CAD systémami nazýva Technická dokumentácia. Stretli sme sa s rôznymi názvami týchto predmetov.

 

Systém vyučovania je skoro všade rovnaký, treba získať potrebný počet bodov na zápočet, aby bol študent pripustený k skúškam. Každá škola má svoj špecifický harmonogram výučby, podľa  ktorého vedie vyučovanie.

 

 

 

 

 

 

2 CAD systémy

 

CAD- Computer  Aided Design . CAD systémy sa využívajú najmä pri návrhu a optimalizácii produktov. Ich ďalšou výhodou je , že sa využívajú  aj pre návrh nástrojov a strojov, tvorbu dokumentácie, výrobu komponentov, a iné. Proces vývoja CAD systémov je znázornený na obr.

 

obr. č 2. CAD proces

Zdroj: [7]

 

 

2.1 CAD aplikácie sa dajú rozdělit do troch skupín podľa veľkosti

 

1. malé CAD aplikácie: sú lacnejšie, umožňujú len 2D kreslenie, pomocou nich sa dá vytvárať konštrukčná výkresová dokumentácia, majú iba základné nástroje na kreslenie a editáciu, neumožňujú 3D modelovanie a sú to v podstate len „elektronické rysovacie dosky“, ktoré sú vhodné pre malých živnostníkov, ktorí potrebujú v procese výroby spracovávať jednoduchú a nie rozsiahlu výkresovú dokumentáciu. Jedná sa prevažne o zákazkovú kusovú výrobu, nie sú náročné na používaný hardvér a neumožňujú tímovú prácu. Niektoré z malých CAD aplikácií sú šírené pod licenciou GNU a sú voľne dostupné a môžu byť zamerané na konkrétny výrobný odbor.

 

2. stredné CAD aplikácie: sú podstatne drahšie ako malé CAD aplikácie, umožňujú 2D kreslenie a vytváranie konštrukčnej výkresovej dokumentácie, umožňujú aj čiastočné 3D modelovanie (objemové modelovanie) a fotorealistické zobrazenie, majú rozšírenú ponuku 2D kresliacich nástrojov, bodov uchopenia a editačných nástrojov, umožňujú kresliť v hladinách a používať rozšírenú ponuku čiar, majú podporu tímovej práce. Pre stredné CAD aplikácie existujú špecializované nadstavby zamerané na konkrétne oblasti ako stavebníctvo, strojárstvo, nábytkárstvo, elektrotechnický priemysel a iné. Uplatnenie týchto aplikácií vo výrobe je pomerne široké a používajú ich nielen malí a strední podnikatelia, ale aj väčšie podniky. Stredné CAD aplikácie na svoju činnosť vyžadujú vyšší výkon hardvéru.

 

3. veľké CAD aplikácie: sú to aplikácie, ktoré poskytujú 3D modelovanie- 3D parametrizáciu, majú odpovedajúce kresliace a editačné nástroje, umožňujú generovať výkresovú konštrukčnú dokumentáciu z 3D modelov, majú vysokú podporu tímovej práce, bývajú súčasťou CAD/CAM aplikácií. Samotná aplikácia zvyčajne zahŕňa niekoľko špecializovaných modulov, pomocou ktorých je možné realizovať celý návrh výrobku, vrátane pevnostných výpočtov a rôznych analýz, umožňujú pracovať s veľmi rozsiahlymi zostavami, samozrejmosťou je fotorealistické zobrazenie a animácia výsledného návrhu výrobku. Oblasť použitia veľkých CAD aplikácií je predovšetkým v najrozvinutejších priemyselných oblastiach ako letecká a kozmická technika, automobilový priemysel, všeobecné strojárenstvo či stavebníctvo. Veľké CAD aplikácie vyžadujú vysoký výkon hardvéru a sú to v podstate najdrahšie CAD aplikácie na trhu[3]

 

 

2.2 CAD systémy sa delia podľa grafického modeláru

 

Základ CAD aplikácií tvorí modelár. Pomocou grafického modelára tvoríme- popisujeme model výrobku. Jeho tvar, rozmery a topológiu jednotlivých prvkov, z ktorých sa postupne vytvára výrobok. Je to v podstate popísanie geometrických vlastností výrobku.

 

2D grafický model: je popísaný čiarou. Čiaru tvorí postupnosť vrcholov spojených hranami. Jednotlivé hrany predstavujú rôzne objekty, entity- ako úsečky, oblúky, časť elíps a majú priradené parametre ako typ, šírka a farba čiary.

 

2.5D grafický model: je popísaný rovnými plošnými útvarmi. Zložitejšie tvary, ako valec, guľa či kužeľ, je možné dosiahnuť rotáciou plošného útvaru okolo osi. Výsledný model tvorí postupnosť takto vytvorených telies.

 

3D grafický model: je najvýkonnejší grafický modelár, ktorý nám umožňuje definovať tvar výrobku ako drôtený, plošný alebo objemový. Drôtený priestorový model je popísaný bodmi spojenými krivkami, plošný priestorový model je popísaný vrcholmi, hranami a stenami. Objemový je popísaný priestorovými geometrickými telesami.[4]

 

 

2.3 ProgeCAD

 

ProgeCAD patrí talianskej spoločnosti progeSOFT, ktorá sídli v Como. Bola založená v januári 1985. V roku 1999 sa stala jednou zo zakladajúcich členov konzorcia ITC (IntelliCAD Technology Consortium).

 

ProgeCAD je výborný 2D/3D CAD grafický systém, ktorý pracuje na báze IntelliCAD. Pracuje s formátom .dwg a .dxf. Má všetky nástroje potrebné na tvorbu výkresov, editácií, modifikácií a veľmi kvalitnej tlači na papier vo formáte A5 až A0. Podporuje hladiny, kreslenie pomocou príkazov, kóty, 2D kreslenie a 3D modelovanie. Ovládanie programu ako aj kreslenie a navrhovanie je podobné ako u grafického systému AutoCAD.

 

 

2.3.1 Výhody používania ProgeCAD

 

CAD systém, umožňuje rôzne výhody :

- 2D (v rovine) a 3D (v priestore) návrh budúceho výrobku

- Ľahšie úpravy- editácia nakresleného výkresu, jeho častí, všetky zmeny sa premietajú do nadväzujúcich častí výrobku

- Postupný proces tvorby a postupné zlepšovanie návrhu a nachádzanie optimálneho výrobku

- Vytvárať konštrukčnú dokumentáciu výrobku

- Používať knižnice- katalógy normalizovaných prvkov, napríklad v nábytkárskom priemysle rôzne druhy kovaní, závesov,...

- Realizovať inžinierske výpočty a analýzy napríklad pevnostné výpočty

- Modelovať fyzikálne vlastnosti

- Vytvárať dáta pre CAM (Computer Aided Manufactoring) počítačovú podporu výroby, návrh technologickej dokumentácie vo forme NC programov, napríklad pre obrábanie na  obrábacích centrách

- Podporu tímovej práce pri návrhu zložitých výrobkov, napríklad automobilov, lietadiel

- ProgeCad poskytuje školám pri vyplnení formulára licenciu úplne zadarmo. Je možné využiť toľko licencií koľko má škola počítačov. Tento softvér môžu žiaci legálne využívať aj doma na svojich osobných počítačoch. Taktiež učitelia môžu využívať výhody ProgeCAD doma.

 

 

2.3.2 Využitie progeCADu

 

využíva sa v mnohých oblastiach ako architektúra, stavebná dokumentácia, geodézia, GIS, strojárenstvo, elektrotechnika, nábytok, kuchynské linky,  normované prvky ANSI, DIN , pneumatické prvky, TZB, školstvo a rôzne iné odbory.

 

 

2.3.3 Porovnanie 2D CAD

 

 

 

Porovnanie produktov

 

progeCAD
Professional CZ 2009

 

ZwCAD
ZwCAD 2007

 

AutoCAD LT

 

AutoCAD FULL

Cena v Eurách bez DPH:

227,--

515,--

976,--

3886,--

Nativné DWG

DWG formát pre AutoCAD od verzie 2.5 do 2009

Obnova výkresov

Export do DWF

Úprava viacnásobných výkresov

Podpora užívateľského profilu

Viacnásobné pracovné plochy

príkazy pre AutoCAD 3D plochy

ACIS prehliadanie

Plná ACIS tvorba a úprava

XRef manažér

MTEXT podpora externých editorov

Editácia šráf

Šírky čiar (zobrazenie a tlač)

Zobrazenie rastrových obrázkov

Vkladanie rastrových obrázkov

Úprava rastrových obrázkov

Image polygonal clip

Podpora upozornenia a varovania

Značky upozornenia a varovania

Rendering

Zdokonalené rendrovanie

Menu pre obrázky

CTB farebné tabuľky súborov

STB štýly tabuliek súborov

Náhľad grafických blokov

Tlačové príkazy

AutoCAD príkazový riadok

AutoCAD menu a spúšťacie súbory

Sprievodca pre nastavenie vrstiev, blokov typu čar

Nástrojová lišta vlastností objektov

Úprava vlastností viacnásobných prvkov

Paleta vlastností

Apparent & Extended intersection snap

Polar Tracking

Rýchle nástroje

Miestna úprava vnútri bloku

Manažér vrstiev (uloženie a obnovenie nastavenia vrstvy)

ETrack

Optimalizácia vizuálneho menu

ActiveX, spolu s vkladaním a úpravami

Solutions Development System (SDS/ADS C++)

AutoLISP (s DCL)

ARX objekty

Skript recorder

COM podpora

Visual Basic pre Aplikace (VBA)

Externá VBA otvorenie súbora (viacnásobné .vbi)

PDF do DWG (Prevod súboru PDF do DWG súboru)

Tlač JPG (obrázkov)

Tlač PDF

ALE manažér knižných blokov

Prevod rastru do vektorového modulu

Knižnice blokov (Architektúra, Strojárenstvo, Elektrotechnika, Hydraulika, Nábytok, 3D Kuchyne)

O2C 3D export

True Type Font

Batman (lokálna úprava vlastností blokov)

Neobmedzená rozmerová podpora

Obchodní/komerčnej licencie

eTransmit

Nájsť a Nahradiť

Nativné ECW podpora

Nativné JPEG 2000 podpora

Podpora „True“ farieb

Wipeout

 

Obr. č. 3: Porovnanie CAD

Zdroj: [10]

 

 

2.3.4 Po žiadavky ProgeCAD na hardvér a softvér :

 

Windows ® XP alebo Windows Vista TM

Intel ® Pentium III – 800 MHz alebo ekvivalentný

256 MB RAM (minimum), 512 systémovej pamäti RAM ( doporučené)

400 MB miesta na pevnom disku[5]

 

 

3. Softvér

 

O programe ProgeCAD je napísaných niekoľko príručiek, ale sú veľmi dlhé a neprehľadné. Preto sme sa rozhodli vytvoriť elektronickú učebnicu, ktorá je stručná bez zbytočných predslovov. Výhodou elektronickej učebnice je prepojenie odkazov, pomocou ktorých sa ľahšie orientujeme. Môžeme sa veľmi ľahko premiestniť z elektronickej učebnice do elektronickej cvičebnice. Výhodou je, že  nemusí zbytočne hľadať v obsiahlych knihách a príručkách. Učebnica je doplnená o množstvo obrázkov, ktoré nám uľahčujú orientáciu v programe. 

 

 

3.1 Vytváranie softvéru

 

1. V prvom rade sme si museli uvedomiť, pre koho bude softvér vytváraný. Museli sme dbať na to, že práca je spracovávaná pre študentov, ktorý sa možno nikdy v živote nestretli s programom ProgeCAD a tak sme sa snažili ho vytvoriť čo najjednoduchšie, najprehľadnejšie, a hlavne sme dbali na zrozumiteľnosť. Chceli sme vytvoriť učebnicu a cvičebnicu, ktorá má slúžiť študentovi pri základných operáciách v programe ProgeCAD.

 

2. Vytvorili sme jednoduchší softvér pomocou programovacieho jazyka HTML. V oboch prípadoch ako pre učebnicu, tak aj pre cvičebnicu sme použili menu vertikálneho typu. Vybrali sme si toto menu, lebo sa nám zdá veľmi prehľadné.   Použili sme ešte jedno menu horizontálneho typu, ktoré nám uľahčuje vrátiť sa na požadovanú časť učebnice, stiahnuť si demo verziu programu  ProgeCAD, stiahnuť si novšiu verziu Exploreru 7, ak by mu Explorer 6 nesprávne zobrazoval elektronickú  učebnicu, alebo stiahnuť si prehliadač Bs Player pre správne zobrazenie video ukážok.

 

3. Následne sme pristúpili k písanou elektronickej učebnice a cvičebnice. Táto časť softvéru nám zabrala asi najviac času. Snažili sme sa o veľmi jednoduché a zároveň veľmi zrozumiteľné vysvetlenie jednotlivých častí. Každý kapitolu elektronickej učebnice sme vysvetlili na úvodnej strane. Po celú dobu sme mali na pamäti, že s týmto softvérom budú pracovať aj ľudia, ktorý sa niky predtým nestretli s podobným typom programu. Snažili sme sa vždy o názornú ukážku ako to má vyzerať, pri ťažšom vysvetľovaní sme pridali aj video návod pre lepšie pochopenie.

4. V neposlednom rade sme sa postarali o grafickú stránku softvéru. Použili sme programovací jazyk CSS. Zvolili sme jednoduchšiu grafiku, aby pozornosť bola upriamená na obsah textu a nie na pozadie. Nepoužívali sme zbytočne veľa animácií, aby čitateľ nebol zbytočne rozptyľovaný. Pozadie sme zvolili  svetlo šedé. Vertikálne aj horizontálne menu sme zladili do modra, aby ladilo s hlavičkou stránky. Do hlavičky stránky sme umiestnili logo školy a obrázok knižiek.

 

5. Nakoniec sme celú elektronickú učebnicu umiestnili na bezplatný hosting avatar.voc.cz. Kde sme elektronickú učebnicu podrobili fázy testovania a odstránili všetky nedostatky. Túto učebnicu sme testovali pre najpoužívanejšie prehliadače Mozilla Firefox, Opera a Internet Explorer.

 

 

3.2 Technické riešenie stránky

 

Pre vytvorenie elektronickej učebnice sme si nevystačili len s použitím rôznych značiek a tagov ale museli sme  použiť viacero textových a grafických nástrojov. V tejto kapitole si každý stručne popíšeme a oboznámime sa s ním.

 

Použité nástroje

 

Pre vytvorenie elektronickej učebnice sme používali rôzne grafické a textové nástroje. Všetky použité nástroje sú voľne dostupné na internete, preto môžu pomôcť každému pri tvorbe www stránok.

 

 

3.2.1 Grafické nástroje

 

Grafické nástroje sú dôležitou časťou každej www stránky. Dotvárajú grafickú stránku a oddeľujú obsah od formy.

 

 

 

PAINT.net.

 

Veľkou výhodou pri práci s paint.netom je že je určený pre začiatočníkov v grafike. Patrí medzi jeden z výkonných softvérov na úpravu fotografií. Tento program nám dáva možnosť pracovať s hladinami, veľkým množstvom efektov, rôzne tvoriace nástroje a iné. Využívali sme ho pre rôzne úpravy a vytvárania grafickej stránky elektronickej učebnice.

 

Photo Filtre

 

 patrí medzi grafické programy pre úpravu fotografií. Má veľmi veľa užitočných funkcií. Výhodu, je veľmi ľahká orientácia v ňom. Preto je určený aj menej skúsených užívateľom. Podporuje všetky bežné grafické formáty. Používali sme ho najmä pre zmenšovanie, úpravu a ukladanie obrázkov do formátu .jpg a .png do elektronickej učebnice.  

 

Skicár

 

 Je súčasťou každého operačného systému Windows. Výhodou je, že jeho používanie je veľmi jednoduché. Používali sme ho najmä pri vytváraní elektronickej učebnice, keď sme potrebovali vytvoriť nejaký popis.

 

Adobe Photoshop 7.0

 

Photoshop patrí medzi najkvalitnejšie programy v úprave a vytváranie obrázkov a  fotografií. Tento program obsahuje veľké množstvo grafických efektov.  Je veľmi drahý, dá sa však stiahnuť 30-denná skúšobná verzia. Adobe Photoshop sme využívali pri vytváraní hlavičky stránky. Zvolili sme spádové farby, od modrej až po bielu. Umiestnili sme sem logo školy a obrázok kníh. 

 

 

 

 

 

 

3.2.2 Textové nástroje

 

Textový nástroj bol dôležitou súčasťou našej práce, nakoľko bez textových nástrojov by sme nevytvorili vôbec nič. Umožňuje zakódovať text  do html značiek.  Pri tvorbe elektronickej učebnice sme používali dva textové nástroje.

 

PSPad

 

sme využívali pre tvorbu časti html. Výhodou používania PSPadu je že to je český textový editor. Obsahu množstvo funkcií ku ktorým patrí napríklad: farebné zvýraznenie syntaxi, otvorenie niekoľkých okien naraz, neobmedzená dĺžka textu, riadkové a stĺpcové bloky, zmena veľkosti písmen, automatické dokončovanie, exportovať dokument na disketu alebo do emailu, a veľa iných. Bol nám veľmi nápomocný po celú dobu vytvárania elektronickej učebnice.

 

Poznámkový blok

 

 je veľmi užitočný nakoľko je dostupný v každom operačnom systéme Windows. Využívali sme ho pre tvorbu časti .css. Je veľmi jednoduchý textový editor, ktorý sa často využíva pri tvorbe webových stránok.

 

 

3.2.3 Program na nahrávanie obrazovky

 

tento typ programu sme využívali v elektronickej učebnici. Chceli sme ním lepšie ukázať používanie niektorých ťažších kresliacich prvkov. Z veľkého množstva programov sme si nakoniec vybrali BB Flash Back.

 

BB Flash Back

 

Je program, ktorý nahráva obrazovku. Zachytáva obrazovku v reálnom čase. Nahrávku môžeme exportovať do AVI, Power Pointu, WMV,  Flash alebo EXE súbor. Do natočeného videa môžeme pridávať tiež vysvetlivky. Čo nám môže poslúžiť na podrobnejšie vysvetlenie. Môžeme tiež pridávať zvukové komentáre. Výhodou je, že program  je veľmi jednoduchý a vyzná sa v ňom aj začiatočník. Nám slúžil tento program pre natáčanie videa do elektronickej učebnice.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4 Elektronická učebnica

 

Pre spustenie elektronickej učebnice nám postačí základný prehliadač napr. Internet Explorer, Mozilla Firefox, alebo Opera.  Po spustení elektronickej učebnice sa dostaneme na hlavnú stránku.

Ovládanie je veľmi jednoduché pomocou kliknutím ľavého tlačidla  myši sa dostaneme vždy na požadovanú voľbu. Z hlavnej stránky sa môžeme dostať na učebnicu alebo cvičebnicu. Spustenie elektronickej učebnice je hračka. Stačí ak si napíšete do vášho prehliadača adresu http://avatar.vos.cz/bobekova/

 

 

4.1 Hlavné stránky elektronickej učebnice a cvičebnice

 

Či ide o elektronickú učebnicu alebo cvičebnicu, ovládanie je veľmi podobné, dokonca až rovnaké. Po úvodnom kliknutí na elektronickú učebnicu sa nám zobrazí stránka.

Vertikálne menu má vždy zobrazenú kapitolu, pod ktorou nájdeme podbody týkajúce sa tejto kapitoly. Na úvodnej stránke si môžeme prečítať o čom ktorá kapitola je a čo sa v nej dozvieme, takže si hneď vyberieme ktorú kapitolu potrebujeme bez zbytočného hľadania. V ľavej časti môžeme vidieť menu vertikálneho typu. To znamená, že každá kapitola obsahuje nejaké podkapitoly. Každá hlavná kapitola má takzvané podkapitoly, týkajúce sa tejto kapitoly. Na tieto podkapitoly sa dá kliknúť a v každej z nich sa dozvieme niečo zaujímavé o programe ProgeCAD. Vo vrchnej časti stránky nad „hlavičkou“, nájdeme menu, ktorým sa môžeme vrátiť na úvodnú stránku, druhé tlačítko slúži pre návrat na úvod  elektronickej učebnice, taktiež tretie tlačítko slúži pre návrat na úvodnú stránku elektronickej cvičebnice. Ďalším tlačítkom si môžeme stiahnuť 30 dennú demo verziu programu ProgeCAD, aby sme si všetky nadobudnuté vedomosti mohli v praxi vyskúšať. Ďalšie tlačítko slúži pre stiahnutie legálnej verzie Internet Explorer 7 zo stránky Microsoft Windows. Posledné tlačítko slúži pre stiahnutie si prehrávača Bs Player, ktorý umožňuje prezeranie video návodov u elektronickej učebnici.

 

 

 

 

4.1.1 Učebnica

 

Po kliknutí na túto voľbu sa nám zobrazí stránka, kde sa dozvieme stručný obsah každého bodu učebnice. Podľa obsahu sa rozhodneme, čo budeme pre svoje účely potrebovať a klikneme na požadované menu. Učebnica je zložená z 11 častí a niekoľkých podkapitol. Jej súčasťou sú obrázky.

1 Úvod

            1.1 Popis programu progeCAD

2 Práca s programom

            2.1 Panel nástrojov a dialogové nástroje

            2.2 Vrátenie a obnovenie príkazu

            2.3 Nový výkres

            2.4 Uloženie a otvorenie výkresu

            2.5 Nastavenie USS

            2.6 Príkazový riadok

            2.7 Súradnice

3 Nastavenie

            3.1 Doporučené nastavenie

            3.2 Farba pozadia a čiary

            3.3 Klávesové skratky

            3.4 Vlastné typy čiar

4 Kreslenie

            4.1 Základné prvky

            4.2 Ďalšie kresliace prvky

            4.3 Pomocné funkcie

5 3D modelovanie

            5.1 ALE modul a knihovňa blokov

            5.2 Externé referencie

            5.3 Modelovanie a editácia kvádrov

6 Modifikácia

            6.1 Panel

7 Zmena vlastností prvkov

            7.1 Farba, typ a hrúbka čiar

            7.2 Meranie dĺžky a plochy

8 Hladina

            8.1 Vytvorenie hladiny

9 Výkresový priestor

            9.1 Pohľady

            9.2 Štýl kótovania

            9.3 Druhy kót</

10 Tisk

            10.1 Z Modelu

            10.2 Z Layout

11 Doplnky

            11.1 Prevod PDF do DXF

            11.2 Export O2c 3D modelov

            11.3 Import Google Eart obrázkov

 



Obr č. 4: Elektronická učebnica

Zdroj: vlastní

 

 

 

 

 

4.1.2 Cvičebnica

 

1 Kreslenie

            1.1 Základné prvky

            1.2 Ďalšie kresliace prvky

            1.3 3D

            1.4 Oblasť a Booleanova operácia

2 Uchop

            2.1 Jednorazové uchopové módy

3 Hladina

            3.1 Nastavenie hladín a typu čiar

4 Zoom

            4.1 ZOOM

5 Modifikovať

            5.1 Modifikácia pomocou myši

            5.2 Konštrukčné príkazy

            5.3 Editačné príkazy

6 Kóty

            6.1 Druhy kót

            6.2 Nastavenie kót

7 Text

            7.1 Jednoriadkový a viacriadkový text

 

Obr č. 5: Elektronická cvičebnica

Zdroj: vlastní

 

 

4.2 Výhody elektronickej učebnice

 

Táto učebnica bude slúžiť ako doplnok k už spracovanému tlačovému vydanie skrípt Technická dokumentácia. V tejto učebnici si vysvetľujeme základy programu ProgeCAD. Veľkou výhodou je, že učebnica je dostupná na internete, preto by mohla študentov zaujať. Nemusia zbytočne študovať veľké a hrubé knihy ale veľmi jednoduché vysvetlenie. Učebnica je veľmi stručná ale pritom obsahovo bohatá. Ďalšou výhodou pre užívateľa je, že nemusí zbytočne listovať ale vždy, po prečítaní učebnice sa ľahko dostane do cvičebnice, kde si svoje poznatky môže overiť prakticky. Nájdeme v nej tiež veľa obrázkov, ktoré nám uľahčia prácu pretože je všetko vysvetlené krok po kroku.

 

4.3 Nevýhody elektronickej učebnice

 

Každá webová stránka má rôzne problémy s webovými prehliadačmi. Tento problém vzniká v starších prehliadačoch, ktoré nepodporujú niektoré css vlastnosti.

 

Každý, kto pracuje v oblasti web designu vie, že vytvoriť web, ktorý sa dokáže korektne zobraziť vo všetkých používaných prehliadačoch je riadna drina. Optimalizácia stránky pre IE6 je však kapitola sama o sebe. Tento prehliadač ignoruje pomerne veľké množstvo všeobecne uznávaných a používaných štandardov. V lepšom prípade používa vlastnú interpretáciu kódu.

 

Pri optimalizácií pre IE6 existujú dve cesty. Jedna možnosť je okresať design a funkcionalitu webu. Druhou cestou je stráviť neúmerne veľa času testovaním, ladením a hľadaním hackov ako odstrániť ten-ktorý problém či nezhodu v zobrazovaní stránky. Napriek veľkej snahe táto cesta často nemá úspešný koniec a je nutné urobiť určité kompromisy.[6]

 

Okrem toho že Internet Explorer 6 je veľmi zložitý pre optimalizáciu, je tiež veľmi nebezpečný z hľadiska zabezpečenia osobného počítaču. Pre internetové vírusy je počítač s Internet Explorerom (a najmä jeho šiestou verziou) takpovediac pochúťkou. Teda ak chcete ochrániť váš počítač, mali by ste používať antivírusový softvér, vyhýbať sa podozrivým stránkam a zaobstarať si bezpečný internetový prehliadač.

 

 

4.3.1 Návrh elektronickej učebnice

 

Elektronická učebnica sa skladá z niekoľkých častí. Jednotlivé časti si popíšeme v nasledujúcej kapitole.

 

            Obr č. 6: Návrh elektronickej učebnice

            Zdroj: vlastní

 

Body- Vytvára nám pozadie celej stránky. Rozhodli sme pre bledo šedé pozadie, aby vynikla celková štruktúra stránky.

 

      Obr č. 7: Pozadie elektronickej učebnice

      Zdroj: vlastní

 

Vertikálne menu- Toto menu má význam pre navrátenie sa na potrebné časti elektronickej učebnice, môžeme si tu stiahnuť 30-dennú demo verziu programu ProgeCAD, alebo Internet Explorer7.

Obr č. 8: Vertikálne menu elektronickej učebnice

Zdroj: vlastní

 

Header- určuje hlavičku celej stránky. Do hlavičky sme vložili logo školy, obrázok kníh a názov Elektronická učebnica programu ProgeCAD.

 

Obr č. 9: Hlavička elektronickej učebnice

Zdroj: vlastní

 

Wrapper- tvorí pozadie vnútornej stránky. Snažili sme sa o zladenie hlavného pozadia s pozadím vnútornej stránky. Všetko podstatné o programe ProgeCAd sa pozvieme práve v tejto časti, kde sa nám zobrazuje všetok text.

 

Obr č. 10: Wrapper elektronickej učebnice

Zdroj: vlastní

 

Telo- na tele stránky je umiestnené menu horizontálneho typu. Zvolili sme len kúsok pozadia aby ladil s pozadím na vnútornej stránke. Nemá žiadnu dôležitú funkciu, dotvárali sme len grafickú stránku celej elektronickej učebnice.

 

     Obr č. 11: Telo elektronickej učebnice

     Zdroj: vlastní

 

Horizontálne menu- je najdôležitejšie menu celej elektronickej učebnice. Toto horizontálne menu je vždy rozdelené na kapitolu a podkapitoly. Každú kapitolu máme zvýraznenú čiernou  farbou a bielym písmom. Táto kapitola je len informatívna preto sa nedá otvoriť, ak na ňu klikneme. Pod kapitolou sú vždy určité podkapitoly, na ktoré sa dá kliknúť a otvorí sa nám obsah. Použili sme menu, ktoré je už tzv. rozbalené. Zdalo sa nám, že to môže byť prehľadnejšie ako keď by bolo vidieť len hlavné kapitoly a podkapitoly by boli zabalené.

 

  Obr č. 12: Horizontálne menu elektronickej učebnice

  Zdroj: vlastní

 

Footer- Dotvára  uzavretosť celej elektronickej učebnice. Použili sme čiernu farbu.

Obr č. 13: Patička elektronickej učebnice

Zdroj: vlastní

 

 

4.4 Grafická stránka elektronickej učebnice

 

Grafická stránka celej elektronickej učebnice je dôležitá z hľadiska zaujatia čitateľa. Úvodná stránka môže ovplyvniť celý dojem elektronickej učebnice. Grafika môže dokonca zamaskovať prípadné nedostatky v texte celej web stránky. Keďže sme vytvárali elektronickú učebnicu samy, mali sme voľnú ruku pri jej grafickej stránke.  Farebné riešenie stránky nám udáva css štýl. Je to kaskádový štýl, ktorý oddeľuje formu od obsahu. Grafickú stránku elektronickej učebnice sme vytvárali v poznámkovom bloku nazvanom nove.css. Bolo treba si vhodne zvoliť farby, typ písma, a celkové rozloženie stránky. Nastavujeme farbu stránky, pozadie, veľkosť písma, okraje stránky, a iné.

 

4.5 Používanie CSS príkazov v elektronickej učebnici

 

V našej elektronickej učebnici sme používali veľké množstvo príkazov pre grafickú úpravu stránky. Popíšeme si niekoľko z nich :

 

Background- určuje všetky vlastnosti pozadia naraz.

 

Background-color- určuje farbu pozadia. Tento príkaz sme použili pre pozadie celej stránky, ktorú sme nastavili na bledo šedú.

 

Background-image určuje obrázok na pozadí. Každému prvku html stránky sa dá nastaviť obrázok na pozadí. Obrázok musí byť v externom súbore a zapisuje se ako url. Obrázok sa dá na pozadie nastaviť. Máme možnosť, či sa bude opakovať a kde presne bude. Veľmi často využívaná v našej elektronickej učebnici. Všetko čo môžete vidieť je nejaký objekt background-image.

 

background-properties: scroll- vlastnosť, ktorá nám zabezpečuje rolovanie menu podľa dĺžky textu na stránke.

 

Background-repeat- určuje opakovanie sa obrázku. Máme na výber z možností:

- repeat pozadie sa opakuje, až vyplní celý priestor stránky

- no-repeat pozadie sa neopakuje, vykreslí sa len raz

- repeat-x pozadie sa opakuje v ose x, tj. v horizontálnom smere; na výšku sa vykreslí len raz

- repeat-y pozadie sa opakuje v ose y, tj. vo vertikálnom smere; na šírku sa vykreslí len raz

Pri každom pozadí alebo obrázku sme nastavovali hodnotu opakujúcu (neopakujúcu) sa na pozadí.

 

Border- určuje vlastnosť orámovania. Prednastavený rámček každého objektu je none = žiadny rámček.

Naša elektronická učebnica je celá orámovaná, aby vynikla.

 

Bottom- určuje y-ovú súradnicu pozíciovaného prvku, počítané zdola. Bottom umožňuje umiestniť niečo od spodného okraja omedzujúceho elementu.

Color- určuje farbu textu a rámčeka. Ak farbu písma nezadáme vo väčšine prípadov býva táto farba čierna. V našej práci sme veľakrát použili rôzne farby textu, ale aj orámovania a iných.

 

Display- určuje spôsob zobrazenia prvku. Využívali sme príkaz display: block- prvok sa zobrazí ako blok s riadkovým zlomom na konci. To znamená, že za sebou urobia koniec riadku.

 

Float- určuje obtečenie prvku. Normálne prvky obtekané nie sú. Nastavená hodnota je teda none. . Aby mohol byť prvok obtečený, musí mať nastavenú šírku - width. Prvok môže obtekať dvomi spôsobmi: right-  prvok bude pridaný k pravému okraju, nasledujúci text ho bude obtekať. left- je to isté ako right ibaže k ľavému okraju.

 

Font- určuje všetky css vlastnosti písma naraz. Musia byť v tomto poradí : kurzíva verzálky tučnosť veľkosť /výška riadku rodina písma. Väčšinu hodnôt môžeme vynechať iba veľkosť a rodina písma (font-family) sú povinné. Existujú prípony k font napríklad Font-family, Font-size,  Font-style, Font-variant, Font-weight My sme použili napríklad: font-family:Helvetica,Arial,Verdana,sans-serif;

 

Height- určuje výšku prvku. Bežne si prvky počítajú výšku podľa svojho obsahu. Výška sa ale dá  i zadať vlastnosťou height. Height:auto-  si výšku vyráta podľa obsahu.

 

List-style môže určiť všetky vlastnosti odrážok alebo číslovania naraz. Je to úspornejšia forma zápisu vzhľadu odrážok a číslovania. My sme používali list-style-type: none- čo nedovoľuje zobrazeniu odrážok.

 

Margin- určuje šírku vnútorného okraja. Margin je okraj od rámčeka von a nevykresľuje sa pod ním pozadie. My sme väčšinou nastavovali hodnotu margin len na auto alebo 0.

 

Overflow- určuje, ako bude riešený obsah, ktorý vytečie z rozmeru prvku. Overflow:auto-  v tomto príkaze sa vytvorí rolovacia lišta a obsah nevytečie.

 

Padding- Predvolená hodnota padding má nulové okraje (0px). Pod týmto okrajom sa vykresľuje pozadie. Padding znamená výplň. Existujú varianty padding-top, padding-right, padding-bottom a padding-left určené len pre zadanie jednej strany vnútorného okraja. Padding-bottom: 20px- znamená, že výplň má veľkosť 20 pixlov.

 

Position- určuje spôsob počítania polohy prvku. Používali sme position: relative. Relatívne pozíciované prvky zostávajú v dokumente a ostatné prvky ovplyvňujú, pretože tam, kde by malo byť pôvodne, sa urobí voľné miesto.

 

Right- určuje x-ovú súradnicu pozíciovaného prvku, počítané sprava. Right umožňuje umiestniť niečo od pravého okraja omedzujúcého elementu, čo pomocou left nejde urobiť. Ak je pre prvok deklarovaná vlastnosť left, vlastnosť right je ignorovaná.

 

Text-align-určuje zarovnanie odstavca alebo iného bloku. Text-align môže mať zarovnanie odstavca left- doľava, center- na stred, right- napravo, justify- do bloku. Prednastavené  zarovnanie je doľava.

 

Text-transform určuje prevod na veľké alebo malé písmená. Vlastnosť text-transform ovplyvňuje iba zobrazenie. Samotný text v zdroji ovplyvnený nebude. Nami použitá vlastnosť je text-tramsform: uppercase, kde všetky písmená budú veľké.

 

Top-  určuje y-ovú súradnicu poziciovaného prvku, teda posunutie dole. top: 0px- horní okraj prvku je nie je  vzdialený od horného okraja omedzujúceho prvku.

 

Width- určuje šírku prvku. Prirodzená šírka (auto) je 100% u blokových prvkov. U nahradzovaných prvkov (obrázky, applety apod.) sa prirodzenou (auto) šírku myslí prirodzené rozmery obrázku.

 

 

4.6 Používanie tagov v elektronickej učebnici

 

HyperText Markup Language je jazyk vytvorený zo značiek, ktorý nám udáva vytváranie webových stránok. HTML nám umožňuje vytvárať dokumenty obsahujúce text.

Na začiatku dokumentu musíme deklarovať typ dokumentu, aby mohol prehliadač určiť, aký typ dokumentu dostal od serveru, s ktorým komunikuje a akými pravidlami ho má zobrazovať.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

 

V našej práci sme používali párové aj nepárové značky.

HTML – Patrí medzi párové značky. Týmto tagom začína aj končí celý dokument. Všetky ostatné tagy musia byť medzi touto párovou značkou.

 

HEAD- Párová značka.  Nezobrazuje sa. Tvorí hlavičku dokumentu. Obsahuje ďalšie tagy (title, meta, link, a iné).

 

META- patrí medzi nepárové značky v hlavičke dokumentu. Podáva informácie o kľúčových slovách alebo použitom kódovaní. Bežná internetová stránka má v hlavičke okolo štyroch rôznych tagov  <meta>.  Podáva nám informácie o dokumente. Čítajú ju a používajú prevažne programy (vyhľadávače, parsery a editory). Napríklad ak tvoríme stránku cez nejaký html editor, určite sme si všimli, že si editor tento meta tag vytvára automaticky. V praxi však tento meta tag nič podstatné nezadáva.

<meta name="generator" content="PSPad editor, www.pspad.com" />

 

Na začiatku dokumentu by malo byť aké kódovanie je v texte použité. Bez tohto kódovanie by nám dokument zle zobrazoval niektoré znaky a tým by sa stal pre nás dokument nezrozumiteľný. Pre správny výber kódovania si musíme uvedomiť aké znaky budú v danom texte použité. Pre našu prácu sme si vybrali kódovanie UTF-8  (Unicode Transformation Format-8). Zdalo sa nám to ako najlepšie riešenie z dôvodu zachovania čo najmenšej veľkosti súboru.

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

 

TITLE- Párová značka.  Titulok stránky. Medzi tieto značky píšeme text, ktorý predstavuje titulok stránky. Zobrazuje sa v titulkovom pruhu prehliadača, v lište Windows ako názov otvoreného okna prehliadača, vo výsledku vyhľadávania ako odkaz, a inde. Titulok by mal byť výstižný. Každá stránka by mala mať svoj stručný titulok, aby čitateľ vedel o čom daná stránka je. Čitateľ môže titulok používať aj pre pochopenie štruktúry serveru.  Musí byť tiež stručný. Limit pre dĺžku titulku sa uvádza okolo 200 znakov.

<title>ucebnica-farba pozadia </title>

 

LINK- nepárová značka. Udáva spojitosť s iným súborom. Najčastejšie sa používa pre prepojenie s externým CSS štýlom. Patrí medzi nepárový tag, vyskytuje sa v hlavičke dokumentu.

<link rel="stylesheet" type="text/css" href="css/nove.css" />

 

BODY- Párová značka Vytvára telo dokumentu. Body obsahuje všetok zobrazovaný obsah celej stránky.

 

DIV – Párová značka. V preklade znamení oddiel. Obsahuje v sebe ľubovoľne veľkú oblasť textu spolu s nadpismi, obrázkami a tabuľkami. Väčšinou sa celá stránka vyskytuje vnútri jedného elementu <div>. Pred oddielom a za oddielom sa riadok zalomí. Tag <div> bol do HTML pridaný hlavne kvôli kaskádovým štýlom. Výskyt <div> v našom dokumente:   <div id="wrapper"> , <div id="header">, <div id="telo">,  <div id="leva">

 

Nadpis <h1> až <h6>- Tvoria tak zvaný druh odstavca. Sú to párové značky. V HTML jazyku rozoznávame 6 druhov nadpisov. Nadpisy sa zobrazujú tučne rôznou veľkosťou písma.

<h1>- má veľkosť 24px a využíva sa najmä na hlavný nadpis stránky

<h2>- má veľkosť 18-19 px a využíva sa na podnadpisy.

<h3>- má veľkosť 16px je využiteľný na medzi nadpisy

<h4>- má veľkosť 13px a využíva sa pre dôležité odstavce

<h5>- má veľkosť 10px a využíva sa veľmi zriedkavo

<h6>- má veľkosť 9px a nevyužíva sa skoro vôbec lebo sú to takmer neprečítateľné písmená.

 

UL- Párová značka. Tento tag môže vnútri obsahovať len prvok <li>. Ak potrebujeme viacúrovňové odrážky, dá sa to urobiť vkladaním ďalšieho <ul> do <li>.

<ul id="navmenu">

            <li><a href="">Úvod</a><ul>

             <li><a href="pred zacatim.html">Pred začatím</a></li>

             </ul>

 

LI- párová značka. Pre správne zobrazovanie musí byť vždy vnútri elementu, napríklad <ol>, <ul>, <dir> nebo <menu>.

 <li><a href="">Nastavenie</a>

              <ul>

              <li><a href="uroven.html">Uživateľská úroveň a zálohovanie</a></li>

              <li><a href="farby.html">Farba pozadia a čiary</a></li>

             <li><a href="skratky.html">Klávesové skratky</a></li>         

             </ul>

             </li>

 

A- Párová značka. Všetko medzi značkami bude slúžiť ako odkaz. Napríklad:

<a href="suradnice.html">Súradnice</a> , zobrazí sa nám nápis Súradnice, na ktorý sa bude dať kliknúť.

 

HREF – Nepárová značka. Patrí medzi najdôležitejšie odkazy, tzv. cieľ odkazu. Zjednodušene povedané, táto hodnota hovorí, aká stránka sa objaví po kliknutí na odkaz. Href zapisujeme ako URL. Znamená to, že je jednoznačne dané umiestnenie na Internete.

<a href="suradnice.html">Súradnice</a> Po kliknutí sa odkaz Súradnice nás URL odkáže na stránku suradnice.html.

 

BR- Párová značka. Ukončuje riadok a posúva nás na nový. <br> slúži ako také Enter.

 

P- Párová značka. Patrí medzi základné formátovacie tagy. Vytvára nový odstavec. Nový text sa vytvára vždy na začiatku riadka a koniec odstavca končí riadok. Klasický odstavec v jazyku  HTML má pred sebou a za sebou na viac vertikálnu medzeru, ktorá väčšinou presne odpovedá výške jedného riadku.

 

STRONG- Párová značka, pochádza z anglického slova strong= mocný. Tento tag sa využíva pre zvýraznenie. Užívateľ si ho veľmi často pletie s tagom <b> </b> ktorý je pre tučné písmo. Aby sme vysvetlili je medzi týmito dvoma značkami rozdiel. Strong sa využíva keď chceme niečo zdôrazniť, umocniť. Naproti tomu sa <b> využíva ako tučné písmo.

 

I- Párová značka. Predstavuje písmo kurzíva.

 

IMG- Je nepárový tag. Do stránky sa vloží obrázok, ktorý je načítaný z iného súboru.

<img src="obrazok/hladina.jpg">

 

SRC- Nepárová značka. Je zdroj obrázku, cesta k súboru (angl. source = zdroj). Cesta k obrázku sa udáva ako klasické URL absolútne alebo relatívne. Obrázky môžu mať typ .gif, .jpg, v novších prehliadačoch tiež .png a v Internete Explorere .bmp. Ak súbor nenájde obrázok, zobrazí sa na stránke  určitý symbol nenájdeného obrázka. (najčastejšie červený krížik v rámčeku).

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ZÁVER

 

Prínos našej práce vidíme vo vytvorení učebnice pre program ProgeCAD. Na začiatku práce sme sa oboznámili s pojmom technická dokumentácia a jeho delením. Ďalej sme si popísali systém vyučovania technickej dokumentácie na našej škole a na iných Vysokých školách.

 

Oboznámili sme sa s CAD systémami. rozdelili sme si ich podľa veľkosti a grafického moduláru. Povedali sme si niečo o histórii ProgeCADu. Vysvetlili sme si jeho výhody a využitie v praxi. Porovnali sme ju s inými CAD systémami. V neposlednom rade sme spomenuli technické požiadavky ProgeCADu na softvér.

 

V treťom bode sme popisovali ako sme sa pripravovali na vytváranie softvéru a ako sme ho následne vytvárali. V práci sme popisovali všetky použité nástroje pri vytváraní elektronickej učebnice, boli to  grafické nástroje, textové nástroje a nástroje pre nahrávanie obrazovky.

 

V ďalšom bode sme vysvetlili ovládanie elektronickej učebnice, ukázali sme si návrh hlavnej stránky učebnice a cvičebnice. Spomenuli sme si výhody elektronickej učebnice. Grafickú stránku sme doplnili aj o obrázky. Popisovali sme všetky použité tagy pre ľahšie pochopenie našej práce.

 

O pár rokov bude mať internet každý a preto si myslíme, že elektronická učebnica bude jeden z najvýhodnejších prostriedkov výučby.

 

 

 

 

 

 

 

 

 

ABSTRAKT

 

Alexandra BOBEKOVÁ Názov práce Software e-lerninogové výuky progeCAD.

Bakalárska práca. Evropský polytechnický institut, s.r.o. Kunovice

 

Vedúci práce: Ing. Robert Jurča

 

 

Kľúčové slová: ProgeCAD, program, učebnica, cvičebnica, CSS, HTML. softvér, výučba, CAD systémy, vytvárali

 

Cieľom bakalárskej práce bolo vytvorenie elektronickej učebnice programu ProgeCAD, ktorá bude slúžiť ako doplnok k už spracovanému tlačovému vydaniu skrípt Technická dokumentácie.

 

Bola prevedená analýza súčasného stavu, zistili sme výučbu na našej škole s porovnaním iných vysokých škôl.  Práca bola zameraná najmä na vytvorenie elektronickej učebnice programu ProgeCAD, pre študentov dennej i kombinovanej formy štúdia na vysokej škole. Boli zhodnotené výhody a nevýhody elektronickej učebnice.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ABSTRACT

 

Alexandra BOBEKOVÁ Tile: ProgeCAD -  E-learning Software.

Bachelor Thesis. European Polytechnic Institute, Ltd. Kunovice

 

Supervisor: Ing. Robert Jurča

 

 

Key words: ProgeCAD, program, school books, CSS, HTML. software, training, CAD systems, creating



The goal of the work was to create an electronic textbook program ProgeCAD which will serve as a complement to the already existing printed version of the script technical documentation.
 
We analyzed the current situation and compared the teaching at our school with the teaching at other schools. The work was focused on creating electronic textbooks in ProgeCAD program for students of both full-time and part-time forms of study at university. They evaluated the advantages and disadvantages of electronic textbooks.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Literatúra

 

[1]       AUTODESK DEVELOPMENT S.a.r.l.,AutoCAD LT, Švajčiarsko, Autodesk Development S.a.r.l., 2001. 343s. ISBN 05722-290000-5000

[2]       BLIŠŤAN, P. Počítačová grafika a CAD systémy [online]. 2009 Dostupné z WWW: < http://www.fberg.tuke.sk/blistan/index_soubory/Page492.htm >

[3]       CHABADA, J., Cvičenia z grafických systémov I : 2D kreslenie [online]. 2008 , 2009.Slovensky.Dostupný z WWW:

            <http://www.solicad.com/download/progecad/progeCAD-manual-SK.pdf>.

[4]       FOŘT,P.,KLETEČKA,J.,Učebnice AutoCADu,Praha 4,Computer Press,2002.364 s.ISBN 80-7226-679-9

[5]       GRABOWSKI, R., Inside ProgeCAD [online]. 2008 , 16.4. 2009.Anglický. Dostupný z WWW: <http://www.progesoft.com/skins/progeSOFT/upl/Inside-progeCAD-2009.pdf>.

[6]       JURČA, R. Technická dokumentace, s.r.o. EPI, 2009. Skripta. Evropský polytechnický institut, s.r.o.,[cit. 2008-11-20].

[7]       JURČA, R. Technická dokumentace, s.r.o. EPI 2009. Harmonogram výuky. Evropský polytechnický  institut, s.r.o., 2009-11-24.

 

[8]       MIŠKANIN, J. Novus Scientia 2007[online].  2007

Dostupná na www:<http://www.sjf.tuke.sk/novus/papers/397-400.pdf>

[9]       ProgeSOFT S.A.S., ProgeCAD [online]. 1999 , 23.3. 2009. Anglický. Dostupný z WWW: <http://mujcad.cz/materialy/progecad2009.pdf>.

[10]     MOTYČKA, P., FIDLER, J., Manuál k programu progeCAD Professional [online]. 2008 , 6.11.2009.Česky. Dostupný z WWW: <http://www.solicad.com/download/progecad/manual/progecad-manual-cz.pdf>.

[11]     SoliCAD.com[online] 2008 [cit. 2009-11-23]. Dostupné na www:

http://www.solicad.com/SK/2D-CAD-software/progeCAD/porovnani-progeCAD-ZwCAD-AutoCAD

[12]     Technická univerzita v Liberci, Ústav informačních technologií a elektroniky [online]. 1999- 2009

Dostupné z www:< https://www.ite.tul.cz/ite/index.php/vyuka/113>

[13]     Tomáš Lištiak.,[online]. 2008

Dostupné z www:< http://www.tomexx.net/blog/internet/2009/11/peklo-zvane-internet-explorer-6/ >.

[14]     Západočeská univerzita v Plzni, Technická mechanika[online].2009

Dostupné z www:<http://www.kme.zcu.cz/predmety/CAD-syst%C3%A9my-ve-stavitelstv%C3%AD-CVP>

 

 

 

 

 

 

 

 

 

 


Zoznam príloh

 

Príloha č. 1: Zdrojový kód elektronickej učebnice

 

Príloha č. 2: Zdrojový kód elektronickej cvičebnice

 

Príloha č. 3: CSS zdrojový kód

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

Príloha č. 1: Zdrojový kód elektronickej učebnice

 

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

<head><!--  ščřžýŠČŘŽÝ -->

  <meta name="generator" content="PSPad editor, www.pspad.com" />

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <title>ucebnica</title>

  <link rel="stylesheet" type="text/css" href="css/nove.css" />

</head>

 

 <body>

<div id="wrapper">

                              <div id="dolphincontainer">

<div id="dolphinnav">

    <ul>

    <li><a href="index.html"><span>Úvod </span></a></li>

    <li><a href="ucebnica.html"><span>Úvod učebnice</span></a></li>

    <li><a href="cvicebnica.html"><span>Úvod cvičebnice</span></a></li>

    <li><ahref="http://www.stahuj.centrum.cz/podnikani_a_domacnost/CAD-a-technika/progecad/nahledy/" target="_blank"><span> Demo verzi Progecad</span></a></li>

    <li><ahref="http://www.microsoft.com/downloads/details.aspx?familyid=9ae91ebe-3385-447c8a30081805b2f90b&displaylang=en"target="_blank"><span>stahujExplorer7</span></a></li>

   </ul>

   </div></div>

 

<div id="header"></div>

<div id="telo">

      <div id="leva">

        <H3 ALIGN="center"><FONT COLOR="#778899">Učebnica</FONT></H3>

            <ul id="navmenu">

          <div id="ddblueblockmenu">

 

<div class="menutitle">Úvod</div>

<ul>

<li><a href="predzacatim.html">Popis programu progeCAD</a></li>

</ul>

          

<div class="menutitle">Práca s programom</div>

<ul>

<li><a href="panel.html">Panel nástrojov a dialogové nástroje</a></li>

<li><a href="vrat.html">Vrátenie a obnovenie príkazu</a></li>

<li><a href="newvykres.html">Nový výkres</a></li>

<li><a href="nw.html">Uloženie a otvorenie výkresu</a></li>

<li><a href="uss.html">Nastavenie USS</a></li>

<li><a href="prik.html">Príkazový riadok</a></li>

<li><a href="suradnice.html">Súradnice</a></li>

</ul>   

        

<div class="menutitle">Nastavenie</div>

<ul>

<li><a href="uroven.html"> Doporučené nastavenie</a></li>

<li><a href="farby.html">Farba pozadia a čiary</a></li>

<li><a href="skratky.html">Klávesové skratky</a></li>

<li><a href="typy.html">Vlastné typy čiar</a></li>

</ul>   

                     

<div class="menutitle">Kreslenie</div>

<ul>

<li><a href="prvky.html">Základné prvky</a></li>

<li><a href="dalsie.html">Ďalšie kresliace prvky</a></li>

<li><a href="funkcie.html">Pomocné funkcie</a></li>

</ul>               

        

<div class="menutitle">3D modelovanie</div>

<ul>

<li><a href="ale.html">ALE modul a knihovňa blokov</a></li>

<li><a href="referencie.html">Externé referencie</a></li>

<li><a href="kvader.html">Modelovanie a editácia kvádrov</a></li>

</ul>               

            

<div class="menutitle">Modifikácia</div>

<ul>

<li><a href="pan.html">Panel</a></li>

</ul>      

       

<div class="menutitle">Zmena vlastností prvkov</div>

<ul>

<li><a href="zmena2.html">Farba, typ a hrúbka čiar</a></li>

<li><a href="meranie.html">Meranie dĺžky a plochy</a></li>

</ul>               

           

<div class="menutitle">Hladina</div>

<ul>

<li><a href="hladina.html">Vytvorenie hladiny</a></li>

</ul>            

            

<div class="menutitle">Výkresový priestor</div>

<ul>

<li><a href="pohledy.html">Pohľady</a></li>

<li><a href="styl.html">Štýl kótovania</a></li>

<li><a href="druh.html">Druhy kót</a></li>

</ul>             

            

<div class="menutitle">Tisk</div>

<ul>

<li><a href="model.html">Z modelu</a></li>

<li><a href="lay.html">Z Layout</a></li>

</ul>               

<div class="menutitle">Doplnky</div>

<ul>

<li><a href="prevod.html">Prevod PDF do DXF</a></li>

<li><a href="export.html">Export O2c 3D modelov</a></li>

<li><a href="import.html">Import Google Earth obrázkov</a></li>

</ul>                

</ul> </div>

<div id="prava">

      <br><br><br>

      TEXT

</div></div></div></div>

       <div id="footer"></div>    

</body></html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Príloha č. 2: Zdrojový kód elektronickej cvičebnice

 

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

<head><!--  ščřžýŠČŘŽÝ -->

  <meta name="generator" content="PSPad editor, www.pspad.com" />

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <title>cvičebnica</title>

  <link rel="stylesheet" type="text/css" href="css/nove.css" />

</head>

 <body>

<div id="wrapper">

                              <div id="dolphincontainer">

<div id="dolphinnav">

    <ul>

    <li><a href="index.html"><span>Úvod </span></a></li>

    <li><a href="ucebnica.html"><span>Úvod učebnice</span></a></li>

    <li><a href="cvicebnica.html"><span>Úvod cvičebnice</span></a></li>

    <li><ahref="http://www.stahuj.centrum.cz/podnikani_a_domacnost/CAD-a-technika/progecad/nahledy/" target="_blank"><span> Demo verzi Progecad</span></a></li>

    <li><ahref="http://www.microsoft.com/downloads/details.aspx?familyid=9ae91ebe-3385-447c8a30081805b2f90b&displaylang=en"target="_blank"><span>stahujExplorer7</span></a></li>

   </ul>

   </div></div>

 

<div id="header"></div>

<div id="telo">

      <div id="leva">

        <H3 ALIGN="center"><FONT COLOR="#778899">Cvičebnica</FONT></H3>

       

          <ul id="navmenu">

         <div id="ddblueblockmenu">

 

<div class="menutitle">Kreslenie</div>

<ul>

<li><a href="cvprvky.html">Základné prvky</a></li>

<li><a href="cvdalsie.html">Ďalšie kresliace prvky</a></li>

<li><a href="cv3d.html">3D</a></li>

<li><a href="oblast.html">Oblasť a Booleanova operácia</a></li>

</ul>

 

<div class="menutitle">Uchop</div>

<ul>

<li><a href="cvjedno.html">Jednorazové uchopové módy</a></li>

</ul>

 

<div class="menutitle">Hladina</div>

<ul>

<li><a href="cvnastav.html">Nastavenie hladín a typu čiar</a></li>

</ul>

 

<div class="menutitle">Zoom</div>

<ul>

<li><a href="zoom.html">ZOOM</a></li>

</ul>

 

<div class="menutitle">Modifikovať</div>

<ul>

<li><a href="edit2.html">Modifikácia pomocou myši</a></li>

<li><a href="kon.html">Konštrukčné príkazy</a></li>

<li><a href="edit.html">Editačné príkazy</a></li>

</ul>                     

         

 <div class="menutitle">Kóty</div>

<ul>

<li><a href="cvkoty.html">Druhy kót</a></li>

<li><a href="cvkota.html">Nastavenie kót</a></li>

</ul>

 

<div class="menutitle">Text</div>

<ul>

<li><a href="cvtext.html">Jednoriadkový text a vacriadkový text</a></li>

</ul>

</ul>

</div>

<div id="prava">

      <br><br><br>

TEXT

     </div></div></div></div>

 

           

   

           <div id="footer"></div> 

</body>

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Príloha č. 3: CSS zdrojový kód

 

/* CSS Document */

body, html

{

 font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif;

margin: 0px;

padding: 0px;

background-image: url(../obrazok/pozadie.jpg);

}

 

#uvodni

{

background-color:white;

 font: 15px Century Gothic, Geneva, Arial, Helvetica, sans-serif;

text-align: center;

width: 900px;

margin: 0px auto 0px auto;

}

 

#wrapper

{

            background-image: url(../obrazok/pozadie.gif);

background-properties: scroll;

width:900px;

margin: 0px auto 0px auto;

-moz-border-radius: 8px

 }

 

#header

{

 

background-image: url(../obrazok/header.jpg);

border: 1px solid;

 height: 200px;

 text-align: left;

}

 

#dolphincontainer{

position:relative;

height:56px;

color:#E0E0E0;

background:#143D55;

width:100%;

            font-family:Helvetica,Arial,Verdana,sans-serif;

            }

 

#dolphinnav{

            position:relative;

            height:33px;

            font-size:12px;

            text-transform:uppercase;

            font-weight:bold;

            background:#fff url(../obrazok/dolphin_bg.gif) repeat-x bottom left;

            padding:0 0 0 20px;

            }

 

#dolphinnav ul{

            margin:0;

            padding:0;

            list-style-type:none;

            width:auto;

            float:left;

            }

 

#dolphinnav ul li{

            display:block;

            float:left;

            margin:0 1px;

            }

#dolphinnav ul li a{

            display:block;

            float:left;

            color:#EAF3F8;

            text-decoration:none;

            padding:0 0 0 20px;

            height:33px;

            }

 

#dolphinnav ul li a span{

            padding:12px 20px 0 0;

            height:21px;

            float:left;

            }

 

#dolphinnav ul li a:hover{

            color:#fff;

            background:transparent url(../obrazok/dolphin_bg-OVER.gif) repeat-x bottom left;

            }

 

#telo

{

background-image: url(../obrazok/moje.jpg);

border: 1px solid;

float: left;

width: 893px;px;

padding-left: 5px;

height:auto;

}

 

#prava

{

background-image: url(../obrazok/moje.jpg);

border: 1px solid;

float: right;

width: 705px;

padding-left:5px;

height:auto;

}

 

#leva

{

float:left;

height:0px;

}

 

#footer

{

          width: 100%; /* šírka */

            height: 25px; /* výška */

            background: #000000; /* farba pozadia */

            float: left; /* nadväzovanie */

            margin-top: 0px; /* vrchný okraj */

            padding: 3px; /* odsadenie */

}

 

#ddblueblockmenu{

position: relative;

right: 43px;

 top: 0px;

border: 1px solid black;

border-bottom-width: 0;

width: 185px;

}

 

#ddblueblockmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}

 

#ddblueblockmenu li a

{

display: block;

padding: 3px 0;

padding-left: 9px;

width: 169px; /*185px minus all left/right paddings and margins*/

text-decoration: none;

color: white;

background-color: #2175bc;

border-bottom: 1px solid #90bade;

border-left: 7px solid #1958b7;

}

 

* html #ddblueblockmenu li a

{

/*IE only */

width: 187px; /*IE 5*/

w\idth: 169px; /*185px minus all left/right paddings and margins*/

}

 

#ddblueblockmenu li a:hover {

background-color: #2586d7;

border-left-color: #1c64d1;

}

 

#ddblueblockmenu div.menutitle{

color: white;

border-bottom: 1px solid black;

padding: 1px 0;

padding-left: 5px;

background-color: black;

font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;      

 }



[1] JURČA, R. Technická dokumentace, s.r.o. EPI 2009. Zápis z výuky. Evropský polytechnický institut, s.r.o.

[2] BLIŠŤAN, P. Počítačová grafika a CAD systémy [online]. 2009 [cit. 2009-11-27].

Dostupné z WWW: < http://www.fberg.tuke.sk/blistan/index_soubory/Page492.htm >

 

[3] Zdroj: CHABADA, J., Cvičenia z grafických systémov I : 2D kreslenie [online]. 2008 [cit. 2009-11-24].Dostupný z WWW: http://www.solicad.com/download/progecad/progeCAD-manual-SK.pdf

 

[4] Zdroj: CHABADA, J., Cvičenia z grafických systémov I : 2D kreslenie [online]. 2008 [cit. 2009-11-24].Dostupný z WWW: http://www.solicad.com/download/progecad/progeCAD-manual-SK.pdf

 

[5] SoliCAD, s.r.o.,[online]. 2008 [cit. 2009-11-25]. Dostupné z www:

< http://www.solicad.com/SK/2D-CAD-software/progeCAD/hw-a-sw >.

 

[6] Tomáš Lištiak.,[online]. 2008 [cit. 2009-11-30]. Dostupné z www:

< http://www.tomexx.net/blog/internet/2009/11/peklo-zvane-internet-explorer-6/ >.