web.de

From Cliquesoft
Revision as of 14:06, 26 May 2016 by Digitalpipe (Talk | contribs)

Jump to: navigation, search

As the name suggests, web.de is a desktop environment based on web standards such as HTML and javascript. Using this style of interface brings certain advantages along with it such as the built-in (optional) remote access capabilities and the ability for it to be easily modified or customized. Although there are multiple official themes available for this project, it is important to note that we have tried to engineer a user interface (UI) that is intuitive and simple to use. Because of these design goals, hopefully everyone from a child to a grand mother will be able to easily use this software!


License

This projects' codebase is licensed under the CPLv2 unless a valid CPLv1 license has been purchased. More information about both of these licenses can be found under the "Our Licenses" link of our homepage.



User Interface

Currently there are three official themes that are available with this project to provide a familiar interface for users coming from various other operating systems such as Microsoft Windows and Canonical's Ubuntu, however, the default interface is of our own design. It is important to remember that the themes designed to mimic other OS's are not meant to be exact duplicates of their counterparts, but instead they retain our unique aspects while organizing them in a (somewhat) familiar environment. This section will cover each of those themes by first discussing their basic structure, and then going over the details of the various parts that make up the interface.


Default

After you go through the initial setup of the operating system, this interface will be the one used by default. It has a very basic structure that consists of one navigation bar (navbar) on the left-hand side of the screen, and within it are a handful of options that allow you to interact with the device. Clicking on any of these options will present you with related information or access to other programs. The top six tabs will contain an icon, a name, or both (depending on your screen resolution) that indicates its function. On non-mobile devices, holding your mouse cursor over each tab for a couple of seconds will present its name in the event it is unclear. Following those tabs are three indicator icons that present a way to easily see what communication methods are available and working. Just like the tabs, clicking on any one of these will show additional information about each of those connections as well as the ability to turn them on or off. Following those indicators is another icon that will bring up this information directly in the user interface so that users do not have to go out of their way to get help. And finally, there is the 'epoch' tab. Clicking it will present a screen full of information about the current date and time, present holidays, and more!



Windows-esque

As the name suggests, this theme is designed to provide familiarity to users that are coming from Microsoft Windows. Like the default interface discussed above, this one also has a simple structure that consists of only one navigation bar (navbar). However, unlike the default theme, this one has an additional section that shows the currently running applications and is known as the 'taskbar' and just like in Windows, clicking an icon will bring its associated application into focus. The icons on the far left-hand side provide access into various parts of the interface and will also show helpful information by placing your mouse cursor over them for a couple of seconds. It is important to note that unlike Microsoft Windows, the 'Start button' (known as 'Access' in XiniX) can be clicked twice to show either the 'Start Menu' or the currently selected location (Device, Local, Network). Moving on to the right-hand side of the navbar, you will see the connections, epoch, and installation options. The 'connections' and 'epoch' options work as described in the 'Default' theme above, but the 'installation' icon deserves a little further explanation. Unlike other operating systems that require separate media for installation (e.g. CD/DVD) and operation (e.g. hard drive), XiniX does not distinguish between the two - meaning the installation media can also be the operating media too (e.g. flash drive)! So by clicking this icon, you will be presented a popup giving you the ability to install the XiniX operating system to a variety of connected equipment. And since XiniX is an open source project, you can feel free to make and distribute as many copies as you'd like to whomever you'd like!



Unity-esque

One of the most popular Linux distros is Canonical's Ubuntu so it made sense that if we were to create a familiar 'native' Linux interface, this would be the place to start. Although the structure is not as simple as the prior two we have covered, it is far from complicated. Similar to the 'Default' theme, this one also has a navigation bar (navbar) on the left-hand side of the screen, but in contrast it also has another bar at the top known as the 'titlebar'. The navbar in this theme is a little bit of a mixture between the 'Default' and 'Windows-esque' themes in that it contains the same tabs that provide access to the interface at the top, followed by a similiar Windows-esque 'taskbar' section below them, and finally by the 'help' and 'epoch' options at the bottom. The 'titlebar' is a separate bar that will enable the user to install XiniX to attached media of the device (see the 'Install' option below), start applications using the textbox, see which communication methods are available and working, and to change the state of the device itself. To get more information about each of these items, read the appropriate section below.



Common Aspects

No matter which theme you decide to use, the rest of the display will be consumed with the layout of any screen selected from interaction with the navbar or (optionally) the titlebar. What's more is that any 'bar' that is shown will always be visible so that the user can quickly go from working in an application to interacting with the operating system. Currently there are just four main parts to this desktop environment due to the fact that some of our goals are to remain minimal for security and get out of the way so that the users work takes center stage. Each will be covered below in greater detail.


Login

Just like every other OS on the market, XiniX boots up to an authentication screen where you will need to enter credentials in order to gain access to the device. In its current state, it is quite minimal in that it can only take local usernames and passwords, however, there are plans to expand in the future to include other options like ldap, openID's, and more! After providing valid authentication credentials, the main interface is started and is covered below.



Interface

As mentioned, each interface contains at least one 'bar' that allows the user to interact with the system. Since each theme contains its own characteristics, we could not group the items below into specific sections or 'bars'. So as a result we are going to list them one-by-one with the options you would normally see in the 'navbar' and then followed by the ones that 'float' around.

Access This screen will be used for the majority of the interaction with the device and is similar to the Start Menu in Windows. Where the Microsoft solution provides general access to the system, the one in web.de is laid out in three distinct areas - Device, Local, Network (DLN). The first option provides all the categories available that relate to the device itself and should be restricted to those users who are knowledgeable about the inner workings of the device due to erroneous input here potentially causing serious problems with overall functionality. Contrarily, the 'Local' option provides the user with the ability to access and manipulate locally attached devices (e.g. USB printers and drives) and storage (containing your data). The final option provides the ability to access and control a variety of network resources. Additional details are provided in the 'Access Menu' section below.

Windows-esque: This theme actually combines this option along with 'Recent', 'Help', 'State', and 'Smartbar' (from below) to make-up the 'Start Menu'. When the 'Access' icon is dark shaded, either the 'Start Menu' is showing or it will be shown if another option is currently being viewed when clicking it. If the icon is light shaded, either the DLN screen is showing or it will be shown if coming into focus.

Desktop One of the most familiar parts of any operating system, the desktop mostly acts as the place to store frequently accessed documents and shortcuts to start applications. Like traditional desktops such as Windows, the icons stored here in web.de can be re-arranged based on various criteria so that the desired one can more quickly be located. This functionality will also be extended to our mobile interface unlike Android and iOS. Currently there are several ways to sort the contents and include by date, file, name, size, and type. By default, this screen is sorted by filename, alphabetically. When sorting by date, the icons will be arranged so that the latest accessed files are at the top of the list. If you would like to sort the icons so they are grouped by type (e.g. doc, mp3, pdf, etc), then click the 'File' option. To sort by file size (smallest first), simply select the 'Size' option. Finally, you can arrange the layout by the category type that the application belongs to (e.g. Eduation, Productivity, Social, etc).

Widgets Most users enjoy being able to customize their devices to their own liking and web.de allows you to do just that using this screen! To (un)install an extension, a theme, or an icon set, navigate to this screen where you will be presented with a popup listing all the available options for the desired widget. You can change the type of widget to list by using the links at the top of the popup. Once you are in the desired list, click any item on the left to bring up its details on the right. When you come across something you would like to install, simply click the 'Install' button within the item's details. For installed widgets that you no longer want, simply locate them in this screen and click the 'Uninstall' button.

Info As a way to quickly get various types of information with the device, use this screen to concisely show any information that you should be made aware of by the various software running on the device. While the main listing will be expanded to show more categories with the release of future projects of ours, this screen currently shows our Cliquesoft feed and device alerts along with available updates and information related to the system, software, hardware, and device health.

Recent Similar to the 'Info' screen, this one will display all the recent activity of the device to locate and open various accessed data such as documents, pictures, and videos. Unlike other traditional operating systems though, this screen will also show you recent software installations, uninstallations, and updates providing you the ability to rollback any of those modifications from a single location.

Epoch If you would like to see more information about the current epoch, click this item from the Navbar. The information shown here will be expanded as our new projects are publicly released, but it currently presents you with a large easy-to-see calendar along with information such as holidays occurring over the current month.

Indicators This batch of icons convey a visual representation of what communication methods are available and currently enabled for the device. Clicking any one of these icons will bring up a slider to enable or disable any particular method, change the device identity (hostname), and more!

Levels To see or adjust any levels of the device or connected devices, open this slider. For example, to adjust the screen brightness or volume level, this screen will enable you to make those modifications.

State Not only does this slider enable you to perform common tasks such as rebooting or shutting down the device, it also can be used to make a (remote) device act in a certain manor such as playing a movie or music. This can come in handy in situations were you want the target device to become the player instead of the controlling device (e.g. a computer attached to a television).

Help As the name suggests, clicking this icon will load the help documentation for web.de.

Install Clicking this icon will present the user with a popup that will install the XiniX operating system to a desired internal or attached storage device.

Smartbar Currently this textbox only works by typing the executable name of a binary to load, but will be expanded in future versions to process phrases such as 'watch videos', 'surf the web', and more!

Taskbar All traditional operating systems provide their users some way to switch between running applications, and web.de is no different. However, unlike Microsoft Windows that places some opened items in the taskbar and others in the system tray, the listing you find in this section of web.de's Navbar will show you all the user-loaded software. To switch to a desired application in the list, simply click its icon!


Access Menu

This menu has three separate areas that are known as Device, Local, and Network.

Pair Use this slider in order to pair XiniX with other devices using the XiniX operating system or that are configured to use the ssh daemon such as Amazon AWS.



web.browser

this is our Windows Explorer


web.state

this is our media area



Frequently Asked Questions (FAQs)

How do I install XiniX?

The easiest way is by using the built-in installation popup found in the 'Titlebar'. After clicking it, select the desired target media from the appropriate list along with the CPU architecture of the target device and then clicking the 'Ok' button. This process does take a bit of time surprisingly, especially if the CPU architectures of the source and target devices don't match.


How do I change my theme?

To perform this task simply click on the 'Widgets' icon from the 'Navbar'. After the popup has loaded, click on the 'Themes' link at the top and browse the list for any desired theme(s). Clicking on an entry on the left-hand side will show its details on the right where the 'Install' button resides for the actual installation of the theme. After these steps have been taken, click on the 'Access' icon from the 'Navbar' and the 'Device' option on the right-hand side of the screen. From there, expand the 'Settings' category and click the 'Configure' button that is associated with the 'web.de' entry. Now select the desired theme from the appropriate line in the popup and click the 'Ok' button.


How do I install software?

By default XiniX does not come with any pre-installed software (for security reasons) and depends on what type of software you are attempting to install. While all installations require the navigation of the 'Access' menu, drivers and services are accessed through the 'Device' option and all other applications are located in 'Local'. Once you have opened the appropriate category, click the toggle icon found opposite the category title which will expose the list of software that can be installed. Now simply change the listbox option to 'Install' for any software you want to use.


Can I watch streaming television shows?

Absolutely! We have actually tried to make it very easy for you to do just that! Simply click the 'State' slider and the 'Video' entry. Once the window gets loaded, you will see the current listing of online providers in the left-hand pane of the screen. Select which one you would like to preview and all the available shows will populate allowing you to select the one you wish to view.


How do I remotely access a XiniX device?

By default, XiniX has this ability turned off for security reasons. In the event that you would like remote access to any XiniX device, click the 'Access' icon from the 'Navbar' and select the 'Device' option. Afterwards expand the 'Settings' category and click the 'Configure' button to show the corresponding popup. Towards the bottom you will find two values that relate to the access setting. Now you should select either 'Remote only' or 'Local and Remote' depending on if you want to retain local access to the device. The second associated listbox will tell XiniX what IP address to use for remote access - one provided automatically via DHCP (default) or the one currently assigned to the network adapter. After a reboot has completed, you should now be able to access the device using the IP address that you configured.


How do I get a computer connected to my TV to play a movie from a remote device?

This is a prime example of what the 'State' slider was intended to resolve! Once you have ascertained the IP address of the computer connected to the TV, open a browser on your remote device and point it to that IP (be sure to use the correct port also!). From there navigate to the 'State' slider and click the 'Video' entry from the list. This will load another interface so that you can find the desired content to watch whether it is a personal video or something to be streamed over the Internet.