Home

u5CMS User Manual English Edition - ufive

Contents

1. download eyetrackingvideo Mit Okulographie bezeichnet man das long caption 11 3 HTML5 videos Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 26 12 Embedding audio files Proceed just as with Flash videos but leave out the exclamation mark at the end of the file name e g eyetrackingvideo instead ofeyetrackingvideo Currently 2013 for HTML 5 and Firefox you should additionally upload an ogv video file for its creation see blue box 1st page of Chapter 11 namely into a placeholder you have to suffix with the letter o In our example this would be under eyetrackingvideoo Currently Firefox does not play mp4 files Important Do NOT insert the placeholder with the suffix o but the one with the original name containing the mp4 file Firefox will still find the ogv file In case the suffix o creates a name whose length exceeds the limit shorten the original placeholder s name 12 Embedding audio files The rules for embedding videos apply to audio files too except for the following If you publish your audio file via Youtube and want to insert it in the CMS the audio must be in a video file format possibly with a nice still frame If on the other hand you want to publish your audio on your website using the Flash Video procedure Chapter 11 2 the audio must be an mp3 file when it is uploaded into the CMS If you want to publ
2. This survey 1S important Ple En l form page write a function name foo as thanks value and cre te the function I le Your answers le The visible type text fields further down may be freely named hut no spe au Welcome au cial characters first character is a letter except that naj name youremail_mandatory must not be changed except in the Intranet lt input type name value m JF lt input type name value gt lt input type name value W gt lt input type W value gt W lt input type name value ae lt label gt Name lt label gt lt input size 77 type text name name mandakory gt lt label gt Firstname lt label gt lt input size 77 type text name firstngme mandatory gt lt label gt E Mail lt label gt lt input size 77 type text name youremail mandatory gt lt p gt lt label style width 1003 gt I am lt b gt frightened lt b gt of flying lt label gt lt select name frightened mandatory gt The field cliving_mandatory is lt option value gt please select lt option gt for spam protection remove it if lt option value 1 gt I totally disagree lt option gt you don t need spam protec lt option value 2 gt I disagree lt option gt tion Insert a simple math prob lt option value 3 gt neutral lt option gt lem there in words
3. see define sizes in Chapter 25 P Pages your pages s Chapter 3 7 and 14 16 Images your images see Chapter 8 D Documents PDFs doc zip and other downloads see Chapter 9 V Videos and audio files see Chapters 11 and 12 E External links and email addresses see Chapter 10 S Specials Form data input K21 fixed title amp choice of start ing page amp languages K25 HTML template amp CSS K23 A Account management here you can change your pass word Chapter 24 and register new users of the backend Chapter 24 and of the intranet Chapter 19 Use this button to create a new XA object Since we are in the I In this field you can fil ter the list of objects OP 1 OD OV OE OS Please note that if this ee a std image field has content you std Imag ES show free images will not see all of it a After creating a new object ac cording to the box above click F Oo new on U to upload a file in this ex Click on the right arrow next to an object to in P oso0 sert the object in the ZE gotthard E F RLCDMU ample an image editor opened in the E right column The ob RLCDMU A Rename ject is then repre RLCDMU L Localize show on which sented in the editor by pages it is included its name set between file versfons text versions C Copy square brackets and D Delete the arrow background M meta data
4. std ages show free images O i i U einem Schaft aus Leinen gebaut Die knapp ber oe 2 Z dem Boden liegende den Schuh umlaufende new farblich kontrastierende Linie auf dem SE beachdefDEF RLCDMU sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in Massenfertigung produzierten Sneaker f r Kinder auf den Markt und wurden von den Erwachsenen schon bald als Tennis f r geeignet befunden kn chelhohe Converse All Star RLCD RLE ANZ RLEDMU file versions text versions Jahrzehnte zum Inbegriff des beach Der Begriff Sneaker selbst ist eine Erfindung des 20 Jahrhunderts und stammt vom Werbefachmann Henry Nelson McKinney denn au er Mokassins hatten damals alle anderen Schuhe bedingt durch die Ledersohlen einen lauten Auftritt engl to sneak schleichen In den 1950er Jahren lie sich Teenikone James Dean mit Sneakers ablichten daraufhin wurden die billigen und pflegeleichten Schuhe zur bevorzugten Fu bekleidung der Jugend und gaben in den Folgejahrzehnten einer ganzen Turnschuhgeneration den Namen lider ursor ingliche Grundi lil Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 12 8 Uploading and embedding images 8 2 Alternative size and alternative orientation of an
5. 0 100 200 300 400 etc 23 4 5 6etc Incorrect examples O0 2 3 4 5 6 ete 100 200 500 600 700 etc 4 Choices NOT figuring in the statistical analysis except percentages such as don t know etc must be listed last and must have a value differing from the preceding one by a number greater than the equidistance e g 123459 6123 45 4 100 200 300 400 500 900 etc It is recommended to separate these visually by anempty lt option gt lt option gt to prevent selection errors questionnaire Show all with any status 7 4 Display data graphically requisite original form exists Chart Excel CSV CSV export for Excel SPSS etc 1 Display long texts abridged naaus l Truncate ons year frightened 2 Order Sorting data no Notes au Authuser ff First Field se Sent tripsla i J j Boolean op erations on words in the free text fil ter 349 FilterBool and or minder gt n set Free text fil ter You may double click on pieces of data in table to filter thuser name firstname youremail Minder Stefan Notes Mass transactions refresh kaa Call up data entry form Edit status delete data Edit record requisite original form exists Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User
6. 4 If you add further attributes after the name the ID must be declared which is always identical to the name wrong lt input type text name xy onchange function gt correct lt input type text name xy id xy onchange function gt 5 If filling a field is mandatory its name must be suffixed with mandatory and the field caption must be marked with an asterisk 6 The values of the options in select fields must be consecutive integers if the mean value etc is to be automatically computed If not any string is possible for value Choices such as I don t know must differ from the preceding value by a number greater than 1 in order to figure correctly in the statistics Prefixing the values with the plus sign colour codes the replies in the chart Example of the code and its resulting chart lt select name Eri htened mandatory gt lt option value gt please select lt option gt lt option value 1 gt I totally disagree lt option gt lt option value 4 2 gt I disagree lt option gt lt option value 3 gt neutral lt option gt lt option value 4 gt I agree lt option gt lt option value 5 gt I totally agree lt option gt lt option value 9 gt I don t know lt option gt lt select gt Since the colour coding is fixed 1 red 2 orange 3 blue 4 olive 5 green the colouring plus signs should only be added if these colours make sense am scared afraid frightened of
7. b gt of flying lt label gt i wer n mymail lt select name frightened mandatory gt lt option value gt please select lt option gt renders the Smymail address according lt option value 1 gt I totally disagree lt option gt to the config php lt option value 2 gt I disagree lt option gt lt option value 3 gt neutral lt option gt pagename lt option value 4 gt I agree lt option gt na th dne ioth lt option value 5 gt I totally agree lt option gt fenders WS pagename CECR to tne lt option value 9 gt no answer I don t know lt option gt GET parameter c lt select gt lt p gt lt label style width 100 gt Please note at least one lt b gt suggestion lt b gt what airlines should do better lt label gt lt textarea rows 3 style width 98 type text name suggestions mandatory gt lt textarea gt lt p gt lt label gt How much is hundred minus one enter digits lt label gt lt input size 77 type text name cliving mandatory gt This code CMS syntax mixed with lt label gt amp nbsp lt label gt lt input type submit value send gt lt ALLOW CHART PUBLICATION lt gt lt CHART LOGINS SAME AS xypage gt z lt ANONYMIZE name mandatory VALUES gt HTML acco rding to lt ANONYMIZE firstname mandatory VALUES gt lt ANONYMIZE youremail mandatory VALUES gt e the previous page lt in
8. the link text is either taken from the meta data or if missing written as LINK Sneaker anbot Mit der allgemeinen Sporteuphorie der 1950er Jahre setzte sich der Sportschuh bzw Sneaker dann in weiten Teilen der Bev lkerung als akzeptiertes Freizeitschuhmodell durch S5 pluslandlike Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 20 9 Uploading and embedding documents PDF doc ZIP etc A Reminder T p You can always view the live page by clicking the letter P not the radio button AFTER saving the page ns u w e H a j a F i m The live page appears under a new browser tab which you have to close to return to the CMS backend editor s y i JF Sneaker Die ersten Sports x 000 Tip 2 If in PIDVESA the filter field isn t empty or the left filter button not checked you can t see all pO p Oy Ce Os Oa ocuments POs F coobookdefDEF Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 21 This chapter teaches you the cen 10 Placing links to external pages amp linked email addresses tralized redundancy free gold _ standard of managing external links and email addresses You can have URLs and mail ad 10 Placing links to external pages amp linked email addresses dresses in the text automatically linked quick and dirty by enclos 1 Inthe
9. AND activate the file fastcgi htaccess in the cms top directory by renaming it to htaccess b If visible backslashes are added to apostrophes after saving text set Squotehandling on in config php Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 39
10. NM more Sneaker z LLIE ersten wenn zen um 1860 in England und gr A Please note Do not use these brackets for formatting or f r Se Use them only exceptionally when you want to write brackets without CMS related effect Furthermore insert empty paragraph nbsp insert protected space shy insert soft hyphen Tip1 use soft hyphens The figure above shows shy among the special characters which stands for soft hyphen a hyphen becoming visible on your page only if the word containing it is at the end of the line and must be wrapped With all long words mainly within the navigation menu you should indicate all dividable places by moving the cursor there and then clicking on shy You will see e g this in the editor Schiff fahrts ge sell cehia tic the character isn t a comma but a shy Please note that long words which barely fit in the navigation on your screen may be rendered in a larger font on mobile devices etc and should appear divided wrapped For maintenance of navigation see Section 18 1 Tip2 use multiple spaces for indenting or moving content Although it is considered bad practice to move content with multiple spaces sometimes it s just practical However several blank spaces are displayed in the editor only not on your website There several blank spaces are always summed up to a single space Not so when you click on nbsp in the menu shown above this inserts a so called pro
11. a format over several paragraphs you have to format each paragraph J Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluprus s j At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren no sea takimata sanctus est Lorem ipsum dolor sit amet 6 Paragraph control Simply create paragraphs using the Enter key However pressing the enter key repeatedly will not create especially large gaps between paragraphs to that end you have to insert the paragraph character 4 by means of the i ingle or stacked test v Od Oe r p Preview only no edit R ns L test v g Oe OTOP i m s A Create new Page Publicity status Public Offline Logins m BLOCKFORMATS align right centered justified list123 y Titl eC ELEMENTS form goto html incl line lin icture L pictureS table url INLINEFORMATS A lt gt a een acronym bold hilite italic mono sub sup TITLES xcapti e maintitle subtitle undersubtitle w MM AK NM NM rt more Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragr a ee a ee a een Ein ser Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragre P ragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 PRragraph 3 Par
12. email addresses A Reminder T p You can always view the live page by clicking the letter P not the radio button AFTER saving the page ns u w e H a j a F i m The live page appears under a new browser tab which you have to close to return to the CMS backend editor fa E i JF Sneaker Die ersten Sports x 000 Tip 2 If in PIDVESA the filter field isn t empty or the left filter button not checked you can t see all pO p Oy Of Os OA Dcuments P s O F C coobookdefODEF Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 23 11 Embedding videos 11 Embedding videos You can embed videos in three different ways 1 Save the video on Youtube and place a link to it on your site This is the recommended method because you do not have to worry about video formats If you don t like the fact that the video can be found on Youtube switch off detectability in Youtube itself However consider this If the page that links to the video on Youtube has been password protected manually or on the intranet the video itself is not password protected just more or less well hidden which means that Youtube is never suitable for sensitive material 2 Upload the video file in the CMS and present it as a Flash video This was the state of the art method up to 2011 Unfortunately Flash is not supported by iOS devices such as iPhone and iP
13. http www online convert com http www medi aconverter com and many others Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 24 11 Embedding videos 11 1 Embedding Youtube videos Publish your video on Youtube and get the hash value from the video s address Examples of hash values marked yellow http www youtu be com watch v 1507jPNt4ls http youtu be I507jPNt4ls In PIDVESA s V click on show youtube if necessary Click on the new bun and create a placeholder e g zisman The placeholder is now sted Click on its M and enter the meta data especially the correct hash Save the meta data and insert th xgbject as usual in a page see single picture Chapter 8 1 m S n BN a A m a BS A K outu Re show video a audio p O ti new gt E zisman e fE F RLeD fi versions text versions J metadata zisman ogle Chr http www mysite gfl usadmin metay php typ y amp name zisman Youtube video zisma Save a JOUB feat Michael Zisman caption Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 25 11 Embedding videos 11 2 Flash videos Go to PIDVESA s V In PIDVESA s V you need to see the title Video amp Audio if the title is Youtube instead click ON show video amp awdio Click the new button and create a placeholder for the new video
14. image To display the image larger prefix the name with a colon beach Two colons in front of the name causes the image to show in its original size but aligned right beach Try more colons for other formats Od Oe Of p Preview only no edit wurden um 1860 in England und etwa zeitgleich in den U und einem Schaft aus Leinen gebaut Die knapp ber de Schuh umlaufende farblich kontrastierend Gummisohlenrand trug diesen Modellen den Nan dem Erfinder der Ladelinie bei Schiffen Samuel F den USA die Keds genannten und von der U S Massenfertigung produzierten Sneaker f r Kind wurden von den Erwachsenen schon bald als S geeignet befunden 1919 folgte der kn chelhohe wurde ber Jahrzehnte zum Inbegriff des Sneaker OeOrOrp i m s ns start Y Sneaker j Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich std Images in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh P sO umlaufende farblich kontrastierende Linie auf dem sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem EE beachdetDEF Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den gotthard E F USA di s genannten und von der U S Rubber Company in 22 abum Ee fer g produzierten Sneaker f r Kinder auf den Markt und n Erwachsenen schon bald als Sportschuhe Tennis f r
15. intranet pag pr fix the name you enter with an exclamation mark Intranet pages are not listed undeyStd Pages but under show intranet You can link to this new page on already existing ones with testpagel or with an additional link text with additional Aink text testpage To list the new page in the navigation go to the special page navigation and list it there in the form additional link text testpage Note the mandatory prefix This hash sign indicates the hierarchy level one of three see Chapter 18 1 16 Restoring a damaged or deleted page If the page is still listed in PIDVESA s P click on text versions at the bottom of the list and find and copy the missing content from the appropriate box and insert it with CTRL v in the page In case the page is no longer listed in PIDVESA s P create it as a new page according to Chapter 15 and paste to it the content recovered from text versions 17 Restoring a deleted file All the files you ever uploaded can be found below the PIDVESA lists under file versions In case of a missing file you can download it there to re use it e g to embed it in your website Per upload day the last uploaded version is kept Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 29 18 Special pages 18 Special pages Special pages are pages in PIDVESA s P which are not published as self contained pages but are auxiliary files or
16. of the object will turn green e g caption U Upload Not all objects have a U The white on blue back Under file ver ground indicates that this on sions this list dis object contains more than The red letters in The PSF twin radio buttons plays all uploaded one image is it a photo al dicate which con set the appearance of the ob files in chronologi bum tents and meta ject lists cal order Per up data in which lan P Preview on off load day one ver seh SYDS MA Ne ti guages are miss S Sort alphabetically sion is kept ing chronologically Under text ver BG closed user group The F Filter display all display sions the list dis content is only accessible by only linked and unused ob plays all recorded means of a login The prefix dot jects Please note You don t ace exists only with files indicating e text entries in that the htaccess file demanding see all if the filter is on right chronological or a direct access login was suc button checked der So if you cessfully written mistakenly delete def y Hidden Not directly accessi or ol ble only if embedded in another thing you can re page You can define logins either manually a page at a time according to Chapter trieve the original 14 or you add an exclamation mark as a prefix to the page name which as text here i indexing off Is indexed nei signs it to the intranet which means it is automatically password protecte
17. subareas of pages such as the navigation footer newsbox etc 18 1 Navigation navigation is a page in PIDVESA s P whose name must not be changed In it an unlimited number of menu items can be defined in up to three hierarchy levels which are indicated with the hash or pound sign as follows Startpage start Trottinett amp Kinder trottinett Listen Linien Zeichen listslinescharcters Formular formular Video trottinettvideo Gotthard Tunnel gotthardtunnel N level link text for the reader name of target page in the CMS according to the list in PIDVESA s P Please note that the colon may only be used to separate the link text from the target page name Tip 1 In the link texts use the conditional word wrap In the figure of Chapter 7 you see the item shy under special characters Shy means soft hyphen a dash that is only visible when a word at the end of a line is wrapped to the next line With long words especially in the menu you should insert separaters by placing the cursor at the appropriate spots in the word and clicking on shy The soft hy phens in your text will be displayed in the editor as follows Schiff fahrts ge sell schaft boatpage The character is NOT a comma Bear in mind that long words which are not yet wrapped in your menu may be displayed in a larger font size on mobile devices where they need to be wrappable Tip 2 Use blind menu items to ensure the correct
18. the search engines define homepage defines the start page of your site Only pages with the publicity status public indexing ok see page 28 are eligible If you do want to define a page with a different publicity status as your homepage temporarely use the setting public indexing ok define languages In case your site is monolingual void the fields of the second and third languages define sizes basic size specifications in pixels of elements such as images video player etc Please note that certain values figure in the CSS files too and must match preview init scroll defines which page section is displayed by default in the preview window of the CMS backend The aim is to display all of the main content which means that the header and navigatin are outside the window To help you set preview init scroll properly open a long page and change preview init scroll incrementally 26 Special functions Automatic routing from one of your own pages to another page of your own go pagexy go Execute HTML and or JavaScript for executing jQuery or PHP see http www yuba ch u5cms extras h Insert HTML Code and or JavaScript here h Replace logo image on a particular page lo picturename 10 Only works if the logo is defined in a CSS as background image of an element withthe ID header Or change the ID in the file js logo php Universitat Bern Institut f r Medizinische Lehre IML
19. valieffor this page If you want to protect multiple pages always with the same logins it ma more effective to use the intranet of the CMS Chapter 19 ns start zur Create new Page Publicity statusis z BLOCKFORMATS align fight centered an ed ist122 ae stay right ELEMENTS form goto htm incl line link mark picture L Te table url INLINEFORMATS A lt f gt abbreviation acronym bold hilte italic mono sub sup TITLES xcaption xshgre miaintitle subtitle undersubtitle T nbsp shy E m BKA KH HK t more Semele yi 25 meyer asv71x TOLCOxat 3320 Tip Testing logins you cannot test the new logins in the browser currently open SOLUTION Open another browser where you are not logged in and therefore where you can test the logins The logins are case sensitive but if you want to spare your website visitors the burden of having to pay attention to upper and lower case simply add the most obvious login variants as follows name password Name Password NAME PASSWORD You can use the same form to set the publicity status of this page which does not interfere with the logins as the logins are always valid even if the publicity status is set to public Public indexing ok The page is public if not protected by logins and is indexed by the internal search engine as well as external search engines like Google etc Offline The page can not be called up i e
20. 22seenennnesnnnnnennnnnnnnnnnnnnennnnnnennennnnn 22 Embeadine WIG OS een een 24 Embedding Youtube videos 25 Flash videos 26 HTML 5 videos 26 EPC CE OTS cae setae ee ee ee 27 Embedding contents of resident pages INCIUCE cccccccccssseccecceeseecceeeeeeeeceseeeeeeceeeeeeeeeeeesaeeeeeeeeeas 27 Protecting a page with one or more logins and publicity Status ccccccccsssecccsssececeeseceeeeeeceeseeeeeeees 28 Creating and linking a new page nennen 29 R storing a damaged or deleted page ee Aii 29 PRES CO FS a SUC TS ee S erden 29 SIE f DASS ee ee eee ee eer eee ere ree 30 Navigation 30 News column box vs context column box 30 Skip links 31 Other special pages 31 TE NG ee ee 31 Creating forms and surveys displaying data input and exporting data esncceesnsseensnnesnnnnennnnnennnneenn 32 Visualizing and exporting details about data input Excel SPSS uusss0202sseeeennnnsnnessnnnnnnnesnnnnnnnenn 35 Advanced functionalities explained in the online documentation cccccceseccceeseceeececeeeceeeeeceeeueeseees 36 Changing your site s look changing HTML template and CSSS cccccssccccesseceeeeseceeeeeeceeseeseceeeeeeceeeeees 37 CMS backend user management changing password password recovery ceseccccesseceeeesececeeeeceeeeees 38 USCMS Manual Table of Contents 25 26 27 AAT EN SENE oeren E E E E E A ee DEUN ON e S E E Ro Installing u5CMS on a web server een ee 1
21. EE sneaker e fE F unden 1919 folgte der kn chelhohe Converse All Star und file versions text versio hrzehnte zum Inbegriff des Sneakers in Nordamerika Op 8 Op Oy beach Der Begriff Sneaker selbst ist eine Erfindung des 20 Jahrhunderts und stammt vom Werbefachmann Henry Nelson McKinney denn au er Mokassins hatten damals alle anderen Schuhe bedingt durch die Ledersohlen einen lauten Auftritt engl to sneak schleichen In den 1950er Jahren lie sich Teenikone James Dean mit Sneakers ablichten daraufhin wurden die billigen und pflegeleichten Schuhe zur bevorzugten Fu bekleidung der Jugend und gaben in den Folgejahrzehnten einer ganzen Turnschuhgeneration den Namen Der urspr ngliche Grund Der urspr ngliche Grund f r das Tragen von Sportschuhen im Alltag war der sich auch in der Kleidung manifestierende Protest der Jugend gegen das herrschende Establishment und die Erwachsenenkultur die glanzpolierte Lederhalbschuhe bevorzugte Zum Erhalt und der weiteren Verbreitung trugen auch der wesentlich geringe Pflegeaufwand kein Glanz und keine Lederpflege da gr tenteils Kunstfasersch fte und die im Vergleich zu hochwertigen Lederschuhen g nstigeren Ladenpreise der durch billige Massenfertigung angespritzte und vulkanisierte Machart hergestellten Sneaker bei Der Sneaker in seiner qualitativ h herwertigen Art Edelsneaker genannt geht vermutlich auf ein Modell von Ludwig Reiter zur ck der als Hersteller E
22. Howto access your usCMS backend 1 How to access your u5CMS backend You can access the backend of the u5CMS by either double clicking on any page of your site at the top left corner or by entering the URL of the backend http usadmin in the address bar of your browser The double click is the preferred method as the page on which you double clicked is displayed in the backend ci Sneaker Die ersten Sports x gt C O www mysite ch Sneaker gt Totes Orde Ser Scder igge der Sow urisvewts fetich kotrextwews Une ji Gerste HE z Hg i H ian jifir Hi i f ii ji jis Figure 1 Double click on any page of your website at the top left corner to access the usCMS backend A u5 Temp x gt A www mysite ch u5admin R O stat 2 start Od OeOr p 5Sneaker j Die ersten Sports E oe fae m Ss Figure 2 or enter the URL of the backend http uSadmin in the address bar of your browser If the backend does not render on touch devices e g iPad add i to the ULR i e http uSadmin i Tip 1 On each session before entering the usCMS backend you are asked once to provide your user name and password If this takes place during installation when no user has been registered yet use the following login data user name Temp password FirstPassword7 Pay attention to the corr
23. IMPORTANT The placeholder s name must end with awexclamation mark which tells the system that the video must be displayed as Flash video The placeholder has been cre clicking on the U next to the pla To place a download link below th download eyetrackingvideo d let s assume that its name is eyetrackingvideo Upload the video by older ideo open the meta data M and enter as Long Caption Save the meta data and and insert the obj ct as usual in a page see single picture Chapter 8 1 Op 0 Op By Ce Os Oa A ge Je 1 Video amp Audio show youtube eyetrackingvideo RLEOMU y IE versions text versions metadata eyetrackingvideo G6ogle C studmed unibe ch yf www3 u5admin metav phptyp v amp name eyetrackfiqvidec First upload via U the H264 en coded mp4 video Metadata for eyetrackingvideo mimaa Tip Once you ve inserted the video in the page you see the black Flash player To pre de uts ch vent the player screen from being black be fore the video is played upload a background rar image Simply upload a normal jpg image ac alt text cording to Chapter 8 1 However its name short must match the video s except it must be u preceded by a v In our example the back caption ground image would be named veyetrackingvideo don t forget the closing exclamation mark In case the name of the picture gets too long shorten the video name beforehand
24. Manual 35 22 Advanced functionalities explained in the online documentation 22 Advanced functionalities explained in the online documentation The online documentation http www yuba ch u5cms extras explains advanced functionalities e g the integration of PayPal how to send personalized serial e mails how to render form data a S O HTML JavaScript jQuery PHP How to use on your u5CMS pages Create a List With Expandable Items and Expand Implode All Button Create Tabs on a Page Personalized Serial Mails With Variables Forms Allow File Uploads Forms Show a Datepicker Forms How To Render Data Entered in Forms on a CMS Page Social Facebook amp Twitter share Like amp Google PayPal How to implement in Forms Forms Textareas with Max Min Chars Counter Forms Storing Form Data in Cookies for later auto fill in Forms Enable Users to Edit Their Data Forms Modify form data table view Intranet Automatic Inscriptions Multipage Surveys Forms How To Count Items in an Order Form Not to Exceed the Stock Avoid Inline Scroll in Charts Video Timecode Links in Captions of Youtube Videos Conference Management How To Create A Congress Web Site With Review Process How To Hide Content Comments Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 usCMS User Manual 36 23 Changing your site s look changing HTML template and CSS
25. Massenfertigung produzierten Sneaker fur Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Tennis f r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und wurde ber Jahrzehnte zum Inbegriff des Sneakers in Nordamerika If the text is to remain on the right side of the image and never to appear below it apply the format stay right sneaker s Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh umlaufende farblich kontrastierende Linie auf dem sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in Massenfertigung produzierten Sneaker fur Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Tennis f r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und wurde ber Jahrzehnte zum inpegrizr des Sneakers InN Nordamerika Of course it s possible to com bine stay right with justifica Tip Lists in texts which right wrap around an image e ION PROBLEM The indention with lists are aligned left SOLUTION Align these lists with the command stay right sneaker fs j Die s lu ersten Sportschuhe pfe
26. U5CMS User Manual English Edition b u b UNIVERSIT T BERN ability Universitat Bern Institut fur Medizinische Lehre IML Ufive Usability 3010 Bern This document the CMS installation files ZIP file containig MySQL file PHP files etc as well as a video tutorial are available at http www yuba ch u5cms There you can also order physical copies printed in colour USCMS Manual Table of Contents 8 1 8 2 8 3 8 4 8 5 10 11 11 1 11 2 11 3 12 13 14 15 16 17 18 18 1 18 2 18 3 18 4 19 20 21 22 23 24 HOWTD access your USCMS Dackend u ernennt 1 Whats inthe backend ee ee ee 2 Editing and formatting CONUS ee ee ee ee 5 WMS OSE WOO VC AN OT a nee 6 Formatting the right way and effects of formatting mistakes cccccccesseccceseceeeeescceeeesecesseneceeseeneeeees 9 Parer PACON O ee ee ee ee 9 INSEFLINDSSBEC Al CN atacter ee ee 10 Uploading and embedding images s22222202222000nnnnnennnnnnnennnnnnnnnnnnnennnnnnnnnnnnnnennnnsnensnnnnnnsnsnnnnsnsnnnnn 12 Single image 12 Alternative size and alternative orientation of an image 13 Photo album 14 Controlling text flow wrap around images single albums 18 Defining an image as a clickable link 18 Uploading and embedding documents PDF doc ZIP etc uuusnnseeeessssneesnnnnnesnnnnnennnnnnnnnnnnnnennnnene 20 Placing links to external pages amp linked email addresses s 22220s22
27. Ufive Usability 2013 USCMS User Manual 38 27 Installing usCMS on a web server 27 Installing usCMS on a web server The web server must support PHP and MySQL databases and htaccess files 1 From http www yuba ch u5cms download the ZIP file containing the PHP files and the sql file 2 Extract the u5cms zip in a way that the folder structure will be recreated then copy all files and subdirectories from the folder uscms but not the u5cms folder itself into a surfable directory of your web server 3 Create a database and import u5standard sql OR uSconference sql if you want a preconfigured conference system with review process PayPal a s o 4 Adjust the MySQL connection parameters in config php to the ones needed in your environment ask your provider Also adjust your e mail address in this file 5 Surf to the dummy homepage on http yoururl or http yoururl subdir if you installed the CMS not at the top of your surfable directory often called public_html or htdocs or www etc 6 To access the uSCMS backend doubleclick the upper left corner of the dummy homepage according to the instructions in the video http www yuba ch u5cms Or you can use the URL http u5admin to access the backend 7 Your first login to the backend is username Temp password FirstPassword7 If this login does not work follow the troubleshooting section a below But before doing that try hard to correctly type username and passwor
28. a page If necessary choose the page 5a Place by clicking on the page the cursor at the position where you want the link to the document 5b the example shows the link already inserted Click on this arrow 5c arrow has green background because link is already inserted 6 After saving the meta data you need to save the page itself og 1 wsunsavedcom nanges el Ep Preview only noedit R ns L start wl ed Jel Jel Jp li m o Der Sneaker in seiner qua a Der Sneaker in seiner qualitativ h herwertigen a SE Art Edelsneaker genannt geht vermutlich auf LINK Ludwig Reiter zul ein Modell von linktext flowershop Ly a Reiter zur ck de als Hersteller Eni Material her anders posit 1970er Jahre erg ls einen vom Prei Material her 3 positionierten Snyar setzte sich der Sportsct anbot Mit de meinen Sporteuphorie der RLEDN Bu 1980er Jahr sich der Sportschuh bzw RLCDM Freizeitschuhmodell durch Sneaker d en Teilen der Bev lkerung RLEDM al RLEDM tz Overwrite the string linktext with the text you want to display in the link for the reader e g Bernese Flower Shop flowershop file versions text versions r Gef llt mir l nET If you fail to do the above the link text is either taken from the meta data or if missing written as LINK Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 22 10 Placing links to external pages amp linked
29. ad For the Flash method to work the video must be a reasonably small H264 encoded mp4 file or flv but that is no longer appropriate and you have to do the conversion to that format by yourself see blue box 3 Upload the video file in the CMS and present it as an HTMLS video with Flash fallback This is the current state of the art method if you want to save the video on your provider s server instead of on Youtube Cons The video must be a reasonably small H264 encoded mp4 file and you have to do the conversion to that format by yourself Additionally you should prepare and upload your video in the ogv format because the Firefox browser does not play mp4 and mp3 files for licensing considerations which will hopefully change in the coming years These three methods are presented on the following pages Convert your videos to the H264 encoded mp4 file format as well as the special ogv format by exporting them from your video editing software e g Adobe Premiere to these formats or by converting them by means of local or online tools to the required formats These tools are also suitable for converting audio files to the mp3 and ogg formats required according to Chapter 12 local tools Any Video Converter for PC http www chip de downloads Any Video Converter_42658474 html Free Video Converter for Mac https itunes apple com ch app free video converter id464195348 mt 12 online tools http www onlinevideoconverter com
30. agraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 Paragre ragraph 3 Paragraph 3 Paragraph 3 Paragraph 3 q Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragraph 4 Paragre Marmmrnah A Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual Reserved characters besides square brackets Three more characters appear in the editor but not on the page since they have a function The paragraph sign q makes a new paragraph The generic currency sign x inserts an unprotected non 7 Inserting special characters 7 Inserting special characters breaking space The cedilla is a conditional hyphen In case you want to show these characters on the Expand the format menu by clicking the I button page as part of the content define them as HTML by enclosing them between h Jand h e g a ele ns L wd Ge Of OP Create new Page Publicity status iC Offline Logins BLOCKFORMATS align right centered ju list123 liste stay right ELEMENTS form goto html incl line link mar iclture L picture S table url INLINEFORMATS A gt abbreviation acronym bold Aiitsswjfalice mono sub sup TITLES xcaption xshare maintitle subtitle undersubtitle IT nbsp shy am m An
31. box contents on the right side At the place of navigation the navigation is displayed naviga tion must not be renamed The body must always have the attribute id body The free image called logo is embedded in htmltemplate as _logo_ _logo_ and logo too must not be renamed The anchors lt a name xy gt lt a gt are neces sary for the skip links see Chapter 18 3 In htmltemplate r cssbase css is embedded corresponding to the list item 37 cssbase in PIDVESA s S gt code while cssbase itself is embedding all further stylesheets cssform csshot csslayout cssstyle etc 1 2 3 6 7 a Oo io Eis PF OG Lo O oh ine fo Pi m if oh LF 24 CMS backend user management changing password password recovery 24 CMS backend user management changing password password recovery If you have administrator s rights you may invite new CMS backend users under PIDVESA s A gt manage backend users You can change your own password under PIDVESA s A gt change your password In case you ve forgotten your password and therefore can no longer log into the CMS backend order a new password at http www ihrewebsiteadresse xy reset php or http www ihrewebsiteadresse xy anydir s reset php respectively 25 Other CMS settings Under PIDVESA s S you can define basic CMS settings define title fixum the right hand fixed part of all page titles title tags which is important to
32. chlel sich Teenikone James Dean mit daraufhin wurden die billigen zur bevorzugten Fu bekleidung Folgejahrzehnten einer ganzen Namen Erfindung des 20 achmann Henry Nelson ten damals alle anderen len einen lauten Auftritt In den 1950er Jahren lie Sneakers ablichten und pflegeleichten Schuhe der Jugend und gaben in den Turnschuhgeneration den Der urspr ngliche Grund Der urspr ngliche Grund f r das Tragen von Sportschuhen im Alltag war der sich auch in der Kleidung manifestierende Protest der Jugend gegen das herrschende Establishment und die Erwachsenenkultur die glanzpolierte Lederhalbschuhe bevorzugte Zum Erhalt und der weiteren Verbreitung trugen auch der wesentlich geringe Pflegeaufwand kein Glanz und keine Lederpflege da gr tenteils Kunstfasersch fte und die im Vergleich zu hochwertigen Lederschuhen g nstigeren Ladenpreise der durch billige Massenfertigung angespritzte und vulkanisierte Machart hergestellten Sneaker bei e result by clicking the listslinescharcters E zumbeispielformate lt lt navigation lt lt gotthardtunnel E F trottinett news E F slogan E F formular E F plustandlike fl questionnaire E F skiplinks J sitemap J footer JE F lt lt intranet E F thanks fl trottinettvideo E F file versions text version For experienced users it is often more efficient to type formats and object references directly rather than inserting them by mouse clicks but it
33. contextual colouring of the navigation If a page is not to be visible in the menu but still is to colour code the menu when it is displayed make the page a menu item but leave out the link text e g pagexy 18 2 News column box vs context column box The news column on your page if existing shows the content of the page of the same name news see list of PIDVESA s P on every page of your website If you want a particular page to show a dedicated column box content different from the rest change under PIDVESA s S gt code gt htmitemplate the reference news to right Now the unchanged page news is still displayed in the box However if you now create a dedicated news page you need to name it like the page e g kickboard but have to suffix it with the letter r i e kickboardr Now the content of kickboardr is displayed in the box or column of kickboard The page NewS remains the fallback in case no dedicated page exists Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 30 19 The Intranet 18 3 Skip links The page skiplinks see PIDVESA s P contains invisible links with access keys for blind users These links are references to the anchors lt a name gt lt a gt in htmltemplate which is located in PIDVESA s S 18 4 Other special pages Other special pages for example slogan and footer are referenced in htmltemplate by slo
34. d ther by the local search machine Chapter 19 shows how to add users to the intranet nor by Google amp Co If you alter indexing off see publicity status Chapter 14 external search lt this page is the start page engines like Google amp Co take a few days to a few weeks to show a reaction Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 u5CMS User Manual 4 3 Editing and formatting texts 3 Editing and formatting texts Select a page in one of three ways You can visit the real site frontend and doubleclick in the top left corner on the page of your choice which causes this page to be opened in the editor Or you can choose the page you want to edit here or here in the CMS backend Just write in the editor E You can useithe keyboare to indicate the formats e g headings are set between 4 pairs of brackets but you van also use the woutton to indicate formats When finished typing using s save button or Ctrl s and view theNive results by clicking on the letter Not the circle P click Save the finished page with the s button or b letter P_ not the radio button v Od Oe Of P ker yrtschuhe wurden um 1860 in England und mit flexibler Gummisohle und einem Schaft aus L den Schuh umlaufende farblich kontrastierende L diesen Modellen den Namen Pli Ladelinie bei Schiffen Samuel Pli Keds genannten und von 2 Massenfertigung produzierten Sne a wurd
35. d they are case sensitive 8 If you get alerts after logging in saying that the server is not allowed to write files you have to chmod the subdirectories fileversions and r RECURSIVELY to 777 to allow your server to write there Maybe you need to chmod other directories to executable and other files to readable if your ftp file transfer was not optimally umasked 9 Go to the account administration you ll find it in the uUSCMS backend under A of the PIDVESA radio buttons Invite yourself as new backend user and DO NOT FORGET to give yourself access to all restricted areas switch the Higher Admin Rights radio button to y 10 Close all browser windows or open a new browser surf again to the dummy homepage and log into the CMS again this time with your new personal login you received it by email 11 Go to the account administration and delete the user Temp if the system did not do this automatically 12 If you want to change the look of the dummy homepage alter the CSSs and htmltemplate which you ll find in the CMS under S of the PIDVESA radio buttons There click the Code button CAUTION You are only allowed to make changes there in the CMS From there files are exported to the r folder never touch the files directly TROUBLESHOOTING a In the rare case that PHP on your server is running as CGI and not as Module resulting in logins not properly working set Sautoresolvefastcgiproblems yes in config php
36. ect capitalization If the initial login does not work during a new installation and you are sure it is a new installation see Troubleshooting in Chapter 27 2 What s inthe backend 2 What s in the backend The u5CMS consists of three columns From left to right the first two columns 1 and 2 are designed to display the preview and or the editor of a page Normally the first column is the preview and the second the editor The third column El i e the narrow column on the right is your file storage area called PIDVESA repository There your pages your uploaded files your links and all the settings are listed and available The structure of the PIDVESA repository is explained later in this chapter _ oe ier Sneaker Die ersten Sports X ius Temp x E C D www mysite ch u5admin A A v Og OeOr p Preview only noedt R ns L start vi g OeOrOp i m is Op OI p Ov Oege Os OA Documents Sneaker j Die ersten Sportschuhe wurden um 1860 in England und etwa ich in den USA als Krockettschuhe Gummisohle und einem Schaft a t Die knapp ber dem Boden lie umlaufende farblich kont auf dem sneaker lt lt Gummisohlenra dellen den Namen F Plimsolls ein der der Ladelinie file ver bei Schiffen S 1 1917 kamen in den USA die Keds g n und von der U S Rubber Company in Massenfertigung produzierten Sneaker f r Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Ten
37. en von den Erwachsenen sc f r geeignet befunden 1919 folgte und wurde ber Jahrzehnte Nordamerika aker selbst ist eine Erfindung des 20 Jahrhundert cKinney denn au er Mokassins hatten damals alle en lauten Auftritt engl to sneak schleichen es Dean mit Sneakers ablichten daraufhin wurc orzugten Fu bekleidung der Jugend und gaben in eatin Jam Ala wna gt If pages with complex content cannot be saved it is due to the security settings of your provider have them lowered Preview only no edit R v pressing CTRL s and vie L ns O start v d De OF MP i m S Sneaker j Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh umlaufende farblich kontrastierende Linie auf dem sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in Massenfertigung produzierten Sneaker f r Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Tennis f r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und Jahrzehnte zum Inbegriff des Sneakers in Nord Der Begriff Sneaker Jahrhunderts und sta McKinney denn au er Schuhe bedingt durch engl to sneak s
38. erierte Listen machen Sie so Tr ee 1 Gold pee Bronze 2 Silber 0 3 Bronze Tabellen machen Sie so _ t Tabellen machen Sie so ll ZH BE VD GE Il Temp 22 C 21 C 20 C 19 C Il Sun 4h 5h 4h 6h I Rain 0 oO 2mm 0 t u Se Se So ZH BE VD GE Temp 22 C 21 C 20 C 19 C Sun 4h 5h Ah 6h Rain 0 0 2mm 0 4 USCMS User Manual Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 5 Formatting the right way and effects of formatting mistakes 5 Formatting the right way and effects of formatting mistakes Formats which you open need to be closed too If you nest formats the format that you opened last must be closed first Examples justification and Endit Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua 1 Begin bold type and Bi This 15 very important Heading Hello Make sure to type a space each to separate formatting commands for headings from Added color their square brackets hot Hello Combinatic ILI fhot Hello Pry j Lorem ipsum dolor sit amet This is b very important consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua In certain situations you cannot use
39. f you click on the letter P instead of the button the live website opens in its last saved state page you intend to edit click on this R to re synchronize the part on the right re sync Check ns if you don t want the two parts to synchronize D gt Q t gt Q 2 O O Qa xX O E O If you navigate in the preview 5 u Temp x al C I www mysite ch u5admin start v Od Oe Of P Sneaker Die ersten Sportschuhe wurden um 1860 in England und Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Boden liegende den Schuh umlaufende farblich kontrastierende diesen Modellen den Namen F Ladelinie bei Schiffen Samuel F Keds genannten und von Massenfertigung produzierten und wurden von den Erwach in od Pas a r Preview only no edit R ing Click on tag and delete the 3 dots Return ing to automatic editing Void the title tag field and save the field remains empty but will The automatic title tags are marked at the end have content on the next page view Select the language in which you meta data for each page Most im portant for the search engines is the title tag by 3 dots separated by spaces Manual edit The title tag comprises a second invariant part editing of this part see Chapter 25 Click this s button to save your changes Alternatively press want to edit the right view Click this i button to display
40. flying totally disagree J i 10 disagree SN 2 20 y b h neutral 2 20 ou may use text as option values but there agree B 1 10 cannot be calculated statistical values out of totally agree 20 them no answer l dont know pE i 10 fo a ea D PaE OO w S864 i h These analyses are to be found under PIDVESA s S form data there choose the form and click on this as chart see Chapter 21 Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 32 The code of the query example below can be Beginning of form fo Fieldsetstart fi Legend le le output of downloaded from login name au au and important beginning of HTML h which is http www yuba ch uS5cms exampleform txt at the same time end of CMS syntax au au only makes sense in the Intra net where the users taking the questionnaire have to log in There preferably lt in Questionnaire example put size 77 type text name youremail mandatory gt turns into lt input type hidden name youremail gt for auto fill Questionnaire about travellineg ry Important hidden form fields These fields musthave these EXACT names The value of the hidden field named thanks is also thanks which is the target page So there has to be a page In PIDVESA s P named thanks If no target page shall appear after submitting staying on
41. gan and footer etc see PIDVESA s S You can create special pages of your own just like normal pages and reference them in htmltemplate 19 The Intranet Intranet pages names are prefixed with an exclamation mark which you have to type when naming a page which is to be an Intranet page regardless of whether you are in std Pages or in the Intranet of PIDVESA s P Only those persons have access to Intranet pages whose email addresses you have listed in PIDVESA s A under manage Intranet members Persons listed there are supposed to get their personal password by themselves That s why you need to present the password order page or its link in a way that they will easily find it This page must contain the following code in Welcome to our Intranet Please find below your user name and password This access data is personal and may not be given to third parties in Example of an order page in the sense of a switch the user chooses either the link to the first Intranet page page01 or if needed re orders their Intranet password elkEenerane I FI I I already have an Intranet login Start Intranet pageUl I I don t have an Intranet login In case you ve forgotten your Intranet login or haven t yet received one enter your email address below under which you are registered w th our institution in Welcome to our Intranet Please find below your user name and password This access data is per
42. hen im Alltag war der sich auch in der Kleidung manifestierende Too de o de Jo T oe al ae oo Ae Lo L J T_ 2 1L 712 Lo da aaan l Ctrl s If pages with complex content cannot PIDVESA repository i e the stor age area of your pages images PDFs mp3s videos links etc we call these items objects This column is described in detain on the following page be saved it is due to the security settings of your provider have them lowered This column contains the OP OD OV OE OS OA std Images show free images P O OO F new lt lt gotthard E F RLCDMU lt album BJefEF RLCDMU lt K sneaker e f E F RLCDMU ile versions text versions u5CMS User Manual Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 2 What s inthe backend By selecting one of the radio buttons P I D V E S and A you choose the list to be displayed In the example pictured im ages is selected Certain areas of the PIDVESA repository are split in two region for images photos pictured The im ages are either std standard or free images Us ing this link you can toggle between std and free std images are exclusively jpg images displayed in predefined sizes on the page and can be enlarged with mouse clicks Free images can be in the png or gif formats besides jpg and will appear in the size in which they are uploaded
43. ified in the meta data M in the field Link of the image by entering either the name of the internal target page but without square brackets or the complete external internet address http with std images you can insert text links in the caption Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 18 8 Uploading and embedding images If you want the text to begin below the image instead of on the side insert a paragraph symbol next to the image placeholder via the i button R ns O start v ed De Of OP i m s Create new Page Publicity status Public Offline Logig BLOCKFORMATS align right centered jusijestst123 list stay right ELEMENTS form goto html ing link mark pictureL pictureS table url abbreviation acronym bold hilite italic mono sub sup seer share maintitle subtitle undersubtitle u I I I PP ee beh Eel E21 I EB more ind A us Jf Die ersten Sportschuhe wurden um 1860 in England und sneaker Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh umlaufende farblich kontrastierende Linie auf dem sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in
44. ilter button not checked you can t see all pO p Oy Of Os OA ocuments P s O r G oobookdefiDEF Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 17 8 Uploading and embedding images std Images are only accepted as JPGs with RGB colors These images are scaled down automatically both view and file size dis 8 Uploading and embedding images played in a picture frame and offered with a 8 1 Single image zoom option Switch over to free images if the image is supposed to be displayed at its original size without frame and zoom op tion Besides JPG free images may be in the 1 Inthe uSCMS backend choose I in the PID igation PNG and GIF formats 2 The heading should now be std Images if not click on the respective link except you intend to up load a free image see blue box above 3 Now click on the new button and give a name to the placeholder for the image in the appearing win dow e g beach 4 After saving 3 the placeholder beach appears on the list in PIDVESA s I There click on U for Upload Upload the image in the Upload Dialog box If you have two or three languages defined in your CMS you will see two or three Select File buttons because you have the option to upload a different image for each language If the same image is to appear in all languages upload it only for the first language The first language is al
45. is locked not even by persons with a valid login Public no indexing The page is public if not protected by logins but is indexed neither by the internal search engine nor by Google etc If you change the status of publicity Google etc will need days or weeks to respond For a description of the 4th publicity status htaccess forcer only please choose the Help link just next to the Publicity status menu Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 usCMS User Manual 28 PROBLEM Since you are logged in as CMS backend administrator 15 Creating and linking a new page 15 Creating and linking a new page In PIDVESA s P click on the new button and in the opening dialog box name the new page eg testpage ed Qe OFOP RB Ol OD OV OE OS OA urden um 1860 in England und std Pag eo als Krockettschuhe mit nem Schaft aus Leinen gebaut egende den Schuh umlaufende P oO new nie auf dem sneaker T Modellen den Namen Plimsolls lt lt tart ar Ladelinie bei Schiffen Samuel A listslinescharcters VR n USA die Keds genannten und rin Massenfertigung lt zumbeispielformat EF VR cinder auf den Markt und wurden lt lt navigation JJ VR ald als Sportschuhe Tennis a folgte der kn chelhohe g tthardtunnel VR ber Jahrzehnte zum Inbegriff lt trottinett VR amp new FF WR In case this new page is to be an
46. ish your audio file on your website using the HTML5 video procedure Chapter 11 3 the audio must be an mp3 file when it is uploaded into the CMS and for Firefox again the audio has to be addi tionally uploaded as an ogg file with the suffix o for the creation of this file see blue box first page of Chapter 11 because as of 2013 Firefox cannot play mp3 files 13 Embedding contents of resident pages include On any of your own pages landing page you can embed the content of any other of your own pages source page within the CMS by referencing it on the landing page with SS S source page That way you can display on any number of pages the same content redundancy free However if you want a certain content such as a disclaimer to be displayed on every page of your web site it makes more sense to refer ence this content in the file htmltemplate see Chapter 23 Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 27 14 Protecting a page with one or more logins and publicity status 14 Protecting a page with one or more logins and publicity status In order to protect a page with one or more logins select the page click the i button and then click publicity status In the large field that is dis ed enter one login per line with the following syntax smith xy123 question mark usef name colon password semicolon You can enter a login per line and all of these will be
47. k has already been inserted 5 Now enter under M the meta data of your document The link text appears on your webpage as link except if you override it according to the blue box below The Alt Text appears as mouse over tooltip on the link The Description is the entry of your document in your local search engine for the document search to be successful you need to write quite a lot into the Description Or you can simply copy amp paste the whole docu ment unformatted into the Description After the meta data are saved you need to save the page itself zf p Preview only no edit Der ursprunc LINK Der urspr ngliche Gr manifestierende Protest d glanzpolierte Lederhalbsc wesentlich geringe Pflege und die im Vergleich Massenfertigung angespr Der Sneaker in seiner qua Ludwig Reiter zur ck der anders positionierten Sne Sportschuh bzw Sneake durch r Gef llt mir S 7 unsay ontent changes R ns L1 start P OE s Ona Lip Oy wp Uy Der urspr ngliche Grund linktext coobook Da spr ngliche Grund f r ben im Alltag war der anifestierende As herrschende Eyachsenenkultur die chalbschuhe bevorzugte Zum EE coobookde fDEF RLCDMU wi Zen AAELLI cL RACHEN zu Overwrite the string linktext with the text you want the user to see e g Kochbuch pdf cookbook Your visitors will appreciate to find the file type in parenthe ses If you fail to do the above
48. l wurden ME Sase INS aa aa Bananen aE Kan 19 9 Uploading and embedding documents PDF doc ZIP etc 9 Uploading and embedding documents PDF doc ZIP etc 1 Inthe u5CMS backend choose D in the PIDVESA navigation Although you could place downloadable audio and video files with this tool it is better to use the V method because this way these files can directly be played on your website 2 Now you see the heading Documents 3 Click on the new button and name the placeholder for the document in the window that opens e g cookbook After saving 3 the cookbook placeholder is listed in PIDVESA s D There click on U for Upload Up load the document in the upload dialog box If you have two or three languages defined in your CMS you will see two or three Select File buttons because you have the option to upload a different document for each language If the same document is to appear in all languages upload it only for the first language The first language is always the default language be it for images text or other objects To configure the active language for your content in the CMS see Chapter 25 4 Now insert the link to your document in a page If necessary select the page 5a Place by clicking the cursor where you want the link 5b the example shows the link already inserted Click this arrow 5c the exam ple shows the arrow already with green background because the lin
49. n always view the live page by clicking the letter P not the radio button AFTER saving the page The live page appears under a new browser tab which you have to close to return to the CMS backend editor Mus x 0 Sneaker Die ersten Sports x Tip2 If in PIDVESA P 91 p Oy OCF Os OA the filter field isn t empty eis or the left filter button not checked cuments er can t see all OsO re O coobookdefOEF Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 17 8 Uploading and embedding images 8 4 Controlling text flow wrap around images single albums The text wraps around the image on the right if it is inserted as objectname and on the left if inserted as objectname You can place the image at the beginning of the paragraph sneaker Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh umlaufende farblich kontrastierende Linie auf dem Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in Massenfertigung produzierten Sneaker f r Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Tennis f
50. nde der 1970er Jahre erstmals einen vom Preis und Material her anders positionierten Sneaker anbot Mit der allgemeinen Sporteuphorie der 1980er Jahre setzte sich der Sportschuh bzw Sneaker dann in weiten Teilen der Bev lkerung als akzeptiertes Freizeitschuhmodell durch S S S pluslandlike cmsanleitung These two sizes of image display small or large for std images are set in define sizes see Chapter 25 and therefore are valid throughout the system If you want an image to be a size entirely different from the ages are not scaled rest upload the image to the free images but previously size it in a photo editing program because free im Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 usCMS User Manual 13 8 Uploading and embedding images 8 3 Photo album When you create a photo album it means that an image appears in a certain spot but an undetermined number of other images can be displayed by clicking or scrolling This way you can stash a great many pic tures while saving space Total 4 Bilder klicken Sie auf das Bild To that end proceed as in Chapter 8 1 Single image but select Album in the placeholder naming dialog which means right after clicking the new button before naming New ite type Enter a name fo item You are in single image mode More than one image to shot switch to album mode now name must be 4 characters or more a
51. nis f r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und wurde ber Die ersten Sportschuhe wurden um 1860 in England un Tchrseiute sm Tubegiff des Senken in mit flexibler Gummisohle und einem Schaft aus Leinen g Nordamerika Schuh umlaufende Der Begriff Sneaker selbst ist eine Erfindung Gummisohlenrand truc des 20 Jahrhunderts und stammt vom Werbefachmann Henry Nelson McKinney denn au er dem Erfinder der Ladi Mokassins hatten damals alle anderen Schuhe in den USA die Keds bedingt durch die Ledersohlen einen lauten z Auftritt engl to sneak schleichen In den Massenfertigung prod 1950er Jahren lie sich Teenikone James Dean mit wurden von den Erwa Sneakers ablichten daraufhin wurden die 5 billigen und pflegeleichten Schuhe zur geeignet befunden 11 v bevorzugten Fu bekleidung der Jugend und gaben y gt in den Folgejahrzehnten einer ganzen 2 LCDMU Sneaker Figure 3 The usCMS backend s three columns Preview editor and file storage area called PIDVESA repository In case the preview MM is not updated during editing save the page if necessary and do a page reload pressing the F5 key Windows or cmd r Mac The individual controls in the usCMS backend are described on the next page Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 2 What s in the backend 2 The first possibility to choose the I
52. not num lt option value 4 gt I agree lt option gt bers so that manual spammers lt option value 5 gt I totally agree lt option gt are not able to understand it lt option value 9 gt no answer I don t know lt option gt The first letter c in the name lt select gt cliving_mandatory represents lt p gt the required calculation result lt label style width 100 gt Please note at least one In our example the solution is lt b gt suggestion lt b gt what airlines should do better lt label gt 99 which is the ASCII code of lt textarea rows 3 style width 983 type text the lower case letter c So name suggestions mandatory gt lt textarea gt aliving_mandatory would match u the result 97 bliving_mandatory lt p gt 98 and so on Remove the word ALLOW if no public access to the data chart http yourweb site chart php n pagename of this questionnaire is to be available Or you could pro lt label gt How much is hundred minus one enter digits lt label gt lt input size 77 type text name cliving mandatory gt lt label gt amp nbsp lt label gt lt input type submit value send lt gt ALLOW CHART PUBLICATION gt lt CHART LOGINS SAME AS xypage gt tect the chart with logins by lt ANONYMIZE name mandatory VALUES gt indicating an xypagename lt ANONYMI ZE firstname mandatory VALUES m the reading rights will be in lt ANONYMIZE youremail manda
53. olons for other formats Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 15 8 Uploading and embedding images In PIDVESA click on M of your album to enter the meta data nEldefDEF RLCEDMU Metadata for album deutsch The alt text is read out to blind users of your site The short caption appears below the album preview on the page The long captions appear on zooming in on a preview image by mouse click If you want to provide each album image with a long caption use the following code overwrite the grayed out areas with your captions ca ca 100 gt gt gt i EEE ca 101 gt gt gt i EEE ca 102 gt gt gt writecaptionforjpgl02here ca You may extend the coding example above to an unlimited number of images You can insert the sample via xcaption in the CMS editor and cut amp paste it in the Long Caption field of a meta data window y right Ve ETT el p k table url E k a um u om mil F at an L Y Lu a nae Who Kin k F NLINEI EEs on acronym DO te tanc mono SUD Sup I n aes hee u en he a KATE TEEN L er IF T wo a r mee ee ry 4 4s af A 3 2 Harn l 1 bsp MS fF fs F an ey eee leeds Gee ce more Le ll mea Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 16 8 Uploading and embedding images A reminder Tip You ca
54. ost important formats Bulleted lists u Apfel Birnen Banane Be Numbered lists kore Gold Silber Bronze Ber Tables ed 7 22 e DE FS VD AS Gi Temp 22 C 21 C 20 C 19 C I Sun 4h 5h 4h 6h Rain 0 O 2mm 0 es The next page shows the examples above inthe CMS backend Example of a nested numbered list LO erica Oe LO SoWLeEZetlang Germany u are iz elle 22 o aag oee a Frei Le 0 ll ll 7 ll 7 4 Tip Lists in texts which right wrap around an image PROBLEM The indention with lists are aligned left SOLUTION Align these lists with the command stay right s us en Sn Bun m zzzBonan nz Fee Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 usCMS User Manual 7 bulleted list numbered list and Table in the CMS backend The most important formats Appearance of the examples A Create new Page Publicity status F Offline L ILOCKFORMATS align right centered justified listlz Punktierte Listen machen sie so ELEMENTS form goto html incl line link mark ctu i pi Me tab e Engr ATE z gt abt nn tion N E EN TLES xcaption xshare miaintitle pfel 1 I nbsp shy 28 m Birnen ur Apfel Bananen Birnen Bananen u Numm
55. put type name value on gt lt input type name value on gt lt input type name value on gt results In this form uestionnaire about travelling by al This survey is important Please answer honestly and spontaneously Your answers Welcome Temp Name Firstname E Mail lam frightened of flying please select wi Please note at least one suggestion what airlines should do better How much is hundred minus one enter digits send 21 Visualizing and exporting details about data input Excel SPSS choice How many trips by a form data ar view recerved form data as table and charts exportable as A return fli ght cou nts 2 tr tn Ferel alen s ftahle for APRC and nther enfhaare as 4 tri p 00 n 10 u 2 00 7 1 100 g 0 00 Haz 2 00 3 1 0 4 5 more am scared afraid frightened of flying totally disagree a n p 2 00 disagree 1 100 o 0 00 neutral o Be lagree o 1 0 ltotally agree 0 no answer Idontknow a The statistical values mean value standard deviation median in the charts are correct only if the following prerequisites are met lt option value 00 gt 00CHF lt option gt 1 The value is numeric 2 The value matches the human readable part So if a person can choose 100 CHF the value needs to be 100 not 1 3 The values are equidistant Correct examples 1 2 3 4 Sete 100 200 300 400 etc O12 3 4 Sete
56. r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und wurde ber Jahrzehnte zum Inbegriff des Sneakers in Nordamerika or anywhere in the middle Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh umlaufende farblich kontrastierende Linie auf dem sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in Massenfertigung produzierten Sneaker f r Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Tennis f r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und wurde ber Jahrzehnte zum Inbegriff des Sneakers in Nordamerika If you want to custom format place an image you can do so by means of HTML You need to know the image s path Suppose you upload a JPG image as sunset and the default language is set to de then the image s path is r sunset sunset_de jpg In the editor you can then address the image with h lt img src r sunset sunset de jpg gt h and freely define its attributes in the style tag style 8 5 Defining an image as a clickable link Only free images can be a link and of course ones that you embed manually with HTML The link is spec
57. requires knowledge how to type opening and closing brackets The usCMS formats and ob ject references are set into brackets except if the references are in the html template see Chapter 23 Depending on your keyboard layout language settings of your keyboard and depending on the operating system the square brackets must be typed with different key combinations For example in Switzerland under Windows press AltGr U for and AltGr for and in Switzerland and some other countries on Mac press alt 5 for and alt 6 for alt corresponds to For more on the CH D Mac keyboard see http dia am Mac Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 4 The most important formats 4 The most important formats The Heading is set between 4 pairs of brackets Heading Possible subheadings are set between 3 pairs of brackets Subheading Sub subheadings are set between 2 pairs of 2 brackets Sub subheading Objects such as images PDF files links videos mp3s etc from the PIDVESA repository are linked using simple brackets If the object exists it or its link is displayed in the preview and on the live page if it is missing only its placeholder in brackets is displayed Pee Set an anchor a anchorname a vacat onphoto Jump to this anchor within a page anchorname linktext If a paragraph is to be displa
58. s 23 Changing your site s look changing HTML template and CSSs The basic structure container of your pages is Op OI Op Oy Of We Oa Defined in htmltemplate to be found in 2s i i PIDVESA s S under code htmitemplate W The formats are defined in the CSS files also ode found there If CSS files with complex content cannot be saved which you can tell by the fact cy O 5 F new that code editor and button don t turn green j j j nn j the problem lies with the security settings of ceabase your provider have them set at a lower level Important Don t ever edit these files CSS and htmltemplate in the file system of your web ceshat ioen E server always use the usCMS backend Upload the chosen image as freeimage and name it ceslayout forinstance bgd2 In the CSS embed it as follows Type boekground Walkway ae bod E zer but replace xy with the abreviation of your site s main language e g en inspite of that it will work in all lan guages and ext with the file type of your image e g pnag backround mel aaa bod en pig cssform cssnavigati cssstyle cestable htmiternplate save Ctrl 5 lt DOCTYPE html PUBLIC W3C DID XHTML 1 0 Transitional EN http www w3 org TR xhtml meta lt link rel stylesheet hrefi r cssbase c33 type text css title base gt lt link href favicon ico rel shortcut icon gt Script Src plugins overlay js jq
59. sonal and may not be given to third parties in Universit t Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 31 20 Creating forms and surveys displaying data input and exporting data 20 Creating forms and surveys displaying data input and exporting data Forms are not only created using uSCMS bracket syntax their inner part form fields are made with HTML To enable your forms to be processed semi automatically you need to adhere to the following rules HTML5 Tip1 If you use the required attribute do not forget do 1 Use only these three types of form fields name the respective field_mandatory e g a 2 2 lt input required type text name xy mandatory gt lt input type text name xy gt _ ortype hidden HTMLS5 Tip2 Instead of type text you may write lt textarea name xy gt lt textarea gt type number ortype email etc see http www w3schools com html html5 form input types as lt select name xy gt lt option s se w lt select gt Enable multiple choices by multiple yes no selects Do you eat pasta yes no do you eat salad yes no etc 2 Each entry field s name symbolized by xy above may be used exactly one time per form which means that every entry field must have a unique name 3 Every entry field s name must begin with a letter and must not contain spaces or special characters Hyphens periods commas etc are forbidden
60. tected blank space which is displayed in the editor as xand on the internet as a space The real purpose of the protected blank space nbsp stands for non breaking space is to hold together what s left and right of it so that the parts are never divided by a line break So the typografically correct way to write e g or e g would be e xg Tip3 Proper use of the different dashes A particular dash the shy was introduced in Tip1 Further there are the medium dash the so called en dash or suitable as a substitute for the word to the non breaking hyphen e g for names such as Muller Crepon which should not be divided at the end of the line the long dash so called em dash which can be used in various instances excursive apposition inter ruption in the direct speech etc further the minus sign the hyphen and the double hyphen Do not use dashes or hyphens for syllabication Syllabication has to be done with shy see Tip1 Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 10 7 Inserting special characters A Reminder T p You can always view the live page by clicking the letter P not the radio button AFTER saving the page The live page appears under a new browser tab which you have to close to return to the CMS backend editor s y i JF Sneaker Die ersten Sports x 000 Tip 2 If in PIDVESA he filter field isn t empty or the left f
61. the list of insertable formats Click this m button to edit the ns O start v d Oe Of OP i m s Sneaker j Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und einem Schaft aus Leinen gebaut Die knapp ber dem Boden liegende den Schuh umlaufende farblich kontrastierende Linie auf dem sneaker Gummisohlenrand trug diesen Modellen den Namen Plimsolls ein nach dem Erfinder der Ladelinie bei Schiffen Samuel Plimsoll 1917 kamen in den USA die Keds genannten und von der U S Rubber Company in Massenfertigung produzierten Sneaker f r Kinder auf den Markt und wurden von den Erwachsenen schon bald als Sportschuhe Tennis f r geeignet befunden 1919 folgte der kn chelhohe Converse All Star und wurde ber Jahrzehnte zum Inbegriff des Sneakers in Nordamerika Der Begriff Sneaker selbst ist eine Erfindung des 20 Jahrhunderts und stammt vom Werbefachmann Henry Nelson McKinney denn au er Mokassins hatten damals alle anderen Schuhe bedingt durch die Ledersohlen einen lauten Auftritt engl to sneak schleichen In den 1950er Jahren lie sich Teenikone James Dean mit Sneakers ablichten daraufhin wurden die billigen und pflegeleichten Schuhe zur bevorzugten Fu bekleidung der Jugend und gaben in den Folgejahrzehnten einer ganzen Turnschuhgeneration den Namen Der urspr ngliche Grund Der urspr ngliche Grund f r das Tragen von Sportschu
62. tory VALUES gt herited from xypage Do not forget to anonymize fields lt input type name value with personal data if you lt input type name value leave the chart open to the lt input type name value public or dedicated third par lt input type name value ties lt input type name alue h End of HTML h e mail a copy to me us eeu changes to CMS syntax e mail a copy to the customer fields not to be quoted to me eto i quote values to both idem to the customer end of fieldset fi end Comma separated list of form fo If these hidden fields are not present default is on new in2my do not send auto formdata alerts to admin mymail Questionnaire about travelling by air This survey is important Please answer honestly and spontaneously fo fiz le Your answers le au Welcome au h lt input type value gt put value put put p lt label gt Name lt label gt lt input size 77 type text name name mandatory gt Superglobals lt label gt Firstname lt label gt lt input size 77 type text name firstname_ mandatory gt lt label gt E Mail lt label gt lt input size 77 type text name youremail mandatory gt L myar lt p gt renders your site s URL lt label style width 100 gt I am lt b gt frightened lt
63. u5CMS backend choose E in the PIDVESA navigation ing them between 1 and 1 Example 2 Now you see the heading External Links Jhttp www be ch 1 www be ch 1 3 Click on the new button and in the opening window give the placeholder Stereo chen of the external link a name e g flowershop Sc MS ey if CEOS 8 WWW o CA 8 4 After 3 is saved the placeholder flowershop appears on the list in PIDVESA s E There click on M for meta data Le matltotuEzebe en Meta data for internet addresses In the meta data enter a link text that is descriptive to the user e g Flower Shop is a lower case letter as in eft not the number 1 Enter in the meta data the exact internet address complete with the protocol type With or without wwwe http or https Enter the address exactly as it is ac cessible on the web or simply copy and paste it from the browser ad dress field as there is no rule whether In the meta data enter as link text the email address without mailto the address must or may contain e g john smith com www Every provider makes its own i rule although it is becoming best As URL enter in the meta data the exact email address with mailto practice to ensure that addresses e g mailto J ohn smith com Please note no spaces not even after the colon work both with and without www e g http www maarsen ch Meta data for email addresses 5 Now insert the link on
64. uery 1 4 3 nin j 3 type text javascript gt lt script gt lt Script type text Javascript gt j Query noConflict lt script gt lt script Src plugins overlay js jquery IancyboXx 1 3 2 3 type text Javascript gt lt acript gt lt script src js us_scripts js type text Javascript gt lt script gt lt head gt lt body id body gt lt div class skipLinks gt skiplinks lt div gt lt div id Mmain gt lt div id header style background url logo gt lt div id metanavi gt enbsp enbsprenbspr lt a name search gt lt a gt search lt div id languages gt languages lt div gt lt div gt lt div id clickhome onclick location href gt div id slogan gt slogan lt div gt lt div gt lt div gt lt div id navigation gt lt div id navLeit lt a name navigation gt lt a gt navigation lt div gt lt div gt lt div id content gt lt a name content gt lt a gt content lt div gt lt div id news gt right lt div gt lt div id footer gt lt a name contact gt lt a gt tooter lt div gt lt div gt a lt body gt In htmitemplate contents are refenced in triple curly brackets With content the actual content is output in that a html gt particular place The reference news has been changed above to right as described in Chapter 18 2 to enable lt body gt contextual column and
65. ways the default language be it for images text or other objects To configure the ac tive language for your content in the CMS see Chapter 25 5 Now insert the image in a page If needed select the page 5a Place by clicking the cursor where you want the image 5b the example shows the image already inserted Click this arrow 5c the example shows the ar row already with green background because the image has already been inserted 6 Now enter under M the meta data of your picture The Short Caption appears below the image on the page while the Long Caption appears below the image if enlarged by clicking The Alt Text ad dresses blind users as it is read out to them 7 After the meta data are saved you need to save the page itself we Da e if p Preview only no edit schuhe wurden um 1860 in England ur nisohle und einem Schaft aus Leinen c Schuh umlaufende Gummisohlenrand trug dem Erfinder der Lade den USA die Keds g Massenfertigung prod Ss wurden von den Erwa geeignet befunden 19 wurde ber Jahrzehnte Der Begriff Sneaker s stammt vom Verbef Mokassins hatten da Ledersohlen einen lau 1950er Jahren lief sic Fa PR er Din nee E R P 1 uns di 9 tent ch S anges u start wi a RER i Sneaker 1 j Die ersten Sportschuhe wurden um 1860 in England und etwa zeitgleich in den USA als Krockettschuhe mit flexibler Gummisohle und Op N Oe Os Oa
66. yed as justified prefix it Te engine with J enable justification and suffix it with disable justification Ea E E e Do not forget the questionmark j Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At vero eos et accusam et justo duo dolores et earebum Stet clita kasd gubergren no sea takimata Sanctus est Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua At vero eos et accusam et justo duo dolores et ea rebum Stet clita kasd gubergren no sea takimata sanctus est Lorem ipsum dolor sit amet Additionally the following symbols are used in defining type face attributes Superglobals bold b Lorem ipsum italics i Lorem ipsum l Fauna highlight h Lorem ipsum renders your site s URL Small type face gt Lorem ipsum larger type face lt Lorem ipsum any renders the Smymail address according to the typewriter m Lorem ipsum a superscript up Lorem ipsum subscript dn Lorem ipsum pagename ote renders the pagename according to the GET parameter c anou e renders the language code according to the GET parameter Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 USCMS User Manual 6 4 The m
67. z 0 9 insert new item Universitat Bern Institut f r Medizinische Lehre IML Ufive Usability 2013 u5CMS User Manual 14 8 Uploading and embedding images The upload dialog box for photo albums has only a file selecting button not one per active language Upload an image at a time Use the delete link to delete an image the next one you upload will fill the void it left The bottom picture on the list has the lowest number and is the front image of the album thus the sequence of display equals the list read from bottom to top You can sort the album images using the arrow links 1 L Manage album a bum Max upload size T50MEB Too less Use FTP or change php ini In albums only jpg images are allowed Datei ausw hlen Keine ausgew hlt Files already uploaded here reverse sort the image at the bottom on this list is the 1st one displayed in the album 5 103 jpq 2011 Jul 07 13 00 50 28kB delete T E 102 jpg 2011 Jul 07 13 00 50 70kB delete 7 I Be album_101 jpg 2011 Jul 07 13 00 46 82kB delete 7 a album 100 jpg 2011 Jul 07 13 00 42 103kB delete T Naturally just like with single images you reference albums as object names in brackets in the editor Here too there are these four display options albumname albumname albumname albumname small aligned left large aligned left large for scrolling small aligned right most popular Try more c

Download Pdf Manuals

Related Search

Related Contents

Edimax Dual-Mode Mega Pixel IP Camera  Sharkoon SHARK ZONE M51+  VMEET Ver. 3.3.5 - Softfoundry Momeet  INSTALLATION MANUAL MANUEL D'INSTALLATION  Haier HTN20R15 CRT Television User Manual  取扱説明書  Operator`s Manual    Embark T&O Spanish Specimen Label    

Copyright © All rights reserved. Failed to retrieve file