360 likes | 512 Views
Guest Lecturers Guide. PTE-TTK Szentágothai Szakkollégium Faculty of Science, University of Pécs 6th Ifjúság str. Pécs 762 4 Hungary, E urope. SzJSzK Presentation Template Dr. Gábor Pauler Associate Professor , Department of Information Technology Tel: +36-309-015-488
E N D
Guest Lecturers Guide PTE-TTK Szentágothai Szakkollégium Faculty of Science, University of Pécs 6thIfjúság str. Pécs 7624 Hungary, Europe SzJSzK Presentation Template Dr. Gábor Pauler Associate Professor, Department of Information Technology Tel: +36-309-015-488 E-mail: pauler@t-online.hu
Content of the presentation • SzJSzK presentation template • General purpose • Basic layout scheme • Formatting recommendations • Slide layout • Text • Paste from clipboard • Diagrams • Screenshots • Mouse movement and program code • Business Process Diagrams • Entity Relationship Diagrams • GUI Design Diagrams • Animation of slides • Content design recommendations • Session structure • Topic structure • Describing math models • Chapter building • Auxiliary parts • References • Appendix
General purpose of SzJSzK presentation template • Purpose of PTE-TTK Szentágothai János Szakkollégium (SzJSzK) presentation template is to provide standard look and methodologic background of our classroom course materials. When we created current template, we based it on the following assumptions: • Reading skill of our prospective students (both foreign and Hungarian) will rapidly deteriorate due to the internet and liberal education systems. We expect that within some years most of them CAN NOT understand a difficult textbook by his/her own reading. Therefore, course materials have to be easy-to read and highly interactive • Comics books are the easiest to read type of a material often favorized by untrained, simple people who do not read any other books. Eg: http://fc05.deviantart.com/fs13/f/2007/014/d/7/Comic_Toons_2_by_remix17.jpg • Therefore slides will be aligned in our presentation template in comics-book style: text explanation in left hand side/up/down (or separate baloons or callouts) linked with arrows to visualizing graphic objects (pictures, drawings, diagrams, screenshots) on right hand side/down /up.
Basic layout scheme of SzJSzK Presentation Template 1 • In the first step you can copy through clipboard your earlier presentations or their parts into SzJSzK template with selecting the slides with Shift+Click and Edit|Copy (Szerkesztés|Másolás) and Edit|Paste (Szerkesztés|Beillesz- tés). Slide template of SzJSzK template set at View|Template|Slide template (Nézet|Minta|Diaminta) will replace your original slide template at these slides formatting them into SzJSzK style. This may require some realignment of text boxes and graphic objects! SzJSzK Template has some unique specialties: • It is designed for „midway” course materials between classic textbook-style materials with full text and classic presentation-style materials with buzzwords only. • It contains 75-80% of the text on more dense slides than classic presentation. Therefore it won’t be easy to read solely in projection. It assumes that students can see it parallel with the presentation on-screen in a computer lab (or more frequent-ly, on their on laptop) • Another purpose of higher density is ma-ke it hard to steal streaming video-ma-terials with screen capture: we select the resolution of objects that way that it can survive 1 mpeg-comp-ression readable, but the second mpeg-compression at illegal screen capturing should mess it up! • Of course higher den-sity makes it more hard to read the slide content, therefore, a slide never comes up in one click, but in 4-8 animations.
Formatting rules of SzJSzK Presentation Template: Slide layout 1 Page breaking and layout: One big difference between Word and PowerPoint that here text and other contents does not flow freely from one slide to another, and text cannot be flown around graphics, so you have to control allocating the content among slides manually: • A tipical mistake in default PowerPoint templates that they leave huge margins around objects (slides, slide titles, textboxes, charts etc.), reducing their maximal size, thus their visibility in projection • Always utilize every last square milimeters on your slide to maximize content size: reduce margins to minimal, do not use too much space for slide title, etc. • We help this in the slide template shownig guidelines where to place slide title and bullets of lists, and positioning placeholders accordingly • Never use separate textboxes for paragraphs of the same text! Instead of it, always use the default textbox placeholder on the slide template: • First, it is recommended to edit and align graphics on slide • Then align textbox to remaining slide area
Formatting rules of SzJSzK Presentation Template: Slide layout 2 • Unnecessary usage of multiple textboxes will make animating the slide more difficult There is one exception from the single texbox-rule: • Flowing text around graphics some-times can save considerable space on the slide, enabling us to show a complex procedure together in one slide • However PowerPoint cannot flow text around pictures automatically, like Word does it • There are two methods to do it manually: • If flowaround takes only small part of the textbox, we can solve it using line breaks at the over-floved part. Be aware of that broken lines appear as separate paragraphs for PowerPoint, and it will animate them separately by default, which you have to correct later • If the flowaround is large compa-red to the textbox, it is better to use 2 textboxes. Please note that always copy the default place-holder textbox on the slide to creat a second one, instead of drawing a separate textbox with View|Toolbars|DrawWTextbox(Nézet|Eszköztárak|Rajzoló|Szö-vegdoboz) as it treats indentation of paragraphs differently than the placeholder
Formatting rules: Text 1 Text rescaling: after editing and aligning graphics on the slide, the intended text to explain it frequently may not fit in the textbox space. Lets see how to allocate text within a textbox more efficiently: • Doubleclick textbox frame to show for-matting panel|Textbox (Formázás| Szövegdoboz), where set margins all around to 0, and inactivate resize to fit text (átméretezés a tartalomhoz) • At Format|Row spacing (Formátum| Sorköz) menu, set pre-paragraph spacing (bekezdés előtti) to 0, row spacing (Sorköz) to 0.65..0.8 • Break long words with „-” into 2 lines: this can save 30-35% of space! • Just in final case, reduce font size with Format|Font (Formátum|Betűtipus) to min. 17-18 pics, or shift default font type of Arial to more compact but less rea-dable Arial Narrow Text breaking and align inside textboxes: • Align text left, justified text does not show up very well in presentation • Do not break lines within 1 paragraph with Enter/line break except if you: • Make 1-textbox flowaround picture • Want to fill indentation with text • Do not use extra line breaks between paragraphs, instead of it increase paragraph spacing if you want more separated paragraphs. Click • Here I wanted • to utilize full text- • box space, even • indentation!!!!!!!!! Click • Except if you want to create a wide gap between 2 paragraphs to place picture over that • Do not use multiple spaces to make gaps in text, instead of it, use Tab characters • Except when you want place tiny pic-tures of icons( ), symbols, pushbuttons over the textbox, aligned with the text
Formatting rules: Text 2 Formatting definitions and professional terms in text: whenever an important professional term comes out first in the course material, it should be marked with underlining, and including the therm on a second language. For example: Activex control (ActiveX vezérlő): is an independent object of Windows installed by several applications (office products, media players, etc.) with programmable functionality through setting its property values Literature references in text: we recommend using the following format: • Within text, you place this: (FirstAuthorSurname[et al], Year DifferentiatingCharacter), for example (Smith et al, 2000 b). Differentiating characters „a”, „b”, „c” etc. are used when you have identical surnamed authors with identical year of issue in the list of references • At the end of presentation, there is a References slide, where references are listed alphabetically ordered by first authors surname in the following format: FirstAuthorSurname, Initial., SecondAuthorSurname,Initial., (Year) „Title”, JournalName, Vol.XX p.XXX, Publisher, Publisher’s city For example: Smith, J., Robins, W., (2000) „Target acquisition techniques”, Journal of targeting, Vol.27, p.298, Wiley&Sons, NY Making hyperlink from text pointing to another slide of presentation: whenever you use an important professional term in text you already defined earlier in the presentation, but you did not use it requently, it is very useful if reader can quickly jump back its slide and read its definition again. This helps the students using the course material presentation as an electronic handbook: • Type text intnded to be hyperlink, then select it • At Insert|Hyperlink (Beszúrás|Hiperhivatkozás) menu, select target presentation file from list • At Bookmark (Könyvjelző) button, select the tar- get slide from list. For example: see text flow-around Advantages-disadvantages lists in text: „:-)” and „:-(„ character sequences are translated automatically into smileys and , which are used to mark advantages disadvantages. Eg.:Evaluation of Hungarian Government: • It organizes spectacular luxury deer hunting for ministers in Gemenc forest • It does it from public money Click Click Click
Content of the presentation • SzJSzK presentation template • General purpose • Basic layout scheme • Formatting recommendations • Slide layout • Text • Paste from clipboard • Diagrams • Screenshots • Mouse movement and program code • Business Process Diagrams • Entity Relationship Diagrams • GUI Design Diagrams • Animation of slides • Content design recommendations • Session structure • Topic structure • Describing math models • Chapter building • Auxiliary parts • References • Appendix
Formatting rules: Paste from clipboard 1 Click Handling clipboard: When you pas-te copied objects from clipboard, you can change their format with Edit|Paste special (Szerkesz-tés|Irányított beillesztés) menu. When you insert Excel charts or tables into your pre-sentation, it is extremly useful: NEVER paste Excel charts and tables into a presentation in their original format: the whole - sometimes pretty large - source Excel file is embedded invisibly into the presentation, as many times as you pasted any part of it. This will result in freezing huge presentation files. Instead of that Excel tables should be pasted as HTML format: • This preserves table-like func-tionality, you can add/delete rows/columns, merge cells, format cell background/border color/font etc. with PowerPoint’s View|Toolbars|Table (Nézet| Eszköztárak|Táblázat) tools • However, it does not preserve row/column width, font sizes set in Excel. It applies cell margins unnecessary. You have to set them again with Doubleclick on table frame Textbox(Szöveg-doboz) panel|Margins(Margók) Másolás Click Click Shift +Pull Click Click Click Click Click Click Click
Formatting rules: Paste from clipboard 2 • Another silly feature that pasting HTML will automatically realign textboxes and title on the slide, so always past all HTML tables first then align textboxes on slide • Picture metafile format, you can use this if there are problems with HTML table: • 95% of formattings of Excel table are preserved • You cannot edit it as a table anymore, however metafiles can be converted into PPT drawing objects with View|Toolbars|Drawing| Dra-wing menu|Ungroup (Nézet|Eszköz-tárak|Rajzoló|Rajzoló menü|Cso-portbontás), and you can do limited editing of celltext,font types,colors,etc. • Bitmap format, if nothing else works: • This shows table as it appeared on screen in Excel • You can edit it very limited with any graphic software • Converting to bitmap eats more space than metafiles containing only 40-50 graphic objects, however can save space if metafile contains several thousand of objects (eg. complex, large tables) Excel charts, or selected parts of an Excel worksheet containing both cells and charts should be pasted first in Picture metafile, or as Bitmap in case of format problem Click Click Click
Formatting rules: Diagrams 1 Handling charts: As default chart format of Excel is insane, therefore we have to format charts correctly in Excel before copying them into presentation as picture metafile: • Format Chart area with doubleclicking on it. This is the basic container of the chart influencing its general formatting: • Background color should be set white, or transparent, which allows slide background to show up – it is more fancy • Set basic font type of chart: Arial Narrow, 16p, Bold, Indigo color • Inactivate auto resize font: otherwise, if you try to enlarge chart to make it more visible, Excel will enlarge font size automatically even more, squeeezing plot and making it just smaller and smaller… • Format Plot area with doubleclicking on it. This is an INVISIBLE frame embedded in chart area containing the plot. Excel by de-fault leaves huge margin between chart- and plot areas squeezing plot too little • You should set it maximal size and transparent background. Its background can be set to any picture also, which is useful if you want to make a map background for an XY scatterplot • Activating chart legenda will automatically squeeze plot area and plot. So afterwards you should stretch plot area again (even over legenda!!!) Click Click Click Click
Formatting rules: Diagrams 2 Click Click • Format Legenda (Jelmagyarázat) with double-clicking on it. Always turn on legenda first, even if you do not want to see it permanently, because this is the only place you can set gradient color ramp scheme for 3D area charts (eg. blues greens reds yellows white). By default, Excel uses random color ramps, which has less plastic 3D effect. After formatting colors you can hide legenda with Chart menu|Settings|Legenda|Don’t show • Format Chart floor area with doubleclicking on it, set to transparent • Format Gridlines with doubleclicking on them, set for all axis, 1pic wide, Light grey, solid • Format Axises with doubleclicking on them: • On Value axis: set axis Scale|Min, Max values (by default they may be too wide and chart is squeezed by this).Set Scale|Large unit around 10% of Max-Min difference to get about 10 color ramps on 3D area charts. Inactivate show symbols between tickmarks (Szimbólumok az osztásjelek közt) • On Category axis: reverse order of categories (Kategóriák fordított sorrendben) to comply with their order in data sorce table • Format 3D settings at Chart menu|3D settings(Diagramm menü|3D beállítások): • Rotate 3D charts by pulling corners of their box, set perspective (Távlat) to 10% • Adjust relative chart height (Magasság) to 50-75%. Making chart relatively taller will show differences of plotted values better, but columns or hills will cover each other more intensively. Reducing height will ease covering problem but makes hard to see differences Click Click Click Click Click Click Click Click Pull
Formatting rules: Diagrams 3 Click Re-formatting charts at presentation: There are some features of charts we cannot set in Excel, but it is possible to do in meta-file:Eg. at complex 3D area charts,it would be great to create semi-transparent func-tion surfaces partially covering eachother, but it cannot be done in Excel. • How to do: Copy 3D area chart trough clipboard as metafile • Convert metafile into PPT drawing with View|Toolbars|Drawing|Drawing me- nu|Ungroup(Nézet|Eszköztárak|Raj-zoló |Rajzoló menü|Csoportbontás), repeat it as long as it can be done • Delete unnecessary chart background, axis, axis text, etc. elements • Select all remaining elements, format them Doubleclicking on selection, set their color, border, and transparency • Group elements together again • But a difficult drawing containing 1000s of elements can eat up lot of resources and freeze presentation • Therefore, cut metafile to clipboard with Edit|Cut (Szerkesztés|Kivágás) • Paste as GIF picture with Edit|Paste special|GIF (Szerkesztés|Irányított beillesztés|GIF). It keeps transparency, and reduces resource consumption, but it can be edited only as image anymore Click Click Click Click Pull Click Click Click Click Click Click Szerkesztés Click Kivágás Click Szerkesztés Click Click Click
Formatting rules: Screenshots Pull Print screen Handling screenshots: In most course materials description of software handling is needed. The traditional textual format of this is Main-Menu|Submenu|Panel|Command-style command descripition, however this is alone hard to read and hard to follow on screen • Therefore software handling should also be presented as animated screenshots and mouse movement(see last slide for example) • Anywhere in Win XP,screenshots can be co-pied to clipboard as image with PrintScreen key, then they can be copied to any simple graphic software (eg. PaintBrush) with Edit|Past(Szerkesztés|beillesztés) • There you can copy necessary part of screen to clipboard with rectangular marque tool( ) and paste that in your presentation • However form and panel design of graphic user interfaces (GUI) are usually not very compact, and they would eat lot of space on your slide unnecessary • Therefore, you should use mar- que tool to pull together panel layouts mo- re compact before pas- ting them to your pre- sentation
Formatting rules: Mouse movement and program code Shck Shck Shck Shck Shck Right Click Representing mouse movments of GUI: • Simple Click on hierachy of menus • Popup menu coming out on RightClick • DoubleClick to edit something • Shift+Click, Ctrl+Click for multiple selections in some software • Drag&Drop an object with mouse • Select something Pulling the mouse, or Pull out a frame • Shake the mouse to make it visible • Fill out something at cursor • Do not fill out something • Copy&Past or Cut&Past something through clipboard Representing program codes: • Always in separate textbox with Courier New font 16-18pic, bold • Tabulate with Tab key nested parts of code • Keywords are blue • Variable/object identifiers are black • Comments are darkgreen • Errors are red • Text constants are brown As tabulated codes are not very compact, you can put longer comments into call- outs to fill gaps, stand it out, and save space. Callout font should be Arial narrow 16p Menu1 PopupMenu1 PopupMenu2 SubMenu1 SubMenu2 Click Click Click Click Click Ctrl+ Click Shift Click Drag Drop Something to drag&drop Pull With Range("List") ‘Vagy Listobjects("Lista1") .AutoFilter 'Autoszűrő bekapcsolása .AdvancedFilter _ Action:=xlFilterInPlace, _ CriteriaRange:=Range("Criteria"), _ Unique:=False 'Irányított szűrő bekapcs ActiveSheet.ShowAllData 'Szűrők kikapcs .Sort _ Key1:=Range("C14"), _ Order1:=xlDescending 'Rendezés oszlopba .AutoFilter _ Field:=3, _ Criteria1:="110"'3.mező 110-re szűr ActiveSheet.ShowDataForm 'Listaform bekapcs Range("A12371").Select ActiveCell.FormulaR1C1 = "22"'Listába ír .ListRows(12357).Delete 'Listasor törlése .Unlist ‘Lista visszalakítása cellatart.-ba End With ‘Range("List") Longer comment in callout to save space Longer comment in callout to save space Longer comment in callout to save space
Content of the presentation • SzJSzK presentation template • General purpose • Basic layout scheme • Formatting recommendations • Slide layout • Text • Paste from clipboard • Diagrams • Screenshots • Mouse movement and program code • Business Process Diagrams • Entity Relationship Diagrams • GUI Design Diagrams • Animation of slides • Content design recommendations • Session structure • Topic structure • Describing math models • Chapter building • Auxiliary parts • References • Appendix
Formatting rules: Business Process Diagrams Proc:A EndProc:A FOR:A EndFOR:A IF:B ElseIF:B: EndIF:B Sql: Step: Decl: Sql:Query unit price Step: Add Item Step:Enter quantity Step: Scan Item Proc:Che- ck barcode • Proc:Restock • BarCode • Quantity • InvoiceID Step:Record Customer data • Decl: • TempName • TempAdress IF:New Customer? IF:Barcode OK? FOREACH Item ElseIF:Barcode? Step:Isuue Invoice Step:Ask cus- tomer data EndIF:New Cust? EndIF:Barcode? IF:Price is OK? EndIF:Price? • Proc:Invoicing • CustomerID • InvoiceID ElseIF:Price? Sql:Query Customers Step:Com- pute totals Step: Give Item EndFOR:Item EndProc: Invoicing • Business Process Diagram (BPD): describes a process with given input, output, responsibilities, time- and resource consumption. • It is a flowchart laid out in a 2-dimensional coordinate system: • Time: it is not really a physical time, but a nonlinear timescale broken by uniquely named breakpoints (Töréspont) or milestones (Mérföldkő) of the process • Roles (Szerepek): discrete (Diszkrét beosztású) coordinate axis representing uniquely named units of the organization (not actual people, because they can be fired!)or partners (suppliers(Beszállító),customers, etc.)resposible for activities • Activities (Tevékenység)of the process are represented by blocks of flowchart. Length of blocks is proportional to their time requirement, while other resource consumptions (workforce, hardware, etc.) can be described in blocks’ text. They can be: • Pairs of blocks (Blokkpárok) describing process control. They can be nested into each other. Nested pairs are always tabulated (like program code) for clarity: • Procedure header /footer with parameter list and type icons. Boldfaced (Félkövér) parameters are given by referece, others by value • Cycle condition /footer with cycle variable • Conditon header /Else branch /footer with condition • Single blocks (Egyedi blokkok) describing: • Declaration of local vars with type icons,Process step ,SQL query • There are four types of arrows (Nyíl) joining blocks: • Yes branch of condition (), No branch of condition (), they are always drawn before blocks to visualize their nesting hierarchy, Step forward (), Feedback (Visszacsatolás) (),only this one can step backward in time (of course logically)
Formatting rules: Entity Relationship Diagrams Address AddressID Door Floor Building HouseNum Street StreetType LinePhone Fax Zip Modifier Modified Status EntityName EntityNameID Text Integer Fraction Binary Date Time Image Sound Movie ReqForeignKey OptForeignKey Modifier Modified Status MasterEntity MasterID MasterName Invoice InvoiceID InvoiceNum ItemCount NetTotalVal GrossTotal VATTotal Paid IssueDate IssueTime SellerID BuyerID SalesPersID Modifier Modified Status Item ItemID Quantity NetVal GrossVal InvoiceID BarCode Modifier Modified Status StreetType StreetType TypeName VAT VATCode VATPercent MeasUnit MeasUnit UnitName Country Country CntName Zip Zip City Country LegalFormat LegalFormat FormatName ITJ ITJCode Description VATCode PersProdSales PersProdSalID SumOfSales SalesPersID BarCode Product BarCode Description UnitPrice VATCode ITJCode MeasUnit Seller SellerID SellerName LegalFormat SellerTaxReg CellPhone E-mail URL AddressID Buyer BuyerID FirstName LastName CellPhone E-mail AddressID SalesPers SalesPersID FirstName LastName CellPhone E-mail AddressID Entity relationship diagram (Egyedkapcsolati diagram) (ERD): is used to represent design of a Relational Database System (RDS) • Entites are rounded corner boxes with Entity-Name at the top. Blue background denotes codetable/master entities with minimal data change in time, yellow denotes relational/trans-action entities: rapid, irrevocable data changes in time • Attributes are listed with their data type icons: ( , , , , , , , , ) and names: italic means op-tional-, normal means required-, bold means auto-filled attribute • Data attributes are purple, primary keys are orange prompted by ( ), foreign keys are olive prompted by( ), auto-filled system log-ging attributes are black • 1:many relations are denoted by ( ) con-necting primary-and foreign keys: • Independent side of relation is denoted on ERD with dashed line ( ), depen- dent with solid ( ) • Its referential integrity check is denoted with ( ), unswitchability with ( ), cascade delete disabled with ( ). • Lets see an example:
Formatting rules: GUI Design Diagrams MainForm base entity Residence ResidID StartDate EndDate PersonID AddressID Modifier Modified Status Person PersonID NaturalID GivenName1 GivenName2 SurName MaidenName BirthPlace MotherName BirthDate Modifier Modified Status Address AddressID Door Floor HouseNum StreetName Tel Fax StreetTypeID ZipID CountryID Modifier Modified Status • ChkNewCust • FormName • NaturalID • TextBox • OptionButtons • NumberBox • CheckBox • Date • Time • PictureShow • SoundPlayer • MoviePlayer • ReqForgnKey • OptForgnKey • QueryButton • naturalID • GivenName1 • GivenName2 • VSurName • MaidenName • BirthPlace • MothersName • BirthDate • ResStartDate • ResEndDate • Door • Floor • HouseNum • Tel • StreetName • StreetType • Zip • Store data • Decision • Question? • Elements of GUI diagram: • Form(Űrlap) block: • Form name at top in blue • Followed by various type of data controls(Adatmeg-jelenítő kontroll) with their caption and cotrol type icon. All of them are linked to a specific data type ex-cept the NumberBox, which can show both inte-ger and fraction number • Boldface controls auto-filled, normals are requ-ired, italics are optional • Underlining means form section break(Űrlap szek-ció törés): different form sections have different table or query data source (see example later) • Form may contain buttons launching query/other form • Popup Form (Felugró űrlap): • It contains yes/no question and belongs to a conditi-onal block pair on BPD • Example of form sections: • 1Personcan residemanyAddress (in time),and 1Addresscan be resided by manyPersons (Resi-dence is relation entity) • Lets assume we have a check new customer ac-tivity on BPD we want to support with database at CheckNewCust form. • Its content 1:1 connec-ted to Person, therefore it will be the base entity (Bázisegyed) data sour-ce of main form section goes until BirthDate • Person is1:manyrelated to Residence, so data of the latter cannot go on the same form section, but it will be base entity of subform (Segédűrlap) • Residence is many:1 related to Address, so data of latter can be joi-ned to subform section, being its joined entity (Csatolt egyed) • As data source of 1form section can be 1 table/ query, Address and Re-sidence are queried into 1view(Nézet) datasource IF:New Customer? SubForm base entity SubForm joined entity Sql:Select StartDate, EndDate, Door, Floor, … From ( Residence R Inner Join Address A On R.AddressID= A. AddressID); • Data Source (Adatforrás) connector: bidirectional data connection of a form section and a table/SQL query: • Cannot Create record:( )/can:( ) • Cannot Read record:( )/can:( ) • Cannot Update record:( )/can:( ) • Cannot Delete record:( )/can:( ) SubForm datasource SQL query
Animation rules of SzJSzK Presentation Template 1 Click • We already mentioned that as SzJSzK Template uses complex and relatively dense slides, they cannot appear in one step, as it will confuse reader. Instead of it text and graphics should come up in synchronized animations by-paragraphs: Custom animations: they can be added to slide with Slideshow| Custom animations (Diavetítés|Egyéni animációk) panel: • You can add/modify animations with Add/Modify(Hozzáad-ás/Módosítás) button in 4 categories: Appear/Disappear/ Highlight/Move(Megjelenik/Eltűnik/Kiemel/Mo- zog) and several types in each • Avoid fancy fly-in animations, because they eat up lot of time and machine resources, use simple Ap- pear/Disappear-type except when you need moving • Animations can be sorted in the list with Drag&Drop and you can set them in Effect setting(Effektus beállításai) menu: • At Effect(Hatás) panel, you can set Sound(Hang) and individual charcters of Text animated(Szöveganimálás) • At Timing(Időzítés) panel, you can set start mode(Indítás) to With/After previous/Click(Előzővel/Után/Kattra) Delay(Késleltet.), Speed(Sebesség), Repeat(Ismétlés) • At Animate text(Szöveganimálás) you can set textbox animation: As one object(Egy objektumként)-this is the default for general textboxes – or by paragraphs(bekez-désenként) it is default for main textbox of slide template Rules of designing animations: as a complex slide can contain 40-50 animated text and graphic objects, it is very easy to con- fuse them up in a lenghty list. Therefore: • Always finish layout design and editing of slide completely before doing animations • Always animate main textbox(es) first.By de- fault they are animated in slide template, but if you put there extra line breaks because of Click Click Click Drag Drop Click Click Click Click Click Click Click Click Click
Animation rules of SzJSzK Presentation Template 2 • Making text flow-around of graphics, you should modify their animation to With previous. This way, On-click animations are left only at para-graph starts • If there are multiple graphic objects which should come together with a text paragraph in one step: • Group graphic objects together first in View|Tools|Drawing| Drawing menu|Group(Nézet| Eszköztárak|Rajzoló|Rajz menü|Csoportosítás) menu to reduce number of animated elements • Always add with previous-type animation to object group and move it in the animation list AFTER text animations of the given paragraph. This way text animation will „lead” correspon-ding graphic animations in list, making it more understandable. (Otherwise, it is not very easy to dezipher what does „Group 104” mean in a lenghty list of animations, as names of graphic objects/groups are allocated automatically, and you cannot change them to any meaningful) Click Click Click Click Click Click Click Click Drag Drop Click
Animation rules of SzJSzK Presentation Template 3 Pull If there are multiple steps of pure graphics animations (without any text) for one paragraph (eg. several menus, submenus, panels, mose symbols should appear step by step): • Select graphic objects/groups with Shift+Click in their sequence of appearence/disappearence • Add simple Appear animation to them setting its start with previous. The new animation sequence is created at the end of animation list. • Modify animation start to On Click at mouse symbols. They will break up animation sequen-ce into understandable parts • Modify animation type to Disappear at disap-pearing elements • Select the animation sequence again and move it from the end of animation list after text anima-tions of its corresponding paragraph • Then, add Moving path-type animations of mo-ving elements after their Appear animation star-ting with previous (moving itself does not in-duce appearing, you need 2 separate anima-tions!!!). When creating moving animations: • Place starting point animation path to center of moving object. This way, center of object will be at path’s endpoint at the end of move • You can adjust wether movment should start/stop gradually or sudden • Do not try to modify a created moving path pulling with the mouse. This will mess up its alignment with the moving object and you will get faulty results. • Faulty moving paths should be deleted and recreated instead Click Click Click Click Click Click Drag Drop Shift Click Click Pull Click Click Click Click Click
Content of the presentation • SzJSzK presentation template • General purpose • Basic layout scheme • Formatting recommendations • Slide layout • Text • Paste from clipboard • Diagrams • Screenshots • Mouse movement and program code • Business Process Diagrams • Entity Relationship Diagrams • GUI Design Diagrams • Animation of slides • Content design recommendations • Session structure • Topic structure • Describing math models • Chapter building • Auxiliary parts • References • Appendix
Content design recommendations 1: Session Structure As principles of content design of course material may vary field by field, SzJSzK Presentation Template will not contain such a strict rules here as at formatting, we just give some recommendations: • Basic structure of a Session (Előadás): • Table of contents (TOC) slide, with animated pointer frame (see Appendix) • It should be repeated at the beginning of each main chapter (Fejezet) of presentation • Learning objectives (Az előadás célja) (you can use the icon there): • In this part you should describe, which competences the student will gain learning the presentation: which practical problems in his/her professional carreer can be solved with this knowledge, it is important motivating the student as hard learning is always a pain! • What is the estimated time requirement of learning it (the session itself, the group project, the assignments, etc.) • Description of topics: at each topic you should follow the following sequence of detailing called the Object-Property-Method Principle (Objektum-Tulajdonság-Metódus hármas) in information theory: • Basic definitions (Definíciók): first you should describe the boundaries of the current topic/system/object and how it is related to the environment: former topics/systems/objects. This will allow the student immediately place the new object into the right place in his/her knowledge base. Lets see a bad example: • eg. you start to talk about „competitively clustered space structures” but what is that is only described at 5 slides later – hard to follow, student has to search forth and back • Don’t forget to underline defined terms and making hyperlinks to that later slides if you do not use it continuously
Content design recommendations 2: Topic structure Step: Write poem Step: Buy 1001 roses Step: Can- delite dinner Step: Get her laid • Also here you can describe the practical significance or expected benefits from the topic (marked with the icon), this will further motivate students. Bad example: • Eg. in most math books: „Lets get matrix A” – but who the hell really want to play with matrix A? Nobody, except really hard psychiatric cases. Most guys would play with Cindy Crawford (girls - George Clooney) • Instead of it „Look, this is Cindy Crawford. Lets assume that matrix A contains the parameters to get her laid” – sounds definitely better. Don’t forget that sex, money and power are best motivators for all time… • In the next part of the topic, you can decla-re properties/features/ decision variables of the topic/system/ object • Finally you should describe methods/ pro-cedures/ algorithms which transform mate-rial/ energy/ information in the dimensions described by properties. Never use undec-lared properties/variables in algorithm description - bad example: • „eg. Boiling egg is simple: take out from fridge, put in water, boil. But only if fridge was cold. And if egg does not smell rotten. But before that check whether you have pan and gas in the stove. You should have a stove first. And a hen.” – hard to follow • Don’t forget that more complex algorithms should be described on Business Process Diagrams we presented earlier:
Content design recommendations 3: Describing math models (12.1) where: l – heat emission coefficient, KJ/m2/sec x – thickness of wall, m a – radiation reflection coefficient, % a – distance of radiator from the wall, m c – heat radiation of radiator KJ/m2/sec w – heat conduction coefficient, % e – Euler-constant m – angle of radiator and wall, rad k – area of radiator, m2 Special format of describing topics are math models. They have the following parts: • Indices: basic dimensions of the problem (eg. time, locations) with index symbol, min and max value eg. t = 1..T – time periods • Constants: quantities set externally with their symbol, index, universe, name, measure unit eg. ct– external temperature,°C • Variables: quantities can be varied freely in the model with their symbol, index, universe, name, measure unit eg. vt– valve position, mm • Parameters: quantities are set by the user of the model with their symbol, index, universe, name, measure unit eg. gt– operating temperature,°C • Formulation: formula are edited with equation editor or other tools and can be copied through clipboard with Edit|Past special|Metafile (Szer-kesztés|Irányított beillesztés|Meta-file) into presentation. They should be numbered as (Chapter.Formula) right aligned. More difficult formula should have their list of symbols after keyword Where: • Formulation at optimization model: • Goal function = z Max/Min • Subject to • Constrainsts list • Indices mean repeated/cycling formulation: • fi = gi + hi, i = 1..n (26.31) • More complex algorithms can be described combining formula and tabbed-nested pseudo-code: • IF gi>0 THEN • IF hi <> (1+gi+1) THEN • fi = gi + hi, i = 2..n • END IF • END IF
Content design recommendations 4: Chapter building When building a chapter of the presentation, you should build a hierarchy of topics/objects/systems/model. It has 2 basic methods: • Top-down: First you define the complex main topic and then detail its part topics going downward in topic hierarchy. In this case description of sub-topics should be indented, and in more complex hierarchies it should be decimally numbered, eg: • 1 Main topic • 1.1 Subtopic • 1.1.1 Sub-subtopic • 1.1.2 Another sub-subtopic • 1.2 Another subtopic • Down-top: First you define simple components and radually build up more complex ones until completing the whole topic/object/system moving upward in topic hierarchy • Never mix the two methods because it will totally confuse students When you describe in a chapter more – partially conflicting – methods/ models/ approaches/ theories, there are two methods to compare them: • You go through theories linearly, mainly in historic sequence and describe definition, properties and methods of each theories separately. This is the conventional method • When you have lot of theories to compare and comparison is difficult, you can compare them partially: • Compare their definition, scope of area, basic constraints first • Then compare their properties used • Finally compare their methods • Sessions should be closed by summary (Összegzés) of their chapters, which should be consistent with learning objectives • It can be in a form of series of steps: eg. Step1: Lock target .. Step10: Get her laid • You can create an acronym of steps easily memorizable: eg. SCUBA: Select feasible target, Catch eye movment, Utilize oral skills, Bold introduction, Access her phone number/e-mail, etc.
Content design recommendations 5: Auxiliary parts Quiz questions: • In most western higher education systems, continous testing and commitment of students has definitely higher importance than in our exam-based traditional system. Therefore it is highly recommended to make short 5 question quiz at the beginning of each session, which should get at least 10-20% weight in grading. Here you can give sample questions and their solution on separate slides, where students can check out their lexical knowledge Exercises: • Continuos testing implies periodic home assignments also, with at least 25-35% weight in grading. Solutions can be in a hyperlinked separate file defended with tutorial password, which is relaeased only after assignment deadline. Home assignment should test basic competences learnt, and not just lexical knowledge Case studies/group projects: • These are tools for developing advanced competences to solve complex real environment problems, working with a team. Always team students randomly, do not allow friends to create teams. Students have to learn communicate and cooperate strangers in real working environment. Always give the group an average grade (45-60% of grading), and allow group members to share average grade among them proportional to members participation. Try to avoid „I am such a cute tutor”-type case studies, which do not contain any solvable problem. Case studies should always contain some redundant data which is not necessary for the solution to train students separating essential from non-essential. Accept alternative solutions. Glossary of most important terms: • This list should be hyperlinked and bi-lingual (English and Hungarian)
Content of the presentation • SzJSzK presentation template • General purpose • Basic layout scheme • Formatting recommendations • Slide layout • Text • Paste from clipboard • Diagrams • Screenshots • Mouse movement and program code • Business Process Diagrams • Entity Relationship Diagrams • GUI Design Diagrams • Animation of slides • Content design recommendations • Session structure • Topic structure • Describing math models • Chapter building • Auxiliary parts • References • Appendix
References PowerPoint Tutorials: • http://www.bcschools.net/staff/PowerPointHelp.htm • http://oregonstate.edu/instruction/ed596/ppoint/pphome.htm • http://www.fgcu.edu/support/office2000/ppt/ • http://www.actden.com/PP/ Effective presentation techniques: • http://dcc2.bumc.bu.edu/prdu/Session_Guides/oral_presentation_techniques.htm • http://www.lkka.lt/~r.gulbinas/Pristatymo%20metodika.pdf Other slide templates: • http://desktoppub.about.com/od/templatespowerpoint/Free_Microsoft_PowerPoint_Templates.htm • http://groups.ucanr.org/posters/Templates_for_Slide_Shows/ • http://office.microsoft.com/en-us/templates/CT101172621033.aspx
Appendix • Empty table of contents slide template • Empty slide template • Empty slide template with hyperlink, mouse symbols and their animation • Empty references slide template
Empty slide template with hyperlink, mouse symbols and their animation Shck Shck Shck Shck Shck Right Click Business Process Diagram Menu1 PopupMenu1 PopupMenu2 SubMenu1 SubMenu2 Click Click Click Click Click Ctrl+ Click Shift Click Drag Drop Something to drag&drop Pull
References • FirstAuthorSurname, Initial., SecondAuthorSurname,Initial., (Year) „Title”, JournalName, Vol.XX p.XXX, Publisher, Publisher’s city