Category Archives: HTML/CSS

Elearning System for Filipino using PHP and MySQL

Level 1 Data Flow Diagram of Elearning System in Filipino

Elearning System for Filipino using PHP and MySQL

             Requirements of this phase include system functionalities to define what functions are to be included in the developed system to satisfy the needs of the teachers and students in teaching and learning Filipino subject; and constraints that the end-user (who will be using the system) expects from the system.

System Functionality

Administration – The Game developed has an admin user and password. It has a databank (quiz, uploaded videos, lessons) that can be manipulated and maintained by the admin. The administrator also can modify the quiz setting system.

User – Interaction between the games and the students is one of the features of the system. The student could access the game then view records.

Translator App for K-12 Mother Tongue Subject using JQuery Mobile and Phonegap Build

Translator App for K-12 Mother Tongue subject using JQuery Mobile and Phonegap Build

Translator App for K-12 Mother Tongue subject using JQuery Mobile and Phonegap Build

INTRODUCTION

In recent years, there is a rapid development of technology. One of the notable technologies which is gaining a fast pace popularity in the global consumer market is the mobile technology. In the survey report of Mark Page and Dr. Maria Molina (2013), there were 3.2 billion mobile subscribers, or nearly half the 7 billion world’s population. This is a significant achievement and it also demonstrates greater opportunity to bring the social and economic benefits of mobile technology to the rest of the world. Thus, giving users not just access to information but better experience in accessing information at their finger tips anytime and anywhere.

With the emergence of this trending mobile technology, there is a considerable probability to transplant academic affairs and information from computer to mobile devices to improve service quality and management efficiency. However, given the rapid pace of technological change over the last decade, many parents and teachers have found it challenging to keep up to date with new technologies and fully exploit the exciting educational opportunities that these new technologies represents.

Android Based Translator App Jquery Mobile and Apache Cordova

Translator app list of words

Android Based Translator App Jquery Mobile and Apache Cordova

INTRODUCTION

In recent years, there is a rapid development of technology. One of the notable technologies which is gaining a fast pace popularity in the global consumer market is the mobile technology. In the survey report of Mark Page and Dr. Maria Molina (2013), there were 3.2 billion mobile subscribers, or nearly half the 7 billion world’s population. This is a significant achievement and it also demonstrates greater opportunity to bring the social and economic benefits of mobile technology to the rest of the world. Thus, giving users not just access to information but better experience in accessing information at their finger tips anytime and anywhere.

Creating a form in HTML

Hi there! This next lesson will be on HTML Form

A HTML form or a web form is primarily used to collect data from the input of the user or visitor of your website, example of those data are (name, email, contact, address, etc.). The data that are captured will be sent to the server for storing, processing or for validation purposes.

HTML Forms

HTML Form

Creating a List in HTML

In this lesson, we’re going to learn how to create a list in html.

There are three different types of lists in HTML, we have unordered list, ordered and description/definition lists.

unordered list — a set or a list of related items, in no particular order.
ordered list — a set or a list of related items, in a specific order.
description/definition list — outline of terms and their definitions, the best example is the dictionary in which every word has its corresponding meaning or definition.

How to insert images in html

Hi everyone, this tutorial will be on HTML images. We will learn how to insert images on your webpage

A website without an image is somewhat boring; it makes your website more appealing to your visitors and it adds beauty to your site and much more.

So here we go now, so first we’re going to insert an image to our webpage

HTML Hyperlinks

This lesson will guide us on how to create hyperlinks in HTML

Hyperlinks or also known as links is a text or image that can send or move you to a different webpage by clicking the hyperlink or link.

You can determine if a text or image has link if you hover your mouse cursor to it,   the arrow sign will turn into a little hand.

Here is an example of code that creates a link:

<a href=”url”>nameOfLink</a>

HTML Comments

This lesson is about HTML Comments, how to add comments to your webpage and the importance of comments to your site

Comments in HTML

First let’s define what is a comment?  A comment is a piece or string of code that defines the purpose or to provide information about your code for others to understand your code.

To insert a comment to your webpage, use the comment tag.

 <!--   Your comment here -->

Anything you write between the comment tags will not be displayed in the browser.

 < !--   Your comment here -->

A space between the left angle (<) and the exclamation mark (!) will make your comment invalid, thus the line of code will be shown to the browser.

HTML Attribute

HTML Attribute

In this lesson, we’re going to learn about HTML attributes

An attribute is the one that provides information about HTML elements.

HTML attributes are always found in the opening tags. It starts after the keyword of your opening tag and ends before the > of the opening tag.

Format of HTML attribute:

nameOfattribute=”someValue” or nameOfattribute=’someValue’

<h2 align="left" >this text is align left</h2>

HTML Page Structure

HTML Page Structure

This lesson will discuss about the basic structure of a HTML document.

Below is an example of simple HTML page.

<html>
<head>
<title>This is my HTML document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>