Uploaded on

 

More in: Internet
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
215
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. A. Opening Remarks
  • 2. www.godsownlanguage.in B. Introduction
  • 3. https://www.kalaam.org/en/node/1931 B. Introduction
  • 4. Public site name (regular visitors use a different URL) Type of materials on the site Region of the world with the most speakers of this language www.ethnosites.com Cultural materials West Asia www.ethnosites.org Scripture materials India www.ethnosites.net Information to help Translators SE Asia www.ethnosites.biz Hybrid site (mix of the above) Pacific www.ethnosites.info Hybrid site (mix of the above) India C. Demonstration of several sites
  • 5. D. Files from the flash drive Full sized files - Audios
  • 6. D. Files from the flash drive Full sized files - Pictures
  • 7. D. Files from the flash drive Full sized files - Texts
  • 8. D. Files from the flash drive Full sized files - Videos
  • 9. --- only 5% filesize compared to „full sized files“ --- D. Files from the flash drive Reduced files
  • 10. D. Files from the flash drive Software tools
  • 11. You have material in diverse formats and want to publish them on a website with Kalaam Media. We provide a plattform to present as many formats as possible on as many devices as possible. The number of supported filetypes grows continous. So here is a link to the latest list: http://bangsama.net/en/file-types E. What files can we use? Supported file types for automatic processing
  • 12. http://bangsama.net/en/file-types This list does not contain any picture formats. Pictures are not converted automatically and have to be named and sized before upload. Due to security reasons Word-Documents (.doc and .docx) are also not supported. Please use PDF instead. E. What files can we use? Supported file types for automatic processing
  • 13. http://bangsama.net/en/file-types Based on the file you have loaded to our plattform all available target formats are created. This is also true for coming target formats which are not available today. So you may upload unsupported file types, which we will automatically process if in future we add capability for those file types to our system. E. What files can we use? Supported file types for automatic processing
  • 14. Video - approximately ____MB per hour or minute Audio - approximately ____MB per hour or minute PDF - approximately ____MB per file Images - approximately ____MB per image ! For audio and video: to avoid huge files it is best practice to split the files into reasonable sections. ! to split audios or videos or reduce quality or size of pictures you find free software tools on the flash drive F. What is a good file size? How big should a file be?
  • 15. F.
  • 16. F.
  • 17. F.
  • 18. F.
  • 19. F.
  • 20. F.
  • 21. F.
  • 22. F.
  • 23. F.
  • 24. F.
  • 25. F.
  • 26. Your website G. Website perspective
  • 27. Development Team Your website Site Visitor Web Content Keeper G. Website perspective
  • 28. The file cabinet is like Kalaam Media The drawer in the cabinet is like your website The file folders in the drawer are like the tabs in your website The paper in a file folder is like a page of your website H. Website paradigm
  • 29. I. Usability testing – part A Go to www.homedepot.com find some white Caulk, then white paint, then decide on the best color for carpet. Go to www.joshuaproject.net/people-profile.php website. What is the population for the Fordata language?
  • 30. it Home page Include a welcome and introduction to site Videos in our language Video about Joseph with sub-titles Video about Joseph without subtitles Story of the Prophet Music by our neighbors Worship God Miracles of the Prophet Story of John Books and writings in our language Story of John Story of the Prophet Stories from the times of the prophet Links to other sites Software for download J. Planning your site
  • 31. K. How to navigate the Website Builder system The top most bar - select an interface language
  • 32. K. How to navigate the Website Builder system Button caption, descriptions, messages…changed into chosen language
  • 33. K. How to navigate the Website Builder system Links to “My publication languages”
  • 34. K. How to navigate the Website Builder system My publication languages
  • 35. K. How to navigate the Website Builder system Links to the sites – here “Help site”
  • 36. K. How to navigate the Website Builder system Homepage of the help site
  • 37. K. How to navigate the Website Builder system Help site is also accessible from here…
  • 38. K. How to navigate the Website Builder system Links that are related to your user account
  • 39. K. How to navigate the Website Builder system Edit user account – change your password
  • 40. K. How to navigate the Website Builder system “Manage language sites” shows all sites you can edit
  • 41. K. How to navigate the Website Builder system All content below belongs to the selected language site
  • 42. K. How to navigate the Website Builder system Select another language site…
  • 43. K. How to navigate the Website Builder system …so the title and content has changed
  • 44. K. How to navigate the Website Builder system Working on a language site – Add or edit pages
  • 45. K. How to navigate the Website Builder system Working on a language site – Upload and names files
  • 46. K. How to navigate the Website Builder system Working on a language site – Website setup
  • 47. K. How to navigate the Website Builder system Working on a language site – Language setup
  • 48. We recommend Firefox. Others will work as well. L. Login to Kalaam.org Open a browser you are familiar with
  • 49. 1. enter "www.kalaam.org" into the address bar 2. Click here to login L. Login to Kalaam.org Navigate to kalaam.org and insert credentials
  • 50. L. Login to Kalaam.org password: Ambon2014! abua_elsurun barbara_friberg bob_haluruk craig_marshall crosnoy_sinaga david_coward enang_leipari helen_karelau herki_ahoren herry_lekahena jakub_pszczolka jamey_serlaloy jemmy_rompis john_noya jonathan_richards leu_maiseka nathalie_june ongen_mozes rosemary_bolton timothy_friberg wem_refualu yushin_taguchi zeto_wekan
  • 51. If we are not careful we can confuse each other because of terminology. So we have to distinguish the following two terms carefully: Publication Language Navigation Language the language of the community you serve with your website the language of the media files you present on your website in this language the website will contain content AND elements for navigation (Menu tabs, Page titles, … ) a language your visitors might read the website will contain ONLY elements for navigation (Menu tabs, Page titles, … ) M. Starting a multilingual website
  • 52. to do the language settings go to Language setup  Navigation languages M. Starting a multilingual website
  • 53. In your Publication language how do you say your Publication language? M. Starting a multilingual website
  • 54. The answer goes here. M. Starting a multilingual website
  • 55. In this Navigation language how do you say your Publication language? M. Starting a multilingual website
  • 56. In this Navigation language how do you say your Publication language? M. Starting a multilingual website
  • 57. Although it is easy to add other languages now …. too many navigation languages may cause problems during the instruction time. Consider: • do not chose a navigation language unless you are fluent in that language • many following steps in this workshop has to be done for each navigation language • more navigation languages can be added later  Do not set more than 2 navigation languages now! M. Starting a multilingual website
  • 58. more language settings under Language setup  Other settings M. Starting a multilingual website
  • 59. N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 60. Here are the 3 uploaded videos After uploading 3 video files the page looks like this: N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 61. If you upload the same file a second time it is not replaced. A second file with a number is created. If you want to replace a file you have to delete it, before you upload it a second time. N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 62. After uploading the 2nd step is to add the files to your media library. N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 63. Type, title and reference are set on the media product page: type title reference N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 64. Canonical reference and media tag reference: canonical reference media tag reference N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 65. Result in the media library: N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 66. Add a media library entry to a page of your website. There are 3 ways to do it. 1st: in the media product page N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 67. Add a media library entry to a page of your website. There are 3 ways to do it. 2nd: at the bottom of the media library list N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 68. Add a media library entry to a page of your website. There are 3 ways to do it. 3rd: when you are adding or editing a page. N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 69. Quick overview where you have added your media: N. Upload and name files for your website How to get the files from your computer to the Website Builder system
  • 70. There is much to say about images. There is a whole section in the helpsite dedicated to this topic. In this lesson we will cover • How to upload images to your website • Where can images be used on a website • Preparing a banner image • Preparing a background image • How to set banner and background images http://bangsama.net O. Uploading banner and background images Introduction
  • 71. In general it is all the same like uploading media files. But they go to a special area: Here are two uploaded pictures (you have to open this area by clicking on the text) O. Uploading banner and background images How to upload images to your website
  • 72. There are 4 places on the website where you can put an image. Now we learn were these places are… ? O. Uploading banner and background images Where can images be used on a website
  • 73. As a banner image: O. Uploading banner and background images Where can images be used on a website
  • 74. As a background image (stretched): O. Uploading banner and background images Where can images be used on a website
  • 75. As a background image (tiled): O. Uploading banner and background images Where can images be used on a website
  • 76. As primary picture (also referred to as „picture beside media“): O. Uploading banner and background images Where can images be used on a website
  • 77. As pictures in the text box: O. Uploading banner and background images Where can images be used on a website
  • 78. Banner and Background images are loaded every time you navigate from one page to another. So it is very important to avoid big filesizes for these both images. Otherwise your site will slow-down. You learned earlier how to reduce the filesize of images. Don‘t hasitate to ask if you have further questions about that! In the following we will take a closer look at more things to consider regarding banner and background images. O. Uploading banner and background images Preparing banner and background images
  • 79. There are 5 important points about banner images 960 pixels 332pixels 200pixels200pixels Big Ben fits, Houses of Parliament do notHouses of Parliament fit, Big Ben does not  This image is not suitable to be used as a banner - size has to be 960 x 200 pixels O. Uploading banner and background images Preparing a banner image
  • 80. There are 5 important points about banner images - size has to be 960 x 200 pixels - The lower part of the banner (20-30%) will be cut off in some situations. So, don't place important information at the bottom part of the image. 20%  This image is not suitable to be used as a banner The main object (the car) is half cut off O. Uploading banner and background images Preparing a banner image
  • 81. There are 5 important points about banner images - size has to be 960 x 200 pixels - The lower part of the banner (20-30%) will be cut off in some situations. So, don't place important information at the bottom part of the image. - There will be a text overlay on the banner image. So, try to avoid disturbing colors. Do not write text into the picture itself.  This image is not suitable to be used as a banner Banner image is turbulent, readability of the text is bad O. Uploading banner and background images Preparing a banner image
  • 82. There are 5 important points about banner images - size has to be 960 x 200 pixels - The lower part of the banner (20-30%) will be cut off in some situations. So, don't place important information at the bottom part of the image. - There will be a text overlay on the banner image. So, try to avoid disturbing colors. Do not write text into the picture itself. - file size should be about 20-60 KB - Give your banner a helpful file name. Use keywords separated by dashes "My-language-village.jpg" or "My-country-mountains.jpg". The filename won't be visible on your site, but Google uses the file name as keywords to help people find your site O. Uploading banner and background images Preparing a banner image
  • 83. There are 4 ways to style your background 1. use background from color scheme 2. color the background with a color of your choice 3. use a picture in a tiled style 4. use a full size background image O. Uploading banner and background images Preparing a background image
  • 84. File: size: about 3-5 KB Setting: Consideration: - nothing to create - background goes with the menu and heading colors - small file size - no individual touch (picture set by system) O. Uploading images to your website Use background from color scheme
  • 85. File: size: 5 x 5 pixels 1 KB Setting: Concideration : - picture is easy to create - very small file - individual but not very attractive O. Uploading images to your website Color the background with a color of your choice
  • 86. File: size: 638 x 671 pixels 27 KB Setting: Concideration : - needs some effort to find a fitting picture - average file size - attractive on all screen sizes O. Uploading images to your website Use a picture in a tiled style
  • 87. File: size: 1220 x 640 pixels 72 KB Setting: Concideration : - biggest file size - pixelated on large screens - attractive and easy to relate to the language community O. Uploading images to your website Use a full size background image
  • 88. Assumed you have prepared the images you need to know how to set them in our website builder system. After uploading the image just navigate to Website setup  Site appearance This two dropdown- lists contain the pictures uploaded to your website O. Uploading banner and background images How to set banner and background images
  • 89. P. Alternative file manager Another way to upload files
  • 90. Faith Comes By Hearing® (FCBH) provides Audio Scriptures in many languages. Go to http://www.bible.is/audiodownloader and check if your language is available. Q. FCBH-“pass-through” Use external digital media volumes
  • 91. Faith Comes By Hearing ® (FCBH) provides many Scripture based audio materials. Go to http://www.bible.is/audiodownloader and check if your language is available. The number of provided langauges is growing, so please check from time to time. I checked the langauges present at aworkshop and found Sindhi, Dogri and Limbu. Q. FCBH-“pass-through” Use external digital media volumes
  • 92. If your language is available ask your Implementation Manager for assistance When this is done, you have an additional entry in your „Upload and name files“-section. Q. FCBH-“pass-through” Use external digital media volumes
  • 93. Going to the FCBH-section you‘ll find a list of books. Just select those you want to present on your website. They go straight to the Media Library when you click on the button at the bottom of this page. Q. FCBH-“pass-through” Use external digital media volumes
  • 94. Q. FCBH-“pass-through” Use external digital media volumes
  • 95. R. Preview URL Your website in the real world
  • 96. S. Navigate the "Add or Edit Pages" tab
  • 97. Note: The Edit site page layout changes significantly depending on the site status. T. Edit your homepage
  • 98. A new page with the Publication language not localized, with a Navigation language in its first writing will look like this. You have seen this already.
  • 99. An existing page with the Publication language not localized, with a Navigation language being translated will look like this. You have seen this already.
  • 100. An existing page with the Publication language not localized, with a Navigation language being edited will look like this. You have seen this already.
  • 101. A new page with the Publication language localized, with a Navigation language in its first writing will look like this. This is new to you. It is different. It is necessary. It cannot be changed. Sorry.
  • 102. An existing page with the Publication language localized, with a Navigation language being translated will look like this. This is new to you. It is different. It is necessary. It cannot be changed. Sorry.
  • 103. A page with the Publication language localized, with a Navigation language being edited will look like this. This is new to you. It is different. It is necessary. It cannot be changed. Sorry.
  • 104. T. Editing a page Advanced controls
  • 105. T. Editing a page Advanced controls
  • 106. T. Editing a page Advanced controls
  • 107. T. Editing a page Advanced controls
  • 108. T. Editing a page Advanced controls
  • 109. T. Editing a page Advanced controls
  • 110. T. Editing a page Advanced controls
  • 111. T. Editing a page Advanced controls
  • 112. T. Editing a page Advanced controls
  • 113. T. Editing a page Advanced controls
  • 114. T. Editing a page Advanced controls
  • 115. T. Editing a page Advanced controls
  • 116. T. Editing a page Advanced controls
  • 117. T. Editing a page Advanced controls
  • 118. T. Editing a page Advanced controls
  • 119. T. Editing a page Advanced controls
  • 120. T. Editing a page Advanced controls
  • 121. T. Editing a page Advanced controls
  • 122. T. Editing a page Advanced controls
  • 123. T. Editing a page Advanced controls – unpublish pages
  • 124. T. Editing a page Advanced controls – unpublish pages
  • 125. T. Editing a page Advanced controls – unpublish pages
  • 126. U. Create a new page
  • 127. You built a and put in hours and hours it, and it comes with , , , Bible portions, to reach the unreached etc. How will people know that your website exists? The answer seems simple: We’ll just tell them!! But how? One part is being on page 1 of a “Google Search”! But how? The answer on this question is not simple or straight forward, there are no tricks to reach the first entry on a “Google Search”. V. Keywords, Page Title, Google Keyword Tool ….
  • 128. http://news.netcraft.com/archives/category/web-server-survey/ (February 2014) The Problem is: How can somebody find YOUR web page if there are 186,986,142 others????? Keywords are the key to improve the ranking in a Google search list. V. Keywords, Page Title, Google Keyword Tool …. Number of websites world wide:
  • 129. “Paid” Search AdWords Organic Search Somebody types in to the Google Search “Nepal trekking tour” V. Keywords, Page Title, Google Keyword Tool ….
  • 130. What does the term “Keyword” mean? You want that your web page is found by others. Keywords are one of the ways that this happens. Keywords are important for three “parties” : Meaning of Keywords V. Keywords, Page Title, Google Keyword Tool ….
  • 131. 1. For YOU, the designer of a certain web page, who creates and types Keywords into the web page 2. For the SEARCH ENGINE, like Google, Bing etc., which collects and indexes those keywords from a web page. This happens through robot-program called a web crawler 3. For the POTENTIAL VISITOR, who types those keywords into a search engine which finds your site Important: Beside keywords, other things play a role too, but we come to that later. Meaning of Keywords V. Keywords, Page Title, Google Keyword Tool ….
  • 132. V. Keywords, Page Title, Google Keyword Tool …. The internet changes rapidly and at the moment “Google” writes in their documentation about Search Engine Optimization (SEO) found that certain locations are crawled looing for keywords … https://support.google.com/webmasters/answer/35291?hl=en
  • 133. V. Keywords, Page Title, Google Keyword Tool …. 1. Page Titles (“Title Tags”) 2. Page’s description “Meta Tags” 3. URL’s 4. “Anchor Text’s” (internal links, pointing to other pages on your site – or external - leading to content of other sites 5. “Heading Tags” (used to present structure on the page to users) But… there are 195 factors or parameters more to consider…. The following pages show how “Keywords” work. They connect the designer’s website, with Google and the potential visitor
  • 134. V. Keywords, Page Title, Google Keyword Tool …. Title: The first line of any search result is the title of the webpage. URL: In green you will see the web address of that page. Snippet: under the URL, is a description of the webpage, it can include text from the page.
  • 135. V. Keywords, Page Title, Google Keyword Tool …. Create unique, accurate Page Titles Page title content is displayed in search results. A title tag tells both users and search engines what the topic of a particular page is
  • 136. V. Keywords, Page Title, Google Keyword Tool …. Make use of the description ”meta tag” Summaries can be defined for each page A page's description meta tag gives Google a summary of what the page is about (1). A page's title may be a few words or a phrase, a page's description meta tag might be a few sentences or a short paragraph.
  • 137. Google might use your description meta tags as snippets for your pages. Google could choose to use a relevant section of your page's text if it does a good job of matching up with a user's query. Snippet Text displayed beneath the title of a corresponding web page on the search results page. A web page summary and/or parts of the page that match the search keywords will be displayed. V. Keywords, Page Title, Google Keyword Tool …. Make use of the description ”meta tag”
  • 138. Find the Meta Tags: Go to the menu “Add and edit pages” select a page to edit and scroll down to “Meta tags”. V. Keywords, Page Title, Google Keyword Tool ….
  • 139. V. Keywords, Page Title, Google Keyword Tool …. Let’s go to find good keywords and test them! How? Think about the content of your web page and potential words a visitor from your language group might type into a search engine. Found some! Want to find more with the help of Google and the computer? Type into your browser: www.google.com/adwords/ This should bring you to the following page:
  • 140. Press V. Keywords, Page Title, Google Keyword Tool ….
  • 141. V. Keywords, Page Title, Google Keyword Tool ….
  • 142. V. Keywords, Page Title, Google Keyword Tool …. Choose your Country, Time zone and Currency and then press Continue
  • 143. Sign into your AdWords account V. Keywords, Page Title, Google Keyword Tool ….
  • 144. V. Keywords, Page Title, Google Keyword Tool …. Click on “Tools” and select “Keyword Planer”
  • 145. V. Keywords, Page Title, Google Keyword Tool ….
  • 146. V. Keywords, Page Title, Google Keyword Tool ….
  • 147. V. Keywords, Page Title, Google Keyword Tool ….
  • 148. V. Keywords, Page Title, Google Keyword Tool …. Make 6 -12 keywords in your language that people are searching for. Edit the site plan you made in section C to include the keywords in your page titles and Meta tags Keep your language as a keyword and add cultural words used in your language: “Nepali, Everest, Kathmandu, Bible, Jesus Film, Nepali Jokes" and see what other words people used related to these search terms.
  • 149. W. Tabs
  • 150. X. Menu Tabs Help your visitor – keep organized
  • 151. Styling your website is done in the two sections: Site themes and Site appearance Site themes: a theme is a group of general appearance settings Site appearance here you can do some individual settings. Y. Site themes, Site appearance Changing how your site looks and feels to the visitors
  • 152. When you click the Site themes tab you receive a list of themes. Y. Site themes, Site appearance Site themes
  • 153. The last theme is called India Megasite responsive theme and a bit special. This one is chosen by default and provides the same design like the Indian Mega site. If you do not change the theme to another one there will be some restrictions in the individual Site appearance settings. Y. Site themes, Site appearance Megasite theme
  • 154. Responsive themes mean that the layout changes Change the width of your browser window and watch the banner, menu und content changing their position. Using responsive themes we can provide websites for many devices (even with very small screens). All of our themes are responsive. Y. Site themes, Site appearance Site themes
  • 155. When you click the Site appearance tab you reach the following page: Y. Site themes, Site appearance Site appearance settings page
  • 156. Site name setting: This will affect the text shown on your banner and the text shown in the tab of your browser. For detailed information go to Browser tab labels on http://bangsama.net The color scheme refines your chosen theme with colors of your choice. Note 1: try the schemes with transparent background in the second line Note 2: please select a color scheme after changing your site theme settings. Y. Site themes, Site appearance Site appearance settings page
  • 157. Y. Site themes, Site appearance Site appearance settings page 1- If you have this: Your tab will look like this: And your banner will look like this:
  • 158. Y. Site themes, Site appearance Site appearance settings page 2- If you have this: Your tab will look like this: And your banner will look like this:
  • 159. Y. Site themes, Site appearance Site appearance settings page 3- If you have this: Your tab will look like this: And your banner will look like this:
  • 160. Y. Site themes, Site appearance Site appearance settings page 4- If you have this: Your tab will look like this: And your banner will look like this:
  • 161. Y. Site themes, Site appearance Site appearance settings page 5- If you have this: Your tab will look like this: And your banner will look like this:
  • 162. You already saw that it is possible to define a “Primary picture” or “Picture beside media products”. In this lesson you will learn… • to choose a suitable image to be used as primary picture • to prepare that image for upload • how to set an uploaded image as primary picture Z. Primary picture Introduction
  • 163. The primary picture is chosen per page. You do not need to adjust the image setting for each translation. On the other hand the primary picture cannot be localized. Therefore there should not be any text in the primary picture. The ideal primary picture portrays the content of your media product in a way that relates to your language community. Choose a suitable image to be used as primary picture Z. Primary picture
  • 164. If you have found a picture suitable to be used as a primary picture there are two things to check. 1. The size must be 400 x 300 pixels. 2. The file size should be less than 120 KB. If you need some help to resize your images…. just ask! If you see bars beside your primary you don‘t have the correct size. Z. Primary picture Prepare that image for upload
  • 165. this list contain all pictures uploaded to your website 1. Navigate to the page you want to add the picture to. 2. Open the edit-mode of this page. 3. In the middle of the edit page you’ll find a dropdown-list Z. Primary picture Set an uploaded image as primary picture
  • 166. 1. Navigate to the page you want to add the picture to. 2. Open the edit-mode of this page. 3. In the middle of the edit page you’ll find a dropdown-list 4. After selecting a picture. Don’t forget to hit the save button at the very bottom of the edit page. Z. Primary picture Set an uploaded image as primary picture
  • 167. AA. Software to consider FastStone Image Viewer
  • 168. AA. Software to consider Freemake Video converter
  • 169. AA. Software to consider
  • 170. AA. Software to consider
  • 171. Create page titles for all the pages in your site plan. Make sure that you have created the titles in your Publication language and all of your Navigation Languages. Add some more media files if there is time left. General questions? Address yourself to Andreas. BB. Building your site work time Much theory – now put into practice
  • 172. Hyperlinks are commonly used in websites. Beside the links which are automatically generated by the system you can add individual text-links to… • other internal pages of your site • play a media file • external sites CC. Internal and external links Get connected to pages, media or external sites
  • 173. Internal links… CC. Internal and external links Links to other pages on your site
  • 174. Internal links… CC. Internal and external links Links to other pages on your site
  • 175. Internal links… CC. Internal and external links Links to other pages on your site
  • 176. Internal links… CC. Internal and external links Links to other pages on your site
  • 177. CC. Internal and external links Links to other pages on your site
  • 178. CC. Internal and external links Play a media file
  • 179. CC. Internal and external links Play a media file
  • 180. Creating a external link there are 3 things you have to be aware of: 1. ensure that the linked sites are free from immoral, political or other unsuitable contents. 2. ensure sure the linked sites work (broken-links). 3. use the “target-option” to open a new window. Otherwise your visitors might not return to your website. CC. Internal and external links Links to external websites
  • 181. CC. Internal and external links Links to external websites
  • 182. CC. Internal and external links Links to external websites
  • 183. We saw an image inside a text box. It can flow around the text like in the example on the right side. Or it can move with the text. In this lesson you will learn… • to choose a suitable image to be used in a text box • to prepare that image for upload • how to set an image in a text box DD. Inserting pictures in a text box Introduction
  • 184. The content of the text box is meant to hold localized information for each translation of a page. The good thing is: you can also localize the picture (e.g. when it contains text or other information) The bad thing is: you have to define this picture for every translation of a page. DD. Inserting pictures in a text box Choose a suitable image to be used in a text box
  • 185. If you have found some picture suitable to be used in a text box there is only one things to check (or to adjust). • The file size should be less than 120 KB. If you need some help to resize your images…. just ask! DD. Inserting pictures in a text box Prepare that image for upload
  • 186. 1. Navigate to the page you want to add the picture to. 2. Open the edit-mode of this page. 3. In the middle of the edit page you’ll find the text field containing the page text. 4. In the toolbar of this text field you can find a “image”-button DD. Inserting pictures in a text box Set an uploaded image in to a text box
  • 187. 5. Place the cursor in the text field to define the position of the picture and click on the “image”-button in the toolbar. DD. Inserting pictures in a text box Set an uploaded image in to a text box
  • 188. 6. Click on the “Browse Server”-button and select an image. Click “insert”. DD. Inserting pictures in a text box Set an uploaded image in to a text box
  • 189. 7. Define some settings and click “Ok”. (in my example: border=1, alignment=right) DD. Inserting pictures in a text box Set an uploaded image in to a text box Use % rather than pixel.
  • 190. 8. It is already shown in the text box on the edit page: DD. Inserting pictures in a text box Set an uploaded image in to a text box
  • 191. 9. Click the save button on the edit page.  Done! Here is the result: DD. Inserting pictures in a text box Set an uploaded image in a text box
  • 192. 10. Reduced version - picture still 35% DD. Inserting pictures in a text box Set an uploaded image in a text box
  • 193. DD. Inserting pictures in a text box Pictures in a table
  • 194. DD. Inserting pictures in a text box Pictures in a table
  • 195. DD. Inserting pictures in a text box Pictures in a table
  • 196. DD. Inserting pictures in a text box Pictures in a table
  • 197. DD. Inserting pictures in a text box Pictures in a table
  • 198. EE. Full website Localization We have inserted the texts in the publication language accurately but still there is text in another language. All of these are system texts. They are not defined in the publication language - they are taken from the fallback language. (in this example it is English) Your publication language everywhere
  • 199. Navigate to Language setup  Translate basic phrases EE. Full website Localization How to set system texts in your publication language
  • 200. FF. Adding an additional Navigation language
  • 201. Refer to new Operating Guidelines GG. Contact form, copyright page NOTE: We use the name Kalaam Media on a live site sometimes, but never if the site has any material that shows an SIL, Wycliffe, etc. copyright. NOTE: We use the name Kalaam Media on a live site sometimes, but never if the site has any Scriptural material or points to western Christianity.
  • 202. GG. Contact form, copyright page Can be blank Can be Kalaam Media Can be your organizationCan be blank Can be your organization Must be completed Usually completed
  • 203. HH. Site reviews
  • 204. Scripture viewer (from Paratext files) http://bangsama.net/en/scripture-viewer-example Lexicon (from Lexique Pro) http://bangsama.net/en/lexique-pro-example Facebook Mobile stuff and Apps (Android and iPhone are available in some cases) Compare apps and browser (responsive design) www.tanaduri.net Pictures as a slideshow (Help site) http://bangsama.net/en/slideshow-demo Google Maps http://bangsama.net/en/google-maps Bible app coming YouTube http://bangsama.net/en/youtube-sample II. Other features
  • 205. Digital Bible Library (DBL) We have license 51. Access to media files stored there II. Other features
  • 206. II. Other features Scripture viewer
  • 207. II. Other features Scripture viewer
  • 208. II. Other features Scripture viewer From the Help site: https://www.kalaam.org/en/node/3694 <p> <iframe height="700" src="https://sv.premiumtextreader.com/viewer/views.php?iso=mvp" width="100%"></iframe></p> <p>
  • 209. II. Other features Scripture viewer
  • 210. II. Other features Scripture viewer
  • 211. II. Other features Scripture viewer
  • 212. II. Other features
  • 213. Joshy Kurian
  • 214. Google Analytics is a service offered by Google Google Analytics generates detailed statistics about a website's traffic and traffic sources. Google Analytics is aimed at marketers as opposed to webmasters Google Analytics can track visitors from all referrers, including search engines and social networks, direct visits and referring sites. Google Analytics also displays advertising, email marketing and digital collateral such as links within PDF documents. JJ. Google Analytics www.google.com/analytics
  • 215. You can learn: • Know your audience – Who visits your website. • Trace the visitor path – Where people enter and exits the website • See what they are up to - Which pages retain visitors the longest and what search terms people use to find the site Why you should use Google Analytics? JJ. Google Analytics
  • 216. ADVANTAGES • It is FREE • Custom Reporting (Some) • Easy to use, intuitive (Depending on who you are.) • Gets the most of the data you require • Secure – first party cookies Why you should use Google Analytics? JJ. Google Analytics DISADVANTAGES • Browser needs to be JavaScript enabled • Cannot compute how much time is spent on one page if the visitor exits immediately.
  • 217. Dashboard • Visitors (who are they, how many times they viewed your content, which city are they from, how many of them are new visitors etc.) • Traffic Sources (which sites sent you the most traffic, what keyword people search on Google to get to your website) • Content (which pages are most viewed, which ones have immediate exits (high bounce rates) which is not interesting to visitors) Basic Reports JJ. Google Analytics
  • 218. Basic Dashboard View JJ. Google Analytics
  • 219. Basic Dashboard View JJ. Google Analytics
  • 220. All visits kfy Visitors JJ. Google Analytics
  • 221. Audience Overview JJ. Google Analytics
  • 222. kfy Bounce visits Non Bounce visits Bounce Rate represents the percentage of visitors who enter the site and "bounce" (leave the site) rather than continue viewing other pages within the same site. Bounce Visits v/s Non Bounce Visits JJ. Google Analytics
  • 223. Traffic Sources JJ. Google Analytics
  • 224. kfy Referral Traffic JJ. Google Analytics
  • 225. kfy Organic Search Traffic JJ. Google Analytics
  • 226. kfy Organic Search Traffic JJ. Google Analytics
  • 227. kfy Organic Search Traffic JJ. Google Analytics
  • 228. Non bounce visits: very high bounce rate >70% mvp JJ. Google Analytics
  • 229. Bounce visits Non Bounce visits apd JJ. Google Analytics
  • 230. Non bounce visits Non US. apd JJ. Google Analytics
  • 231. mal Return visitors very high % JJ. Google Analytics
  • 232. Facebook Social Media mal JJ. Google Analytics
  • 233. Visit www.GodsOwnLanguage.com and see the change in the active visitors count Real Time Overview JJ. Google Analytics
  • 234. Acquisition Overview JJ. Google Analytics
  • 235. Social Value JJ. Google Analytics
  • 236. In-page Analytics JJ. Google Analytics
  • 237. easy to say easy to remember easy to spell easy for search engines to find Check to be sure it is not close to the URL of someone TLD, .org, .com, .net, .in, etc. Show a few good ones: www.gilakmedia.com www.Voiceofyakan.com ; www.SuwalaYakan.com Show a few not so good ones: www.awal-n-rebbi-tamazight.com KK. The final steps - URL
  • 238. www.ethnosites.com www.ethnosites.org www.ethnosites.net www.ethnosites.biz www.ethnosites.in KK. The final steps - URL
  • 239. www.BiblesIndia.in KK. The final steps - URL
  • 240. French.ethnosites.net Swahili.ethnosites.net Malvi.ethnosites.net Dogri.ethnosites.net Your_language.ethnosites.net MyLanguage.ethnosites.net KK. The final steps - URL
  • 241. LL. Steps to enabling a site
  • 242. Phase 1 - Client engagement Phase 2 - Website planning Phase 3 - Website construction Phase 4 - Copyright approval Phase 5 - Testing and approval Phase 6 - Website live Usually an e-mail to the Director of Client Services (Peter Nash) or to info@kalaam.org. LL. Steps to enabling a site
  • 243. Phase 1 - Client engagement Phase 2 - Website planning Phase 3 - Website construction Phase 4 - Copyright approval Phase 5 - Testing and approval Phase 6 - Website live The client receives the Initial Questionnaire. LL. Steps to enabling a site
  • 244. Phase 1 - Client engagement Phase 2 - Website planning Phase 3 - Website construction Phase 4 - Copyright approval Phase 5 - Testing and approval Phase 6 - Website live The client returns the Initial Questionnaire and the site construction begins. LL. Steps to enabling a site
  • 245. Phase 1 - Client engagement Phase 2 - Website planning Phase 3 - Website construction Phase 4 - Copyright approval Phase 5 - Testing and approval Phase 6 - Website live We confirm that copyright information is correct. LL. Steps to enabling a site
  • 246. Phase 1 - Client engagement Phase 2 - Website planning Phase 3 - Website construction Phase 4 - Copyright approval Phase 5 - Testing and approval Phase 6 - Website live Test 100% of everything. Approvals from………… LL. Steps to enabling a site
  • 247. Phase 1 - Client engagement Phase 2 - Website planning Phase 3 - Website construction Phase 4 - Copyright approval Phase 5 - Testing and approval Phase 6 - Website live Site is live to the public but never finished. LL. Steps to enabling a site
  • 248. MM. Site Audit When do we audit a site? • Prior to public launch of site • Approximately every six months • Spot checks at random intervals
  • 249. MM. Site Audit What do we audit for? • Artistic look of pages (Recognize this is cultural) • Pictures • Appropriate page text • Text (pdf documents) • Audio • Video • Links • YouTube video links and similar items • Technical operation of pages • Proper products (Scripture viewer, dictionary, slide- show, etc..) • Site structure • SEO
  • 250. MM. Site Audit We will not make changes. We will make suggestions.
  • 251. MM. Site Audit
  • 252. International copyright law Scripture Scripture related Dictionary Lexicon Published materials Pictures Local video Local audio Local print We do. You do. NN. The final steps - Copyright
  • 253. Kalaam Media Copyright overview 24 February 2014.docx NN. The final steps - Copyright
  • 254. What must NOT be on a site? SIL WBT Wycliffe etc. OO. The final steps - Approval
  • 255. Web Content Keeper Implementation Manager Digital Publishing Coordinator or equivalent Copyright Coordinator Director of Client Services OO. The final steps - Approval
  • 256. New books More stories Updated videos Birth announcements Death announcements “How to…” pages Demonstration pages History Etc. What else can be on a site? OO. The final steps - Approval
  • 257. Finalize the pages you have started! Write some descriptive text in each language and ensure that your desired images and media files are in place. Check the contact and copyright settings. Translate at least the basic phrases. If there is time left you can play with additional features like slideshow, marquee text, Image Gallery… General questions? PP. Build your website with help from the Kalaam Media staff