ThingLink User Guide. Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon
|
|
- Dale Ward
- 6 years ago
- Views:
Transcription
1 ThingLink User Guide Yon Corp Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon
2 Index Preface.. 2 Overview... 3 Installation. 4 Functionality. 5 Troubleshooting... 6 FAQ... 7 Contact Information. 8 Appendix
3 Preface This document is a user guide for the ThingLink rich media tags developed by the Yon Corp group. Although each tag is for a different service, all tags were developed using the same set languages, which keeps all the tags fairly consistent technology wise. Our tags were submitted to ThingLink directly; thus, the details of the final implementation are not outlined in this document, as ThingLink has chosen to the keep the backend separate from the tag development. 2
4 Overview Each tag was developed using HTML, CSS and Javascript. For each tag, the image and video tags were written in separate HTML files while the CSS for both was in one file. Javascript for the image and video tags were placed in separate files corresponding to their respective HTML file. Particulars on the implementation for each is briefly outlined below: itunes Tag The itunes search API was used to retrieve album and artist information. AJAX calls were made using javascript, and the returned JSON object was parsed accordingly. The image tag includes the album image, artist/album name, date released, a link to buy the album in the itunes store, and a link to view images of more albums by the artist. The video tag has the same features as the image tag and up to 10 song samples for the album. Wedgies Tag The Wedgies tag includes embed of the Wedgies poll as well as a custom scroll feature. To embed the poll, we used the wedgies embed javascript file as well as our own javascript code for the custom scrolling and the maximum size parameters. The polls include author information, the poll question, and working real time answer buttons. In some polls, clicking the answer buttons brings up the results page. The image tag is similar to the video tag with different dimensions. InstaGrok Tag The InstaGrok tag contains a sample preview image of the concept map, its logo, and a button that links users to the original webpage. The video tag contains additional information which includes a context summary of the concept map. The video tag also has bigger dimensions that the image tag but contains similar content with the exception of the extra information summary. 3
5 Installation All three of the tags may run on any modern browser. Chrome, Firefox, Safari, and Opera were the main development targets. Some of the CSS made use of more recent features. Thus, for best results the browser should be up to date. All of the files and resources for the tag should be in the same folder as the HTML file. Resources can be put in their own folder if so desired; however, the file path should be modified accordingly in the code. For any specifics on the file paths, refer to HTML/CSS of the tag. Assuming all is set up correctly, to view a tag, open the HTML file using a browser of your choice. 4
6 Functionality itunes Image Tag: Clicking the Buy on itunes button will open the album s store page in a new tab in the browser. The More By This Artist button load up to 10 more albums by the artist. Hovering over left or right edges of the tag with the mouse cursor will horizontally scroll the albums. Click the Back button will return back to main tag. Video Tag : Clicking the Buy on itunes button will open the album s store page in a new tab in the browser. More albums by the artist are loaded at the bottom of the tag. overing over left or right edges of the tag will horizontally scroll the albums in the same manner as the image tag. Hovering over a song sample will reveal a play button that will switch to a pause button when clicked. Clicking the..and more link at the bottom of the song samples will open the album s store page in a new tab. Wedgies Image Tag: Depending on the size of the iframe the tag is inserted into, the tag changes dimensions. Hovering mouse over top and bottom of the tag produces a custom scroll feature. Further hovering over the custom scrollbars will move the tag up and down accordingly. Pressing any of the answer buttons will register with the Wedgies poll. After clicking on an answer, if the author allows, the poll will display the results. Video Tag: The video tag is similar to the image tag except for the dimensions. The video tag includes larger size for video embeds. Given that there is more room in video boxes, the video tag includes a larger view of the poll. InstaGrok Image Tag: This tag will pull a preview image for a particular grok. The View in New Window button at the bottom right of the tag opens the actual interactive grok in a new tab. A link is also provided to more information about InstaGrok on their website. Video Tag: Same functionality as image tag except on a larger size. See image tag description. 5
7 Troubleshooting The tags are designed to support multiple platforms, such as PC, tablet and mobile. However, results are best when tags are viewed using a desktop web browser. Scaling issues may arise when viewing tags in different resolutions. Reloading the tag or switching to a different device will solve this issue. The tags are implemented using ThingLink s backend technologies. If there other issues that arise, contact the ThingLink developers. 6
8 Frequently Asked Questions What is Thinglink and what do they do? Thinglink is a startup that specializes in adding more interactivity and engaging content to images and videos through rich media tags. How does the Thinglink platform work and what are rich media tags? Thinglink has its own proprietary platform that takes in users videos and images and urls to supported media websites. The platform then extracts information from that website in the form of the rich media tags which users can then insert into specific locations in images or videos. How do I use these tags in my own videos and images? Users can first sign up for accounts on Thinglink s website. Then they can upload their own videos or images to Thinglink s platform. Then users can add an icon in the platform and submit a url into the search box. An icon with the rich media tag for the appropriate website will then show up and users can adjust the media tag as they see fit on the image or video. What happens if there isn t a tag for the website that I want? Any public user can create his own tag and submit it to Thinglink. If you feel like you have a tag you would like to contribute, feel free to create it and send it to them. 7
9 Contact Information Andy Chen Eric Ouyang Giovanni Tenorio Ashton Yon 8
10 Appendix Design Document. 10 Test Document. 18 9
11 Design Document V2 ThingLink Startup Yon Corp Andy Chen Ashton Yon Eric Ouyang Giovanni Tenorio 10
12 Table of Contents Technology Background. 12 Design Goal.. 13 Architectural Choices and Corresponding Pros and Cons Selected Architecture.. 15 Implementation Notes
13 1. Technology Background Overview The required technological knowledge for this project involves HTML, CSS, and JavaScript. Additionally, we will be working with the specific APIs for each of the web platforms to pull the desired information as well as integrating our results with the ThingLink API. HTML We will be using HTML 5 to create the actual tags. The HTML will hold the relevant information that our client requests for each tag. Relevant CSS and Javascript libraries will be included in the header. CSS We will be using CSS to add the appropriate format and decoration to our tags as specified in the wireframe design. For example, in our itunes tag we will be using CSS to establish the appropriate font size, background color, text padding, etc. We will be utilizing browser specific syntax i.e: Webkit and moz. JavaScript We will be using JavaScript to interact with the APIs from the web platforms to pull the information. For example, the itunes API returns a JSON object which we will parse with JavaScript to get the appropriate data such as artist name and song title and then save them into JavaScript variables which we will integrate with HTML to put that information onto the media tag. Additionally, JavaScript will be used for implementing dynamic features to our tags such as hover over and scrolling effects. Specific libraries we will be using include Jquery and the Dotdotdot plugin, the latter which allows flexibility with regards to adding ellipsis (...) to truncated text. APIs We will use the itunes search API for the itunes tag. For Wedgies/instaGrok, there are unofficial APIs which requires a licence purchase after a certain number of 12
14 API hits and/or may not be up to date. Whether or not we use these APIs is subject to change. 2. Design Goal Overview The ThingLink project requires us to create the wireframe of the image and video tags and the build the corresponding web interface. Our ultimate goal is to create the web interfaces of four different tags (Wedgies, Instagrok, Itunes Store, Google Play store) and to integrate them with the ThingLink API. By doing so, the tags will be up on their system and made available for client and public usage. Wireframes In creating wireframes, the team will assess both stakeholder and user needs to create a user interactive and aesthetically pleasant product. Because the tags will be viewed on different platforms, the team must account for screen dimensions, hardware limitations, as well the type of media tagged. For example, if viewed on a computer or laptop, the itunes tag has much more screen real estate to display album and artist info, related albums, as well as song samples. If viewed on a mobile device, the tag may just present a download button, artist and album info. 13
15 Web Interface To create the web interface, the team will build small web applications using front end web development technology (HTML, CSS, JS) and proprietary APIs. From the Itunes API and the given URL, we can populate the interface with such elements as album information, author information, top albums by the same author, and the view in Itunes button. ThingLink Integration The miniature web application will then be integrated with the ThingLink system. The web app will be input as an iframe using the ThingLink API. These iframes will be available as image and video tags on the Thinglink website that will be available for account holders to use. 14
16 3. Architectural Choices and Corresponding Pros and Cons Since our project is primarily front end, we don t have many significant architectural decisions to choose from. All of our tags will be in HTML, CSS, and JavaScript. Pros The pros of this design choice are that the tags can be easily implemented into ThingLink s media tag system. Our client can use the code we create and upload them without any major modifications. Additionally, the code will quite simple and easy to understand which will help us for debugging purposes. Cons However, a major con is that we are limited in the different approaches we can take for this project. For example, if we can t obtain the relevant information with proprietary APIs, using python can make web scraping easier but we are not allowed to use python or any backend technologies so we must find alternatives. As a result, we may not be able to incorporate or extract certain information that the client desires. 4. Selected Architecture We decided to use the current software architecture provided to us by the clients. We are to create a wireframe using pure front end, and use the ThingLink api to convert it into a working tag. Because this process has been done before with other tags by ThingLink, we can assure that the process will be smooth after we have developed the wireframes. However, because we can not use any back end programming, we may not have the ability to pull some of the data that our clients are requesting for the tags. 15
17 5. Implementation Notes Our final product will be HTML files with additional CSS and JavaScript files for each tag. The implementation process will begin with designing the wireframe and determining the information that will be on each tag. Once we have the design agreed on with our client, we will then start working on creating the tags. First we need to get the relevant information, so we will draw information from the web platform s API. If there is additional information that the API doesn t provide or that the client requests, we will discuss with the client on other methods to extract that information or alternative information to be included. ThingLink has specific requests with regards to code implementation and design. These include the following: HTML Content must all be in the HTML document(s). Preferably, both the image tag and the video tag are allowed a single HTML file each. The HTML document will only contain HTML code. Styling and Scripting should be done in separate files and included in the header. Script tags should only contain input variables i.e: <script> var input; </script>. CSS Styling of the document will be handled primarily by the CSS. Images need to be specified by setting the background of a <div> using background image: url( image.jpg); instead of using an image src with <img src= image.jpg ></img>. Javascript Third party libraries are allowed, provided they are free of use. Javascript code should be documented. 16
18 Once we have all the required information, we will then format it appropriately and add them into the tag. Our client will provide us with consistent design feedback as to whether he approves our implementation or wants certain aspects changed. We can then incorporate CSS for the formatting and design layout for each tag and we can use additional JavaScript to add more animation and effects to our tags that will make them more aesthetically pleasing to the user. 17
19 ThingLink Test plan Yon Corp. Prepared by A. Andy Chen, B. Ashton Yon, C. Eric Ouyang, and D. Giovanni Tenorio (Who have signed below) For our Clients: Ulla Maaria Engestrom and Alexey Solomatin. Summary of Product(s) to be tested: HTML image and video tag for itunes song albums Using API s, pull JSON object taken from link provided by the user, format and display desired elements on an html tag Contact Info: Resources required for testing: Internet browser with JavaScript enabled (possibly newest version is needed e.g Mozilla Firefox) Internet Connection Process for defect, reporting & repair: Issues and defects are reported to or any of the given s stated above Issues or repairs are then taken care of within a week or before the next scheduled meeting Confirmation of the resolved issue or repair request will be sent upon finish by development team 18
20 Functional Testing Plan: User Identification User Goal Test Id Estimated Time(Devs) Estimated Time (Testers) User Play Demo Song 1 ~30s User User User User Viewing More by this Artist Clicking And More button Clicking Buy on Itunes button Scrolling left and right in song albums 2 ~1s 3 ~1s 4 ~1s 5 ~10s 19
21 List of Test Cases: User Type Goal Pre Conditions/ Configurations Test Script Checking for correct completion Customer Play Demo Song itunes Server online, customer has link 1. User hovers over song 2. Play button should replace song number 3. User presses play button or song title 4. Song demo starts 5. Playing icon should be present even when hovering out of the song title 6. When song demo ends, play button is replaced again by the song number 7. Hovering outside of a song title while the song has ended or is paused, should show the song number rather than the play button Song demo plays for thirty seconds before the playing icon returns to the form of a song number User Type Goal Customer Viewing More by this artist 20
22 Pre Conditions/ Configurations Test Script Checking for correct completion itunes Server online, customer has link User hovers over song 1. User hovers over button 2. Button turns a lighter shade of grey 3. User presses button 4. Tag changes to a different format, displaying other songs by the artist 5. When finished, user clicks Back to link on top left to return Clicking button successfully shows other song titles by the artist User Type Goal Pre Conditions/ Configurations Test Script Checking for correct completion Customer Clicking and more button itunes Server online, customer has link 1. click and more button 2. Itunes preview page for the artist collection opens in new browser tab and more button should announce the total amount of songs in the album not included in the tag as well as open the new link in a different tab 21
23 User Type Goal Pre Conditions/ Configurations Test Script Checking for correct completion Customer Clicking Buy on itunes button itunes Server online, customer has link 1. User hovers over button 2. Button changes color 3. User clicks button 4. User is taken to itunes page to buy the song of album User should be taken to the corresponding itunes page of the song or album with more information and a method to buy song or album User Type Goal Pre Conditions/ Configurations Test Script Customer Scrolling left and right on more albums itunes Server online, customer has link 1. Hover over left most or right most part of more albums region 2. Appropriate left or right scroll icon appears 3. Hover over scroll icon 4. Albums will scroll in direction of scroll icon if possible 22
24 Checking for correct completion User will be able to browse through the additional albums. Icons will not hinder the view of the albums unless the user hovers over the corresponding areas. 23
Design Document V2 ThingLink Startup
Design Document V2 ThingLink Startup Yon Corp Andy Chen Ashton Yon Eric Ouyang Giovanni Tenorio Table of Contents 1. Technology Background.. 2 2. Design Goal...3 3. Architectural Choices and Corresponding
More information1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites
A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout
More informationXerte. Guide to making responsive webpages with Bootstrap
Xerte Guide to making responsive webpages with Bootstrap Introduction The Xerte Bootstrap Template provides a quick way to create dynamic, responsive webpages that will work well on any device. Tip: Webpages
More informationAdobe Marketing Cloud Best Practices Implementing Adobe Target using Dynamic Tag Management
Adobe Marketing Cloud Best Practices Implementing Adobe Target using Dynamic Tag Management Contents Best Practices for Implementing Adobe Target using Dynamic Tag Management.3 Dynamic Tag Management Implementation...4
More informationCracked IntegralUI Studio for Web all pc software ]
Cracked IntegralUI Studio for Web all pc software ] Description: IntegralUI Studio for Web a suite of advanced AngularJS directives and jquery widgets. Includes following UI components: Accordion - A list
More informationIntroduction to Moodle
Introduction to Moodle Preparing for a Moodle Staff Development Session... 2 Logging in to Moodle... 2 Adding an image to your profile... 4 Navigate to and within a course... 6 Content of the basic template
More informationSiteforce Pilot: Best Practices
Siteforce Pilot: Best Practices Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front
More informationUsing Development Tools to Examine Webpages
Chapter 9 Using Development Tools to Examine Webpages Skills you will learn: For this tutorial, we will use the developer tools in Firefox. However, these are quite similar to the developer tools found
More informationHTML/CSS Lesson Plans
HTML/CSS Lesson Plans Course Outline 8 lessons x 1 hour Class size: 15-25 students Age: 10-12 years Requirements Computer for each student (or pair) and a classroom projector Pencil and paper Internet
More informationInternet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.
Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information. WWW: (World Wide Web) A way for information to be shared over
More informationChat Connect Pro Setup Guide
Chat Connect Pro Setup Guide Wordpress plugin data manager Live Streaming / Video Production Data Feed Plugin Setup Setup Process: Step 1 Purchase Plugin Step 2 Install plugin by uploading plugin inside
More informationComponents in Joomla. Instructor for this Workshop. Web Development. School of Arts and Sciences
Components in Joomla Instructor for this Workshop Web Development School of Arts and Sciences TABLE OF CONTENTS Welcome... 4 What is Joomla?... 4 What is a Component?... 4 Joomla Weblinks... 5 Sample Use
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationThe Structure of the Web. Jim and Matthew
The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop
More informationJSN UniForm User Manual. Introduction. A simple contact form created by JSN UniForm. JSN UniForm is a Joomla form extension which helps you create
JSN UniForm User Manual Introduction A simple contact form created by JSN UniForm JSN UniForm is a Joomla form extension which helps you create forms quickly and easily - from normal forms to complex forms.
More informationUNIT 3 SECTION 1 Answer the following questions Q.1: What is an editor? editor editor Q.2: What do you understand by a web browser?
UNIT 3 SECTION 1 Answer the following questions Q.1: What is an editor? A 1: A text editor is a program that helps you write plain text (without any formatting) and save it to a file. A good example is
More informationTable of content. Creating signup form Associating automation tools to signup form Signup form reports...42
A User Guide Signup forms are the most popular tools for building a subscriber database. They let your website visitors become subscribers by entering basic details such as name and email address. The
More informationImplementing a chat button on TECHNICAL PAPER
Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook
More informationFigure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.
Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take
More informationMARKET RESPONSIVE PRESTASHOP THEME USER GUIDE
MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...
More informationSCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6
SCHULICH MEDICINE & DENTISTRY Website Updates August 30, 2012 Administrative Web Editor Guide v6 Table of Contents Chapter 1 Web Anatomy... 1 1.1 What You Need To Know First... 1 1.2 Anatomy of a Home
More informationCreating an Online Catalogue Search for CD Collection with AJAX, XML, and PHP Using a Relational Database Server on WAMP/LAMP Server
CIS408 Project 5 SS Chung Creating an Online Catalogue Search for CD Collection with AJAX, XML, and PHP Using a Relational Database Server on WAMP/LAMP Server The catalogue of CD Collection has millions
More informationIconasys Advanced 360 Product View Creator. User Guide (Mac OSX)
Iconasys Advanced 360 Product View Creator User Guide (Mac OSX) Overview 360 Product View Creator UI 1. Upload Image Area 2. Image Viewing Gallery 3. Output Format and Button Create 4. 360 Preview Window
More informationDRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE
DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...
More informationJSN EasySlider Configuration Manual
JSN EasySlider Configuration Manual Introduction Product Overview JSN EasySlider JSN EasySlider is the cutting-edge way to present content on website: Informative - Impressive - Interactive. It helps you
More informationFish Eye Menu DMXzone.com Fish Eye Menu Manual
Fish Eye Menu Manual Page 1 of 33 Index Fish Eye Menu Manual... 1 Index... 2 About Fish Eye Menu... 3 Features in Detail... 4 Integrated in Dreamweaver... 6 Before you begin... 7 Installing the extension...
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationStudent Success Guide
Student Success Guide Contents Like a web page, links in this document can be clicked and they will take you to where you want to go. Using a Mouse 6 The Left Button 6 The Right Button 7 The Scroll Wheel
More informationJoomla! extension JSN EasySlider User Manual
Joomla! extension JSN EasySlider User Manual (for JSN EasySlider 2.0.x) www.facebook.com/joomlashine www.twitter.com/joomlashine www.youtube.com/joomlashine This documentation is release under Creative
More informationCIS 408 Internet Computing Sunnie Chung
Project #2: CIS 408 Internet Computing Sunnie Chung Building a Personal Webpage in HTML and Java Script to Learn How to Communicate Your Web Browser as Client with a Form Element with a Web Server in URL
More informationUnit 2 - Week 1 Lectures: Introduction to the Internet
X Courses» Introduction to Modern Application Development Announcements Course Forum Progress Mentor Discourse forum Discussion Forum Unit 2 - Week 1 Lectures: Introduction to the Internet Course outline
More informationJSN PageBuilder 2 User Manual
JSN PageBuilder 2 User Manual Introduction About JSN PageBuilder 2 JSN PageBuilder 2 is the latest innovation of Joomla PageBuilder with great improvements in terms of design, features, and user experience.
More informationN/A. JSN PageBuilder 2 Configuration Manual Introduction. System Requirements. Product Usage. Joomla Requirements. Server Requirement
JSN PageBuilder 2 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation from Joomla! PageBuilder, with great improvements to the interface, features, and
More informationSoftware. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading
Full Stack Web Development Intensive, Fall 2017 There are two main objectives to this course. The first is learning how to build websites / web applications and the assets that compose them. The second
More informationPROFILE DESIGN TUTORIAL KIT
PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify
More informationA Guide to Liv-ex Software Development Kit (SDK)
A Guide to Liv-ex Software Development Kit (SDK) Document revision: 1.0 Date of Issue: 9 May 2018 Date of revision: Contents 1. Overview... 3 2. What you can do with the Liv-ex SDK... 3 3. The Liv-ex SDK
More informationJSN ImageShow Configuration Manual Introduction
JSN ImageShow Configuration Manual Introduction JSN ImageShow is the gallery extension built for Joomla! Content Management System for developers, photographers, and publishers. You can choose to show
More informationPVII HEADLINE SCROLLER MAGIC
PVII HEADLINE SCROLLER MAGIC The state of the art in Dreamweaver widgets... Create gorgeous and responsive headline scrollers in Dreamweaver with just a few clicks! We hope you enjoy using this product
More informationTYPO3 Editing Guide Contents
TYPO3 Editing Guide Contents Introduction... 2 Logging in... 2 Selecting your Workspace for editing... 2 Working with Content Elements... 3 Working in the Editing Window... 4 Pasting content from MS Word
More informationA Simple Course Management Website
A Simple Course Management Website A Senior Project Presented to The Faculty of the Computer Engineering Department California Polytechnic State University, San Luis Obispo In Partial Fulfillment Of the
More informationUI Course HTML: (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) Introduction. The World Wide Web (WWW) and history of HTML
UI Course (Html, CSS, JavaScript, JQuery, Bootstrap, AngularJS) HTML: Introduction The World Wide Web (WWW) and history of HTML Hypertext and Hypertext Markup Language Why HTML Prerequisites Objective
More informationUsing AJAX to Easily Integrate Rich Media Elements
505 Using AJAX to Easily Integrate Rich Media Elements James Monroe Course Developer, WWW.eLearningGuild.com The Problem: How to string together several rich media elements (images, Flash movies, video,
More informationFORMS. The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions. Presented by: John Reamer
FORMS The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions Presented by: John Reamer Creating Forms Forms and Surveys: When and What to Use them For Both Allow you
More informationThis presentation will show you how to create a page in a group eportfolio.
This presentation will show you how to create a page in a group eportfolio. 1 If you are using your eportfolio for presenting group work, you will need to create a group eportfolio page, which all the
More informationMaster Project Software Engineering: Team-based Development WS 2010/11
Master Project Software Engineering: Team-based Development WS 2010/11 Implementation, September 27 th, 2011 Glib Kupetov Glib.Kupetov@iese.fraunhofer.de Tel.: +49 (631) 6800 2128 Sebastian Weber Sebastian.Weber@iese.fraunhofer.de
More informationDesigning the Home Page and Creating Additional Pages
Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From
More informationCreating a Website with Wordpress
Creating a Website with Wordpress Wordpress Fundamentals Version 1.6 Fayette County Public Schools June 28, 2013 Sow-Foong Hedman Technology Web Team Contents What is Wordpress?... 4 Overview... 4 Key
More information8.0 Help for End Users About Jive for SharePoint System Requirements Using Jive for SharePoint... 6
for SharePoint 2010/2013 Contents 2 Contents 8.0 Help for End Users... 3 About Jive for SharePoint... 4 System Requirements... 5 Using Jive for SharePoint... 6 Overview of Jive for SharePoint... 6 Accessing
More informationDELIZIOSO RESTAURANT WORDPRESS THEME
DELIZIOSO RESTAURANT WORDPRESS THEME Created: 06/08/2013 Last Update: 25/10/2013 By: Alexandr Sochirca Author Profile: http://themeforest.net/user/crik0va Contact Email: alexandr.sochirca@gmail.com v.
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationCUSTOMER PORTAL. Custom HTML splashpage Guide
CUSTOMER PORTAL Custom HTML splashpage Guide 1 CUSTOM HTML Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript and want to create a splash page
More informationMIXPO GUIDE SERIES. Mixpo Platform User Guide: Overview of Rich Media Ad Units RICH MEDIA
MIXPO GUIDE SERIES Mixpo Platform User Guide: Overview of Rich Media Ad Units RICH MEDIA Welcome to Mixpo! The contents of this User Guide and appendices will help you effectively navigate the Mixpo platform
More informationSwiiit User Guide 09/11/2016
Swiiit User Guide 09/11/2016 Contents Getting Started... 4 Overview of Main Tools... 5 Webpages... 6 Main pages (Sections)... 6 Rearrange Sections... 6 Subpages... 7 Change the Title of a Webpage... 8
More informationWEBSITE INSTRUCTIONS. Table of Contents
WEBSITE INSTRUCTIONS Table of Contents 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced
More informationJoomla! Advanced Content Editing January 11, 2018
Joomla! Advanced Content Editing January 11, 2018 Instructor for this Workshop Web Development School of Arts and Sciences TABLE OF CONTENTS Welcome... 3 What is Joomla?... 3 Joomla Administrator Overview
More informationImpressive Navigation. Client: Data Verity Client Representative: David Flammer Team: Jerrod Crook, Kelton Hislop, Tim Ross
Impressive Navigation Client: Data Verity Client Representative: David Flammer Team: Jerrod Crook, Kelton Hislop, Tim Ross 1 Introduction Client Description Data Verity is a Business Intelligence Solution
More informationHTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week
WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML
More informationUser pages for RM Portico
Using gives you access to your files on your school or college network from a browser on any computer (including desktops, laptops, tablets, netbooks and smartphones; for more information see Appendix
More informationModern Requirements4TFS 2018 Release Notes
Modern Requirements4TFS 2018 Release Notes Modern Requirements 3/7/2018 Table of Contents 1. INTRODUCTION... 3 2. SYSTEM REQUIREMENTS... 3 3. APPLICATION SETUP... 3 GENERAL... 4 1. FEATURES... 4 2. ENHANCEMENT...
More informationGetting Started with Eric Meyer's CSS Sculptor 1.0
Getting Started with Eric Meyer's CSS Sculptor 1.0 Eric Meyer s CSS Sculptor is a flexible, powerful tool for generating highly customized Web standards based CSS layouts. With CSS Sculptor, you can quickly
More informationFlash Image Enhancer Manual DMXzone.com Flash Image Enhancer Manual
Flash Image Enhancer Manual Copyright 2009 All Rights Reserved Page 1 of 62 Index Flash Image Enhancer Manual... 1 Index... 2 About Flash Image Enhancer... 3 Features in Detail... 3 Before you begin...
More informationLive Guide Co-browsing
TECHNICAL PAPER Live Guide Co-browsing Netop develops and sells software solutions that enable swift, secure and seamless transfer of video, screens, sounds and data between two or more computers over
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationNRize Responsive Custom T shirt Designer
NRize Responsive Custom T shirt Designer Created: 22nd July 2015 Latest update: 16 May 2016 By: CSSChopper Team Email: david@csschopper.com Shopify Page: https://apps.shopify.com/online product customizer
More informationName Ella Swain Assessment Number. East St Cafe. Project Name ORGANISING AND PLANNING
This template is for recording a journal of your development process. It provides evidence of how skilfully and efficiently you implemented your plan. You can copy and paste the entire contents of this
More informationTable of contents. Sliding Menu Manual DMXzone.com
Table of contents About Sliding Menu... 2 Features in Detail... 3 Before you begin... 19 Installing the extension... 19 Reference: iphone and Android Intents... 20 Reference: Sliding Menu Designs... 22
More informationTaking Fireworks Template and Applying it to Dreamweaver
Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate
More informationTesting your TLS version
Testing your TLS version If you are not able to access Progressive Leasing websites, you may need to upgrade your web browser or adjust your settings. In order to test your TLS version to see if it is
More informationEnlargeit! Version 1.1 Operation Manual
Enlargeit! Version 1.1 Operation Manual Contents Page 1 What is EnlargeIt! 2 2 What does EnlargeIt! need 2 3 Displaying pictures 2 3.1 Easy integration 2 3.2 Failsafe integration 3 4 Displaying flash (*.swf)
More informationSwiiit User Guide 03/09/2015
Swiiit User Guide 03/09/2015 Contents Getting Started... 4 Overview of Main Tools... 5 Webpages... 6 Main pages (Sections)... 6 Rearrange Sections... 6 Subpages... 7 Change the Title of a Webpage... 8
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan
More informationCreating Effective School and PTA Websites. Sam Farnsworth Utah PTA Technology Specialist
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist sam@utahpta.org Creating Effective School and PTA Websites Prerequisites: (as listed in class description) HTML
More informationiperceptions Comment Card Methodology
INTRODUCTION Comment Cards provide the ability to collect tactical feedback from your website visitors using a passive, user- initiated invitation methodology. The goal of this document is to provide the
More informationHot Desking Application Web Portals Integration
Hot Desking Application Web Portals Integration NN10850-038 2 Document status: Standard Document issue: 04.01 Document date: Product release: Release 2.2 Job function: Fundamentals Type: NTP Language type:
More informationCOURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3
COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 MODULE 1: OVERVIEW OF HTML AND CSS This module provides an overview of HTML and CSS, and describes how to use Visual Studio 2012
More informationNACStat FAQ s Background Table of Contents
NACStat FAQ s Background This is a supplementary document created to assist with problems one may be having using the NACStat (also called imis) website. This document will continue to be updated as new
More informationComputers for Beginners. Tuesday, July 7, p.m. Instructor: Anne Swanson
Computers for Beginners Tuesday, July 7, 2015 2-4 p.m. Instructor: Anne Swanson If you are new to computers, it can be difficult to start because many people have grown up with them and there isn t always
More informationCS 268 Lab 6 Eclipse Test Server and JSPs
CS 268 Lab 6 Eclipse Test Server and JSPs Setting up Eclipse The first thing you will do is to setup the Eclipse Web Server environment for testing. This will create a local web server running on your
More informationAdobe Dreamweaver Spry Elements
Adobe Dreamweaver Spry Elements Spry Elements Contents Spry... 2 What is Spry?... 3 Facts You Need to Know Before Adding Spry... 3 Spry Menu Bar... 4 Repeating Regions... 5 Spry Effects... 7 Changing the
More informationP a g e 0. CIDRZ Website Manual.
P a g e 0 2015 CIDRZ Website Manual http://cidrz.org/ Manual Contents 1. Overview... 2 Getting Started... 2 The Frontend... 2 The Backend... 2 2.0 Managing the website... 4 Adding & editing pages... 4
More informationBindTuning Installations Instructions, Setup Guide. Invent Setup Guide
BindTuning Installations Instructions, Setup Guide Invent Setup Guide This documentation was developed by, and is property of Bind Lda, Portugal. As with any software product that constantly evolves, our
More informationDreamweaver Basics Workshop
Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What
More informationFlash Ads. Tracking Clicks with Flash Clicks using the ClickTAG
How-to Guide to Displaying and Tracking Rich-Media/Flash Ads Image advertising varies from standard GIF, JPG, PNG to more interactive ad technologies such as Flash, or rich-media (HTML Ads). Ad Peeps can
More informationDo It Yourself Website Editing Training Guide
Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing
More informationPHP & My SQL Duration-4-6 Months
PHP & My SQL Duration-4-6 Months Overview of the PHP & My SQL Introduction of different Web Technology Working with the web Client / Server Programs Server Communication Sessions Cookies Typed Languages
More informationTo make Roadtrip Nation Web pages accessible to all, here are a few plugins for the Chrome browser to help you.
To make Roadtrip Nation Web pages accessible to all, here are a few plugins for the Chrome browser to help you. These plugins will read the text aloud for you, allow you to speak your answers instead of
More informationTelerik Test Studio. Web/Desktop Testing. Software Quality Assurance Telerik Software Academy
Telerik Test Studio Web/Desktop Testing Software Quality Assurance Telerik Software Academy http://academy.telerik.com The Lectors Iliyan Panchev Senior QA Engineer@ DevCloud Testing & Test Studio Quality
More informationWritten by Administrator Sunday, 05 October :58 - Last Updated Thursday, 30 October :36
YJ NS1 is Joomla 1.0 and Joomla 1.5 native module that will allow you to scroll, scrollfade or fade in your existing Joomla news items. Yes existing ones. This means that you do not need any additional
More informationTestOut Desktop Pro English 4.1.x RELEASE NOTES. Modified
TestOut Desktop Pro English 4.1.x RELEASE NOTES Modified 2018-08-01 Contents Overview... 2 Version 4.1.4 Release (August 2018)... 2... 2 Version 4.1.3 Release (June 2018)... 2... 2 Version 4.1.2 Release
More informationLab 1: Getting Started with IBM Worklight Lab Exercise
Lab 1: Getting Started with IBM Worklight Lab Exercise Table of Contents 1. Getting Started with IBM Worklight... 3 1.1 Start Worklight Studio... 5 1.1.1 Start Worklight Studio... 6 1.2 Create new MyMemories
More informationIMAGE TO 3D PAGEFLIP
WWW.3DPAGEFLIP.COM IMAGE TO 3D PAGEFLIP FOR MAC Build 3D page-flip ebook with Images on Mac About Image to 3DPageflip for Mac Want to create a digital album with a set of pictures? Image to 3D PageFlip
More informationNEC UC Desktop R6 UI Customizations. NEC Desktop R6.5
NEC UC Desktop R6 UI Customizations NEC Desktop R6.5 Contents 1. Overview... 3 2. Licensing... 3 3. System Requirements... 3 4. Profile View... 4 4.1 BLF Appearance Selection... 4 4.1.1 UC Desktop Selection...
More informationJSN PageBuilder 3 Configuration Manual Introduction
JSN PageBuilder 3 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation of Joomla! PageBuilder with great improvements in the interface, features, and user
More informationDocumentation for the new Self Admin
Documentation for the new Self Admin The following documentation describes the structure of the new Self Admin site along with the purpose of each site section. The improvements that have been made to
More informationModern Requirements4TFS 2018 Update 3 Release Notes
Modern Requirements4TFS 2018 Update 3 Release Notes Modern Requirements 12/14/2018 Table of Contents 1. INTRODUCTION... 3 2. SYSTEM REQUIREMENTS... 3 3. APPLICATION SETUP... 4 GENERAL... 5 1. FEATURES...
More informationCS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!
CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 06: Introduction to KompoZer (Website Design - Part 3 of 3) Lab 6 Tutorial 1 In this lab we are going to learn
More informationAdaptations by PVII responsive and then creates your page instantly Al Sparber & Gerry Jacobsen PVII
Adaptations by PVII is a Dreamweaver extension that allows you to select from 5 unique responsive layouts and then creates your page instantly. We hope you enjoy using this product as much as we did making
More informationFLIP PDF FOR IPAD. Realistic book reading experience on ipad
WWW.FLIPBUILDER.COM FLIP PDF FOR IPAD Realistic book reading experience on ipad About Flip PDF for ipad Flip PDF for ipad is a stunning utility to convert PDF files into ipad friendly imagazines with page-flipping
More informationWebSphere Puts Business In Motion. Put People In Motion With Mobile Apps
WebSphere Puts Business In Motion Put People In Motion With Mobile Apps Use Mobile Apps To Create New Revenue Opportunities A clothing store increases sales through personalized offers Customers can scan
More informationicreate Editor Tech spec
icreate Editor Tech spec Creating a landing page? A website? Creating, designing, and building professional landing pages and websites has never been easier. Introducing icreate's drag & drop editor: Our
More information