Connect with us

Inside TW

UST houses this year’s Form, Function, and Class

Published

on

[button color=”light” link=”https://www.facebook.com/media/set/?set=a.10151378883277355.460580.197486717354&type=1″ target=””]View gallery[/button]

     WEB DESIGNERS, programmers, and web enthusiasts gathered at this year’s web conference of the Philippine Web Designers Organization (PWDO) held last November 10 to 11 at the University of Santo Tomas (UST).

     In partnership with Association of Information Management (AIM) of De La Salle-College of Saint Benilde, UST Junior Philippine Computer Society, and TomasinoWeb, PWDO had yet another successful year for its flagship event entitled “Form, Function, and Class.” The 2-day event was open to all interested participants.

     Day one, Workshops The first day of the event consisted of workshops divided into morning and afternoon sessions, held at the Tan Yan Kee Student Center of UST. The morning session included Jesus Santos Jr., Rico Sta. Cruz, and Camille Zapata as presenters.

     Santos, a web developer at Wunderman, tackled Responsive Web Design that aimed to generate sites that are compatible for both computer and mobile gadgets. He said that at an age where Wi-Fi is onset to be a necessity for the modern man, responsive web design is intended to satisfy the users at home and outside.

     Sta. Cruz gave a talk about application interfaces and provided functional tips on how to make better interfaces and web designs. He is a co-founder and managing partner of Nadarei. He is also an open-source contributor on the web.

     Save22 interface designer Camille Zapata lectured on mobile interface, given that mobile web has become a big hit since smart phones were manufactured. The participants were encouraged to share their ideas on applications that they would like to have developed. Zapata noted that the apps should not only excel in the visual form and graphics, but on the function and substance as well.

     The afternoon session speakers consisted of JM Ibañez, founder of Codeflux, Inc; Julius Cerberos of IGDA-Manila; and Andrei Gonzales of Hugo Manila.

     Ibañez took HTML to a whole different level as he discussed how HTML objects can improve the quality of a website, making it more interesting for the web audience.

     Cerberos introduced the fundamentals of game programming. He explained the complex web of characters that enhanced the essential parts of the game and crucial mistakes that can impair the whole gameplay.

     Gonzales led an inspiring talk regarding the outlook of marketing online entitled “Mind Your Own Business.” He engaged the participants into thinking out-of-the-box and provided strategies on how to gain profit, developing the industry via web and the appropriate pricing on one’s work.

Day two, the Conference
     The second day of the event was held at the Thomas Aquinas Research Center (TARC) Auditorium where premier and brilliant web developers and designers shared knowledge and tips about certain aspects in the web.

     Lindsey Grande discussed about Web Typography. She said that typography is all about appropriateness. People usually bother about what is a good font to use, when they should actually be considering about who the content is for. She encouraged the web designers to experiment and go crazy on fonts, “We’re getting almost the same amount of freedom as print designers. So it’s a really good time to be a web designer today.”

     “Make your type mean something. Typography can influence your users, how they feel about your content. It can add value to your content. It’s not just about being pretty; it’s about making it mean something,” she added.

     Grande recently graduated Fine Arts at UST and currently runs The Color Cure Design Studio.

     A user group manager at Adobe, senior developer at Kihada in Canada, writer at Smashing magazine, and plugin developer at WordPress and JQuery, John Imbong discussed about HTML5 and CSS3.

     He had a short talk about the history of the web. “One of the more important things which made the web into what it is today is first and foremost, competition,” he said.

     He then talked about the features of HTML5, its tags and their uses. He mentioned accessibility as one of the reasons why people should use HTML5, commending its audio and video tags. As for CSS3, he said, “Before, you have to use mark-ups to create multiple backgrounds, but now you just have to separate it by space.”

     James Florentino, a user-interface designer at Wishbone Media and author of “Wings of Lemuria,” shared that the first problem he encountered for game development in Flash involving a lot of animations is that it exhibits a choppy behavior.

     Florentino talked about his transition from Flash to HTML5. He’s had an eight-year experience in Flash development before he decided to switch to HTML5 in 2011. What convinced him to hop into the technology was the canvas, audio, and video elements of HTML5 and its desktop notifications.

     Drei Alquiros, a quality assurance specialist at Spinweb Productions, Inc., discussed about cross-browser debugging. She started by giving a worldwide statistics of browser users: 1.39% uses mobile browsers; 1.62% for Opera, 7.77% for Safari, 22.36% for Mozilla, 32.39% for Internet Explorer, and 34.38% for Chrome.

     Alquiros said that as web developers and web designers, their goal is for the website to work in all browsers. “It would be better if your website would work in all browsers with as little code as possible.”

     She said that the key for cross-browser debugging is the CSS. She advised the participants to make their CSS as simple and with as little code as possible, saying that “all browsers begin with the basic things.”

     Noel Perlas, head of creative technology in Lowe and Partners, discussed about Designing for Interaction. “You start with understanding your user,” he said. Based on his interpretation of Bill Verplank’s designing the interface, these are among the several rules he follows: Feedback, Mapping, Redundancy, and Constraint.

     Marco Palinar, a veteran speaker in the Philippine Web Design Conference imparted knowledge on the topic “Things They Don’t Tell You About Being a Designer.” Palinar is currently a freelance web designer, working on several web startups as chief user interface designer.

     “Sure we all love design, it’s our passion, but we’re here to make design as our career and to earn from it obviously,” he said. Palinar also emphasized that it’s okay to say no.

     “There is such a thing as no deal. If it’s not attractive to you, you’re not obliged to engaged in the client or join that startup or company. It’s okay to say no.”

     “An idea is like a rollercoaster ride,” said JP De Guzman, chief creative officer of Rain Creative Lab. De Guzman talked about how to fight for your ideas. He gave his own three classifications of riders, with counterparts for individuals: the “naïve starters,” “almost there but not quite,” and the “thrill-seeking finishers.” The starters, according to De Guzman, are the people who are good at starting up things but not finishing them. The “almost there but not quite” types of people are those who are also good at starting but eventually losses confidence. Lastly, the “finishers” are the people who manage to get their ideas out in the open.

Web FWD, Innovation on the open web
     In time for the conference, Didem Ersoz was in the country to serve as a guest speaker. She discussed and promoted one of Mozilla’s newest programs: the Web FWD.

     Ersoz, project head of Web FWD, said in an interview with TomasinoWeb that what made them different from other incubators is that they don’t take equity from startups, they do not charge anything.

     “One unique thing, one strength of Mozilla is its community. Everything we do is with the support of our community. Everything we achieve is with the support of our community. That’s also how we operate with Web FWD.”

     When asked about her opinion on the potential applicants here in Philippines, she said, “What I see, like looking at this event and what I see around me, is that there’s a huge interest for startups, to build a business, to be an entrepreneur in the Philippines. And as far as I’ve heard from my local context here, there’s also good interest in open source projects. So I think there will be good amount of interest in the Philippines.”

     Web FWD is a 3-month global program that provides trainings, connection with experts, mentorship, and even legal support to entrepreneurs who want to build new web technologies. But there are requirements to be met.

     Since Mozilla’s main goal is innovation on the open web, the project should be open source. At least a certain part of the code should be open source. Another requirement is that there should be innovation in terms of technology. It has to possess a certain element of uniqueness, something fresh compared to the ones that already exist on the web. Lastly, there must be a potential to build a sustainable business around it.

     Because technology is so advanced, there is no need for relocation to participate in this program; everything is done online. Aside from the weekly links of learning modules and assignments, there will also be a weekly video conference team call where they discuss important topics related to your chosen field of business. And at the end of the program, the participants will be invited to go to Mozilla Headquarters in California to demonstrate their projects in front of experts, entrepreneurs, technologists, and enthusiasts to give them the chance to further develop their projects.

     The director of the program is Pascal Finette. Ersoz said that the program Web FWD was created because they want to support the mission of Mozilla which is innovation on the open web. They want to be able to access others who are innovating on the open web, outside Mozilla.

     One of the things that inspired Finette to create this kind of program is the story of John Resig, creator of JQuery. Mozilla wanted to support Resig with his project but there was no other way than to hire him as an employee. Upon hiring, Mozilla helped Resig to build his own project, JQuery. When JQuery reached its maturation point, Resig moved on and worked his own path.

     “So Mozilla wanted to help others, too, within following a structured program, that’s why we created Web FWD so that we can reach out to the open source innovators and we can support them [to] create their businesses, to transform their project into sustainable businesses,” said Ersoz.

By Chleobel D. Birginias and Mia Rosienna P. Mallari
Photo taken by Carmelo Culvera

Comments

Features

TomasinoWeb launches 4th JFFC conference

THE FOURTH Junior Form Function and Class (JFFC), the Philippine’s only web design conference for students, was launched at the Escaler Hall in Ateneo de Manila University last Sept. 27.

Published

on

THE FOURTH Junior Form Function and Class (JFFC), the Philippine’s only web design conference for students, was launched at the Escaler Hall in Ateneo de Manila University last Sept. 27.

TomasinoWeb, in collaboration with the Philippine Web Designers Organization (PWDO), invited several professionals in the field to share their knowledge and expertise to students from different schools and universities in numerous talks and workshops.

The JFFC conference convenes students around the country who want to expand their knowledge and discover further potentials in the field of web design by learning from professionals and interacting with web design enthusiasts, according to the JFFC website.

From student to “professional”

Ronnie Morales, CEO and founder of digital marketing company RMDC, opened the conference by discussing career opportunities for aspiring web designers and developers. Fields such as marketing and freelancing were cited as professional prospects for graduates.

“[Find] any opportunity that can grow your talent,” said Morales.

He further urged the delegates to join organizations and to participate in contests to gain mentorship and experience.

“You should be working [in] something that you are very interested in and not something you are not sure about,” he continued.

In transition from students to professionals, however, Morales stressed the need to “clean-up” one’s profile – especially in social media platforms.

“One must look professional,” Morales emphasized, “build your portfolio, build your network; [a] team you can collaborate with […] and never stop learning.”

Parallax and trends in Web Design

Potatocodes Inc. co-founder Mhariell Mosqueriola discussed the evolution of parallaxes from Mario to websites, and further continuing with the advantages of adapting parallax scrolling to boost site traffic.

“Parallax, actually, is one of the website trends of today […] and has three compositions. It has: foreground, middleground and background. Itong tatlong compositions na ito it moves in a way na magkakaiba yung paces nila – in short magkakaiba yung speed,” explained Mosqueriola.

Mosqueriola reiterated that the parallax provides a unique experience for the viewers as well as simplifies re-directing the visitors to different sections of a website.

The concept was met with criticism, however, regarding the country’s slow internet speed caused by the heaviness in excessive usage of parallax.

Hindi po ba mas babagal mag-load yung site kapag gumamit ng parallax?” asked one delegate.

Mosqueriola acknowledged this problem, and further advised that web designers would still have to choose between aesthetic and content accessibility for the effective usage of parallax.

Going solo

Angela Chua, a freelance designer from Toffeenut Design, elaborated her talk with eight points on design entrepreneurship and on how to “become your own boss.”

Preparing to fail was highlighted by Chua, however, telling that “failing does not become the finish line.” She encouraged them to “make mistakes” and take them as learning experiences. Chua also advised following routines for effective work management.

“When your body clock is off, you work is off,” she said.

To have a successful career in web design, Chua said that “the key [to success] is to not be afraid to say no.” She emphasized taking on passion projects and that entrepreneurs should be picky to avoid dull or underpaid projects, as well as knowing when to pass work opportunity to others.

The delegates attended two of their chosen workshops during the latter half of the conference where they engaged in a series of activities managed by their mentors. Workshops were held simultaneously.

Hands-on workshops

Juan Miguel Alvarez, founder of Potatocodes Inc., taught HTML5 basics and showed examples of web elements that can be created solely through HTML5. He later challenged the delegates to code in HTML5, and create their own concepts using basic shapes and other elements.

PWDO’s Design Lead Aceler Chua gave insights on principles and application of typography in the web. Aside from refuting the concept of web typography, he also cleared up common misconceptions posed by the delegates. One of the activities during the workshop included the sorting and pairing of typefaces.

Leonid Lintag discussed on using WordPress as an open-source Content Management System and later gave a demonstration on installing and creating a WordPress account alongside the delegates through a step-by-step process.

User experience (UX) Designers Mica Diaz de Rivera and Sam Chan started their workshop by making critiques on the UX elements of different websites – including the JFFC website. Their workshop tackled the analysis and building of user experience design through prototypes. The delegates were then asked to create application prototypes based on given user profiles, and present their designs after.

JFFC was co-presented by Zalora, KimStore and John Robert Powers and sponsored by WRIST and Birkenstock in partnership with Computer Science Society, Society of Information Technology Enthusiasts, Junior Philippine Computer Society, Information Systems Society, Computer Business Association, and Grids.

Photo by Agatha Charlotte M. Imbao

Text by Ysabel Hilado and Philip Jamilla

Comments

Continue Reading

Inside TW

Statement on the rainbow-colored profile picture of TomasinoWeb

TomasinoWeb, the official online student publication and organization of the University of Santo Tomas changed its profile pictures on its social media accounts into rainbow colors – a prominent symbol of the LGBT struggle.

Published

on

TomasinoWeb

IN SOLIDARITY with LGBT people celebrating Pride Month and the US Supreme Court ruling on equal marriage, TomasinoWeb, the official online student publication and organization of the University of Santo Tomas changed its profile pictures on its social media accounts into rainbow colors – a prominent symbol of the LGBT struggle.

Moved by love and compassion towards the LGBT community, the Core group of officers decided in a majority vote to change the profile picture on Saturday, June 27, 2015.

The change was met with cheers and jeers.

The profile picture reached thousands of Facebook users, was liked and shared hundreds of times, and ignited a fiery debate in the comments section before we took it down on Sunday, June 28, 2015.

We understand that some people were offended by the profile picture and we humbly apologize to them, as it was not our intention to do so nor was it our intention to go against the teachings of the Catholic Church.

As a student publication, we respect and consider everyone’s opinions, as it is necessary for a functioning democracy.

TomasinoWeb will continue to serve and connect the Thomasian community by delivering news and information from the University and beyond.

Comments

Continue Reading

Inside TW

Artlets hold majority of the positions in TomasinoWeb’s 8th Core group

TomasinoWeb announced its new set of officers for Academic Year 2015-2016 with AB students gaining the most positions.

Published

on

TomasinoWeb joins in the fiesta-themed parade for Recruitment 101 held last August 2014. Pictured (from left to right): Managing Editor Realyn Stevens, President Reymond Cabrera, outgoing Assistant Chief Photographer Clara Murallos, Assistant Chief Photographer Joshua Lugti, and outgoing President Daniel Marquez. Photo by Chealsy Dale

TOMASINOWEB announced its new set of officers for Academic Year 2015-2016 with AB students gaining the most positions.

Eight Artlets were elected to be part of the eighth Core group of the online student publication and organization, with AB Economics junior Jastyn Alain Limon as Executive Secretary, AB History senior Miguel Jimenez as Vice President for Finance, and AB Journalism seniors Zebadiah Cañero and Nica Roque as Vice President for Human Resources and Vice President for Publicity and Communications, respectively.

Limon, who became part of last year’s Executive Board, thanked the organization for trusting him with a higher position. “I know that my past experiences as part of the Executive Board would really help in performing my duty really well,” he said.

Limon also hopes for TomasinoWeb to reach out to more Thomasians as they do their best to give them fresh and informative news.

Outgoing Associate Editor Xavier Gregorio took the position of Editor-in-Chief, with outgoing Sports Editor Realyn Stevens as Managing Editor and Jessamine Sagcal as Associate Editor. The three Core editors are Journalism majors.

AB Communication Arts junior Joshua Lugti would be leading the Photography Department as Assistant Chief Photographer, along with Advertising Arts senior Bria Cardenas as Chief Photographer.

Information Technology senior Julius Renomeron Jr. will be serving his fourth year as Creative Director, while Information Systems junior Humphrey Litan will be the Assistant Creative Director.

Computer Science majors Alecxis Banag and Manrick Capotolan were named as Webmaster, and Assistant Webmaster, respectively.

Moreover, TomasinoWeb is set to gear for the coming Academic Year with its newly elected President from the Institute of Information and Computing Sciences (ICS), Computer Science senior Reymond Cabrera.

Itutuloy lang namin ‘yung trabaho namin na magbigay ng impormasyon sa mga kapwa Tomasino,

“Hindi lang balita o articles ang tinutukoy ko, kasama din diyan ang mga pictures, posters at videos na hindi [lang] naka-focus sa pagpapakita ng galing namin kung ‘di sa] pag papakita ng pusong Tomasino,” Cabrera said.

He will be joined by Commerce students Mariejo Gabuyo, Jose Chua Jr., and Julia Ocampo as Executive Vice President, Vice President for External Affairs, and Vice President for Community Development respectively.

The turnover ceremonies were held during TomasinoWeb’s year-end held at Villa Infant Jesus Pavilion in Marikina last June 20.

Comments

Continue Reading

Trending