Final Report Project

These days I have been working on the final report project. So far, it looks good and promising. xP I just cannot wait until all my assignments are over, because most of them have the same due date. (X_x)

Godspeed!! xD

Work...work..work....!! 3 days left!! Oink*...Oink*!!!!

Today, I just finished my assignment for another subject, however I still have three more assignments waiting on the line...hohoho!

My plan for today is that I am going to finish my DMT final report and I will check for the last time the HTML and CSS validation of my photography website.

Alright...I going to sleep now...I know it's a little bit late..xP

Cheer guys! no pain no gain! hehehe!

Server DOWN?!

Hey guys!

Does anyone know what happen with the rerun server??

iHUMAN: In what ways is immersion in digital technologies changing us as humans?

Hey guys,

I found this article today and it is quite interesting. Have a look if you have a free time. cheers! xD

https://www.adbusters.org/magazine/89/immersion-in-digital-technologies.html

Photography Webiste - Contact Page

Today, I practiced my PHP skills and in the end I succeeded to make my contact page using PHP. However, I am not really satisfied with the result and I think I am going to add something for my contact page. Any suggestions guys?? xD

Photography Website - Lomography page

Today, I tried to upload some images to my lomography page and here is the result.

Photography Website - Gallery Page

Today, I tried to design the gallery page for my photography website and here is the result.

JQuery (Week 11)

Today, our lecture was about Jquery. After I finished the class, I was wondering if I could use Jquery for my website navigation. Actually, I chose to use CSS before for my website navigation. However I changed my mind today and here is the result.

Photography Website - About Page

Today, I tried to design the about page for my photography website and here is the result.

HTML 5

This morning, I found these 2 articles and I think it is really interesting. Cheers!

How HTML5 Change The Way You Use The Web
HTML5 Readiness

More SQL (Week 10)

Yesterday, I practiced how to design a simple database for video store and this is the result.

References

• School of Software, Faculty of Engineering and Information Technology, UTS. 2009, 'Databases Lecture Slides', UTS, Sydney.

Embed Videos In Your Web Pages Using HTML5

This is how to embed videos in your web pages using HTML5.

Draft System Plan

Here is the link to my draft system plan.

Database & SQL (Week 9)

This week, the lecture class was about the database and SQL. I remembered in my first semester, I took the database subject. Therefore, I have some knowledge about database and below is my summary for database and SQL.

According to Mannino (1990, cited in Databases Lecture Slides 2009), database is a collection of persistent data that can be shared and interrelated. There are some characteristics of data in databases:

• Persistent (stored).
• Inter-related.
• Shared.

Moreover, Database Management System (DBMS) is a software system that enables users to define, create, maintain, and control access to the database (Connolly & Begg cited in Databases Lecture Slides 2009). Nowadays, there are many DBMS software in the marketplace (Databases Lecture slides 2009):

1. Enterprise DBMS

• Oracle : dominates in Unix, strong in Windows.
• SQL Server : strong in Windows.
• DB2 : strong in mainframe environment.
• Significant open source DBMSs : MySQL, Firebird, PostgreSQL.

2. Desktop DBMS

• Access : dominates.
• FoxPro, Paradox, Approach, FileMaker Pro

There are also some features of commercial DBMSs (Databases Lecture Slides 2009):

• Database definition.
• Non-procedural data access.
• Application development.
• Procedural language interface.
• Transaction processing.

Furthermore, a relational database is a collection of tables (Databases Lecture Slides 2009). There are some terms in database:

• Fields (columns).
• Data types: CHAR, VARCHAR, INT, SMALLINT, FLOAT, DATE/TIME, DECIMAL, BOOLEAN.
• Records (rows).
• Tables.
• Keys.
• Superkey : column(s) with unique values.
• Candidate key : minimal superkey.
• Primary key : a designated candidate key and cannot contain null values
• Foreign key : column(s) whose values must match the values in a candidate key of another table.
• Relationships.
• Relational database.
• The ordering of rows has no significance.
• The ordering of columns has no significance
• Row must be unique
• Cell values must be atomic
• Relational Database Management System.

Structure Query Language (SQL) is a database computer language designed for managing data in relational database management system (RDBMS) (Wikimedia Foundation 2010). There are four basic operations in SQL (Weakley 2010):

• Adding (inserting) data.
• Finding (selecting) data.
• Updating (modifying) data.
• Deleting data.

References

• Weakley, A. 2010, Databases & Structured Query Language, University of Technology Sydney, Sydney, viewed 4 May 2010, (https://online.uts.edu.au/courses/1/95564/content/_353009_1/dbmsAndSQL.pdf?bsession=38305700&bsession_str=session_id=38305700,user_id_pk1=251384,user_id_sos_id_pk2=1,one_time_token=).
• School of Software, Faculty of Engineering and Information Technology, UTS. 2009, 'Databases Lecture Slides', UTS, Sydney.
• Wikimedia Foundation 2010, SQL, Wikimedia Foundation, viewed 4 May 2010, (http://en.wikipedia.org/wiki/SQL).

Images Research

Today, I just finished my research on the images. I found several images that might suit for my gallery page because I divided my gallery page into several categories such as: People, Landscape, Architecture, Art, Nature, and Lomography. Moreover, I also updated my learning proposal. Cheers!! xD

JavaScript (Week 8)

Today, I learned more about JavaScript. There are some common uses for JavaScript:

• Image roll-overs
• Menus
• Validating forms (client-side)
• Browser detection
• Redirection

JavaScript interacts in 3 ways:

• With Users - using handlers and dialog boxes
• With Documents
• With Browsers

I also did the practical practice. The practical told us how to create the swap image function using MouseClick on JavaScript. I also succeed to implement the challenge exercise.
Here is the link to my exercise:
Blog1 - Using OnClick
Blog2 - Using OnMouseOver

PHP: What You Need To Know To Play With The Web

I found an interesting article on this site. Check it out! xD
http://www.smashingmagazine.com/2010/04/15/php-what-you-need-to-know-to-play-with-the-web/

PHP (Week 7)

Today, the lecture was about the PHP. It is stand for PHP: Hypertext Preprocessor. PHP is a server-side scripting language used to enhance the capabilities of web pages. PHP is widely used for e-commerce, blogs, web based email services, content management systems (CMS), and personal and business websites in general.

There are some rules in PHP:

• PHP goes inside the <?php and ?> tags
• all statements must be end in ;
• = --> means assign the following value
• == --> means is the same as

Moreover, we can use PHP to create some applications, such as guestbook, counter, form mailer, etc.

There are 3 different ways of printing in PHP:

• use print syntax
• use echo syntax
• use printf syntax

My PHP tutorial today not went really smooth. I struggled with the PHP syntax, especially when I tried to modify and copy the code. On the weekends, I am planning to spend my time to learn and practice more about the PHP. I hope I could get some ideas about the php syntaxes. xD

References

• Internet Programming Slides, PHP, Internet Programming, viewed 14 April 2010

More CSS (Week 6)

Today, the lecture was about the box and the box positioning using CSS. There are four elements of the box:

• Content
• Padding
• Border
• Margin

Morover,there are two common ways to make a CSS layout: using position property or float property.

Using Position Property

• Static - the default
• Absolute - relative to parent's hierarchy (usually for header and footer)
• Relative - relative to itself or for small adjustments.
• Fixed - it does not scroll

Using Float Property

• The concept is similar to aligning an image.
• It can be used to create layouts or simply float content.

XHTML & CSS (Week 5)

Today, I learned more about the css tags. A css tag contains three items: selectors, properties, and values. for example:

h1
{
     font-size: 24px;
}

h1 = selector.
font-size = property.
24 px = value.

I also learned about the 'Pseudo' selectors such as:
:hover ----> mouse over.

These are some codes from the tutorial:
.entry:hover h2
{
font-size: 30px;
}

.entry:hover p, .entry:hover img
{
 display: block; 
}

.entry p, .entry img
{
 display:none;

}

References:
W3schools. 2010, CSS References, viewed 16 March 2010, <http://www.w3schools.com/css/css_reference.asp>.

Server-Side Technologies (Week 4)

Today I learned about the server side technology. In order to build a website we need a web server. There are two popular web servers: Apache and Internet Information Server (IIS).

Moreover, we also need an application server. There are some popular application servers: PHP, Java Server Pages, and Active Server Pages.

We practiced the php date syntax today. Our task was to change the date format from "23 03 2010 19:22:12" to "Tuesday 23rd of March 2010 07:22:12 PM", and the result could be seen in this link.

References
Wikipedia. 2010, Web Server, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Web_server>.
Wikipedia. 2010, Apache, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Apache_web_server>.
Wikipedia. 2010, Internet Information Server, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Internet_Information_Services>.
Wikipedia. 2010, Application server, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Application_server>.
Wikipedia. 2010, PHP, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Php>.
Wikipedia. 2010, Java Server Pages, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Java_Server_Pages>.
Wikipedia. 2010, Active Server Pages, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Active_server_pages>.
PHP. 2010, php:date-manual, viewed 23 March 2010, <http://au.php.net/manual/en/function.date.php>.

Cheat Sheets

http://www.addedbytes.com/cheat-sheets/
This link provides a cheat sheet for HTML, CSS, JavaScript, PHP, and many more! I hope it is helpful!
Cheers!

Client-Side Technologies (Week 3)

Today lecture was about a client side technology. HTML, CSS, and JavaScript are examples of a client-side language. We are using these languages to build a website and to interact with a computer, so computers could display our imagination on the browser the same as we think.

In 1990, Tim Berners-Lee created HTML. Basically, HTML is a markup language. In the past, people used a markup language in the printing companies like newspapers. In 1994, Tim Berners-Lee founded W3C. W3C stands for World Wide Web Consortium; this organization make a standard language so every web page could be viewed all the same on every computer and on different browsers. Moreover, because HTML is a plain text so we can use a text editor to edit it, such as Notepad, Notepad++ (for PC), Dreamweaver, etc. HTML tags usually consist of an opening tag and a closing tag, but some tags are stand alone. Also, an HTML file consist of two parts: a head and a body.

There are four steps when a browser display a web page (Weakley 2010):

• Download the requested page for example index.html.
• Parse or read the HTML code.
• Download any external files (images, style sheet, JavaScript, Flash, etc).
• Render the page according to the rules that it has about how to display text, images, Flash, and other elements on the page.

There are some basic differences between HTML and XHTML (Weakley 2010):

• Tag and attribute names must be written in lower-case.
• Documents must be well-formed.
• Attribute values must always be quoted.

Additionally, we also talked about CSS. CSS stands for Cascading Style Sheet. CSS is used to define style of rules for elements of the document; it can be embedded, an external file, and inline. However, an external is recommended for the CSS. Another topic is the JavaScript. We use JavaScript to add interactivity to web pages. Google Map is one example of web pages that use JavaScript.

Finally, in the end of the class we practiced the HTML tags. There were four exercises that we need to finish in the class.

References

• Weakley, A. 2010, Client-Side Technologies, viewed 16 March 2010,<https://online.uts.edu.au/@@EB5EDC862776B77F20D3E084B38698D1/courses/1/95564/content/_344453_1/Client-Side.pdf>.
• Wikipedia. 2010, Tim Berners-Lee, viewed 16 March 2010, <http://en.wikipedia.org/wiki/Tim_Berners-Lee>.
• Wikipedia. 2010, W3C, viewed 16 March 2010, <http://en.wikipedia.org/wiki/W3c>.
• Wikipedia. 2010, CSS, viewed 16 March 2010, <http://en.wikipedia.org/wiki/Cascading_Style_Sheets>.
• Wikipedia. 2010, JavaScript, viewed 16 March 2010, <http://en.wikipedia.org/wiki/Javascript>.

Learning Proposal Draft

Here is my learning proposal draft :

http://www-student.it.uts.edu.au/~amulyadi/95564/learning_proposal.html

Network (Week 2)

In my second week of my Digital Media Technologies class , I learned more about the network. Before we start the class, we watched "Warrior on The Net" video. The video explains the process of data that flows on the Internet.


There are several types of network, for example: Local Area Network (LAN), Wide Area Network (WAN), and the InterNetwork. In every network, there is always a client and a server; A client is a computer which uses or requests for some services and a server is a computer that provides service(s).


Furthermore, to communicate between a client and a server we need a protocol. A protocol is a set of rules which is used by computers to communicate with each other across a network (Wikipedia 2010). there are some well-known protocols, such as HTTP, FTP, TCP/IP, POP3, IMAP, SMTP, Telnet, SSH, etc. Each protocol has their own port (Wikipedia 2010) :

1. HTTP : 80

2. FTP : 21

3. POP3 : 110

4. IMAP : 143

5. SMTP : 25

6. Telnet : 23

7. SSH : 22


Moreover, there is also a Domain Name System (DNS). DNS is a hierarchical naming system for computers, services, or any resource connected to the Internet or a private network (Wikipedia 2010). Since computers only know the binary code (0 and 1), therefore this naming system is really useful for us; instead typing an IP address on your browser, we can use something that is easy to remember such as www.google.com.

com      : the top-level domain

google  : second-level domain

http      : protocol



References
Wikipedia 2010, Protocol, Wikipedia, viewed 10 March 2010, <http://en.wikipedia.org/wiki/Protocol_%28computing%29>.

Wikipedia 2010, Domain Name, Wikipedia, viewed 10 March 2010, <http://en.wikipedia.org/wiki/Domain_name>.

Wikipedia 2010, The List of TCP and UDP port Numbers, Wikipedia, viewed 10 March 2010,
<http://en.wikipedia.org/wiki/List_of_TCP_and_UDP_port_numbers>.

Digital Media Technologies Class

Yesterday, I had my Digital Media Technologies class. I felt this subject is going to help me a lot. I want to know more about HTML, PHP, Java script, and other web stuffs to help my career in the future. I did some Flash projects when I was doing my Bachelor degree, so my ambition is to integrate my flash skills into the web and I hope I could make an awesome flash website someday. Cheers!