DECO1800

Blog week15  Portfolio design and development The process involves visual design, wireframe drawing, difficult problems solving and delivery. Visual Design First I browsed through various portfolio samples and analysed how their content layouts are and which one gives better user experience, better interactive level, better present content. Wireframe As is shown in last week blog Difficulties and solution  First problem I met was the layout problem and use of css, the website gets easily messed up when there are a lot of stuff within one page and it is really difficult to put them in the same place across different monitor size, shape and browser.   What I did was to unify all the length measurement unit. For all the <div>s, I used unit ‘vh’ for its height and ‘vw’ for its width. It works even better the percentage (pixel is definitely worst choice when it comes to section align...

Blog week 14 This week, I've been mainly working on portfolio website. Being procastinating for ages, it is until this week that I started thinking about my portfolio website. What I did first is draft, grab my pen and draw my expected framework on my iPad. make adjustment and try implementing it. After the wireframe is drawn, I though about the content that I could put on the website. And found that DECO1400 personal interactive story book website and DECO1800 group project can be counted as main web development projects. And i believe my other two python projects from CSSE1001 can also count as software development projects. Besides projects, I also thought about other parts in the webpage, like About Me and Contact Me sections. And thus, I did a more detail and accurate design drawing. In implementation, most images i used were from creative commons, the rest images were created by me (either photography or drawing) Main page finished About me sectoin fin...

Blog week 13 The very last week of DECO1800, everyone has been super busy and we divided our project part C submission into two parts — documentation and website construction. Personally, i am mainly responsible for website construction and small part of documentation.   Website construction: for the final week, what i did is mostly debugging and another interactive user instruction pop-up page. Debugging ensured retrieving data from databases remain normal and group zone serve side working fine. And for the interactive user instruction thing, it took me a whole night to hard code it.   What i originally thought is use screen navigation instruction like click on a button and the instruction continue, focus move from one spot to another. However, after discussing with tutors, i was told that i must use third party plugging to implement it, which is not preferred. So i changed my design idea to use image to illustrate how to navigate and use the website.   S...

Blog week 12 This week is the VERY LAST WEEK before the website project is due. After last week's massive construction, our basic core technical part is done and we are building upon the basic core code. I firstly made a list of what we should be doing, found solutions to each of them and ticked them off one by one. The list includes toggle function of the icon (info from database), get modal button working on each info window, modal pop-up window content design, database retrieved info extension and group online zone http request fix. And the biggest technical problem i met this week is the info integration with pop-up window. There is a on click event function with the for loop but the for loop number appeared to be meaningless in the inner function. And this problem trapped me for days.  And i eventually solved this problem by creating a const (not var) in the for loop before function and pass the const into this function. Everything just worked out!  ...

Blog week 11 This week is the last but one week before the final project due, we have been super busy with the coding and construction of the website. And i, personally, as the guy in charge of all the core tech issues, was so dreadful building it and debugging. It is really hard debugging all those code, but at the same time, I believe I learned most as well. After succeed in pulling all the data from four databases, i am now trying to merge all four different scripts into one. It looks and sounds pretty easy, like just copy and paste all the code into one file. However, things went wrong when they are all together. The first problem i met was that two databases were loaded when the page is first loaded, and the third database will be loaded if the page is refreshed again, and so is the fourth database. And the console keeps giving me the error that null value cannot be proceed, which is a total nonsense as when i console.log the data in console, none of they are null and is bein...

Blog week 10 With the help from tutor, we successfully made it through some of the hardest technical problems. We fixed the problem that we retrieved data from database and stored it in the local storage but cant display them properly. And the problem turned out to be the text in the info windows kept being overwritten by the coming info tuple, so each time what we see is just the very last info tuple. After fixing that, i made a few changes so that the script can retrieve data from all different databases and store them in local storage. As can be seen from the code screen shot, what i did was four different script that can retrieve the data from different databases SEPARATELY. And i created a new script that can combine the four separate script. And this is my new challenge that i'll be working on for the next week. Reflection:  All the work is being undertaking normally and at a normal pace. The only problem is that coding has been really difficult without instruct...