Loading my Tweets......

Web Sites

 

PBHS JROTC wiki was a project I took on while I was in JROTC. A very heavy contributor was my assistant Smith who eventually became the S6 when I left the class. During that time however I thought of bringing my ideas of how the open source world usually deals with something no body knows everything about but many people know a lot about differently: use a wiki to help centralize that information. In doing so I thought we had solved many current and future issues, but as with many technologies that ‘solve everything’ they create new problems to solve.

For one we discovered the beauty of spam. OH spam, and how we then proceeded to lock every page because spam kept creeping on to the server and changing it. Once we fixed that we were basically left to edit the wiki our selves. Then it was the wiki language which was weird as well to anything we had already known. But the issue wasn’t for us but for others who wanted to edit would have to edit in wiki format! This isn’t arch linux, people were amazed when I setup Dropbox and Google Docs, so I began to understand that it wasn’t going to be excatly like arch linux’s wiki by any stretch of the imagination.

Our goal was to create an online cadet hand book that could be easily edited for any changes in the future and serve as a way to improve all cadets who were motivated by their cadet leadership to take action. Many times in JROTC there is a lack of capitalisation on the motivation many new cadets show by giving them the tools needed to advance. Their motivation leaves and that is when the leadership suddenly wants to teach them everything. Sometimes they get it and do well and other times they do not. Cadets could focus on other things if these initial things were handled better. At least this was my idea.

We created as many pages as possible which we then tried to fill up with useful information. We also turned each ribbon and rank in to it’s own image so we could in the future give a page to each ribbon. We made many pages and completed many of them as well before I had left. Namely the Ranks, Ribbons, Promotion Board, and Staff pages were particularly well done.

Looking back I wonder if I should have contacted other battalions in an effort to spread this work load as well. It would have been the ‘open-source’ way of doing it and probably would have resulted in some better content for everyone to link and use as well as improve. Although issues related to giving other cadets in other school an account to edit makes me uneasy it would have resulted in more work being accomplished.

And with that I give you the gallery!

 

I like WordPress a lot. It’s a pretty awesome setup I got going here. I don’t have to deal with pretty much anything, I just drag and drop things in places and stuff pretty much works. Plus if I need anything really spiffy I just download a plugin to do it for me. No special work on my part it seems, and would be entirely accurate. I haven’t coded a line of my website. For a long time I thought this would be an awesome thing. For one, this would be a totally social friendly thing. Things post to WordPress pretty easily too. However lately I’ve been thinking differently.

Some issues with WordPress are the following

The editor is slow and would be better if it used markup instead of HTML. That way I can know, easily, that what I am coding will show up in a certain way. So I disabled the editor and now I code the whole post by hand how I like it. However that gets very cluttered and is why I often do not put pictures when I have the pictures ready on my computer for uploading. It’s just annoying to me.

If I want to post to any other place, like twitter or Facebook, it’s an uphill battle. Also it’s a pain to get Facebook to have all the social network buttons I want and how I want them.

I do not want to mix all my posts. If I am posting about non-sense I want it split away from my posts about politics. There isn’t any need for me to feel restricted from making a serious post because right under it is a picture about a guy beating himself with a hammer (for the record I don’t have a post like that, but I should…).

Places like tumblr and twitter have awesome ideas about blogging. However why are they not in my blog as well? THAT would be a cool blog wouldn’t it? I think I should have a feature to pull twitter and tumblr posts to my blog and show them there for both archive and centralized reasons. Those posts should obviously look different as well.

But probably one of the worst things I have with WordPress is how it handles other part of my website. For instance if I wanted to have a page that isn’t viewed except by direct access. Or even more importantly a part of my website that better shows my various projects appropriately. WordPress requires too much learning to do what is a simply website design job (simple in comparison I mean). It has it’s own developer codex! and it’s big! I mean I know I like to learn things but learn WordPress? When I could be learning Java, Python, Linux, or a host of other things that I am actually interested in? No thank you.

I would also like my website to look… simple. I mean it’s pretty simply already, but I sort of like the Craig’s List type look or the old gmail look. Links, smaller text, and just the good ol’ web looking look. Something fast, cool, and simple. I can’t just change that on WordPress…unless someone already made it. Right now I am using a very customizable website template but it’s a lot work to understand it and set it up. It makes plenty of website design simpler but it’s really complicated in it’s own right too.

I just feel like I need a new website to meet needs I didn’t realize WordPress couldn’t easily handle. We shall see what I do because I am not sure what I am going to do but feel like a new blog post wouldn’t be a bad idea.

 

A gallery view of my wonderful website which I never got the chance to finish unfortunately. I will be going though this website in detail to show what I was able to accomplish, what went right/wrong, and how I could have done it better.

A little lesson that will help me and you!
Continue reading »

 
stwebMaster-code

This website was my first project in the real world. I created an awesome website which had several hundred users, mainly coaches and parents, and it helped organize and inform everyone of the the plans we had.

(View a gallery of my the website in development)

A summary of the things my website did:

  • Newsletters
  • Email Notifications
  • News/Blog posts(Notified subscribers)
  • Managed uploads(Admins didn’t need FTP, etc.)
  • Allowed easy access to Calendar and RSVP to events

I really didn’t want to update this website my self. I knew what being a ‘web master’ for the team would be and I wasn’t going to have it. I made this dynamic website to allow those who knew what needed to be on the website to put it what they wanted on the website themselves.

Things which at the time were very complex for me. In reality they are pretty complex to handle correctly although looking back I didn’t do it very well. It worked however which was the important thing. Issues I had though were in sanitizing inputs with ASP.NET in the admin section. Luckily my admin area was secure thanks to the ASP.NET login system and my users were not technical enough to try executing an SQL injection but there were many errors which they didn’t understand due to misplaced (‘) and (“). I was able to use ASP.NET and Visual Studio to make the website and maintain it until the day I lost the code. Then I moved on to hack a new calendar in to the website while also working on the Grand-daddy STWEB2.

Some lessons I’ve learned from this website were:

  • ASP.NET controls are slow
  • ASP.NET doesn’t compress or optimize easily
  • The simple project always gets more complicated
  • ALWAYS BACK UP YOUR CODE!
  • Know your users- In this case they knew very little about computers so everything needed to be friendly

Overall I loved making this website and got a whole bunch of hours from making it as well. I created the Project Manager application simply to track the hours I worked on this project alone. And it did a pretty good job of doing just that.

 

I have a million screen shots and this website is big enough that I can’t make one post with all of the information about it. Instead I’m going to post these screen shots and make smaller posts about the website over time.

Continue reading »

 

I do not have an image for my website to show you this time. This is because I lost all of the code for this website a long time ago. It was eventually so horrible that I deleted it. I couldn’t even load the page without errors so I would have had trouble getting a screenshot anyways.

I’ll use this as a chance to explain the pitfalls I encountered making this website and how you should avoid them in your website but also as a history lesson of my old website.

It was created using PHP which I had just learned from Tizag.com. At that time I just learned PHP only and no understanding of how to organize my code. A horrible mistake on my part and which my dad warned me on and I promptly ignored as well. Reason being that I created a website the worked! For the first time ever I made a server-side powered website that actually did something! It was, to say the least, VERY liberating to finally have gotten to the point of making a website. Not to say it looked that great, did much, or even did it well, but it did something.

I can’t remember for sure but I think I could update the pages using a web interface. I could also update certain things that showed up on the website. I do however know I did create a section for people to upload ‘Current Events’. The deal was that our teacher never actually checked the current events. It was just important that we made sure to not all turn in the same one or turn in the same ones every week. However all I made was a place for people to contribute to the place by adding new Current Events. The idea behind that being that if we all created one current event we could alternate between each other and build a collection to use repeatedly. It did not but it was a good try I thought.

However one day during math class, we were using the computers and disaster struck. I loaded my website out of curiosity and clicked a link. All of a sudden my website when in to a crazy error and nothing was working. The whole website crashed and it looked like my login.php was the source of the error. The problem also with this was that login.php was required for the whole website and powered a good deal of the functionality. Most of the website was created with login.php providing the authentication. So you can imagine I just did something to the website that causes this issue to occur. Apparently not because 3 hours later for me and another hour or two with my dad solved no bug…

My website was dead… the cause? SPAGHETTI CODE.

Login.php was a horrible piece of code. I couldn’t figure it out my self either I just knew it worked and that if I kept using the session variables and cookies it set that I could get what I needed and provide the features I wanted. However it was over… the website had died.

Thats when I created my temporary flash website of Chris Portela V7.net so I could create Chris Portela V7.net

 

I didn’t expect this website to get any more popular but apparently I’m putting together content that people want to read.

Those are the monthly statistics since I’ve started my website. I have not advertised at all and do not provide any services on my website. I think that it’s been going up pretty quickly or at least hasn’t been going down. It reached 532 visitors in May and 443 in June. July is already at 398 and probably going to get close to 500. Now I just need to figure out why my ads aren’t bringing in any money… :\

 

Currently both ChrisPortela.com and Chris-Portela.com work for both sending me emails and accessing my website. I’ve been wanting to make the switch for a while especially since my Chris-Portela.com domain is a bit harder sell to people. The dash is hard to explain and usually embarrassing.

While I haven’t finished changing all the links to chris-portela.com or anything I know I need to at least change ones on my website. I will be doing this soon.

 

This website was part of a project I was doing in International Business class for a fake company we created called Gaderio. It was a Brazilian chocolate company which we based out of Georgia. It was one my more impressive visual designs I’ve made before. When we show cased this website as part of a school-wide project to use technology more in the class room my website was easily able to out shine the websites created in the Web Design II class. I wasn’t surprised but it made a big point of how much further ahead I was.

This website isn’t very fast to download though. It was created for being viewed on a local computer with basically instant access. The images aren’t very small and so the website needs to load for a couple seconds first before being viewed. So please forgive any slowness in the loading and viewing of the website. The JavaScript is also set to load last so please let the rounded corner effects load as well.

Because no one would be using this website it has only a page or two of PHP code which spit back fake invoices. And those invoices are one line saying “we’re going to send you a box, thanks!” So the website is very static and therefore was very easy to make.

Development issues

During this I tried many different ways to develop this website while in school. I got GIMP portable and notepad2 Portable, I used Mozilla’s Bespin Project(Now SkyWritter), and I even just tried sitting there in class. None of it worked. In the end all of those things just made it all too difficult to make the website. The computers were just too damn slow and on top of that most of the time we were only using the Macs which proved difficult to create websites on with the programs I had gotten. I eventually just did it at home on my beloved ThinkPad T60p

I also used NiftyCorners for the rounded corners on my website. I’ve used it for almost all my projects except for a couple ASP.NET projects where I experimented with ASP.NET AJAX rounded corner effects and then I went back to NiftyCorners. I totally recommend those for any rounded corner effects although their draw back is that to load the page quickly they must take effect after the page loads.

Once I finished it I uploaded it to an account I had with x10hosting.com which was canceled later once I stopped visiting the forums as was required to remain an active account.

 

I took this project on for my friend to create a dynamic website that could be easily managed by someone who knew nothing about web developing. It featured custom pages(Like WordPress), Listings of homes for sale with ability to “feature” certain ones, an admin panel, image uploading, and many other features. It was, however very nice looking and cool, still flawed in that it was a pure PHP project which I did with the intentions of “Just getting done.” So although you can read the code for the website it’s not very clean or easy to maintain. It is my best PHP website before I began to use CakePHP

Although I never met the person who wanted this website, the friend I mentioned did all the business for me and I did the work, it turned out he never did anything with the website. Looking at the website today it appears that the owner has done nothing with the website. I have never been able to talk to him but either he felt it was too hard or did not care that much to take care of the website. The pages on the website were created by my friend and then we were paid. Afterwards checking back on this website it appears to be a dud which is kind of disappointing to me. I think there were several areas where the website was a not user-friendly. Thankfully CakePHP, which if you can’t tell I love greatly, has solved many of those issues I used to have. But this website was not all that flawed and I don’t understand why the owner doesn’t use it more. Checking back on the website I have noticed that it is still fully functional, fast, and easy to use. Even the old issue of FckEditor loading slowly was not much of an issue on a strained connection which I’m writing this from.

One of my proudest achievements, this was my first real business projects that I completed.

Go to: Southcore Realty.com(DEAD LINK: I guess he didn’t keep the website. I still have the code just in case I would need to show it off though)

© 2011 Chris Portela.com Suffusion theme by Sayontan Sinha
Performance Optimization WordPress Plugins by W3 EDGE

Switch to our mobile site